#product_header{}
#product_header .productimg{width: 100%; background-position: center center;  -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; height:40.65vw; position:relative;background:url(./images/blank.jpg);}
#product_header .sec{ margin:auto; width:420px; color: #ffffff;  text-shadow: none !important; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align:center; position:absolute; margin-left:60%;}
#product_header .sec h1 { color: #ffffff; font-size:50px; font-family: 'Grandstanderbold'; padding: 0px; margin: 0px; line-height: 50px;
  text-transform: uppercase; text-align:center; margin-bottom:10px;}
#product_header .sec h2 { font-family: 'quicksandregular'; font-size:18px; padding: 0px 0 0px 0; margin: 10px 0 15px 0;line-height: 24px;
text-transform: none; text-align:center;}
#product_header .sec .non_gmo{ width: 160px; margin: 0 auto;}
#product_header .sec ul.pro-features{ list-style:none; margin:0; padding:0; display:inline-block;}
#product_header .sec ul.pro-features li{float:left; width:140px; height:140px; text-align:center; padding:0 10px; margin-right:10px;}
#product_header .sec ul.pro-features li:last-child{margin:0;}
#product_header .sec ul.pro-features li img{margin:10px auto;}
#product_header .sec ul.pro-features li span{font-family: 'quicksandbold'; font-size:16px; line-height:24px; color:#fff;}
/*new change*/
#product_header .kids_lunch_snack_idea{width: 100%; background-position: center center;  -webkit-background-size: cover; -moz-background-size: cover; background-size:cover !important; -o-background-size: cover; height:40.65vw; position:relative;background:url(./images/dnm-kids-lunchbox-snacks_header-img.jpg); /*margin-top:72px;*/}

/*end of new change*/


section#procats{padding:70px 0 0;}
section#procats h3{color: #ce3542; font-size: 36px; font-family: 'quicksandbold'; padding: 0px; margin: 10px 0 20px; text-align:center; line-height: 30px;}
section#procats p{font-family: 'quicksandregular'; font-size:14px; line-height:23px; color:#000; text-align:center; margin-bottom:0;}
section#procats .products-row{padding-top:30px;}
section#procats .product-box{cursor:pointer;}
section#procats span.pro-name{font-family: 'quicksandbold'; font-size:18px; line-height:24px; color:#ce3542; text-align:center; display:block;}
section#procats.last{padding-bottom:110px;}
section#procats.single-cat{padding:0 0 70px;}

section#procats div.products-slider{margin:30px 0;}
section#procats div.products-slider .slick-dots li{ margin: 0 8px; width:16px; height:16px;}
section#procats div.products-slider .slick-dots li button{background-color:#fff; border:solid 1px #0072BD; border-radius:8px; width:16px; height:16px;}
section#procats div.products-slider .slick-dots li.slick-active button{background-color:#0072BD;}
section#procats div.products-slider .slick-dots li button:before{content:none;}


section#recipes{}
section#recipes .recipes-row{padding-top:80px;}
section#recipes .recipe-box{cursor:pointer;}
section#recipes span.pro-name{font-family: 'quicksandbold'; font-size:18px; line-height:24px; color:#ce3542; text-align:center; display:block; padding-top:40px;}
section#recipes div.load-more{text-align:center; padding:80px 0 80px;}
section#recipes div.load-more a{ font-family: 'Grandstanderbold';
    display: inline-block;
    padding: 8px 18px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    background-color: #db1136;
    color: #fff;
    border-radius: 10px; }
section#recipes div.load-more a:hover{text-decoration: none;}

section#recipes h1{font-size:35px; line-height:39px; color:#ce3542; font-family: 'Grandstanderbold'; text-align:center; padding-top:80px;}


section#ourproducts{padding:70px 0 0;}
section#ourproducts h3{color: #ce3542; font-size: 36px; font-family: 'Grandstanderbold'; padding: 0px; margin: 10px 0 20px; text-align:center; line-height: 24px;}
section#ourproducts p{font-family: 'quicksandregular'; font-size:14px; line-height:33px; color:#000; text-align:center; margin-bottom:0;}
section#ourproducts .products-row{padding-top:30px;}
section#ourproducts .product-box{cursor:pointer;}
section#ourproducts span.pro-name{font-family: 'quicksandbold'; font-size:18px; line-height:24px; color:#ce3542; text-align:center; display:block;}
section#ourproducts.last{padding-bottom:70px;}
section#ourproducts.single-cat{padding:0 0 70px;}



