@media (max-width:1600px) {
   body{
        background-image:url(../img/body_big.jpg);
    } 
}

@media (max-width:1280px) {
   body{
        background-image:url(../img/body_medium.jpg);
    } 
}


@media (max-width:1115px) {
    body, header, #container, .row, .layout0, div.layout, div.header {
        width: 100%;
        min-width:0;
        transition:all 0.3s ease 0s;
    }
    body{overflow-x:hidden;}

      
    .bx-viewport{width:calc(100% - 80px) !important;}

    h1.title{width:96%;margin-left:2%;overflow:hidden;}
    .simple-block{width:96%; margin:0 auto;}
}/* 1215 px*/

@media (max-width:1040px) {
    .logo{margin-left:10px;}
    .gallery-preview{
        width:31.33%;
    }
    
    .index-catalog-item{width:29%;margin:8px 2%;}
    .index-text{width:96%;margin:20px 0 0 2%;height:auto;}
}/* 1215 px*/

@media (max-width:990px) {
    .topmenu td{
        padding:0 5px;
    }
     .permission{
        width:21%;
        margin:10px 2%;
    }
}/* 990 px*/


@media (max-width:870px) {
    .topmenu_mobile{display:block;}
    .topmenu table{
        top:100%;
        background-color:#594e45;
        position:absolute;
        width:101%;
        margin:0;
        z-index:5;
        box-shadow:0px 20px 20px 0 rgba(0,0,0,0.3);
        transform: rotateX(90deg) translateX(-100%);
        transition: all 0.3s ease 0s;
    }
    .topmenu table.active{
        transform: rotateX(0deg) translateX(0);
    }
    .topmenu td{
        width:96%;
        display:block;
        text-align:left;
        padding:7px 2%;
        margin:0;
        height:auto;
    }
    .topmenu td:before{        
        display:none;
    }
    .topmenu td.active, .topmenu td:hover{        
        padding-left:6%;
        width:92%;
    }
    .topmenu td a{
        display:inline-block;
        width:100%;
        line-height:1.5em;
    }
    
    div[class^=navbar-toggle]{display:block;} 
    
    
    
    
    
     
    .permission{
        width:46%;
    }
    .footer-contacts, .footer-copyright{
        width:96%;
        margin:10px 2%;
    } 
     
    .index-catalog-item{width:46%;margin:8px 2%;}
    
    .footer-menu{display:none;}

    div.catalog-tree {
        margin: 5px 1%;
    }
    .title, h1.title, h2.title{margin:20px 1%;}
    
      div.leftmenu-catalog{
        display:none;
      	position:absolute;
      	top:0;
      	left:0;
      	border:none;
      	width:96%;
      	margin:0;
      	padding:1% 2%;
      	background: #fff;
        box-shadow:0px 20px 20px 0 rgba(0,0,0,0.3);
      	z-index:560;
      }
    .leftside {
        width: 0px;
        height: 0px;
        overflow: hidden;
        float: left;
        margin: 0;
    } 
    div.rightside{width:98%;margin:0 1%;}
    
    .rightside h1{margin-top:0;}
      
}/* 870 px*/
@media (max-width:770px) {
    body{
        background-image:url(../img/body_small.jpg);
    } 
    
    .catalog-preview-description{
        font-size:0.9em;
    }
    
    .contact-left{
        width:96%;
    }
    .contact-text{
        width:100%;
    }    
    .map{
        width:96%;
    }
    .map iframe{
        height:350px;
    }
}
@media (max-width:730px) {
    body{
        background-image:url(../img/body_min.jpg);
    } 
    
   

    .catalog-preview{
        width:47%;
        margin:1% 1% 1% 2%;
    }
    .catalog-preview:nth-of-type(even){
        margin-left:1%;
        margin-right:2%;
    }
    .catalog-preview-description{
        font-size:1em;
    }
    
    .tovar-preview{
        width:42%;
        margin:2% 0% 2% 8%;
    }
    .tovar-preview:nth-of-type(even){
        float:right;
        margin:2% 8% 2% 0%;
    }
    
    .aquagallery{
        width:calc(31.33% - 4px);
    }
    
    
}

@media (max-width:680px) {
    .index-img{
        float:none;
        clear:both;
        display:block;
        margin:0 auto 10px auto;
        max-width:100%;
    }
    
    
    
    
    
    .logo{
        width:100%;
        margin:10px 0;
        text-align:center;
    }
   
     
    .catalog-preview-title{       
        top:0.5em;        
        font-size:1.25em; 
        height:3em;
    }
    .catalog-preview-description{
        font-size:0.9em;
    }
    .catalog-preview:hover .catalog-preview-description{
        top:5em;
    }
    
    .tovar-preview{
        width:45%;
        margin:2% 0% 2% 3%;
    }
    .tovar-preview:nth-of-type(even){
        float:right;
        margin:2% 3% 2% 0%;
    }
    
    .footer-contacts td, .footer-copyright td{
        display:block;
        width:100%;
        text-align:center !important;
    } 
    .footer-contacts .orange_button{margin:15px 0 0 0;}
    
    .title, h1.title{font-size:1.8em;}  
}


@media (max-width:590px) {
   
    
    
    .catalog-index-item{width:calc(48% - 2px);margin:1%;}
    div.catalog-item:not(.slide), div.catalog-category{width:calc(48% - 2px);}
    div.catalog-category{margin:0.75% !important;}
    .index-catalog-item{width:98%;margin:8px 2%;}
            
      
    .cartbox-block .oc-form_holder, .oc-form_holder{width:90%;margin:20px 5%;} 
    .oc-form_holder .grey_button{width:calc(100% - 2px);}
}/* 590 px*/

@media (max-width:520px) {
    .index_text{
        width:94%;
        margin-left:3%;
    }
    .form-download{
        width:300px;
    }
    .form-download td{
        display:block;        
    }
    .form-download label{
        text-align:left;
    }
    
    .prices{
        font-size:0.9em;
    }
}

@media (max-width:450px) {
    
    .permission{
        width:96%;
    }
    .catalog-preview, .catalog-preview:nth-of-type(even), .tovar-preview, .tovar-preview:nth-of-type(even){
        width:96%;
        margin:2% auto 4% auto;
        float:none;
    }
    .aquagallery{
        width:calc(48% - 4px);
    }
       
   
}


@media (max-width:400px) {
   .news-preview{font-size:0.85em;}
}/* 400 px*/

@media (max-width:350px) {
    .prices td:first-of-type, .prices th:first-of-type{
        display:none;
    }
}