* { box-sizing: border-box; }

@font-face {
	font-family: "AlfaSlabOne";
	src: url('/skin/frontend/bazta/default/webfonts/AlfaSlabOne-Regular.ttf');
}
@font-face {
	font-family: "SignikaNegative Regular";
	src: url('/skin/frontend/bazta/default/webfonts/SignikaNegative-Regular.ttf');
}
@font-face {
	font-family: "SignikaNegative Medium";
	src: url('/skin/frontend/bazta/default/webfonts/SignikaNegative-Medium.ttf');
}
@font-face {
	font-family: "SignikaNegative Light";
	src: url('/skin/frontend/bazta/default/webfonts/SignikaNegative-Light.ttf');
}

.footer-static-content span {
    box-sizing: unset;
}
#eventProducts {
	text-align: center;
	position: relative;
}


.header-side-left, .header-side-right {
	position: absolute;
	display: none;
	width: 415px;
	height: 315px;
}

.header-side-left {
	left: 0px;
	top: 0px;
	/*background-image: url('/extraTema/media/B1.png');*/
	/*background-size: cover;*/
}

.header-side-right {
	right: 0px;
	top: 0px;
	/*background-image: url('/extraTema/media/B2v2.png');
	/*background-size: cover;*/
}


/*Brands/logo i dropdown menuen*/
.navDropdownIcons {
    display: block !important;
    text-align: center;
    width: 100%;
}

.navDropdownIcons img {
    height: 50px;
	padding: 0 7px;
    text-align: center;
    display: inline-block;
}

.navDropdownIcons img:hover {
	opacity: 0.6;
}

#brands-images a img {
	height: 65px;
	padding: 0 15px;
	display: inline-block;
}

#brands-images img:hover {
	opacity: 0.6;
}

/*Brands/logos i header*/

.newBrandIcons {
	height: 60px;
	overflow: hidden;
	text-align: center;
}

.newBrandIcons img {
	height: 60px;
	text-align: center;
	display: inline-block;
}

/*subscribe newsletter*/

	#advice-required-entry-input-newsletter {
	width: 100% !important;
	position: absolute !important;
}



#eventProducts img {
	border: 0px solid #ddd;
	box-shadow: 0px 20px 20px 0px #00000030
}

#eventProducts div.front_page_event_no_slide img {
	width: 100%;
	height: 100%;
	display: block;
}

#eventProducts div.front_page_event_no_slide div a {
	display: block;
}

#eventProducts #PG_FP_BOX_INNER{
	max-width: 1260px;
	display: inline-flex;
	/* margin-top: -40px; */
	margin-top: 20px;
}

#frontpage_desktop_usp {
	margin: 5px auto 0 auto;
	height: auto !important;
	float: left;
	width: 100%;
}

#frontpage_desktop_usp .tcenter {
	text-align: center;
}

#frontpage_desktop_usp img.desktop {
	content: url('/extraTema/media/bazta-2022-april/Bazta_Desktop_USP.png');
	width: 100%;
	height: 100%;
	max-width: 1360px;
}

#eventProducts div.front_page_event_slide,
#eventProducts div.front_page_event_no_slide { 
	width: 50%; 
	display: inline-block; 
	padding: 2%;
	box-sizing: border-box;
}
#eventProducts div.front_page_event_slide.slick-dotted.slick-slider{
	margin-bottom: 0;
}
#eventProducts div.front_page_event_slide.slick-slider .slick-dots{
	bottom: 32px;
}
#eventProducts div.front_page_event_slide img { 
	max-width: 100%;
} 
#eventProducts .front_page_event_slide div:nth-child(n+2){ 
	display: none; 
} 
#eventProducts div.front_page_event_slide div.slick-slide { 
	display: block; 
} 
#eventProducts div.front_page_event_slide a:focus, 
#eventProducts div.front_page_event_slide :focus { 
	outline-offset: 0;
}

#eventHeader {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height: auto;
	/* background: none !IMPORTANT; */
	background-color: #A5B4B8;
	/* background-image: url('/extraTema/media/januar-banner.png'); */
	/* background-size: cover !IMPORTANT; */
	display: block !IMPORTANT;
	padding: 10px;
	text-align: center;
}

#eventHeader div > a > img.max_width {
	max-width: 100%;
}
#eventHeader div > a > img.big {
	max-width: 100%;
}
#eventHeader div > a > img.small {
	display: none;
}
#PG_FP_BOX div img, .frontpagechristmaxbox img, #PG_FP_BOX div img:hover {
	border-radius: 0px;
}

