h3.benefits {color:#a6cb23; margin-bottom:0;} 
.variant-list select {border-color:#f8a102; border-width: 2px;}
 
@media (max-width: 768px) {
.benefitBanner {display: block;}
.benefitBanner__item {display: inline-block; text-align: center; width: 48%}
.benefitBanner__picture {display: inline-block;}
h3.benefits {font-size: 90%}
.benefitBanner__data span {font-size: 70%;}
}  

@media (max-width:991px) {
.hide-on-mobile {display: none;}
.carousel-control {
    top: unset;
    bottom: -50px;
    color: #a6cb23 !important;
}
.wide-carousel {margin-bottom: 60px;}
}
.carousel-control::before {border: none !important;}
@media (min-width:991px) {
.kn_container {padding: 10px 50px 50px;}
.carousel-control {
    color: #a6cb23 !important;
        top: 70%;
}
.hide-on-desktop {display: none;}
.wide-carousel h1 {margin-top:50px !important;}

.carousel-control.right {right:10px;}
.carousel-control.left {left:10px;}
}
.benefitBanner__data span {
    color: black;
}
@media (min-width:992px) {
#header .header-top .header-top-wrapper .site-name a img, #header .header-top .header-top-wrapper h1.site-name a img {
        max-height: 100px;
    }
}
@media (max-width:991px) {
#header .header-top .header-top-wrapper .site-name a img, #header .header-top .header-top-wrapper h1.site-name a img {
        max-height: 150%;
    }
}