section#single_recipe{ padding-top:98px;}
section#single_recipe .recipe-detail{width:90%; margin-left:5%;}
section#single_recipe .recipe-detail h1{ font-size:47px; line-height:57px; color:#ce3542; font-family: 'Grandstanderbold'; text-transform:uppercase;margin-bottom: 30px;}
section#single_recipe .recipe-detail p{ font-size:19px; line-height:29px; color:#ce3542;  font-family: 'quicksandregular';}
section#single_recipe .leftbox{width:50%; float:left;}
section#single_recipe .middlebox{width:10%; float:left;}
section#single_recipe .rightbox{ width:40%; float:left;}
section#single_recipe .rightbox h1{ font-size:25px; line-height:29px; color:#ce3542; font-family: 'quicksandbold'; margin-top:40px; text-transform:none;}
section#single_recipe .rightbox p{ font-size:20px; line-height:30px; color:#000000;  font-family: 'quicksandregular'; width:100%;}
section#single_recipe .rightbox ul li{font-size:20px; line-height:30px; color:#ce3542;  font-family: 'quicksandregular';}
section#single_recipe .rightbox ul li span{color:#000000;}

section#single_recipe .sub-heading{font-family: 'Grandstanderbold'; font-size:35px; line-height:29px; color:#ce3542; text-align:center; margin-top:80px; margin-bottom:60px;}
section#single_recipe .recommended-products{padding-top:30px; clear:left;}
section#single_recipe .recommended-products span.pro-name{font-family: 'quicksandbold'; font-size:18px; line-height:29px; color:#ce3542; text-align:center; display:block; margin-top: 30px;}

section#single_recipe .other-recipes{padding-top:30px; clear:left;margin-bottom:80px;}
section#single_recipe .other-recipes span.pro-name{font-family: 'quicksandbold'; font-size:18px; line-height:29px; color:#ce3542; text-align:center; display:block; margin-top: 30px;}


section#kids-nutri{background-image:url('./images/kids-nutrition1.jpg'); background-position:top center;  background-size:cover; width:100%; height:3000px; margin-bottom:80px;}
section#kids-nutri .kids-nutri-container{}
section#kids-nutri .kids-nutri-container .red-outer-box{position:absolute; width:calc(100% - 30px);}
section#kids-nutri .kids-nutri-container .red-box{background-color:rgba(219,17,54,0.95); border-radius:10px; padding:15px 40px; }
section#kids-nutri .kids-nutri-container .red-outer-box.calcium{top:90px;}
section#kids-nutri .kids-nutri-container .red-outer-box.vitamind{top:412px;}
section#kids-nutri .kids-nutri-container .red-outer-box.promise{top:730px;}
section#kids-nutri .kids-nutri-container .red-outer-box.cultures{top:1050px;}
section#kids-nutri .kids-nutri-container .red-outer-box.healthier{top:1368px;}
section#kids-nutri .kids-nutri-container .red-outer-box.breakfast{top:1690px;}
section#kids-nutri .kids-nutri-container .red-outer-box.essential-nutrients{top:2005px;}
section#kids-nutri .kids-nutri-container .red-box h2{font-family: 'quicksandbold'; font-size:28px; line-height:33.6px; color:#fff; margin:20px 0 10px;}
section#kids-nutri .kids-nutri-container .red-box h2.small{font-family: 'quicksandbold'; font-size:28px; line-height:33.6px; color:#fff; margin:20px 0 10px;}
section#kids-nutri .kids-nutri-container .red-box p{font-family: 'quicksandregular'; font-size:14px; line-height:22px; color:#fff;}
section#kids-nutri .kids-nutri-container .red-box p.recommended-text{border-bottom: solid 3px; display: inline-block;}
section#kids-nutri .kids-nutri-container .red-box p.recommended-values{}
section#kids-nutri .kids-nutri-container .red-box p.small-text{font-size:12px; line-height:16px;}
section#kids-nutri .kids-nutri-container .red-box p.small-text a{font-family: 'quicksandregular'; font-size:12px; line-height:16px; color:#fff; text-decoration:none; word-break: break-all;}
section#kids-nutri .kids-nutri-container .red-box p.small-text a:hover{text-decoration:none;}
section#kids-nutri .kids-nutri-container .red-box p a{font-family: 'quicksandregular'; font-size:14px; line-height:14px; color:#fff; text-decoration:none;}
section#kids-nutri .kids-nutri-container .red-box p a.read-more{font-weight:bold;}
section#kids-nutri .kids-nutri-container .red-box p a.read-less{font-weight:bold; display:none;}
section#kids-nutri .kids-nutri-container .red-box p a .fa{padding-left:10px;}
section#kids-nutri .kids-nutri-container .red-box .more-content p{}