#header-slider-img { display: inline-block; }

#header-slider-img img {
	max-height: 240px;
	position: absolute;
	top: 85px;
	left: 50%;
}

#eventHeaderTxtWrapper {
	display: inline-block;
	vertical-align: middle;
	padding: 20px;
	font-family: "Raleway", sans-serif;
	-webkit-text-stroke: 0.25px;
}

#eventHeaderTxtName {
	color: #FFFFFF;
	font-size: 42px;
	vertical-align: bottom;
}

#eventHeaderTxtDiscount {
	color: #f1c232;
	font-size: 36px;
	vertical-align: bottom;
	padding-left: 1.2vw;
	padding-right: 1.2vw;
}

#eventHeaderTxtDiscountAmount {
	color: white;
	font-size: 42px;
	font-weight: 800;
	vertical-align: bottom;
}

#eventHeaderTxtNote {
	color: white;
	font-size: 12px;
	display: block;
	padding-top: 10px;
}

#eventHeaderTxtNote i {
	font-size: 12px;
	display: block;
}

#eventHeaderTxtBadget {
	cursor: pointer;
	background-color: #f1c232;
	color: #FFFFFF;
	display: inline-block;
	position: relative;
	margin-left: 1.2vw;
	padding: 5px;
	vertical-align: bottom;
	font-size: 22px;
    font-weight: 800;
}

@media only screen and (max-width: 1440px) {
	#header-slider-img img {
		left: 54%;
	}

	#eventProducts #PG_FP_BOX_INNER {
	    max-width: 1260px;
	}
}

@media only screen and (max-width: 1280px) {
	#header-slider-img img {
		max-height: 240px !important;
		left: 57%;
	}

	#eventProducts #PG_FP_BOX_INNER {
	    max-width: 1024px;
	}
	#eventProducts div.front_page_event_slide.slick-slider .slick-dots{
		bottom: 8%;
	}
}

@media only screen and (max-width: 1160px) {
	#header-slider-img img {
		max-height: 240px !important;
		left: 62%;
	}
}

@media only screen and (max-width: 1024px) {
	#header-slider {
		height: auto !important;
		/* background: url('/extraTema/media/forsidebanner-bg.png') !IMPORTANT; */
		/* background-size: cover !IMPORTANT; */
		/* background-position: 0% 70% !IMPORTANT; */
	}
	#header-slider-img img {
		max-height: 210px !important;
	    top: 120px !important;
	}
	#eventProducts #PG_FP_BOX_INNER {
	    max-width: 100%;
	    width: 100%;
	    white-space: normal;
	}
}

@media only screen and (max-width: 870px) {
	#header-slider { 
		padding-bottom: 0px !important;
	}
}

@media only screen and (max-width: 750px) {

	#eventHeaderTxtBadget, #eventHeaderTxtBadgetSE {
		position: absolute;
		margin-top: 0px;
		margin-left: 70px;
		transform: scale(0.9);
	}

	#eventHeaderTxtDiscount {
		display: block;
	}
}

@media only screen and (max-width: 684px) {
	#eventProducts div.front_page_event_slide.slick-slider,
	#eventProducts div.front_page_event_no_slide {
		width: 100%;
	}
	#eventProducts div.front_page_event_slide.slick-slider .slick-dots{
		bottom: 5%;
	}

	#eventProducts #PG_FP_BOX_INNER {
		flex-flow: column;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 667px) {
	#header-slider {
		padding-bottom: 0px !important;
	}
}

@media only screen and (max-width: 580px) {
	#eventHeaderTxtBadget, #eventHeaderTxtBadgetSE {
		position: absolute;
		margin-top: -25px;
		margin-left: 80px;
		transform: scale(0.9);
	}

	#eventHeaderTxtDiscount {
		display: block;
	}
}

@media only screen and (max-width: 460px) {
	#header-slider {
		height: auto !important;
		/* background: url('/extraTema/media/banner_hvid.png'),#d7b591 !important; */
		background-repeat: no-repeat !important;
		background-size: unset !IMPORTANT;
		background-position-y: unset;
		background-position: center;
	}
	#eventHeaderTxtBadget, #eventHeaderTxtBadgetSE {
		position: absolute;
		margin-top: 0px;
		margin-left: 80px;
		transform: scale(0.7);
	}

	#eventHeaderTxtDiscount {
		display: block;
	}
}

