/* LG */
@media screen and (min-width:1200px){

}

/* MD */
@media screen and (min-width: 768px) and (max-width: 1199px){
    #mainnav a{font-size: 1.1rem; padding: 5px 6px!important;}
}

/* SM */
@media screen and (min-width: 568px) and (max-width:991px){
    #mainnav a{font-size:.9em;line-height:26px;padding:3px 10px;}
    .catalog-category-view #sidebar_left{
        width: 25%;
    }
    .catalog-category-view #content{
        width: 75%;
    }
    .catalog-category-view .product .product-image{
        height: 280px;
    }
    .product-view .product-img-box img{
        height: auto;
    }
}



/* XS */
@media screen and (max-width: 767px){
    .logo{
        margin-bottom: 10px;
        display: block;
    }
    .logo img{
        margin: 0 auto;
    }
    /* Sidebar */
    #sidebar_left{
        /*display: block!important;*/
        padding: 0 15px 0!important;
        float: none;
    }
    body[class*=newsletter-manage-index] #sidebar_left,
    body[class*=sales-order-history] #sidebar_left,
    body[class*=intotorma] #sidebar_left,
    body[class*=customer] #sidebar_left{
        display: block!important;
    }
    .category-list-leftnav{
        display: none;
    }
    .block-layered-nav .block-title{
        display: block;
        position: relative;
        border-radius: 4px;
    }
    .block-layered-nav .block-title:after{
        display: block;
        font-family: 'FontAwesome', sans-serif;
        content: '\f078';
        position: absolute;
        width: 30px;
        height: 30px;
        right: 0;
        top: 0;
        text-align: center;
        line-height: 30px;
    }
    .block-layered-nav .block-title.open:after{
        content: '\f077';
    }
    .block-layered-nav .block-content,
    .block-layered-nav dd{
        display: none;
    }
    .block-layered-nav .block-title.open + .block-content,
    .block-layered-nav dt.open + dd{
        display: block;
    }


    /* Content */
    h1{
        font-size: 1.5em;
        margin: .5em 0;
    }
    h3{
        margin: .5em 0 0;
    }
    .table-responsive{
        font-size: .8em;
    }
    .cms-index-index .page-title,
    .cms-index-index .std{
        /*display: none;*/
    }
    /* Footer */
    footer p,
    footer ul li a{
        display: inline-block;
        padding: 5px;
    }
    footer ul li a:before{
        display: none;
    }
    footer .widget li{

    }
    footer .widget li:nth-child(2){
        border-left: none;
    }
    #thuiswinkel_waarborg_logo{
        margin-top: 10px;
    }
    #notice-cookie-block{
        padding-top: 5px;
        padding-bottom: 5px;
        height: auto;
        line-height: 1.5;
    }
    #notice-cookie-block button{
        margin-top: 10px;
    }

    /* Category view */
    .catalog-category-view .toolbar{
        margin-top: 15px;
    }
    .catalog-category-view h2{
        line-height: 1;
    }
    .catalog-category-view .category-products .product-image{
        height: 230px;
    }
    .catalog-category-view .category-products .product-image .img-responsive,
    .catalogsearch-result-index .category-products .product-image .img-responsive{
        max-height: 220px;
        width: auto;
    }
    .category-products .sale {
        right: -10px;
        bottom: 60px;
    }


    /* Single product view */
    .product-view h1{
        margin-top: 10px;
    }
    .product-view .product-thumbs ul li{
        display: inline-block;
    }
    .product-view .product-img-box img{
        /*max-width: 66%;
        height: auto;*/
        max-height: 450px;
        width: auto;
    }
    .product-view .product-tabs{
        padding-right: 15px;
    }

    /* Cart */
    .checkout-cart-index h1{
        margin-top: 10px;
        margin-left: 10px;
    }
    .checkout-cart-index #content{
        /*padding: 0;*/
    }
    .checkout-cart-index .cart-forms{
        margin-bottom: 10px;
    }
    .checkout-cart-index h5{
        font-size: 1em;
    }
    .checkout-cart-index dl{
        margin: 0;
    }
    .checkout-cart-index .cart input.qty{
        width: 30px;
        padding: 5px!important;
    }

    /* Checkout */
    .checkout-onepage-index #content{
        /*padding: 0;*/
    }
    .checkout-onepage-index h1{
        margin-top: 10px;
    }
    .checkout-onepage-index h3{
        font-size: 1.2em;
    }
    .checkout-onepage-index #sidebar_right{
        display: none;
    }
    .checkout-onepage-index #login-form{
        background: #eee;
        padding: 15px;
        margin: 30px -10px 0;
    }

    /* Customer account page */
    .customer-account-edit #page,
    .customer-address-index #page,
    .sales-order-history #page,
    .review-customer-index #page,
    .newsletter-manage-index #page,
    .sales-order-view #page,
    body[class*=intotorma] #page,
    .customer-account-index #page
    {
        padding-top: 20px;
    }
    .customer-account-index table th,
    .customer-account-index table td{
        font-size: .8em;
        padding: 4px;
    }


    .form-search{ margin: 4px 0; }
    .usp{ margin-left: 0; }
    body:not(.cms-home) #content{padding-top:0;}
    #sortorder{ font-size: .8em; padding: 5px;}
    .category-products .product{ margin-bottom: 0;}
    #zoom .zoom_main_image{ width: 100%; }
    #zoom .zoom_main_image .img-list li{
        background-size: 230px auto;
        background-position: center 70%;
    }
    #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;
    }

}