/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {
	opacity: 0;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);
}
.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);
}
/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-left, .cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

section#legal_disclaimer {margin-top:-30px; margin-bottom:30px;}
section#legal_disclaimer p{font-family: 'quicksandregular'; font-size:13.62px; line-height:25.53px; color:#000; text-align:center;}


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

section#kids-nutri{ width:100vw; height:243.9vw; margin-bottom:80px;}
section#kids-nutri .kids-nutri-container .red-box{width:calc(100% - 2.44vw);}
section#kids-nutri .kids-nutri-container .red-box{padding:1.22vw 3.25vw; }
section#kids-nutri .kids-nutri-container .red-outer-box.calcium{top:7.32vw;}
section#kids-nutri .kids-nutri-container .red-outer-box.vitamind{top:33.5vw;}
section#kids-nutri .kids-nutri-container .red-outer-box.promise{top:59.35vw;}
section#kids-nutri .kids-nutri-container .red-outer-box.cultures{top:85.37vw;}
section#kids-nutri .kids-nutri-container .red-outer-box.healthier{top:111.22vw;}
section#kids-nutri .kids-nutri-container .red-outer-box.breakfast{top:137.4vw;}
section#kids-nutri .kids-nutri-container .red-outer-box.essential-nutrients{top:163vw;}
section#kids-nutri .kids-nutri-container .red-box h2{font-size:2.28vw; line-height:2.73vw; margin:0.81vw 0;}
section#kids-nutri .kids-nutri-container .red-box h2.small{font-size:2.28vw; line-height:2.73vw; margin:0.81vw 0;}
section#kids-nutri .kids-nutri-container .red-box p{font-size:1.14vw; line-height:1.79vw; color:#fff;}
section#kids-nutri .kids-nutri-container .red-box p.recommended-values{}
section#kids-nutri .kids-nutri-container .red-box p.small-text{font-size:0.98vw; line-height:1.30vw;}
section#kids-nutri .kids-nutri-container .red-box p.small-text a{font-size:0.98vw; line-height:1.30vw;}
section#kids-nutri .kids-nutri-container .red-box p a{font-size:1.14vw; line-height:1.14vw;}
section#kids-nutri .kids-nutri-container .red-box p a .fa{padding-left:0.81vw;}
section#kids-nutri .kids-nutri-container .red-box .more-content p{}
/*new change*/
#product_header .sec h1 { font-size:40px;  line-height: 40px;}
#product_header .sec h2 {  font-size:16px; line-height: 22px;}
#product_header .sec {  margin-left: 57%;}
#product_header .sec .non_gmo{ width: 120px; margin: 0 auto;}
/*end of new change*/
}

/*new change*/

@media screen and (max-width:991px) {
	
#product_header .sec h1 {  font-size:28px; line-height:28px;}
#product_header .sec h2 { font-size:14px;line-height: 20px;}	
#product_header .sec{width:300px;}
#product_header .sec { margin-left: 58%;}
#product_header .sec .non_gmo{ width: 80px; margin: 0 auto;}
}
/*end of new change*/