@media only screen and (max-width: 384px) {
	#eventHeaderTxtBadget, #eventHeaderTxtBadgetSE {
		position: absolute;
		margin-top: -15px;
		margin-left: 40px;
		transform: scale(0.7);

	}

	#eventHeaderTxtDiscount {
		display: block;
	}
}

#header-slider-logos {
	background: RGBA(0,0,0,0.2) !IMPORTANT;
	margin-top: 0px !IMPORTANT;
}


.eventHeaderAMLanding {
	margin-top: 100px;
}

.catalog-product-view .main {
	margin-top: 100px !IMPORTANT;
}

#main-category.productpage {
	/*margin-top: 0px !IMPORTANT;*/
}

.blackfridaybadge {
	display: block;
	position: absolute;
	padding: 10px;
	width: 90px;
	left: -20px;
	top: -50px;
	min-width: 90px;
    min-height: 90px;
}

.blackfridaybadge img {
	transform: scale(0.75) !important;
	min-width: 90px !important;
    min-height: 90px !important;
}

.catalog-product-view .single-col1 .blackfridaybadge {
	width: 120px !IMPORTANT;
	/* transform: scale(0.7) !important; */
	left: 0px;
	top: 0px;
}

.single-col1 .blackfridaybadge img {
	transform: scale(1) !important;
	min-width: 90px !important;
    min-height: 90px !important;
}

.catalog-product-view .single-col1 .blackfridaybadge img {
	transform: scale(1.0) !important;
}

.amlanding_page_view .main { padding-top: 100px; }
.main-titel { margin-top: 20px; margin-bottom: 10px; width: 100%; }
.checkout_cart_index .main-container { margin-top: 140px; }
.onestepcheckout_index_index .main-container { margin-top: 40px; }

.slider-info { color: #000000; }

#eventHeader {
	padding: 0px;
}

.brandPage #main-category.productpage, .brandPage #product-page-title { padding-bottom: 20px; }

#eventHeaderTxtWrapper { box-sizing: border-box; display: inline-block; width: 100%; position: relative; overflow:hidden; font-family: "rawline","Raleway", sans-serif; padding: 0.5vw; }
#eventHeaderTxtWrapper:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1; 
	opacity: 0.6;
	background-image: url('/extraTema/media/none_underbanner.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}

#eventHeaderTxtWrapper .eventHeaderJulBtn {
	max-width: 20vw;
	display: inline-block;
	vertical-align: baseline;
}

#eventHeaderTxtWrapper .eventHeaderJulHeader {
	display: inline-block;
	vertical-align: middle;
	vertical-align: -moz-middle-with-baseline;
	vertical-align: -webkit-baseline-middle;
	font-size: 3vw;
	padding-right: 2vw;
	color: #000000;
	position: relative;
	z-index: 2;
	font-family: "rawline","Raleway", sans-serif;
	font-weight: 800;
	padding-bottom: 0.75vw;
	-webkit-text-stroke: 0px;
}

#eventHeaderTxtWrapper span {
	box-sizing: border-box;
	background-color: #19864a;
	padding: 0.25vw;
	margin: 0.25vw;
	text-align: center;
	display: inline-block;
	width: 7vw;
	font-size: 0.75vw;
	position: relative;
	z-index: 2;
	filter: drop-shadow(0.1vw 0.1vw 0.2vw #7D3C43);
	cursor: pointer;
	color: #FFFFFF;
	-webkit-text-stroke: 0px;
	font-weight: 400;
	letter-spacing: 0.025vw;
	border-radius: 5px;
}

#eventHeaderTxtWrapper .eventHeaderJulSub {
	/* display: inline-block; */
    /* position: absolute; */
    z-index: 3;
	font-size: 0.7vw;
	font-weight: 400;
	text-align: right;
    /* top: 4.5vw; */
    /* margin-left: 4vw; */
}

@media only screen and (max-width: 850px) { 
	#eventHeaderTxtWrapper .eventHeaderJulHeader {
		display: block;
		padding-right: unset;
		font-size: 9vw;
	}

	#eventHeaderTxtWrapper .eventHeaderJulBtn {
		display: block;
		max-width: unset;
		margin-bottom: 2.5vw;
	}

	#eventHeaderTxtWrapper span {
		font-size: 3vw;
		margin: 1vw;
		width: 35%;
		padding: 0.75vw;
	}

	#eventHeaderTxtWrapper .eventHeaderJulSub {
		/* display: inline-block; */
		/* position: absolute; */
		z-index: 3;
		font-size: 1.5vw;
		text-align: center;
		/* top: 29vw; */
		/* margin-left: -13vw; */
	}
}

