/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@media(min-width:768px) {
    #header > .header-top > .container > .row > .col-md-2 {
        width: 24%;
    }
 
    #header > .header-top > .container > .row > .position-static{
        float:right;
        padding-left:0;
        width:76%;
    }

    #top-menu {
        margin-bottom: 0.65rem;
    }
}

@media(max-width:767px) {
    #header .header-top .search-widget {
        width: 100%;
    }
    
    .carousel {
        margin-top: 20px;
    }
}

.carousel > .carousel-inner > .carousel-item > a > figure {
    margin: 0;
}

#description > .product-description {
    line-height: 180%;
}

.header-nav > .container .block-social {
  width: auto;
}

.ColorLabel:after {
    display:inline-block;
    content:attr(data-after);
    margin-left:5px;
    font-weight:bold;
}

.all-brands .letter-select li {
    float:left;
}
 
.all-brands .letter-select a {
    padding: 11px;
    font-weight: bold;
    font-size: 14px;
    display:block;
}

.box-letter {
  clear: both;
}

.box-letter .box-title {
    width: 100%;
    display:block;
    background: #ccc;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding-left: 10px
}
 
.box-letter .letter-content {
    line-height: 32px;
    padding-left: 10px
}
 
.box-letter p {
    margin-bottom: 0;
    float: left;
    width: 25%;
}

#footer .block-social {
  width: 100%;
}

#footer .block-social ul {
  margin: 0;
}

#index .tabs {padding:0px}
#index #home-page-tabs {margin:0px 10px; padding:10px 0px 0px 0px;}

#category-description {
  width: 75%;
}

.youtube_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#bonslick {
  margin-top: -1.563rem;
}

.slick-dots {
  bottom: 25px;
}