*{
margin: 0;
padding: 0;
border: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
@font-face {
font-family: roboto;
src: url(//fam-alliance.kz/wp-content/themes/0-57alliance/font/robotoregular.ttf);
}
@font-face {
font-family: fedrasans;
src: url(//fam-alliance.kz/wp-content/themes/0-57alliance/font/fedrasanspro.ttf);
}
@font-face {
font-family: bounded;
src: url(//fam-alliance.kz/wp-content/themes/0-57alliance/font/montserrat.otf);
}    
body {
font: 16px/25px roboto;
}
#top_header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 164px;
z-index: 9;
}
#wrap {
margin: 0 auto;
padding: 164px 0 0 0;
width: 100%;
min-width: 300px;
overflow-x: hidden;
background: #fff;
line-height: 1.4;
color: #333;
}
img {
padding: 0;
margin: 0;
border: 0;
max-width: 100%;
height: auto;
}
p {
margin: 0 0 1em 0;
}
a {
text-decoration: none;
color: #6c517c;
}
#top {
width: 100%;
height: 54px;
background: #6c517c;
}
#top .center {
position: relative;
}
#menu {
position: absolute;
top: 0;
left: 0;
}
#top_right {
position: absolute;
top: 7px;
right: 0px;
}
#top_right img {
width: 32px;
}
#header {
width: 100%;
background: #f8f7ff;
padding: 10px 0 10px 0;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
header {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 1300px;
height: 90px;
}
#logo {
position: absolute;
top: 5px;
left: 1px;
}
#logo img {
width: 88px;
display: block;
}
#callback {
position: absolute;
top: 27px;
left: 180px;
}
#callback a {
font: 16px roboto;
display: inline-block;
border: 2px solid #333;
color: #333;
padding: 8px 15px;
border-radius: 25px;
}
#callback2 {
margin: 20px 0 20px 0;
}
#callback2 a {
font: 16px roboto;
display: inline-block;
border: 2px solid #333;
color: #333;
padding: 8px 15px;
border-radius: 25px;
}
#mobilesearch, #mysearch {
display: none;
}
#bigsearch {
position: absolute;
top: 30px;
right: 1px;
}
#bigsearch > div {
position: relative;
}
#search form {
position: relative;
overflow: hidden;
border-radius: 5px;
width: 100%;
display: block;
}
#search input {
border: 1px solid #ccc;
border-radius: 30px;
background: #fff;
padding: 6px 7px 7px 10px;
margin: 0 0 0 0;
font: 16px/16px roboto;
display: inline-block;
min-width: 40px;
width: 100%;
text-align: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#search button {
position: absolute;
top: 0;
right: 0;
background: #6c517c;
color: #fff;
border-radius: 0 30px 30px 0;
padding: 7px 10px;
margin: 0 0 0 0;
width: 40px;
cursor: pointer;
text-align: center;
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#search button img {
display: block;
}
.search_result {
position: absolute;
top: 35px;
left: 0;
width: 280px;
padding: 0 10px 0 10px;
background: #fff;
overflow: hidden;
z-index: 100;
}
.search_result a {
display: block;
margin: 10px 0 10px 0;
font: 14px roboto;
color: #333;
}
#phone {
position: absolute;
top: 30px;
right: 600px;
padding: 4px 0 10px 35px;
background: url(//fam-alliance.kz/wp-content/themes/0-57alliance/img/whatsapp1.png) no-repeat;
background-size: 30px auto;;
}
#phone a {
font: 16px roboto;
color: #333;
}
#mail {
position: absolute;
top: 30px;
right: 300px;
padding: 4px 0 10px 35px;
background: url(//fam-alliance.kz/wp-content/themes/0-57alliance/img/mail1.png) no-repeat;
background-size: 30px auto;;
}
#mail a {
font: 16px roboto;
color: #333;
}
#breadcrumb {
margin: 15px 0 15px 0;
}
.center {
margin: 0 auto;
width: 100%;
max-width: 1300px;
}
#homeslider h1 {
font: 60px/60px bounded;
margin: 0 0 30px 0;
}
h1 span {
color: #6c517c;
}
#homeslider p {
font: 20px/20px bounded;
margin: 0 0 50px 0;
}
#homelinks {
width: 100%;
max-width: 700px;
margin: 0 auto;
}
#homelinks > div {
margin: 0 0 10px 0;
}
#homelinks a {
font: 25px/25px bounded;
display: block;
border: 2px solid #333;
color: #333;
padding: 20px 0;
border-radius: 30px;
text-decoration: none;
}
#homelinks a:hover {
border: 2px solid #6c517c;
color: #fff;
background: #6c517c;
}
.about {
display: grid;
grid-gap: 10px 0;
grid-template-columns: 50% 50%;
}
.about img {
display: block;	
}
.text {
padding: 0 40px 0 40px;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
align-items: center;
background: #6c517c;
color: #fff;
}
.about h1, .about h2, .about h3 {
font: bold 40px fedrasans;
text-align: left;
margin: 0 0 10px 0;
}
.about p {
margin: 0 0 20px 0;
display: flex;
align-items: center;
}
.text img {
margin: 0 10px 0 0;
}
.about p:last-child {
margin: 0 0 0 0;
}
.catalog {
text-align: center;
}
.catalog a {
color: #333;
}
.in {
padding: 0 20px 0 20px;
box-sizing: border-box;
text-align: center;
}
.in h3 {
margin: 25px 0 20px 0;
font: bold 18px roboto;
height: 2.4em;
overflow: hidden;
color: #6c517c;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.in p {
margin: 0 0 1em 0;
font: 16px/18px roboto;
display: block;
}    
.catalog > a > img {
display: block;
border: 1px solid #6c517c;
}
.price {
font: bold 25px roboto;
}
.cart a {
padding: 12px 25px;
background: #6c517c;
border-radius: 2px;
color: #fff;
display: block;
box-sizing: border-box;
margin: 20px 0 20px 0;
font: bold 16px/18px roboto;
text-align: center;
cursor: pointer;
}
.modal {
z-index: 9999999 !important;
max-width: 700px !important;
}
#ex1 h2 {
font: bold 25px roboto;
margin: 20px 0 20px 0;
text-align: left;
color: #333;
}
.mycart {
margin: 0 0 20px 0;
}
.mycart > div {
display: grid;
grid-gap: 10px 1%;
grid-template-columns: 40px 1fr 100px 140px 100px 30px;
word-break: break-all;
padding: 30px 10px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mycart > div:hover {
background: #f5f5f5;
}
.mycart > div > div {
display: flex;
align-items: center;
}
.mycart a {
color: #333;
}
.cartprice {
justify-content: left;
font: bold 16px roboto;
}
.mycart input {
border: 1px solid #eee;
border-radius: 5px;
background: #fff;
padding: 5px 2px;
margin: 0 5px 0 5px;
font: 16px/16px roboto;
display: inline-block;
min-width: 60px;
width: 100%;
text-align: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mycart button {
border-radius: 2px;
background: #a0252a;
color: #fff;
padding: 5px 10px;
cursor: pointer;
text-align: center;
display: inline-block;
max-width: 40px;
width: 100%;
font: 16px roboto;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn {
background: transparent !important;
color: #333 !important;
}
#totalprice {
font: bold 18px roboto;
}
#cart_link a {
border-radius: 5px;
background: #6c517c;
color: #fff;
padding: 15px 10px;
margin: 30px 0 20px 0;
cursor: pointer;
text-align: center;
display: block;
width: 100%;
font: bold 16px roboto;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cart_show {
max-width: 800px;
margin: 0 auto;
}
.compare {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.mycompare {
display: grid;
grid-gap: 30px 2%;
grid-template-columns: 1fr 1fr 1fr;
margin: 0 0 30px 0;
text-align: center;
}
.compareprice {
font: bold 16px roboto;
margin: 0 0 15px 0;
}
.compare_title {
margin: 10px 0 0 0;
}
.compare_title a {
color: #333;
}
#cartform {
max-width: 500px;
}
#cart_show h2 {
margin: 50px 0 10px 0;
text-align: left;
}
#cartform input {
border: 1px solid #ccc;
border-radius: 2px;
background: #fff;
padding: 10px;
font-size: 16px;
margin: 0 0 20px 0;
display: block;
width: 100%;
text-align: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cartform button {
border-radius: 5px;
background: #a0252a;
color: #fff;
padding: 15px 10px;
cursor: pointer;
text-align: center;
display: block;
width: 100%;
font: 16px roboto;
}
#download_Btn {
border-radius: 5px;
background: #6c517c;
color: #fff;
padding: 15px 10px;
margin: 20px 0 20px 0;
cursor: pointer;
text-align: center;
display: block;
width: 100%;
max-width: 200px;
font: 16px roboto;
}
#pdf {
display: none;
font: 14px roboto;
}
#pdf_basy {
position: relative;
height: 200px;
}
#pdf_logo {
position: absolute;
top: 10px;
left: 1px;
width: 150px;
}
#pdf_address {
position: absolute;
top: 45px;
right: 1px;
font: 14px roboto;
}
#tizim > div {
display: grid;
grid-gap: 30px 2%;
grid-template-columns: 100px 1fr 100px 100px;
margin: 0 0 30px 0;
}
#tizim > div > div {
display: flex;
align-items: center;
}
#tizim2 {
display: grid;
grid-gap: 30px 2%;
grid-template-columns: 1fr 1fr 1fr;
margin: 0 0 30px 0;
text-align: center;
}
#catalog_links {
display: grid;
grid-gap: 30px 2%;
grid-template-columns: 1fr 1fr 1fr;
margin: 0 0 30px 0;
text-align: center;
}
#catalog_links div {
border: 3px solid #fff;
}
#catalog_links div:hover {
border: 3px solid rgb(108, 81, 124);
}
#catalog_links img {
display: block;
}
#catalog_links p {
padding: 20px 0 20px 0;
background: #ccc;
margin: 0 0 0 0;
}
#catalog_links a {
color: #333;
font: 18px roboto;
}
#eki {
display: grid;
grid-gap: 30px 2%;
grid-template-columns: 500px 1fr;
margin: 30px 0 30px 0;
}
#eki img {
display: block;
}
#eki h1 {
font: 40px/40px bounded;
color: #6c517c;
text-align: left;
margin: 0 0 20px 0;
}
.single_compare {
justify-content: left !important;
margin: 0 0 20px 0;
}
#single_gallery {
display: grid;
grid-gap: 10px 2%;
grid-template-columns: 1fr 1fr 1fr;
margin: 10px 0 30px 0;
}
#small {
max-width: 500px;
}
#small > a {
display: flex;
align-items: center;
border: 1px solid #6c517c;
padding: 10px 5px;
}
#small img {
margin: 0 5px 0 0;
}
#kaspi {
margin: 20px 0 0 0;
}
#kaspi a {
color: #333;
text-decoration: underline;
}
#qyzyl {
padding: 50px 0 50px 0;
margin: 0 0 100px 0;
background: #6c517c;
color: #fff;
}
.tabs-wrapper .active {
color: #fff;
border-bottom: 2px solid #fff;
}
.tab {
font: 30px bounded;
margin: 0 20px 20px 0;
display: inline-block;
cursor: pointer;
}
#like {
margin: 0 0 100px 0;
}
#history {
max-width: 500px;
margin: 0 auto;
border-left: 1px solid #333;
} 
#history h3 {
text-align: left;
border-bottom: 1px solid #333;
display: inline-block;
padding: 0 200px 10px 20px;
margin: 50px 0 30px 0;
color: #6c517c;
}
#history p {
display: flex;
align-items: center;
margin: 0 0 20px 20px;
}
#history img {
margin: 0 10px 0 0;
}
#section {
margin: 0 auto;
width: 94%;
max-width: 1300px;
padding: 0 0 50px 0;
}
h1 {
font: 35px/35px bounded;
margin: 40px 0 20px 0;
text-align: center;
}
h2 {
font: 30px/30px bounded;
margin: 0 0 20px 0;
text-align: center;
color: #6c517c;
}
h3 {
font: 25px/25px bounded;
margin: 40px 0 20px 0;
text-align: center;
}
#whatsapp {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 99999999;
width: 50px;	
}
#whatsapp img {
display: block;
margin: 0 0 10px 0;	
}
#ex2 {
padding: 40px 30px 40px 30px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#ex2 h2 {
margin: 0 0 10px 0;
}
#mymail input {
padding: 15px;
color: #333;
border: 1px solid #333;
font: 16px roboto;
margin: 0 0 15px 0;
display: block;
border-radius: 15px;
width: 100%;
text-align: center;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#mymail button {
background: #6c517c;
color: #fff;
padding: 15px;
display: block;
cursor: pointer;
text-align: center;
width: 100%;
height: auto;
font: 16px roboto;
border-radius: 15px;
}  
#result {
margin: 10px 0 0 0;
}    
#myfooter {
width: 100%;
background: #ccc;
}
footer ul li a {
font: 16px roboto;
color: #333;
text-decoration: none;
display: block;
margin: 0 0 10px 0;
}
footer {
margin: 0 auto;    
width: 94%;
max-width: 1300px;
padding: 50px 0 50px 0;
display: grid;
grid-gap: 20px 4%;
grid-template-columns: 48% 48%;
}
#footer_right {
text-align: right;
}
#footer_right img {
width: 32px;
}
footer ul li {
list-style: none;
}
#copy {
border-top: 1px solid #333;
background: #ccc;
padding: 15px 0 25px 0;
}
#copy p {
font: 14px roboto;
margin: 0 0 0 0;
padding: 10px 0 0 0;
color: #333;
}
#copy a {
font: 14px roboto;
text-decoration: none;
color: #000;
}
#gallery {
display: grid;
grid-gap: 20px 2%;
grid-template-columns: 32% 32% 32%;
text-align: center;
}
#bigcatalog {
display: grid;
grid-gap: 30px 2%;
grid-template-columns: 1fr 1fr 1fr;
margin: 0 0 50px 0;
}
#bigcatalog a {
text-decoration: none;
color: #333;
}
#bigcatalog img {
display: block;
}
#bigcatalog p {
font: 18px/18px roboto;
margin: 0 0 0 0;
padding: 20px 20px 20px 20px;
color: #fff;
background: #6c517c;
display: grid;
grid-gap: 30px 2%;
grid-template-columns: 1fr 30px;
vertical-align: baseline;
}
#catalog {
display: grid;
grid-gap: 30px 2%;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 0 0 30px 0;
}
#catalog > div {
border: 3px solid #fff;
padding: 5px;
}
#catalog > div:hover {
border: 3px solid rgb(108, 81, 124);
}
#mylinks {
text-align: center;
margin: 0 0 40px 0;
}
#last {
margin: 50px 0 0 0;
}
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
img.alignright {
float: right;
margin: 0 10px 3px 5px;
}
img.alignleft {
float: left;
margin: 0 10px 3px 0;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.error {
color: red;
}
.clear {
width: 100%;
height: 1px;
clear: both;
}
.myvideo {
position: relative;
padding: 30px 0 56.25% 0;
height: 0;
overflow: hidden;
border: 1px solid #ccc;
}
.myvideo iframe,.myvideo object,.myvideo embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
article ul, article ol {
margin: 0 0 0 20px;
}
article ul li, article ol li {
margin: 0 0 10px 0;
}
.closebtn, #hamburger, #menucontact, #language2 {
display: none;
}
#mymenu {
width: 100%;
max-width: 1330px;
margin: 0 auto;
}
#mymenu ul li {
float: left;
list-style: none;
position: relative;	
}
#mymenu ul li a {
font: 16px/18px fedrasans;
padding: 18px 20px;
color: #fff;
text-decoration: none;
display: block;
}
#mymenu ul li ul {
display: none;	
}
#mymenu ul li:hover ul {
position: absolute;
top: 54px;
display: block;
z-index: 9;
}
.myspan {
position: relative;
}
.myspan span {
cursor: pointer;
color: red;
}
#mymenu ul li span {
position: absolute;
top: 21px;
right: 0;
display: block;
border: solid #fff;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
#mymenu ul li ul li a {
font: 14px roboto;
padding: 15px 20px;
color: #fff;
background: #6c517c;
text-decoration: none;
display: block;
width: 200px;
}
button {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.slide-arrow {
position: absolute;
top: 50%;
margin-top: -15px;
z-index: 1;  
}
.prev-arrow {
left: 20px;
width: 0;
height: 0;
border: solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 8px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.next-arrow {
right: 20px;
width: 0;
height: 0;
border: solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 8px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
@media only screen and (max-width:1200px){
.center {
width: 96%;
padding: 0 2% 0 2%;	
}
}
@media only screen and (max-width:1100px){
body {
font: 15px/20px roboto;
}
#top_header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 9;
}
#wrap {
margin: 0 auto;
padding: 100px 0 0 0;
}
#top {
height: 40px;
}
#top_right {
position: absolute;
top: 1px;
right: 0px;
}
#top_right img {
width: 28px;
}
#header {
padding: 0 0 0 0;
}
header {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 1200px;
height: 60px;
}
#logo {
top: 5px;
}
#logo img {
width: 55px;
}
#hamburger {
position: absolute;
left: 1px;
top: 3px;
cursor: pointer;
display: inline-block;
}
#phone {
position: absolute;
top: 10px;
right: 40px;
padding: 0 0 0 0;
background: transparent;
}  
#phone a {
font: 16px roboto;
color: #333;
}
#callback {
display: none;
}
#mail {
position: absolute;
top: 33px;
right: 40px;
padding: 0 0 0 0;
background: transparent;
}      
#mail a {
font: 16px roboto;
color: #333;
}
#search {
display: none;
}
#mobilesearch {
position: absolute;
right: 1px;
top: 16px;
cursor: pointer;
display: inline-block;
width: 27px;
}
#mobilesearch img {
cursor: pointer;
}
#mysearch {
position: absolute;
top: 60px;
width: 100%;
background: #f5f5f5;
width: 90%;
padding: 20px 5% 20px 5%;
z-index: 9;
}
#mysearch form {
position: relative;
overflow: hidden;
border-radius: 5px;
}
#mysearch input {
border: 1px solid #ccc;
border-radius: 5px;
background: #fff;
padding: 6px 7px 7px 7px;
margin: 0 0 0 0;
font: 16px/16px roboto;
display: inline-block;
min-width: 40px;
width: 100%;
text-align: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#mysearch button {
position: absolute;
top: 0;
right: 0;
background: #6c517c;
color: #fff;
border-radius: 0 5px 5px 0;
padding: 8px 10px;
margin: 0 0 0 0;
width: 40px;
cursor: pointer;
text-align: center;
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#mysearch button img {
display: block;
}
#menu {
background: rgba(255, 255, 255, 1);
margin: 0 0 0 0;
min-height: 100vh;
width: 0;
max-width: 800px;
position: fixed;
z-index: 9999999;
top: 0;
left: 0;
overflow-x: hidden;
transition: 0.2s;
}
#menu .closebtn {
position: absolute;
top: 0;
right: 0;
font-size: 36px;
padding: 0 10px 0 10px;
line-height: 1;
background: #6c517c;
color: #fff;
text-decoration: none;
display: block;
}
#menucontact {
display: block;
margin: 30px 0 0 20px;
}
#mymenu ul li {
float: none;
display: block;
list-style: none;
position: relative;	
}
#mymenu ul li a {
font: bold 18px roboto;
padding: 15px 20px;
color: #333;
text-decoration: none;
display: block;
width: 70%;
}
#mymenu ul li span {
position: absolute;
top: 15px;
right: 20px;
border: none;
display: block;
border: solid #333;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
#mymenu ul li:hover ul {
position: relative;
top: 0;
display: none;
}
#mymenu ul li ul {
display: none;	
}
#mymenu ul li ul li a {
font: 16px roboto;
padding: 15px 30px;
color: #333;
background: transparent;
text-decoration: none;
display: block;
width: 100%;
}
}
@media only screen and (max-width:950px){     
#homeslider h1 {
font: 30px/30px bounded;
margin: 0 0 30px 0;
}
#homeslider p {
font: 16px/16px bounded;
margin: 0 0 20px 0;
} 
#homelinks a {
font: 18px/18px bounded;
display: block;
border: 2px solid #333;
color: #333;
padding: 15px 0;
border-radius: 30px;
text-decoration: none;
}
.about {
display: grid;
grid-gap: 0 0;
grid-template-columns: 100%;
}
.text {
padding: 30px 20px 30px 20px;
}                 
.about h1, .about h2, .about h3 {
font: 25px bounded;
margin: 0 0 10px 0;
}   
.reverse {
display: flex;
flex-direction: column-reverse;
}
#catalog_links {
grid-template-columns: 100%;
}   
#catalog_links a {
font: 15px roboto;
}       
h1 {
font: 35px/35px bounded;
margin: 20px 0 10px 0;
}
h2 {
margin: 40px 0 10px 0;
font: 25px/25px bounded;
}
h3 {
margin: 40px 0 20px 0;
font: 23px/23px bounded;
}
footer {
padding: 20px 0 10px 0;
grid-gap: 10px 0;
grid-template-columns: 100%;
}
#footer_right {
text-align: left;
}
#gallery {
display: grid;
grid-gap: 10px 4%;
grid-template-columns: 48% 48%;
text-align: center;
}
#catalog {
display: grid;
grid-gap: 30px 0;
grid-template-columns: 100%;
}
#bigcatalog {
display: grid;
grid-gap: 30px 0;
grid-template-columns: 100%;
margin: 0 0 30px 0;
}
#bigcatalog p {
font: 16px roboto;
padding: 15px 15px 15px 15px;
}
#eki {
grid-gap: 20px 0;
grid-template-columns: 100%;
margin: 30px 0 30px 0;
}
#eki h1 {
font: 30px/30px bounded;
margin: 0 0 20px 0;
}
#history h3 {
padding: 0 20px 10px 20px;
margin: 20px 0 30px 0;
}
#history p {
display: block;
margin: 0 0 20px 20px;
}    
#history img {
margin: 0 0 10px 0;
display: block;
}
.mycompare {
grid-gap: 30px 0;
grid-template-columns: 100%;
}
.blocker {
padding: 5px !important;
}
.modal {
padding: 20px 5px !important;
width: 98% !important;
max-width: 900px !important;
}
.mycart > div {
grid-gap: 10px 4%;
grid-template-columns: 28% 48% 10%;
}    
}