/*--------------------------------
----------- banner css -----------
--------------------------------*/

/*--------------------------------
----------- meal-bundles -----------
--------------------------------*/
.search-banner.meal-bundles-ecom {
    background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/meal-bundles-ecom-mobile.png");
    background-repeat: no-repeat;
    height: 250px;
    background-position: center;
    background-size: cover;
}
@media (min-width: 768px) {
    .search-banner.meal-bundles-ecom {
        background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/meal-bundles-ecom-full.png");
        background-repeat: no-repeat;
    }   
}   
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px),
only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 1.5) and (min-width: 768px) {
    .search-banner.meal-bundles-ecom {
        background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/meal-bundles-ecom-full@2x.png");
        background-repeat: no-repeat;
    }
}
@media (min-width: 992px) {
    .search-banner.meal-bundles-ecom {
        height: 323px;
    }
}   
@media (min-width: 1400px) {
    .search-banner.meal-bundles-ecom {
        height: 447px;
        max-width: 1400px;
        margin: 0 auto;
    }
}   

/*--------------------------------
----------- snacks-ecom -----------
--------------------------------*/
.search-banner.snacks-ecom {
	background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/snacks-ecom-mobile.png");
    background-repeat: no-repeat;
    height: 300px;
    background-position: center;
    background-size: cover;
}
@media (min-width: 768px) {
    .search-banner.snacks-ecom {
        background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/snacks-ecom-full.png");
        background-repeat: no-repeat;
    }	
}	
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px),
only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 1.5) and (min-width: 768px) {
    .search-banner.snacks-ecom {
        background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/snacks-ecom-full@2x.png");
        background-repeat: no-repeat;
    }
}
@media (min-width: 992px) {
	.search-banner.snacks-ecom {
		height: 323px;
	}
}	
@media (min-width: 1400px) {
	.search-banner.snacks-ecom {
		height: 447px;
	    max-width: 1400px;
	    margin: 0 auto;
	}
}

/*--------------------------------
----------- element css ----------
--------------------------------*/
.search-banner.snacks-ecom .page-title {
    color: var(--white);
    font-size: 35px;
    line-height: 1em;
    margin: 0;
    text-align: center;
    top: 40%;
    text-shadow: 1px 1px 5px #000000;
}
@media (min-width: 768px) {
    .search-banner.snacks-ecom .page-title {
        text-align: left;
        margin-left: 30px;
    }   
}
@media (min-width: 992px) {
    .search-banner.snacks-ecom .page-title {
        font-size: 45px;
    }   
}
@media (min-width: 1400px) {
    .search-banner.snacks-ecom .page-title {
        font-size: 55px;
        top: 180px;
        margin-left: 100px;
    }       
}	

/*--------------------------------
----------- bars-ecom -----------
--------------------------------*/
.search-banner.bars-ecom {
    background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/bars-ecom-mobile.png");
    background-repeat: no-repeat;
    height: 300px;
    background-position: center;
    background-size: cover;
}
@media (min-width: 768px) {
    .search-banner.bars-ecom {
        background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/bars-ecom-full.png");
        background-repeat: no-repeat;
    }   
}   
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px),
only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 1.5) and (min-width: 768px) {
    .search-banner.bars-ecom {
        background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/bars-ecom-full@2x.png");
        background-repeat: no-repeat;
    }
}
@media (min-width: 992px) {
    .search-banner.bars-ecom {
        height: 323px;
    }
}   
@media (min-width: 1400px) {
    .search-banner.bars-ecom {
        height: 447px;
        max-width: 1400px;
        margin: 0 auto;
    }
}   

/*--------------------------------
----------- desserts-ecom -----------
--------------------------------*/
.search-banner.desserts-ecom {
    background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/desserts-ecom-mobile.png");
    background-repeat: no-repeat;
    height: 300px;
    background-position: center;
    background-size: cover;
}
@media (min-width: 768px) {
    .search-banner.desserts-ecom {
        background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/desserts-ecom-full.png");
        background-repeat: no-repeat;
    }   
}   
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px),
only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 1.5) and (min-width: 768px) {
    .search-banner.desserts-ecom {
        background-image: url("https://statics.jennycraig.com/cc/images/pages/ecom-shop/categories/desserts-ecom-full@2x.png");
        background-repeat: no-repeat;
    }
}
@media (min-width: 992px) {
    .search-banner.desserts-ecom {
        height: 323px;
    }
}   
@media (min-width: 1400px) {
    .search-banner.desserts-ecom {
        height: 447px;
        max-width: 1400px;
        margin: 0 auto;
    }
}