/*   
Theme Name: 0-57alliance
*/

*{
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(font/robotoregular.ttf);
}

@font-face {
font-family: fedrasans;
src: url(font/fedrasanspro.ttf);
}

@font-face {
font-family: bounded;
src: url(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(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(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%;
}    
}