/* Webbax - tuto 25 */
.subcategory-heading {
    font-weight: bold;
    text-align:center;
    padding-top:10px;
}
#subcategories{
    background-color:#fff;
}
#subcategories h5{
    margin-bottom: 25px
}  
#subcategories ul li{
    float: left;
    width: 20%;
    text-align: center;
}
#subcategories ul li img {
    margin-bottom: 10px;
    width:100%;
}
#subcategories ul li img:hover{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* mobile */
@media screen and (max-width:600px){
    #subcategories ul li{
        width: 33%;
    }
}

/* optimisation 1 - simple */
#product iframe{width:100%!important}

/* 09.10.19 - Webbax | TUTO 86 */  
#banner_msg_legal{font-size:12px;border-bottom:1px dashed #333;text-align:center;background-color:#fef3ca;}
#banner_msg_legal a{color:#222;}
#banner_msg_legal a img{width:12px;vertical-align:middle;line-height:5px;display:inline-block;margin-bottom:2px;}

/* 22.05.19 - Webbax | TUTO 77 */

/* step 1 */
body.page-index #wrapper .container {
     max-width: 100%;
     width: 100%;
     padding-left: 0;
     padding-right: 0;
}
body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
     margin-left: auto;
     margin-right: auto;
     padding-left: 15px;
     padding-right: 15px;
}
@media (min-width: 992px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 940px;
    }
}
@media (min-width: 1200px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 1140px;
    }
}
@media (max-width: 991px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 100%;
    }
}
.carousel-control .icon-prev {
     margin-left: 0;
}
.carousel-control .icon-next {
     margin-right: 0;
}

/* step 2 */
.carousel .carousel-inner{height:100%;}
.carousel{box-shadow:none;}