@media only screen and (min-width: 1025px) {
	.header-side-left, .header-side-right {
		display: block;
	}

	#header-slider {
		position: relative;
	}
}

#eventProducts div.front_page_event_slide.slick-slider, #eventProducts div.front_page_event_no_slide {
	padding: 0px 20px 0px 20px;
}

@media only screen and (max-width: 684px) {
	#eventProducts #PG_FP_BOX_INNER {
	    display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-evenly;
		align-items: flex-start;
	}

	#eventProducts div.front_page_event_slide.slick-slider, #eventProducts div.front_page_event_no_slide {
		width: 50%;
		padding: 3vw;
	}
}

#eventHeader { background: unset; }
#eventHeader span {
	font-family: "Raleway", sans-serif;
	font-size: 30px;
	font-weight: lighter;
	text-transform: uppercase;
    display: block;
    padding: 20px;
}

#header-slider {
	width: 100% !important;
}

.blackfridaybadge {
    padding: unset;
    left: unset;
    right: -14px;
    top: -14px;
}

.blackfridaybadge img {
    padding: unset;
}

.product-discount {
    padding: 10px;
    margin-left: unset;
    top: 0px;
    left: 0px;
    border-radius: 6px 0px 0px 0px;
    box-shadow: 0px 1px 3px 0px #00000088;
}

.cartTotal {
	border-top: 1px solid #4073a150;
}

@media only screen and (max-width: 700px) {

	.navDropdownIcons img {
		padding: 0 3px;
		height: 30px;
	}
	#header-slider-logos {
		height: 30px;
	}
}

.popup91 {display: none !important; }


.global-site-notice {
    position: fixed;
    top: 100px;
    z-index: 2001;
    color: red;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 2em;
    text-shadow: 2px 2px black;
}

#headerHeroDesktop {
	content: url('/extraTema/media/bazta-2022-april/Bazta_Desktop_Banner-1.png');
	border-radius: unset !important;
}

#headerHeroMobile {
	content: url('/skin/frontend/bazta/default/images/BaztaBanner-m-v4.png');
	border-radius: unset !important;
}

@media only screen and (max-width: 600px) {
	#header-slider-icons img {
		border-radius: unset;
	}
}

#heroBox {
	background-image: url('/extraTema/media/bazta-2022-april/BaztaBanner_V2.png');
}

#heroBoxSchool {
	background-image: url('/extraTema/media/bazta-2022-april/BaztaBanner_V2.1.png');
}

#heroBox, #heroBoxSchool {
	max-width: 1340px;
	height: 635px;
	margin-left: auto;
	margin-right: auto;
	background-position: top left;
	background-repeat: no-repeat;
	position:relative;
	background-color: #FFEDB9;
	margin-top: 10px;
}

#heroBoxLeftBlock {
	position: absolute;
	top: 0;
	left: 0;
	width: 420px;
	height: calc(100% - 63px);
	margin-left: 75px;
	margin-top: 50px;
	text-align: left;
	padding: 30px 0 50px 0;
	z-index: 20;
}

#heroBoxLeftBlock p {
	padding:0;
	margin:0;
}
#heroBoxLeftBlock .heroBigText {
	font-size: 5rem;
	font-family: "AlfaSlabOne", sans-serif;
	font-variant: inherit;
	color: #F38B14;
	line-height: 82px;
}
#heroBoxLeftBlock .heroMediumText {
	font-family: "SignikaNegative Medium", sans-serif;
	color: #2353AD;
	font-size: 2.2rem;
	line-height: 38px;
	margin-top: 14px;
}
#heroBoxLeftBlock .heroSmallText {
	font-family: "SignikaNegative Light", sans-serif;
	margin-top: 20px;
	font-size: 1.8rem;
}

#heroBoxLeftBlock .heroBtn {
	width: 180px;
	height: 66px;
	/*background-color: #931c1c;*/
	background-color: #c43b3b;
	margin-top: 40px;
	text-align: center;
	color: white;
	font-size: 2rem;
	line-height: 62px;
	cursor: pointer;
	border-radius: 6px;

	transition: background-color 200ms linear;
}

