
.h4.homepage-group-title {text-align:center;}
@media only screen and (min-width:767px) {
.products-block.products .product {width:calc(25% - 20px);}
#navigation {margin-left:205px;width:calc(100% - 450px);}
#header .navigation-buttons .btn.cart-count:before, #header .header-top .top-nav-button-login:before, #header .search-form .search-toggle {background-size:22px;}
}

@media only screen and (min-width: 769px) {.p-detail .content h4,.p-detail .order-summary-heading,.p-detail .p-detail-inner h1,h4.homepage-group-title {
font-size: 3.6em;}

    .content h4,
    .h4,
    .h4.homepage-group-title,
    .order-summary-heading,
    .p-detail-inner h1,
    h4.homepage-group-title {
        font-weight: 400;
    }
}

.products-block.products .product .prices .price-final strong {font-size:16px;font-weight:600;}
.products-block.products .product .prices {min-height:0;}
.products-block.products .product .p .name {margin-top:2px;}
/*.products-block.products .product .image {display: flex;margin-bottom:0;background-color:black;}*/
.products-block.products .product .image img {opacity: 1;}
.type-index .products-block {margin-top:20px;}
.menu-helper {right:220px;}
#navigation ul.menu-level-1>li>a b {font-size:16px;text-transform:uppercase;}
#navigation ul.menu-level-1>li>a {padding: 0 18px;}
.products-block.products .product .p .name {font-size: 16px;}
.products-block .product .availability {margin-top: -5px;}

.p-detail .homepage-group-title,
.p-detail .content h4,
.p-detail .order-summary-heading,
.p-detail .p-detail-inner h1 {font-size: 3.4em;}
.p-detail .p-info-wrapper {padding: 0 !important;}

@media only screen and (max-width: 768px) {
    .p-detail .p-info-wrapper {
        padding: 0 3.5% !important;
    }
}
}

.homepage-group-title:hover {
    color: #06402b !important; 
    transition: color 0.3s ease; 
}

@media only screen and (max-width: 768px) {
    .p-detail .homepage-group-title,
    .p-detail .content h4,
    .p-detail .order-summary-heading,
    .p-detail .p-detail-inner h1 {
        font-size: 2.1em; 
    }
}


 .banner-wrapper.half-banner {
 box-shadow: 0 0 15px #00000030 !important;
 }
 
 @media only screen and (min-width: 992px) {
    .product-top h1 {
       margin-top: 30px;
    }
}
 
@media only screen and (min-width: 992px) {
    .p-detail .p-info-wrapper {
        padding: 15px !important;
    }
}

@media only screen and (min-width: 992px) {
    .content-wrapper.container .row > div {
        padding-left: 10px;
        padding-right: 80px;
    }
}

.social-buttons-wrapper {
    display: none !important;
}

@media only screen and (min-width: 992px) {
    .product-top .add-to-cart {
        padding-top: 5px;
    }
}

@media only screen and (min-width: 992px){
.product-top .price-line {
    padding-top: 35px;
}
}

@media only screen and (min-width: 992px){
.p-detail .homepage-group-title, .p-detail .content h4, .p-detail .order-summary-heading, .p-detail .p-detail-inner h1 {
    font-size: 2.4em;
}
}

@media only screen and (min-width: 992px){
.product-top .p-detail-info .stars-wrapper {
margin-bottom: 3px;
margin-top: 3px;
}
}

@media only screen and (min-width: 992px){
.product-top .p-detail-info {
    clear: both;
    padding-top: 5px;}
}


.stars a.star:before, .stars span.star:before {
font-size: 14px;}

@media only screen and (max-width: 767px) {
    .products-block.products .product .ratings-wrapper {
        justify-content: center !important; 
        text-align: center !important; 
    }

    .products-block.products .product .stars-wrapper {
        margin: 0 auto !important; 
        justify-content: center !important; 
    }
}

@media only screen and (min-width: 992px) {
    .type-index .benefitBanner {
        margin: 0;
        padding: 5px 80px 30px 140px !important;
    }
}

@media only screen and (max-width: 767px) {
    .benefitBanner .benefitBanner__item {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 12px auto; 
        width: 100%; 
    }
}

@media only screen and (max-width: 767px) {
    .type-index .benefitBanner {
        padding: 0px 10px 20px !important;
    }
}

@media only screen and (min-width: 767px) {
.benefitBanner .benefitBanner__item .benefitBanner__title {
    font-size: 1.35em;
}
}
