@charset "utf-8";
/* CSS Document */
@media (max-width: 479px) {}



/***********************************************
    1. max 576px
***********************************************/
@media only screen and (max-width: 576px)
{
    #icons-links {width:100%;padding-bottom: 30px;padding-top: 0;}
    #icons-links #cart{float:right;}



    .s_caption {visibility:hidden;}




}

/***********************************************
1. max 767px
***********************************************/
@media only screen and (max-width: 767px)
{
    #header .logo {text-align: center;margin-bottom: 25px;}

    #icons-links {width:100%;padding-bottom: 30px;padding-top: 0;}
    #icons-links #cart{float:right;}



    /** reassuring bloc **/
    .reas_col:nth-child(3){margin-bottom: 20px;}
    /* .reas_item{padding-left: 36px;} */

    /** slider **/
    .s_caption .heading {font-size: 1.1em;line-height: 1.2em;}
    .s_caption p, .s_caption button{font-size: 1em; line-height: 1.2em ;}
    .s_caption{width: 45%; }
    .s_caption .cta{margin-top: 10px;}
    .s_caption.bottom-left {margin-bottom: 2%;}

    #quote.mini-cart-option{float: left !important;}
}


@media (max-width: 767px) {
    .testimonials .testimonial-wrap {padding-left: 0;}
    .testimonials .testimonial-item {padding: 30px;margin: 15px;}
    .testimonials .testimonial-item .testimonial-img {position: static;left: auto; }

    .sm-mt-30 {margin-top: 30px !important;}
    .sm-mt-20 {margin-top: 20px !important;}

}

@media (min-width: 768px) {
    #search-wrapper .chosen-container-single .chosen-single {min-width: 180px;}

}

@media (min-width: 768px) and (max-width: 991px) {
    /* #header .logo {width: 150px;} */
    /** slider **/
    .s_caption .heading {font-size: 1.7em;line-height: 1.2em; }
    .s_caption p, .s_caption button{font-size: 1.2em; line-height: 1.2em;}
    .s_caption{width: 40%; }
    .s_caption.bottom-left {margin-bottom: 2%;}


}


/***********************************************
2. max 991px
***********************************************/

@media only screen and (max-width: 991px)
{
    .md-mt-30 {margin-top: 30px !important;}
    .md-mt-20 {margin-top: 20px !important;}

    .contact-us .single-info{margin-bottom: 30px;}
    /** Mega menu **/
    /* #header .header-middle{padding-bottom: 0; margin-bottom: -15px;} */



    /* #mega-menu {background-color:#ff9600;} */



    /** reassuring bloc **/
    .reas_col:not(:last-child):not(:nth-child(3)){margin-bottom: 20px;}
    /* .reas_item{padding-left: 36px;} */

    /** Footer **/
    #news-title-block {width: 100%;}
    #news-block-content{width: 100%; padding-left:0;}
    #news-block-content form.signup{padding-left:0; padding-top:20px;}

    .footer-bottom .imgpayment,.footer-bottom  .copyright {
        text-align: center;
    }
    .box-footer{margin-bottom: 30px;}

}
/***********************************************
2. max 1200px // 1024px
***********************************************/

@media only screen and (max-width: 1200px)
{
    #vendor-info {border-left: none;}

}

@media (min-width: 991px) and (max-width: 1200px) {
    #vendor-info {margin-top:30px;}
}



/***********************************************
3. (min-width: 992px) and (max-width: 1199px)
***********************************************/
@media (min-width: 992px) {
    .grid .product:hover .add-to-block {
        -webkit-box-shadow: 0px 0px 6px 0px #e4e7ed, 0px 0px 0px 2px #eee;
        box-shadow: 0px 0px 6px 0px #e4e7ed, 0 25px 29px #eee;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@media only screen and (max-width: 992px) {
    /*Overlaying*/
    .overlay {background: rgba(0, 0, 0, 0.5);display: none;height: 100%;opacity: 1;position: fixed;top: 0;left: 0px;right: 0px;width: 100%;z-index: 9998;}
    .overlay.show{display: block;}

    #close-sidebar{position:absolute;right:30px;top:20px;font-size: 12px;display: block;}
    #close-sidebar:hover{cursor: pointer;color: #f00;}

    .sidebar-offcanvas {padding: 10px 25px 0px 15px;background: #fff;
        width: 300px;position:fixed;top: 0px;bottom: 0px;z-index: 9999;
        height: 100%;overflow-x: scroll;box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75)
        ;transition: all 300ms ease-in-out;
        margin: 0px;}

    .sidebar-offcanvas.open_right{right: -100%;}
    .sidebar-offcanvas.open_left {left: -100%;}
    .sidebar-offcanvas.open_left.active{left:0;}
    .sidebar-offcanvas.open_right.active{right:0;}

}

@media (min-width: 992px) and (max-width: 1199px) {
    .reas_item{box-shadow: none;border:none}
    .s_caption .heading {font-size: 1.8em;line-height: 1.2em;}
    .s_caption p, .s_caption button{font-size: 1.3em; line-height: 1.2em;}
    footer #collapse-footer {max-height: 100%;}
    footer #collapse-footer:before {display: none;}
    footer .button-toggle a  {display: none;}
    .main-menu ul li.extra-menu {
      display: none;
    }
}
@media (min-width: 992px) and (max-width: 1385px) {
    .main-menu ul li.extra-menu {
      display: none;
    }
}

/***********************************************
3. 1200px
***********************************************/
@media only screen and (max-width: 1199px)
{
    /** reassuring block **/
    /* body .reas_item {padding-left: 25px;} */


}

@media (min-width: 1200px) {

    #header #search-wrapper .search .select_category {
        width: 26%;
    }

    #filters_section #filter_by{padding-right: 10px !important;}

    body .container{max-width:1680px;padding:0;width:93%;}
    body #column-left{max-width:350px;}


    .carrousel-prod-view {max-width:320px;}
    footer #collapse-footer {max-height: 100%;}
    footer #collapse-footer:before {display: none;}
    footer .button-toggle a  {display: none;}

    .list .product .product-thumb{min-width: 300px;display: block;}
    .list .product .product-body{width:calc(100% - 500px);display: block;}
    .list .product .add-to-block{width:200px;position:absolute;/*top:70px*/;right: 0;text-align:right;}
}
@media (min-width: 1200px) and (max-width: 1480px) {

    body .cat-prod-view.col-xl-3{flex: 0 0 33.33%;max-width: 33.33%;}
    #header .icons-links {margin-right: 0;}

}


@media (min-width: 1366px) and (max-width: 1649px) {
    #header .telephone ul li:first-child {
        display: none;
    }
    #header .bottom1 {
        width: 21%; }
    #header .main-menu {
        width: 79%;
    }
    #header .header-bottom {
        position: relative;
    }

}