#heroBoxLeftBlock .heroBtn:hover {
	/*background-color: #c43b3b;*/
	background-color: #df4d4d;
}

#heroBoxLeftBlock .heroBtn > a {
	display: block;
	height: 100%;
	text-decoration: none;
	color: white;
} 

#frontpage_desktop_usp img.desktop {
	max-width: 1340px;
	margin-top: 20px;
}

#heroOverlay {
	background-image: url('/extraTema/media/bazta-2022-april/BaztaBanner_bottles.png');
	display: none;
	position: absolute;
	width: 390px;
	height: 345px;
	top: 350px;
	left: 435px;
	background-size: 75%;
	background-repeat: no-repeat;
}

#heroShadow {
	display: none;
	height: 100%;
	width: 50px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, #FFEDB9 120%);
	z-index: 10;
}

@media only screen and (max-width: 810px) {
	#heroBox {
		max-width: 810px;
		background-image: url('/extraTema/media/bazta-2022-april/BaztaBanner_V2_Mobile.png');
		background-color: transparent !important;
		overflow: hidden;

		margin-top: -48px;
	}
	#heroOverlay {display: block;}
	#heroBoxLeftBlock .heroBigText { font-size: 4rem; }
	#heroBoxLeftBlock .heroMediumText { font-size: 1.9rem; }
	#heroBoxLeftBlock .heroSmallText { width: 360px; font-size: 1.6rem;	}
	/*school banner*/
	/*end of school banner*/
}

@media only screen and (max-width: 600px) {
	#heroBoxLeftBlock {	
		/*margin-top: 0px; */
		margin-left: 15px;
		padding-top: 10px;
	}	

	#heroOverlay {
		top: 250px;
		left: initial;
		right: -90px;
	}
	#heroBox {
		max-width: 600px;
		/*background-position: 0 -110px;*/
		height: 509px;
		overflow: hidden;
		background-position: bottom left;
	}
	#heroBoxLeftBlock .heroBtn { 
		width: 160px;
		height: 50px; 
		font-size: 1.8rem; 
		line-height: 48px; 
		margin-top: 15px;
	}
	#heroBoxLeftBlock .heroBigText { font-size: 3.2rem; line-height: 56px; }
	#heroBoxLeftBlock .heroMediumText { font-size: 1.65rem; line-height: 32px; margin-top: 22px; }
	#heroBoxLeftBlock .heroSmallText { width: 245px; font-size: 1.45rem; margin-top: 20px;	}
	/*school banner*/
	/*end of school banner*/
}

@media only screen and (max-width: 560px) {
	#heroOverlay {
		right: initial;
		left: 260px;
	}
	#heroShadow { display: block; }
	/*school banner*/
	/*end of school banner*/
}

@media only screen and (max-width: 458px) {
	#heroBoxLeftBlock .heroBtn { 
		width: 145px;
		height: 45px; 
		font-size: 1.5rem; 
		line-height: 42px; 
		margin-top: 20px;
	}
	#heroOverlay {
		background-image: url('/extraTema/media/bazta-2022-april/BaztaBanner_bottles_s.png');
		width: 257px;
		height: 345px;
		top: 240px;
		left: 224px;
	}
	
	#heroBoxLeftBlock .heroSmallText { width: 200px; font-size: 1.35rem; margin-top: 30px; }
	/*school banner*/
	/*end of school banner*/
}

@media only screen and (max-width: 375px) {

	.product-discount {
		font-size: 1.25vmax;
	}

	#heroBoxLeftBlock .heroBtn { 
		width: 115px;
		height: 40px;
		font-size: 1.3rem;
		line-height: 38px;
	}
	#heroOverlay { top: 264px; left: initial;  right: -84px; background-size: 65%; }
	#heroBox { background-position: 0 -125px; height: 494px; }
	#heroBoxLeftBlock .heroBigText { font-size: 3rem; line-height: 50px; }
	#heroBoxLeftBlock .heroMediumText { font-size: 1.45rem; line-height: 28px; margin-top: 14px; }
	#heroBoxLeftBlock .heroSmallText { width: 165px; font-size: 1.3rem; margin-top: 24px; text-shadow: 0 0 2px #FFEDB9; }
	/*school banner*/
	/*end of school banner*/
}

