/* LG */
@media screen and (min-width:1200px){
    .category-products .product-image{ height: 270px; }
}

/* MD */
@media screen and (min-width:992px) and (max-width:1199px){
    .category-products .product-image{ height: 230px; }
}

/* SM */
@media screen and (min-width: 768px) and (max-width: 991px){
    .category-products .product-image{ height: 240px; }
}

/* XS */
@media screen and (max-width:767px){
    .category-products .product-image{ height: auto; }
}



/* SM */
@media screen and (max-width:991px){
    #menuwrapper{ border-radius: 0; height: auto; padding-bottom: 5px;}
    #sawear_topmenu li:first-child{ margin: 0; }
    #sawear_topmenu li a{ padding: 0 10px; }
    #mainnav ul li a{
        padding: 0 10px;
    }
    .logo{
        margin-bottom: 10px;
    }
    .toggle_menu span.fa-bars{
        line-height: 40px;
        color: #666;
        font-size: 24px;
        margin-right: 10px;
        margin-top: 5px;
        cursor: pointer;
    }
    #mobile_menu{
        display: none;
        z-index: 4;
        position: relative;
        background: #f8f8f8;
    }
    #mobile_menu ul{
        border-top: 8px solid #ddd;
        margin-bottom: 0;
    }
    #mobile_menu li{
        display: block;
        border: none;
    }
    #mobile_menu li a{
        color: #333;
        display: block;
        height: 40px;
        line-height: 30px;
        padding: 5px 5px 5px 10px;
        border-bottom: 1px solid #ddd;
        text-transform: uppercase;
        text-decoration: none;
    }
    #mobile_menu li a:after{
        content: "\203A";
        font-size: 24px;
        line-height: 30px;
        position: absolute;
        right: 10px;
        color: #ddd;
    }
    #mobile_menu li a.current{
        font-weight: bold;
        color: #f9a13a;
    }
    #mobile_menu > li > ul{
        position: relative;
        top: 0;
        border: none;
        padding-left: 10px;
        background: #d8d8d8;
    }
    #banners .bannercolumn.orange{
        padding-top: 30px;
    }
    .product-view .colorchoice{
        height: 30px;
        line-height: 30px;
    }
    #zoom .zoom_main_image{
        width: 85%;
    }
    #zoom .sidebar{
        width: 15%;
    }
}


/* XS */
@media screen and (max-width: 568px){

    #slideshow_homepage{ margin-bottom: 20px;}
    .category-products .row,
    #copyright .row{
        margin: 0;
    }
    #menuwrapper{ border-radius: 0; }
    .logo{
        padding-top: 0;
        margin-left: 0;
    }
    .logo img{
        display: block;
        width: 120px;
        margin: 5px auto 0;
    }
    #carticon{
        margin: 5px 0;
    }
    #breadcrumbs li:first-child{
        display: none;
    }
    #page{ padding-top: 0;padding-bottom: 0;}
    .category-products .product{ margin-bottom: 0; }
    .cms-home .category-products h3.product-name{ font-size: 1.4em; }
    footer{padding-bottom:0;}
    footer .widget{ padding-bottom: 15px;}
    #copyright{text-align:center;}

    .cms-home #content .row.maincontent{ padding: 0 10px; }
    #homepagelinks ul, #homepagelinks li{ display: block; width: 100%!important; }
    .usp{ margin: 0 0 20px 0; }
    #slideshow_mobile{ margin-bottom: 20px; }
    .slick-dots{ bottom: -30px; }

    .category-products .product-image{ height: auto; }
    .category-products .product .product-name{ font-size: 1.1em;line-height:15px; }
    #zoom .zoom_main_image{ width: 100%; }
    #zoom .zoom_main_image .img-list li{ background-size: 250px auto; background-position: center 60%; }
    #zoom .sidebar{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
    }
    .zoombutton{
        float: left;
        width: 40px;
        height: 100%;
    }
    .zoombutton.sluiten{
        background-image: url(../images/zoom-close-mobile.png);
    }
    .zoomin, .zoomout{
        font-size: 20px;
        line-height: 50px;
    }
    #zoom .zoom_main_image .img-list li.zoom1{
        background-size: 350px auto;
    }
    #zoom .zoom_main_image .img-list li.zoom2{
        background-size: 450px auto;
    }
    #zoom .zoom_main_image .img-list li.zoom3{
        background-size: 550px auto;
    }
    #zoom .thumbs-mobile{
        position: relative;
        float: right;
        overflow-x: auto;
        overflow-y: hidden;
        height: 50px;
        width: 189px;
        margin-right: 10px;
    }
    #zoom .thumbs-mobile ul{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        white-space: nowrap;
    }
    #zoom .thumbs-mobile li{
        display: inline-block;
    }
    #zoom .thumbs-mobile li img{
        height: 50px;
    }

}
@media screen and (max-width:320px){

}





@media screen and (min-width: 992px){
    /* medium and large */

}