@media screen and (max-width:767px) {
	#product_header{width:100%; background-color: #db1136;}
	#product_header .productimg{height:280px;}
	/*new change*/
	#product_header .sec{ margin:auto; width:290px; padding:30px 0; text-align:center; position:relative; transform: none;} 
	/*end of new change*/
	
	#product_header .sec ul.pro-features{ list-style:none; margin:auto; padding:0; display:inline-grid;}
	section#procats h3 {font-family: 'quicksandbold';  line-height: 35px;}
	section#procats p { line-height:25px;}
	section#procats { padding:50px 0 0;}
	section#procats p {  width: 270px; margin: auto;}
	#product_header .sec .non_gmo{ height:85px;}
   #product_header .sec h1 {  font-size:30px; line-height:30px;}
   #product_header .sec h2 { font-size:14px;line-height: 22px;}	
	
	
	section#recipes .recipes-row{padding-top:0px;}
	section#recipes .recipe-box{padding-top:20px;}
	section#recipes span.pro-name{padding:20px 0;}
	section#recipes div.load-more{padding:60px 0 60px}
	
	
	section#single_recipe{padding-top:40px;}
	section#single_recipe .recipe-detail h1{font-size:35px; line-height:35px;    padding: 0 15px; margin-bottom:30px;}
	section#single_recipe .recipe-detail{width:100%; margin:0; text-align:center;}
	section#single_recipe .leftbox{width:100%; float:none;}
	section#single_recipe .leftbox img{margin:auto;}
	section#single_recipe .rightbox{width:100%; float:none; text-align:left;}
	section#single_recipe .rightbox h1{font-size:25px; line-height:29px; margin-top:30px; margin-bottom:10px;}
	section#single_recipe .rightbox p{line-height:25px; padding:0 15px;}
	section#single_recipe .sub-heading{    margin: 30px 0; font-size:30px; line-height:37px;}
	section#single_recipe .recommended-products span.pro-name{line-height:25px;margin-bottom: 30px;}
	section#single_recipe .other-recipes span.pro-name{line-height:25px;margin:20px 0 40px;}
	section#single_recipe .other-recipes{margin-bottom:0px;}
	
	section#kids-nutri{background: none; height: auto; width: 100%; margin: 0;margin-bottom: 60px;}
	section#kids-nutri .kids-nutri-container .red-outer-box{position:relative; width:100%; text-align:center; margin:0;}
	section#kids-nutri .kids-nutri-container .red-box{background-color:#db1136; border-radius:10px; padding:15px 20px; }
	section#kids-nutri .kids-nutri-container .red-outer-box.calcium{ margin-top:15px; top:0;}
	section#kids-nutri .kids-nutri-container .red-outer-box.vitamind{ margin-top:15px; top:0;}
	section#kids-nutri .kids-nutri-container .red-outer-box.promise{ margin-top:15px; top:0;}
	section#kids-nutri .kids-nutri-container .red-outer-box.cultures{ margin-top:15px; top:0;}
	section#kids-nutri .kids-nutri-container .red-outer-box.healthier{ margin-top:15px; top:0;}
	section#kids-nutri .kids-nutri-container .red-outer-box.breakfast{ margin-top:15px; top:0;}
	section#kids-nutri .kids-nutri-container .red-outer-box.essential-nutrients{ margin-top:15px; top:0;}
	section#kids-nutri .kids-nutri-container .red-box h2{font-family: 'quicksandbold'; font-size:30px; line-height:32.4px; color:#fff; margin:10px 0;}
	section#kids-nutri .kids-nutri-container .red-box h2.small{font-family: 'quicksandbold'; font-size:27px; line-height:30px; color:#fff; margin:10px 0;}
	section#kids-nutri .kids-nutri-container .red-box p{font-family: 'quicksandregular'; font-size:14px; line-height:24px; color:#fff;}
	section#kids-nutri .kids-nutri-container .red-box p.recommended-text{border-bottom: solid 3px; display: block;}
	section#kids-nutri .kids-nutri-container .red-box p.recommended-values{}
	
	section#kids-nutri .kids-nutri-container .red-box p.small-text{font-size:12px; line-height:16px;}
	section#kids-nutri .kids-nutri-container .red-box p.small-text a{font-size:12px; line-height:16px;}
	section#kids-nutri .kids-nutri-container .red-box p a{font-family: 'quicksandregular'; font-size:14px; line-height:24px; color:#fff; text-decoration:none; word-wrap: break-word;}
	section#kids-nutri .kids-nutri-container .red-box p a.read-more{font-family: 'quicksandbold';}
	section#kids-nutri .kids-nutri-container .red-box p a.read-less{font-family: 'quicksandbold'; display:none;}
	section#kids-nutri .kids-nutri-container .red-box p a .fa{display:block;}
	section#kids-nutri .kids-nutri-container .red-box .more-content p{}
	section#kids-nutri .kids-nutri-container .red-box .recommended-table{width:90%; margin:auto;}
	
	
	section#kids-nutri .mobile-img1{height:320px; background-image:url(./images/dnm-image-dls_kids-nutrition-bg-1.jpg); background-size:cover; background-position: center top; margin-top:15px;}
	section#kids-nutri .mobile-img2{height:320px; background-image:url(./images/dnm-image-dls_kids-nutrition-bg-2.jpg); background-size:cover; background-position: 33% top; margin-top:15px;}
	section#kids-nutri .mobile-img3{height:320px; background-image:url(./images/dnm-image-dls_kids-nutrition-bg-3.jpg); background-size:cover; background-position: 34% top; margin-top:15px;}
	section#kids-nutri .mobile-img4{height:320px; background-image:url(./images/dnm-image-dls_kids-nutrition-bg-4.jpg); background-size:cover; background-position: 45% top; margin-top:15px;}
	section#kids-nutri .mobile-img5{height:320px; background-image:url(./images/dnm-image-dls_kids-nutrition-bg-5.jpg); background-size:cover; background-position: 47% top; margin-top:15px;}
	section#kids-nutri .mobile-img6{height:320px; background-image:url(./images/dnm-image-dls_kids-nutrition-bg-6.jpg); background-size:cover; background-position: center top; margin-top:15px;}
}