@media (min-width:768px) {
    #badge-grid-two .bg-coloum, #clients-first-badge .imagetitlecrd {
        width: 20%
    }
}

@media (min-width:992px) {
    #badge-grid-three .bg-coloum {
        max-width: 230px
    }
}

.home-badge-common-slider-mobile .slick-dots li button:before, .home-badge-slider-custom .slick-dots li button:before, .home-badge-slider-mobile .slick-dots li button:before, .product-slider .slick-dots li button:before {
    font-size: 50px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #475957
}

.home-badge-common-slider-mobile .slick-dots li.slick-active button:before, .home-badge-slider-mobile .slick-dots li.slick-active button:before, .product-slider .slick-dots li.slick-active button:before {
    opacity: .75 !important;
    color: #000 !important
}

.home-badge-slider-custom .slick-dots li button:before {
    font-size: 50px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #f1e1e1
}

.home-badge-slider-custom .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff
}

#navbarCollapse .dropdown .dropdown-toggle::after {
    border-style: solid;
    border-width: .15em .15em 0 0;
    content: '';
    display: inline-block;
    height: .6rem;
    right: 1rem;
    position: absolute;
    top: 1rem;
    vertical-align: top;
    width: .6em;
    transform: rotate(135deg);
    color: #fff
}