@media only screen (min-width:1024px) and and (max-width: 1200px)
{

}
@media only screen and (min-width:768px) and (max-width: 1024px){

}

@media only screen and (max-width: 768px)
{
    body{width:100%;
    min-width:100%;
    }
    .page{
        width:98%;
        padding:0 1%;
    }
    .field{
        width:100%!important;
        float:none!important;
    }
    .form-list li.wide .input-box{
        width:100%;
    }
    #contactForm .form-list li.wide textarea{
        width:100%;
    }
    .logo{
        width:100%;
        float:none;
    }
    #search_mini_form{
        width:100%;
        float:none;
    }
    .header .logo{
        width:100%;
        float:none;
    }
    .header .quick-access{
        width:100%;
        float:none;
    }    
    .nav-container{
        height:auto;
    }
    #search_mini_form, .block-cart-header{
        float:none;
        width:100%;
        padding:0px;
        margin:0px;
    }
    .col-left{
        width:100%;
        float:none;
        margin:0px;
    }
    .col2-right-layout .col-main{
        margin-left:0px;
    }
    .col-main{
        width:100%;
        float:none;
        margin:0px;
    }
    .products-grid li.item{
        width:100%;
        text-align:center;
        padding:0px;
        margin:0px;
    }
    .header .form-search .input-text{
        width:60%;
    }
    .col2-left-layout .products-grid, .col2-right-layout .products-grid{
        width:100%;
    }
    .grid-inner{
        width:100%;
    }
    .product-box-2{
        padding:16px 0px;
    }
    
    
    
    .main-menu a#pull {  
        display: block;  
        background-color: #FD8D0D;  
        width: 100%;  
        position: relative; 
        clear: both; 
    }
    .main-menu a#pull:after{  
        content:"";  
        background: url('../images/nav-icon.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 20px;  
        top: 10px;  
    }
    .main-menu a {  
        color: #fff;  
        display: inline-block;  
        width: 100%;  
        text-align: center;  
        text-decoration: none;  
        line-height: 40px;  
        font-size:14px; 
    } 

    .main-menu ul{
        display:none;
        height:auto;
    }
    .main-menu ul li ul{
        display:none!important;
    }
    .main-menu ul li{
        float:none;
    }
    .main-menu ul{
        background:#FD8D0D;
    }
    .main-menu ul li ul,.main-menu ul li ul li,.main-menu ul li ul li a{
        background:red;
    }
    .main-menu ul li:hover ul{
        display:block!important;
        position:absolute;
        top:40px;
        left:0px;
        width:100%;
        background:red;
        z-index:999999!important;
        clear:both;
    }
    .main-menu ul li ul li:hover{
        background:red;
    }
    .main-menu ul li:hover{
        position:relative;
        height:auto;
    }
    .main-menu ul li ul li a{
        color:#fff!important;
    }    
    .main-menu ul li a, .main-menu ul li ul li a{
        text-align:left;
    }
    .home a {
    	width: 100%;
    	height: 40px;
    	padding: 0 !important;
    	background: url(../images/home.png) no-repeat left center;
    	float: none;
    	display: block;
    }

}
@media only screen and (max-width: 480px)
{
    body{
        width:100%;
        background:none; 
    }
    .slider-block{
        display:none;
    }
    .form-list label{
        float:none;
    }
    .field{
        width:100%;
        float:n
    }
    .col-main{
        width:100%;
        float:none;
    }
    .art-body, .category-products img
    {
        max-width:100%;
    }    
    .block-cart-header{
        background:none;
    }
    .col-left{
        width:100%;
        float:left;
    }
    .block-cart-right-bg{
        padding:25px 0px;
    }
    .products-grid li.item{
        width:100%;
        float:none;
        padding:10px 0px;
        text-align:center;
    }
    .footer-col, .footer-col-1, .footer-col-2{
        width:100%;
        float:none;
    }
    .footer-col-3{
        width:100%;
        float:none;
    }
    .logo{
        width:100%;
        float:none;
        display:none;
        text-align:center;
    }
    .block-cart-header{
        width:100%;
        float:none;
    }
    #search_mini_form{
        width:100%;
        float:none;
    }
    .nav-container a#pull {  
        display: block;  
        background-color: #23872E;  
        width: 100%;  
        position: relative; 
        clear: both; 
    }
    .nav-container a#pull:after{  
        content:"";  
        background: url('../images/nav-icon.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 20px;  
        top: 10px;  
    }
    .nav-container a {  
        color: #fff;  
        display: inline-block;  
        width: 100%;  
        text-align: center;  
        text-decoration: none;  
        line-height: 40px;  
        font-size:14px; 
    } 
    .nav-container ul{
        display:none;
        height:auto;
    }
    .nav-container ul li ul{
        display:none!important;
    }
    .nav-container ul li{
        float:none;
    }
    .nav-container ul{
        background:#23872E;
    }
    .nav-container ul li ul,.nav-container ul li ul li,.nav-container ul li ul li a{
        background:red;
    }
    .nav-container ul li:hover ul{
        display:block!important;
        position:absolute;
        top:40px;
        left:0px;
        width:100%;
        background:red;
        z-index:999999!important;
        clear:both;
    }
    .nav-container ul li ul li:hover{
        background:red;
    }
    .nav-container ul li:hover{
        position:relative;
        height:auto;
    }
    .nav-container ul li ul li a{
        color:#fff!important;
    }    
    .nav-container ul li a, .nav-container ul li ul li a{
        text-align:left;
    }

}