/*school banner*/
#heroBoxSchool { display: none; }
#heroBoxSchool > #heroBoxLeftBlock {
	left: -24px;
	width: 350px;
	padding: 50px 0 50px 0;
	margin-left: 75px;
}
#heroBoxSchool .heroBigText {
	font-size: 3.4rem;
	color: #F12279;
	line-height: 53px;
	letter-spacing: 1px;
}
#heroBoxSchool .heroMediumText {
	color: #3673FE;
	font-size: 2.7rem;
	line-height: 42px;
	margin-top: 22px;
}
#heroBoxSchool .heroSmallText {
	font-size: 2.15rem;
	width: 284px;
}

#heroBoxSchool .heroBtn {
	height: 56px;
	background-color: #2A6AAB;
	margin-top: 31px;
	font-size: 1.6rem;
	line-height: 56px;
}
#heroBoxSchool .heroBtn:hover {	background-color: #3673fe; }
@media only screen and (max-width: 1024px) { #heroBoxSchool { background-image: url('/extraTema/media/bazta-2022-april/BaztaBanner_V2.1.mid.png'); } }
@media only screen and (max-width: 610px) {
	#heroBoxSchool .heroBigText { font-size: 3rem; line-height: 53px; width: 300px; }
	#heroBoxSchool .heroMediumText { font-size: 2.35rem; }
	#heroBoxSchool .heroSmallText { font-size: 1.55rem; width: 200px; }
}
@media only screen and (max-width: 550px) { 
	#heroBoxSchool { background-image: url('/extraTema/media/bazta-2022-april/BaztaBanner_V2.1.semi.png'); } 
}
@media only screen and (max-width: 470px) {
	#heroBoxSchool { background-image: url('/extraTema/media/bazta-2022-april/BaztaBanner_V2.1.mini.png'); height: auto; } 
	#heroBoxSchool > #heroBoxLeftBlock { position: static; padding: 60px 25px 25px 25px; width: 100%; margin: 0 !important;	}
	#heroBoxSchool .heroBigText { font-size: 2.2rem; line-height: 37px; width: 220px; }
	#heroBoxSchool .heroMediumText { font-size: 1.9rem; margin-top: 10px; line-height: 36px; width: 200px; }
	#heroBoxSchool .heroSmallText { font-size: 1.39rem; width: 190px; margin-top: 12px; }
	#heroBoxSchool .heroBtn { width: 148px; font-size: 1.3rem; line-height: 48px; height: 48px; margin-top: 30px; }
}
@media only screen and (max-width: 365px) {
	#heroBoxSchool { background-image: url('/extraTema/media/bazta-2022-april/BaztaBanner_V2.1.tiny.png'); } 
	#heroBoxSchool > #heroBoxLeftBlock { padding: 50px 25px 15px 15px; }
	#heroBoxSchool .heroBigText { font-size: 1.75rem; line-height: 33px; width: 180px; }
	#heroBoxSchool .heroMediumText { font-size: 1.7rem; line-height: 30px; width: 165px; }
	#heroBoxSchool .heroSmallText { font-size: 1.3rem; width: 165px; margin-top: 20px; }
	#heroBoxSchool .heroBtn { width: 150px; font-size: 1rem; line-height: 40px; height: 40px; margin-top: 24px; }
}
/*end of school banner*/

/*Fix Single Column Mobile List Layout*/
a > .product-image > img { border: 0px; }

.product-image {
    height: 250px;
    width: 230px;
    padding: 10px 0px 10px 0px;
    margin: 0 auto;
    text-align: center;
}

.product-image img {
    max-width: 100%;
    max-height: 100%;
}

.products-grids { width: 100%; display: inline-flex; }

.main .product {
    padding-bottom: 0px;
    height: 490px;
    min-width: 250px;
}

@media only screen and (max-width: 800px) {
    .product-image { width: 180px; height: 200px; }
}

@media only screen and (max-width: 750px) {
    .main .product {
        min-width: 150px;
        height: 360px;
    }
    .product-image { width: 130px; height: 150px; }
}

@media only screen and (max-width: 500px) {
    .product-name, .product-category {
        margin-top: 0px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 460px) {
    .product-image {
        width: 130px;
        height: 150px;
    }
}

@media only screen and (max-width: 350px) {
    .product-grids {
        padding: 0;
    }
    .main .product {
        min-width: 100px;
    }
}

a > .product-image > img {
    border: 0px;
    box-shadow: 0 0 23px -6px rgba(255, 255, 255, 0.3);
    background-color: white;
    padding: 10px;
    border-radius: 4px;
}