/* homepage doplnkove bannery */
@media only screen and (min-width: 64.063em){
#homepage-banner {
    width: 100% !important;
    float: none !important;
}
}
div#homepage-banner + div {display:none}

#category-banners li {width:33%;padding:3px 6px !important;margin:0;clear:none !important;text-align:center}
#category-banners li:last-of-type {padding-bottom: 0px !important;}
#category-banners li img {max-width: 100%; max-width: 100% !important; width: auto; width: auto !important;margin-bottom: 0;}
#category-banners {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 0.9375em;
}

@media only screen and (min-width: 74.75em){
	#category-banners {
	    width: 300px;
	    float: right;
	}
	#category-banners li {width:100%;padding: 0 0 18px 0 !important;}
	#homepage-banner {
    width: 840px !important;
    float: left !important;
	}
}

@media only screen and (max-width: 50.625em){
	#category-banners {
	    width: 100%;
	    float: none;
	}
	#category-banners li {width:100%; padding:0px 0 18px 0 !important;}
}

/* benefits usps */
@media (min-width: 30em){.benefitBanner {margin: 10px auto -10px auto;}}
/*.benefitBanner.position--benefitProduct {display:none;}*/
.benefitBanner {border: 2px dashed #eaeaea; border-radius: 5px;padding: 20px 25px 10px 25px; overflow:hidden;display: flex;flex-wrap: wrap;} 
.benefitBanner__item:first-of-type {display: block;flex: none;width: 100%;padding:0 15px}
.benefitBanner__item:first-of-type strong {font-size: 20px; font-weight: 700; padding: 0 0 20px 0; margin: 0px 10px 0 0; text-align: center; text-transform: none; color: #6bad47;}
.benefitBanner.position--benefitHomepage > div:nth-child(3) strong{color:#2fa9d3;}
.benefitBanner__item {text-align:center;align-items: unset;display:block;margin-bottom:20px;flex:1 1 50%;}
@media (min-width: 64em){.benefitBanner__item {flex: 1 1 25%;}}
.benefitBanner__link {display: block;}
.benefitBanner__img { width: 60px}
.benefitBanner__picture { text-align: center;padding-bottom: 6px;display: block; max-width: none;}
.benefitBanner__content {text-align: center;}
div.benefitBanner.position--benefitCategory > div:nth-child(3) > a > div.benefitBanner__content > strong {color: #2fa9d3;}
.benefitBanner__title {color: #4e9a03; font-size: 16px; font-weight: 600; text-align: center; padding-bottom: 4px; margin: 0;font-family: 'Nunito',sans-serif;display:block;margin-bottom:6px}
.benefitBanner__data {line-height:22px;font-size:12px;color:#000}