* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input, button, select, textarea {
    outline: none;
}
@font-face {
    font-family: 'webfontregular';
    src: url('../fonts/vag/vag_round-webfont.woff2') format('woff2'),
         url('../fonts/vag/vag_round-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vag_roundedregular';
    src: url('../fonts/vag/vag_rounded_black-webfont.woff2') format('woff2'),
         url('../fonts/vag/vag_rounded_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vag_roundedbold';
    src: url('../fonts/vag/vag_rounded_bold-webfont.woff2') format('woff2'),
         url('../fonts/vag/vag_rounded_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vag_roundedregular';
    src: url('../fonts/vag/vag_rounded_light-webfont.woff2') format('woff2'),
         url('../fonts/vag/vag_rounded_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html,body{
	height:100%; width:100%; margin:0; padding:0;
	font-family:vag_roundedregular, arial;
}

/* colors */
.page-buttons span, .overlay ul li a, #start-healthy h1, strong {
    color: #78c2e2;
}
/* color */

/* Header start here */

header.main-menu {
    background-color: #053463;
    height: 80px;
}
.logo {
    float: left;
    padding: 17px 0px 17px 40px;
    width: 270px;
}
.nav-border {
    clear: both;
    max-height: 25px;
    overflow: hidden;
    color: #FFF;
    width: 59%;
    float: right;
    margin-right: 17px;
}

/* ----------------- Menu Layer ----------------- */
.menu_layer{
	background-image:url(../img/big_menu.png);
    background-repeat: no-repeat;
	z-index:99999;
	letter-spacing:4px;
	background-size: cover;
}
.open_menu_button_area{
	position:fixed;
	right: 20px;
	z-index:1;
}
.country_icon{
	display:inline-block;
	margin-bottom:15px;
}
/* ----------------- End Menu Layer ----------------- */
.open_menu_button {
	background-image:url(../img/menu_button_backgroubd-white.png);
	background-size: 100% 100%;
	width:104px;
	height:19px;
	border:0;
	background-color:transparent;
	margin-right:20px;
	margin-top:30px;
}

nav ul li i {
	margin-right: 10px;
}


/* Overlay style */
.overlay {
	position: fixed;
	width: 50%;
	height: 100%;
	top: 59px;
	left: 50%;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 110px;
	height: 32px;
	margin:0;
	padding:0;
	border: none;
	background: url(../img/cross.png);
	background-size: 100% 100%;
	color: transparent;
	outline: none;
	z-index: 100;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;    
}

/* Menu style */
.overlay nav {
	margin-right: 7%;
	text-align: right;
	line-height: 4em;
	float: right;
}

/* Block styles */
.overlay .your_blocks {
	width: 38.6%;
	right: 20%;
	position: relative;
	line-height: 2em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	float: right;
	top: 50%;
}

.overlay .your_block {
	border-radius:10px;
	display: inline-block;
	text-align: left;
	margin: 10px 10px;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.7s, opacity 0.1s 0.7s;
	transition: transform 0.7s, opacity 0.1s, visibility 0s 0.7s;
	-webkit-transform: translate3d( 300% ,0 ,0);
	transform: translate3d( 300% ,0 ,0);
}

.overlay-slidedown.open .your_block {
	border-radius:10px;
	visibility: visible;
	opacity: 1;
	-webkit-transition: -webkit-transform 0.7s, opacity 0.1s 0.7s;
	transition: transform 0.7s, opacity 1s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.block_link {
	color: #fff;
	font-size: 15px;
}

.overlay .your_block img {
	width: 720px;
	border-radius: 10px;
}

.overlay .your_block span {
	position: absolute;
	bottom: 10px;
	left: 0;
	margin-bottom: 0;
	text-align: left;
	z-index: 3;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	padding: 20px;
	font-weight: 300;
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 15%;
	height: calc(100% / 5);
	min-height: 36px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.1s, visibility 0s 0.2s;
	transition: transform 0.3s, opacity 0.1s, visibility 0s 0.2s;
	-webkit-transform: translate3d( 300%, 0 ,0);
	transform: translate3d( 300%,0,0);
	font-size:1.5em;
}

.overlay-slidedown.open ul li:first-child {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.overlay-slidedown.open ul li:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.overlay-slidedown.open ul li:nth-child(3) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.overlay-slidedown.open ul li:nth-child(4) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.overlay-slidedown.open ul li:last-child {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.overlay-slidedown.open ul li {
	visibility: visible;
	opacity: 1;
	-webkit-transition: -webkit-transform 0.7s, opacity 0.1s 0.7s;
	transition: transform 0.7s, opacity 1s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


.overlay ul li a {
    display: block;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    text-decoration: none;
    font-size: 16px;
    font-family: arial;
}

.overlay ul li a:hover, 
.overlay ul li a:focus {
	opacity: 0.5;
}

/* Effects */
.overlay-slidedown {
	visibility: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
	transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.overlay-slidedown.open {
	visibility: visible;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}


/* Added by Aaron about country and close_button*/

#country_list {
    width: 40%;
    margin-left: 10%;
    float: left;
    margin-top: 5%;
    position: relative;
}
#country_list ul.menu {
    position: absolute;
    height: auto;
    left: 43px;
    top: 40px;
}
.close_menu_div {
    margin-right: 7%;
    margin-top: 5%;
    height: 10%;
    float: right;
}

.menu_head {
	background-color: transparent;
	border: 0px;
	color: #fff;
	font-size: 1.5em;
	padding: 0px;
}
.menu {
	display: none; 
	border-top: none;
}
.menu li {
	list-style:none;
}

.overlay ul.menu li a {
    padding: 4px 2px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 100;
}

.overlay ul.menu li a:hover {
	color: #78c2e2;
}

.wechat_div {
    margin-right: 7%;
    margin-top: 20px;
    height: 10%;
    float: right;
    width: 93%;
}

.wechat_div img{
    width: 60px;
    float: right;
}

.top-scroll {
    position: fixed;
    bottom: 30px;
    right: 15px;
	opacity: .5;
	display:none;
	z-index: 1;
}
.top-scroll:hover,
.top-scroll:focus{
	opacity: 1;
}
/* Header End here */



/* Home page sections  */


.overlay.home-overlay {
    top: 0px;
}
.overlay.home-overlay.has-margin {
	top: 80px;
}
.flag {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
}

/* Section 1 Home page*/
section#infant-farmula {
    background-image: url(../img/home-sec1.jpg);
    width: 100%;
    background-size: cover;
	background-position: 100% 100%;
	background-repeat: no-repeat;
    position: relative;
}
.large-logo {
    width: 33%;
    margin: auto;
}
nav.nav-desktop {
    width: 750px;
    margin: auto;
}
.nav-desktop ul {
    margin: 0;
    padding: 0;
}
.nav-desktop ul li {
    list-style: none;
    display: inline-block;
    margin: 20px 16px;
}
.nav-desktop ul li a {
    background-color: #053463;
    color: #fff;
    padding: 8px 30px;
    font-size: 17px;
    font-family: arial;
    text-decoration: none;
}
.infant-farmula-text {
    margin-right: 25%;
    text-align: center;
    margin-top: 28px;
}
.infant-farmula-text .s-head {
    font-size: 36px;
    color: #80c5e0;
    line-height: 50px;
}
.infant-farmula-text h2 {
    color: #a4ac1e;
    font-size: 60px;
    margin: 0;
    line-height: 60px;
}
.scroll-bar {
    background-color: #053463;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.scroll-bar p {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 4px;
    padding: 10px 0;
    line-height: 20px;
}

/* Section 1 Home page*/

/* Section 2 Home page*/
section#grass-fed {
    width: 100%;
    background-image: url(../img/home-sec2.jpg);
    background-size: cover;
    background-position: 100% 100%;
    position: relative;
}
.center-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -405px;
    margin-top: -202px;
}
#grass-fed h2 {
    font-size: 72px;
    color: #fff;
    margin: 0 0 14px;
}
#grass-fed p {
    font-size: 26px;
    color: #fff;
    line-height: 40px;
}
.grass-fed-icon ul {
    margin: 12px 0;
    padding: 0;
}
.grass-fed-icon ul li {
    list-style: none;
    background-image: url('../img/sprite.png');
    width: 120px;
    height: 120px;
    display: inline-block;
    margin-left: 65px;
}
li.grass-icon1 {
    background-position: left -425px;
}
li.grass-icon2 {
    background-position: left -545px;
}
li.grass-icon3 {
    background-position: left -665px;
}
li.grass-icon4 {
    background-position: -124px -682px;
}

/* Section 2 Home page*/


/* Section 3 Home page*/
section#where-purchase {
    width: 100%;
    background-image: url('../img/home-sec3.jpg');
    background-position: top center;
    background-size: cover;
    position: relative;
}
.slider-buttons {
    position: absolute;
    right: 0;
    top: 16%;
	z-index: 11;
}
.slider-buttons ul {
    padding: 0;
}
.slider-buttons ul li {
    background-image: url('../img/sprite.png');
    width: 72px;
    height: 66px;
    list-style: none;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 0px;
}

li.slider-icon1 {
    background-position: right -536px;
}
li.slider-icon2 {
    background-position: right -608px;
}
li.slider-icon3 {
    background-position: right -682px;
}
#where-purchase .infant-farmula-text {
    margin: 70px auto 0;
	position: absolute;
    width: 100%;
	z-index: 1;
}
#where-purchase .infant-farmula-text .s-head {
    font-size: 60px;
    line-height: 68px;
}
#where-purchase h3 {
    position: absolute;
    bottom: 55px;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 40px;
}


/* Section 3 Home page*/


/* Section 4 Home page*/
section#contact-sec {
    width: 100%;
	margin: 0px;
}
.contact-sec-inner {
    width: 1120px;
	margin: auto;
}
#contact-sec h2 {
    text-align: center;
    color: #80c5e0;
    margin-bottom: 60px;
    font-size: 60px;
}
#contact-sec .form-group {
    width: 100%;
}
.cow-vec {
    background-image: url('../img/sprite.png');
    width: 128px;
    height: 158px;
    position: absolute;
    top: -137px;
    background-position: 200px -523px;
    left: 90px;
}
.form-inline .form-control {
    width: 100%;
    padding: 41px 28px;
    font-size: 20px;
    border-radius: 28px;
    background-color: #f2f9fc;
    margin-bottom: 15px;
    color: #80c5e0;
	border: 1px solid #80c5e0;
}
.form-inline ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #80c5e0;
}
.form-inline ::-moz-placeholder { /* Firefox 19+ */
  color: #80c5e0;
}
.form-inline :-ms-input-placeholder { /* IE 10+ */
  color: #80c5e0;
}
.form-inline :-moz-placeholder { /* Firefox 18- */
  color: #80c5e0;
}
.checkbox label {
    font-size: 20px;
    margin-left: 26px;
    line-height: 68px;
    color: #80c5e0;
}
textarea#comment {
    padding: 28px 28px 28px;
    height: 250px;
}
.form-inline  button.btn.btn-primary {
    float: right;
    font-size: 24px;
    border-radius: 20px;
    background-color: #053463;
    padding: 16px 0;
    width: 50%;
    letter-spacing: 3px;
}

.country-detail {
    margin-bottom: 56px;
	margin-left: 20px;
}
#contact-sec .country-detail h2 {
    margin-top: 0;
    font-size: 52px;
    color: #80c5e0;
	text-align: left;
    margin: 3px;
}
.country-detail h3 {
    margin-top: 0;
    margin-bottom: 15px;
}
.country-detail h3 span {
    color: #80c5e0;
}

.country-detail.stocking-detail h3 {
    margin-bottom: 5px;
}
.country-detail.stocking-detail span.email {
    color: #a4ac1e;
}
/* Section 4 Home page*/




/* Home page sections End */


/* Inner page 1 section  */
section {
   /* width: 320px;*/
    margin: 0 auto 20px auto;
}
section .nav-border {
    color: #707173;
    font-size: 23px;
    width: 100%;
    margin: 0 0 5px 0;
    line-height: 17px;
	text-align: center;
}

p {
    margin: 0px;
    color: #707173;
    font-size: 12.4px;
    text-align: center;
	line-height: 20px;
}

.sec-icon {
    margin: 15px auto 0;
}
.sec-icon, .sec-icon i {
    width: 52px;
    height: 52px;
}

#start-healthy h1, #more-organic h1, #healthy-cows h1, #fresh-milk h1, #nutritional-information h1, #ingredients h1,
#preparation-guide h1, #feeding-instructions h1, #time-feeds h1 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
}

/* section start helthy */
.page-buttons {
    padding: 30px 20px 0px;
}
.page-buttons a, .sec-icon i, .preparation-icon-main i {
    background-image: url(../img/sprite.png);
    float: left;
	font-size: 0;
}
a.button1 {
    background-position: left -60px;
    width: 80px;
    height: 80px;
}
a.button2, a.button3 {
    width: 60px;
    height: 60px;
	margin-top: 10px;
}
a.button2 {
    background-position: left top;
}

a.button3 {
    background-position: -60px top;
}
a.prev-button {
    background-position: -80px -58px;
	margin: 30px 18px 30px 12px;
}
a.next-button {
    background-position: -89px -58px;
	margin: 30px 12px 30px 18px;
}
a.prev-button, a.next-button {
    width: 10px;
    height: 20px;
}
.page-buttons span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #78c2e2;
    line-height: 60px;
}


/* section start helthy End*/

/* section More organic start*/
#more-organic h1, #more-organic h2 {
	color:#a87cb8;
}
#more-organic h2 {
	font-size:19px;
	text-align: center;
	margin-bottom: 5px;
}
i.icon-more-organic {
    background-position: -119px top;
}
/* section More organic End*/

/* section Healthy cows */
#healthy-cows h1{
	color:#a4ac1e;
}
i.icon-healthy-cows {
    background-position: -119px -53px;
}
/* section Healthy cows End*/

/* section Fresh milk */
#fresh-milk h1{
	color:#97cee8;
}
i.icon-fresh-milk {
    background-position: -119px -106px;
}
/* section Fresh milk End*/

/* section Nutritional information */
#nutritional-information h1, #nutritional-information p {
	color:#97cee8;
}
#nutritional-information p {
	margin-bottom: 10px;
}
.nutritional-table {
    width: 90%;
    margin: auto;
}
i.icon-nutritional-information {
    background-position: -119px -159px;
}
/* section Nutritional Information End*/

/* section ingredients */
#ingredients h1 {
	color:#a4ac1e;
}

i.icon-ingredients {
    background-position: -119px -212px;
}
/* section ingredients End*/

/* section preparation-guide */
#preparation-guide h1 {
	color:#a4ac1e;
}
.preparation-icon-main {
    padding: 15px 0px;
    float: left;
    width: 100%;
}
.pre-icon, .pre-icon i {
    width: 92px;
    height: 85px;
    margin: auto auto 15px auto;
}
i.pre-icon1 {
    background-position: right -3px;
}
i.pre-icon2 {
    background-position: right -90px;
}
i.pre-icon3 {
    background-position: right -179px;
}
i.pre-icon4 {
    background-position: right -267px;
}
i.pre-icon5 {
    background-position: right -355px;
}
i.pre-icon6 {
    background-position: right -443px;
}

.preparation-icon-main p{
}

/* section Feeding Instructions*/
#feeding-instructions h1, p.fedding-color{
	color:#a87cb8;
}
#feeding-instructions p {
    margin-bottom: 15px;
}
p.note {
    background-color: #2382c0;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    width: 90%;
    margin: 20px auto;
}
i.icon-feeding-instructions {
    background-position: -119px -265px;
}

/* section Feeding Instructions End*/

/* section Time feeds */
#time-feeds h1{
	color:#97cee8;
}
#time-feeds p {
    margin-bottom: 15px;
}
i.icon-time-feeds {
    background-position: -119px -318px;
}

/* section Time feeds End*/

/* Page 1 End*/


/* //////////////////Page 2////////////// */

.page2 a.button1 {
    background-position: left -142px;
}
.page2 a.button2 {
    background-position: 149px top;
    border-radius: 50%;
}
.marginbottom-10 {
	margin-bottom: 10px;
}

.page2 .page-buttons span,
.page2 #start-healthy h1,
.page2 #fresh-milk h1,
.page2 #nutritional-information h1,
.page2 #preparation-guide h1, 
.page2 #time-feeds h1,
.page2 #nutritional-information p, 
.page2 strong {
    color: #2382c0;
}
.page2 i.icon-fresh-milk {
    background-position: -63px -319px;
}
.page2 i.icon-nutritional-information {
    background-position: -63px -371px;
}
.page2 i.icon-time-feeds {
    background-position: -119px -371px;
}

/* Page 2 End*/


/* //////////////////Page 3////////////// */

.page3 a.button1 {
    background-position: left -223px;
}
.page3 a.button2 {
    background-position: 149px top;
    border-radius: 50%;
}
.page3 a.button3 {
    background-position: 0px top;
    border-radius: 50%;
}

.page3 .page-buttons span,
.page3 #start-healthy h1,
.page3 #fresh-milk h1,
.page3 #nutritional-information h1,
.page3 #preparation-guide h1, 
.page3 #time-feeds h1,
.page3 #nutritional-information p, 
.page3 strong {
    color: #004f79;
}
.page3 i.icon-fresh-milk {
    background-position: -7px -319px;
}
.page3 i.icon-nutritional-information {
    background-position: -7px -371px;
}
.page3 i.icon-time-feeds {
    background-position: -119px -371px;
}

/* Page 3 End*/

.menu-bg {
    position: fixed;
    height: 100%;
    background-color: rgba(233, 233, 233, .9);
    width: 100%;
    z-index: 1;
    top: 0;
}

/* ----------------- Agree Part ----------------- */
	#agree_container{
	min-width:600px;
	min-height:520px;
	position: fixed;
	height:100%;
	width:100%;
	background:rgba(245,245,245,0.8); 
	z-index:9999; 
	display:table;
	}
	.agree_content {
    height: 82%;
    top: 13%;
    position: absolute;
}
	.agree_waper {
    margin: 0 auto;
    min-width: 480px;
    min-height: 550px;
    width: 36%;
    background-image: url(../img/disclaimer_background.png);
    background-size: 100% 100%;
    height: 100%;
	position: relative;
}
	.a_c_gap{
	min-height:25px;
	}
	.disclamer_title_pic {
    width: 64%;
    height: auto;
    margin-top: 20px;
}
.disclamer_text {
    margin: 20px auto 0;
    width: 80%;
    color: #FFF;
    font-size: 0.9em;
    text-align: center;
}
#agree_container p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 13px;
    line-height: 18px;
}
	.show_in_phone{
	display:none;
	}
.agree_button_area {
    margin-top: 33px;
}
#agree_button {
    display: block;
    margin: 0 auto;
    min-height: 24px;
    min-width: 120px;
    background-color: #104a70;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border: none;
    letter-spacing: 1px;
}

/* ----------------- End Agree Part ----------------- */

/* --------------------------------- @media screen ----------------------------------- */ 

@media screen and (max-height: 30.5em) {
.overlay nav {
line-height: 1.6em;
/*font-size: 34px;*/
}

.overlay ul li {
min-height: 34px;
}
}
	
@media screen and (max-width: 1430px) {
.overlay .your_blocks {
width: 48.6%;
}



}


@media screen and (max-width: 960px) {
.overlay .your_blocks {
display:none;
}

.overlay nav {
left: 0;
width: 100%;
}

}


/* --------------------------------- @media screen and (max-width: 768px) ----------------------------------- */ 
@media screen and (max-width: 767px) {
.sec-icon {
		display:block;
	}
.scroll-menu, .slider-buttons ul li  span {
	display:none;
}
.banner-img, .page-buttons {
    margin: auto;
    width: 320px;
}
.top-scroll {
	z-index: 11;
    position: fixed;
    bottom: 30px;
    right: 5px;
    opacity: .5;
    display: none;
}
.overlay {
width: 100%;
height: 100%;
left:0%;
}
#country_list ul.menu {
    position: absolute;
    height: auto;
    left: 29px;
    top: 28px;
}
/* Header */
header.main-menu {
    background-color: #053463;
    height: 60px;
	z-index: 1;
    position: relative;
}
.logo {
    float: none;
    padding: 14px 0px 14px 0px;
    width: 150px;
    margin: auto;
    position: relative;
}
.open_menu_button_area{
	position:absolute;
	right: 20px;
	top: 0;
	z-index:1;
}
.open_menu_button {
    max-width: 20px;
    max-height: 20px;
    border: 0;
    background-color: transparent;
    margin-right: 0px;
    background-image: url(../img/phone/menu_button_backgroubd.png);
    margin-top: 20px;
}

.country_icon {
    width: 95px;
}
.overlay .overlay-close {
    width: 70px;
    height: 21px;
}
/* Header */


}


/* --------------------------------- @media screen for desktop ----------------------------------- */ 
@media screen and (min-width: 769px) {
	header#home-nav.main-menu.home {
    background: transparent;
	}
	header#home-nav.main-menu.home  .logo {
		display:none;
	}
	.sec-icon {
		display:none;
	}
	.top-scroll{
		display:none !important;
	}
	
	.top-scroll-home {
		display: block !important;
		width: 52px;
		height: 52px;
		position: absolute;
		bottom: 30px;
		right: 15px;
		z-index: 1;
	}
	.top-scroll-home a {
		width: 52px;
		height: 52px;
		background-image: url(../img/sprite.png);
		background-position: 146px -68px;
		cursor: pointer;
		position: absolute;
	}
	.top-scroll-home.scroll-end a {
		background-image: url(../img/top-lg.png);
		background-size: 42px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.inner{
		padding-bottom: 45px;
	}
	section {
		width: 600px;
		margin: auto;
		padding: 80px 0px 0 0;
		display: block;
		height: 100vh;
		position: relative;
	}
	.container {
		width: 100% !important;
	}
	.overlay {
		top: 80px;
	}
	.overlay nav {
		left: 0;
		width: 100%;
	}
	.overlay ul.menu li a {
		padding: 10px 2px;
		font-size: 16px;
	}
	header.main-menu {
		position: fixed;
		width: 100%;
		z-index: 111;
		top: 0;
	}
	.logo {
		padding: 18px 0px 18px 40px;
		width: 250px;
	}
	/* Start healthy section start here */
	
	section#start-healthy {
		padding: 80px 0px 0 0;
		width: 100%;
	}
	.start-healthy-bg{
		width: 100%;
		float:left;
		background-image: url(../img/sec1/sec1-bg.jpg);
		background-repeat: repeat-x;
		background-position: top center;
		padding-top: 8%;
	}
	.start-healthy-main {
		width: 768px;
		margin: auto;
		position: relative;
	}
	#start-healthy .container {
		width: 400px !important;
		position: absolute;
		margin-top: 125px;
	}
	.page-buttons {
		padding: 0px 60px 0px;
		width: 400px;
		position: absolute;
	}
	.banner-img {
		float: right;
		margin-top: 34px;
		width: 50%;
	}
	.banner-img img{
		float:right;
	}
	.nutritional-table {
		width: 62%;
	}
	
	#start-healthy h1, #more-organic h1, #healthy-cows h1, #fresh-milk h1, #nutritional-information h1, #ingredients h1, #preparation-guide h1, #feeding-instructions h1, #time-feeds h1 {
		font-size: 28px;
		margin-bottom: 5px;
		margin-top: 25px;
	}
	section .nav-border {
		margin: 0 0 15px 0;
	}
	#more-organic h2 {
		font-size: 22px;
		text-align: center;
		margin-bottom: 10px;
	}
	p {
		font-size: 14px;
		line-height: 24px;
	}
	.preparation-icon-main {
		width: 100%;
		height: 200px;
	}
	.pre-half.pre-left {
		border-right: 1px solid #ddd;
	}
	.pre-half {
		float: left;
		width: 50%;
	}
	.preparation-icon-main {
		height: 175px;
		padding: 0px 0px;
	}
	.preparation-icon-main p {
		line-height: 20px;
	}
	
	.scroll-menu {
		position: fixed;
		bottom: 50%;
		right: 40px;
		margin-bottom: -201px;
		display:block;
	}
	
	div#navigation {
		background-color: #053463;
		padding: 25px 15px;
		border-radius: 20px;
	}
	#navigation ul {
		padding: 0;
		margin: 0;
	}
	#navigation li {
		margin: 26px 0;
		list-style: none;
		height: 10px;
		display: block;
		width: 10px;
	}
	#navigation li a {
		font-size: 0;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #a0a0a0;
		display: block;
	}
	#navigation li a.active, #navigation li a:hover {
		background-color: #fff;
		text-decoration:none;
		outline: none;
	}
	section#nutritional-information, section#ingredients, section#feeding-instructions  {
		height: auto !important;
	}
	p.note {
		padding: 8px 10px;
		font-size: 14px;
		line-height: 17px;
		width: 360px;
    }
	
/* page 2*/
	.page2 .start-healthy-bg {
		padding-top: 5%;
	}
	
/* page 2*/	


/* Home page slider where to purchace */
.slider-buttons ul li  span{
	display:block;
}
li.slider-icon3,
li.slider-icon2,
li.slider-icon1 {
    position: relative;
    right: 0px;
}

li.slider-icon3 span,
li.slider-icon2 span,
li.slider-icon1 span {
    position: fixed;
    font-size: 20px;
    color: #fff;
    top: 2px;
    line-height: 62px;
}
.slider-buttons ul li {
    transition: transform 1s;
}
li.slider-icon1 span{
    background-color: #80c6e1;
    width: 130px;
    right: -130px;
	}
li.slider-icon2 span{
    background-color: #1c7cb7;
    width: 198px;
    right: -198px;
	}
li.slider-icon3 span{
    background-color: #104a70;
    width: 140px;
    right: -140px;
	}
	
li.slider-icon1:hover{
    transform: translate(-130px, 0px);
}
li.slider-icon2:hover{
    transform: translate(-198px, 0px);
}
li.slider-icon3:hover {
    transform: translate(-140px, 0px);
}
/* Home page slider where to purchace */
}

/* --------------------------------- @media screen for desktop Home page----------------------------------- */ 
@media screen and (min-width: 50px) and (max-width: 768px) {
	.large-logo, 
	.nav-desktop, 
	.flag, 
	.cow-vec {
		display:none;
	}
	header#home-nav {
		background-color: #053463;
		position: absolute;
		z-index: 1;
		width: 100%;
		top: 0;
	}
	section#infant-farmula {
		background-image: url(../img/phone/home-sec1-xs.jpg);
		width: 100%;
		min-height:480px;
		height:auto;
		background-size: 100%;
		background-repeat: no-repeat;
		position: relative;
		padding-top: 60px;
		margin:0px;
	}
	#infant-farmula .infant-farmula-text, 
	#where-purchase .infant-farmula-text,  
	.infant-farmula-text {
		margin: auto;
		padding-top: 25px;
	}
	.infant-farmula-text .s-head, #where-purchase .infant-farmula-text .s-head {
		font-size: 24px;
		line-height: 28px;
	}
	.infant-farmula-text h2 {
		font-size: 24px;
		line-height: 28px;
	}
	.scroll-bar p {
		font-size: 12px;
		letter-spacing: 3px;
		padding: 12px 0 9px;
		line-height: 0px;
	}
	.pure-natural {
		background-image: url(../img/phone/home-sec1-2xs.jpg);
		min-height: 387px;
		background-size: 100%;
	}
	.pure-natural .infant-farmula-text {
		margin: auto;
		padding-top: 20px;
	}
	section#grass-fed {
		width: 100%;
		background-image: url(../img/phone/home-sec2-xs.jpg);
		background-size: 100%;
		background-position: 100% 100%;
		position: relative;
		height: 452px;
		margin: 0;
	}
	.center-inner {
		position: static;
		top: 0;
		left: 0;
		margin: auto;
		width: 245px;
		padding-top: 40px;
	}
	#grass-fed h2 {
		font-size: 24px;
		margin: 0 0 14px;
		text-align: center;
	}
	#grass-fed p {
		font-size: 13px;
		line-height: 17px;
	}
	.grass-fed-icon ul li {
		width: 74px;
		height: 74px;
		margin-left: 34px;
		background-size: 198px;
	}
	li.grass-icon1 {
		background-position: left -262px;
	}
	li.grass-icon2 {
		background-position: left -337px;
	}
	li.grass-icon3 {
		background-position: 120px -421px;
	}
	li.grass-icon4 {
		background-position: left -411px;
	}
	section#where-purchase {
		width: 100%;
		background-image: url(../img/phone/home-sec3-sm.jpg);
		background-position: top center;
		background-size: 100%;
		position: relative;
		min-height: 504px;
		margin: 0;
	}
	#where-purchase h3 {
		bottom: 190px;
		font-size: 13px;
	}
	.slider-buttons ul li {
		text-align: center;
		line-height: 46px;
		font-size: 15px;
		letter-spacing: 1px;
	}
	.slider-buttons {
		position: absolute;
		right: 50%;
		top: 320px;
		width: 205px;
		margin-right: -102.5px;
	}
	.slider-buttons ul li {
		width: 100%;
		height: 46px;
		background-image: none;
		background-color: #80c6e1;
		border-radius: 36px;
		color: #fff;
	}
	.slider-buttons ul li.slider-icon2 {
		background-position: initial;
		background-color: #1c7cb7;
	}
	.slider-buttons ul li.slider-icon3 {
		background-position: initial;
		background-color: #104a70;
	}
	.contact-sec-inner {
		width: 260px;
		margin: 0 auto;
	}
	#contact-sec h2 {
		margin-bottom: 12px;
		font-size: 24px;
	}
	#contact-sec form.form-inline {
		margin-bottom: 25px;
	}	
	.form-group {
		margin-bottom: 8px;
	}
	.form-inline .form-control {
		width: 100%;
		padding: 17px 12px;
		font-size: 14px;
		border-radius: 10px;
		margin-bottom: 5px;
	}
	textarea#comment {
		padding: 17px 12px;
		height: auto;
	}
	.checkbox {
		width: 48%;
		display: inline-block;
		margin: 0;
	}
	.checkbox label {
		font-size: 12px;
		margin-left: 0;
		line-height: 35px;
		padding-left: 12px;
	}
	.form-inline button.btn.btn-primary {
		font-size: 15px;
		border-radius: 9px;
		padding: 9px 0 6px;
		letter-spacing: 2px;
		line-height: 18px;
	}
	.country-detail {
		margin-bottom: 20px;
		margin-left: 0;
		text-align: center;
		border-bottom: 3px dotted #b0b1b2;
		padding-bottom: 20px;
	}
	#contact-sec .country-detail h2 {
		margin: 0;
		font-size: 22px;
		color: #80c5e0;
		text-align: center;
	}
	.country-detail h3 {
		margin-top: 0;
		margin-bottom: 4px;
		font-size: 14px;
		color: #053463;
	}
	.country-detail h3 span {
		color: #053463;
	}
	.country-detail.stocking-detail {
		border: none;
		margin: 0;
	}
	.country-detail.stocking-detail h3 {
		margin-bottom: 5px;
		color: aqua;
	}
	.country-detail.stocking-detail h3 span {
		color: #89c9e2;
	}
	.country-detail.stocking-detail span.email {
		color: #053463;
	}
	.agree_button_area {
		margin: 33px auto 0;
		width: 90px;
	}

}

/* --------------------------------- @media screen for mobile Home page----------------------------------- */ 
@media screen and (min-width: 360px) and (max-width: 768px) {
	section#infant-farmula {
		min-height: 510px;
	}
	.pure-natural {
		min-height: 434px;
	}
	.pure-natural .infant-farmula-text {
		margin: auto;
		padding-top: 28px;
	}
	.infant-farmula-text .s-head, #where-purchase .infant-farmula-text .s-head {
		font-size: 28px;
		line-height: 28px;
	}
	.infant-farmula-text h2 {
		font-size: 28px;
		line-height: 28px;
	}
	section#where-purchase {
		min-height: 566px;
	}
	.slider-buttons {
		top: 362px;
	}
	#where-purchase h3 {
		bottom: 218px;
		font-size: 14px;
	}
}

/* --------------------------------- @media screen for mobile Home page----------------------------------- */ 
@media screen and (min-width: 375px) and (max-width: 768px) {
	section#infant-farmula {
    min-height: 524px;
}
.pure-natural {
    min-height: 453px;
}
section#where-purchase {
    min-height: 572px;
}
#where-purchase .infant-farmula-text {
	padding-top: 44px;
}
.slider-buttons {
    top: 370px;
}
}

/* --------------------------------- @media screen for mobile Home page----------------------------------- */ 
@media screen and (min-width: 400px) and (max-width: 768px) {
	section#infant-farmula {
		min-height: 584px;
	}
	.infant-farmula-text .s-head, 
	#where-purchase .infant-farmula-text .s-head, 
	.infant-farmula-text h2,
	#grass-fed h2,
	#contact-sec h2	{
		font-size: 33px;
		line-height: 34px;
	}
	#grass-fed p {
		font-size: 17px;
		line-height: 22px;
	}
	.pure-natural {
		min-height: 498px;
	}
	.pure-natural .infant-farmula-text {
		margin: auto;
		padding-top: 28px;
	}
	.infant-farmula-text .s-head, #where-purchase .infant-farmula-text .s-head {
		font-size: 33px;
		line-height: 35px;
	}
	.infant-farmula-text h2 {
		font-size: 33px;
		line-height: 35px;
	}
	section#grass-fed {
		height: 520px;
	}
	.center-inner {
		width: 320px;
	}
	#grass-fed p {
		font-size: 16px;
		line-height: 22px;
	}
	.grass-fed-icon ul {
		margin: 20px auto;
		padding: 0;
		width: 240px;
	}
	.grass-fed-icon ul li {
		margin-left: 28px;
	}
	section#where-purchase {
		min-height: 606px;
	}
	#where-purchase .infant-farmula-text {
		padding-top: 36px;
	}
	.slider-buttons {
		top: 410px;
	}
	#where-purchase h3 {
		bottom: 206px;
		font-size: 17px;
	}
	.contact-sec-inner {
		width: 80%;
		 margin: auto;
	}
	#contact-sec h2 {
		margin-bottom: 15px;
		margin-top: 30px;
	}
	.form-inline .form-control,
	textarea#comment	{
		padding: 17px 12px;
		font-size: 14px;
	}
	.checkbox label {
		font-size: 14px;
		line-height: 40px;
	}
	.form-inline button.btn.btn-primary {
		font-size: 18px;
		border-radius: 11px;
		padding: 11px 0 9px;
	}
	.country-detail, .country-detail.stocking-detail {
		width: 90%;
		margin: 0 auto 20px;
	}
	#contact-sec .country-detail h2 {
		margin: 0 0 4px 0;
		font-size: 30px;
	}
	.country-detail h3 {
		margin-bottom: 4px;
		font-size: 17px;
	}
}

/* --------------------------------- @media screen for mobile Home page----------------------------------- */ 
@media screen and (min-width: 480px) and (max-width: 768px) {
	section#infant-farmula {
		min-height: 624px;
	}
	.pure-natural {
		min-height: 558px;
	}
	.slider-buttons {
		top: 458px;
	}
	section#where-purchase {
		min-height: 652px;
	}
	#where-purchase h3 {
		bottom: 206px;
		font-size: 17px;
	}
	#where-purchase .infant-farmula-text {
		padding-top: 66px;
	}
	section#infant-farmula {
		background-image: url(../img/home-sec1-768.jpg);
	}
	.pure-natural {
		background-image: url(../img/phone/home-sec1-2sm.jpg);
	}
}

/* --------------------------------- @media screen for mobile Home page----------------------------------- */ 
@media screen and (min-width: 568px) and (max-width: 768px) {
	section#infant-farmula {
		min-height: 716px;
	}
	.pure-natural {
    min-height: 685px;
}
.pure-natural .infant-farmula-text {
    margin: auto;
    padding-top: 52px;
}
section#where-purchase {
    min-height: 723px;
}
.slider-buttons {
    top: 526px;
}
#where-purchase .infant-farmula-text {
    padding-top: 84px;
}
}

/* --------------------------------- @media screen for mobile Home page----------------------------------- */ 
@media screen and (min-width: 640px) and (max-width: 768px) {
	section#infant-farmula {
		min-height: 840px;
	}
	.infant-farmula-text .s-head, #where-purchase .infant-farmula-text .s-head {
		font-size: 46px;
		line-height: 50px;
	}
	.infant-farmula-text h2 {
		font-size: 46px;
		line-height: 50px;
	}
	.pure-natural {
		min-height: 774px;
	}
	.pure-natural .infant-farmula-text {
		margin: auto;
		padding-top: 52px;
	}
	section#where-purchase {
		min-height: 813px;
	}
	.slider-buttons {
		top: 605px;
	}
	#where-purchase h3 {
		font-size: 24px;
	}
	#where-purchase .infant-farmula-text {
		padding-top: 84px;
	}
}

/* --------------------------------- @media screen for mobile Home page----------------------------------- */ 
@media screen and (min-width: 732px) and (max-width: 768px) {
	section#infant-farmula {
    min-height: 910px;
}
.pure-natural {
    min-height: 885px;
}
section#where-purchase {
    min-height: 880px;
}
.slider-buttons {
    top: 695px;
}
}

/* --------------------------------- @media screen for mobile Home page----------------------------------- */ 
@media screen and (min-width: 768px) and (max-width: 769px) {
	.slider-buttons ul li  span{
		display:none;
	}
	section#infant-farmula {
		min-height: 1024px;
		padding-top: 80px;
	}
	.open_menu_button_area {
		position: absolute;
	}
	.scroll-bar p {
		font-size: 18px;
		padding: 17px 0 15px;
	}
	.infant-farmula-text h2,
	.infant-farmula-text .s-head, 
	#where-purchase .infant-farmula-text .s-head { 
		font-size: 58px;
		line-height: 60px;
	}
	.pure-natural {
		min-height: 925px;
	}
	section#grass-fed {
		height: 875px;
	}
	.center-inner {
		width: 80%;
		padding-top: 65px;
	}
	.infant-farmula-text .s-head, #where-purchase .infant-farmula-text .s-head, .infant-farmula-text h2, #grass-fed h2, #contact-sec h2 {
		font-size: 57px;
		line-height: 60px;
	}
	#grass-fed p {
		font-size: 30px;
		line-height: 38px;
	}
	.grass-fed-icon ul {
		margin: 30px auto;
		padding: 0;
		width: 440px;
	}
	.grass-fed-icon ul li {
		width: 120px;
		height: 120px;
		margin-left: 65px;
		margin-top: 15px;
		background-size: 320px;
	}

	li.grass-icon1 {
		background-position: left -425px;
	}
	li.grass-icon2 {
		background-position: left -545px;
	}
	li.grass-icon3 {
		background-position: -124px -682px;
	}
	li.grass-icon4 {
		background-position: left -665px;
	}
	section#where-purchase {
		min-height: 930px;
	}
	.slider-buttons {
		top: 734px;
	}
	#where-purchase h3 {
		font-size: 31px;
	}

	.form-inline .form-control, textarea#comment {
		padding: 28px 32px;
		font-size: 18px;
		border-radius: 16px;
		margin-bottom: 15px;
	}
	.form-inline .checkbox label {
		padding-left: 28px;
		font-size: 18px;
		line-height: 52px;
	}
	.form-inline button.btn.btn-primary {
		width: 38%;
		font-size: 24px;
		border-radius: 11px;
		padding: 18px 0 14px;
	}
	.country-detail {
		border-bottom: 5px dotted #b0b1b2;
	}
	.country-detail, .country-detail.stocking-detail {
		width: 80%;
		margin: 0 auto 25px;
		padding-bottom: 25px;
	}
	#contact-sec .country-detail h2 {
		margin: 0 0 4px 0;
		font-size: 48px;
	}
	.country-detail h3 {
		margin-bottom: 4px;
		font-size: 28px;
	}

}
	
/* --------------------------------- @media screen for desktop  Home page----------------------------------- */ 
@media screen and (min-width: 769px) and (max-width: 1199px) {
	section#infant-farmula {
		background-image: url(../img/home-sec1sm.jpg);
		width: 100%;
		background-size: cover;
		background-position: 100% 100%;
		background-repeat: no-repeat;
		position: relative;
	}
}

/* --------------------------------- @media screen for desktop  Home page----------------------------------- */ 
@media screen and (min-width: 960px) and (max-width: 1100px) {
	.infant-farmula-text {
		margin-top: 2%;
	}
}

/* --------------------------------- @media screen for desktop  Home page----------------------------------- */ 
@media screen and (min-width: 769px) and (max-width: 1680px) {
	section#infant-farmula {
		padding: 50px 0;
	}
	.flag {
		width: 145px;
	}
	.large-logo {
		width: 32%;
	}
	nav.nav-desktop {
		width: 545px;
		margin: auto;
	}
	.nav-desktop ul li {
		margin: 20px 10px;
	}
	.nav-desktop ul li a {
		padding: 4px 18px;
		font-size: 14px;
	}
	.infant-farmula-text {
		margin-top: 2%;
	}
	.infant-farmula-text .s-head {
		font-size: 28px;
		line-height: 35px;
	}
	.infant-farmula-text h2 {
		font-size: 47px;
		margin: 0;
		line-height: 46px;
	}
	.scroll-bar p {
		font-size: 15px;
		letter-spacing: 4px;
		padding: 4px 0 2px;
	}
	
	/* section 2 */
	.center-inner {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -301px;
		margin-top: -151px;
	}
	#grass-fed h2 {
		font-size: 54px;
		margin: 0 0 14px;
		text-align: center;
	}
	#grass-fed p {
		font-size: 20px;
		line-height: 27px;
	}
	.grass-fed-icon ul li {
		width: 92px;
		height: 92px;
		margin-left: 45px;
		background-size: 250px;
	}
	li.grass-icon1 {
		background-position: left -331px;
	}
	li.grass-icon2 {
		background-position: left -427px;
	}
	li.grass-icon3 {
		background-position: left -523px;
	}
	li.grass-icon4 {
		background-position: 152px -1165px;
	}
	
	/* section 3 */
	#where-purchase .infant-farmula-text .s-head {
		font-size: 44px;
		line-height: 60px;
	}
	.infant-farmula-text h2 {
		font-size: 44px;
		line-height: 45px;
	}
	#where-purchase .infant-farmula-text {
		margin: 20px auto 0;
	}
	#where-purchase h3 {
		font-size: 30px;
	}
	.slider-buttons ul li {
		width: 56px;
		height: 50px;
		margin-bottom: 5px;
		background-size: 250px;
	}
	li.slider-icon1 {
		background-position: right -419px;
	}
	li.slider-icon2 {
		background-position: right -475px;
	}
	li.slider-icon3 {
		background-position: right -533px;
	}
	li.slider-icon3 span, li.slider-icon2 span, li.slider-icon1 span {
		line-height: 48px;
	}
	/* section 4 */
	.contact-sec-inner {
		width: 900px;
		margin: auto;
	}
	#contact-sec h2 {
		margin-bottom: 40px;
		font-size: 52px;
	}
	textarea#comment {
		padding: 22px 28px;
		height: 200px;
	}
	.cow-vec {
		width: 102px;
		height: 124px;
		top: -106px;
		background-position: 158px -410px;
		left: 90px;
		background-size: 250px;
	}
	.form-inline .form-control {
		width: 100%;
		padding: 28px 28px;
		font-size: 18px;
		border-radius: 18px;
		background-color: #f2f9fc;
		margin-bottom: 10px;
		color: #80c5e0;
		border: 1px solid #80c5e0;
	}
	.form-inline button.btn.btn-primary {
		font-size: 20px;
		border-radius: 15px;
		padding: 10px 0;
		width: 44%;
		letter-spacing: 2px;
	}
	.form-inline .radio label, .form-inline .checkbox label {
		padding-left: 4px;
		line-height: 50px;
		font-size: 18px;
	}
	.country-detail {
		margin-bottom: 26px;
	}
	#contact-sec .country-detail h2 {
		font-size: 42px;
	}
	.country-detail h3 {
		margin-bottom: 8px;
		font-size: 22px;
	}
	/* section 4 */
	
	
}

/* --------------------------------- @media screen for desktop  Home page----------------------------------- */ 
@media screen and (min-width: 769px) and (max-width: 991px) {
	.contact-sec-inner {
		width: 84%;
		margin: auto;
	}
	.cow-vec, .pure-natural {
		display: none;
	}
}

/* --------------------------------- @media screen for mobile Home page----------------------------------- */ 
@media screen and (min-width: 1024px) and (max-width: 1100px) {
	.infant-farmula-text {
		margin-top: 6%;
		margin-right: 40%;
	}
}

/* --------------------------------- @media screen for desktop ----------------------------------- */ 
@media screen and (min-width: 1366px) and (max-width: 1400px) {
	.page2 .start-healthy-bg {
		padding-top: 2%;
	}
	section .nav-border {
		margin: 0 0 5px 0;
	}
	.preparation-icon-main {
		height: 164px;
	}
	p {
		line-height: 22px;
	}
	#start-healthy h1, #more-organic h1, #healthy-cows h1, #fresh-milk h1, #nutritional-information h1, #ingredients h1, #preparation-guide h1, #feeding-instructions h1, #time-feeds h1 {
		margin-top: 20px;
	}
}

/* --------------------------------- @media screen for desktop ----------------------------------- */ 
@media screen and (min-width: 1200px) and (max-width: 1680px) {
	section#where-purchase{
		min-height: 725px;
	}
	section#infant-farmula {
		min-height: 694px;
	}
}

/* --------------------------------- @media screen for desktop inner page ----------------------------------- */ 
@media screen and (min-width: 1460px) {
	.start-healthy-bg{
		padding-top: 12%;
	}
	section {
		width: 960px;
	}
	.start-healthy-main {
		width: 960px;
	}
	.preparation-icon-main {
		height: 200px;
		padding: 15px 0px;
	}
	.nutritional-table {
		width: 50%;
	}
	
}


/* --------------------------------- @media screen for desktop Agree screen ----------------------------------- */ 
@media screen and (min-width: 768px) {
.disclamer_text {
		width: 78%;
	}
	#agree_container p {
		font-size: 17px;
		margin-bottom: 20px;
		line-height: 28px;
	}
	.agree_content {
		width: 100%;
		height: 768px;
		top: 8%;
	}
	.agree_waper {
		width: 685px;
		margin: auto;
	}
	#agree_container p {
		line-height: 25px;
	}
	.agree_button_area {
		margin: 33px auto 0;
		width: 120px;
	}
}

/* --------------------------------- @media screen for desktop Agree screen ----------------------------------- */ 
@media screen and (max-width: 1460px) {

	.agree_waper {
		height: 86%;
	}
	#agree_container p {
		font-size: 14px;
		margin-bottom: 20px;
		line-height: 23px;
	}
}	
/* --------------------------------- @media screen for Mobile Agree screen ----------------------------------- */ 
@media screen and (max-width: 767px) {
	
	#agree_container {
    min-width: auto;
    min-height: auto;
    position: fixed;
    width: 113%;
    display: table;
    margin-left: -6%;
}
.agree_content {
    height: 480px;
    top: -10px;
    width: 100%;
}
.agree_waper {
    margin: 0 auto;
    min-width: auto;
    min-height: auto;
    width: 100%;
    height: 480px;
}
.disclamer_title_pic {
    width: 150px;
    height: auto;
    margin-top: 0px;
}
.disclamer_text {
    margin: 10px auto 0;
    width: 270px;
    color: #FFF;
    font-size: 0.9em;
    text-align: center;
}
#agree_container p {
    font-size: 9px;
    margin-bottom: 8px;
    line-height: 14px;
}
#agree_button {
    min-height: 22px;
    min-width: 90px;
    font-size: 11px;
}
}

/* --------------------------------- @media screen for ipad Agree screen ----------------------------------- */ 
@media screen and (min-width: 768px) and (max-width: 769px) {
	.disclamer_title_pic {
		width: 250px;
	}
	
}

/* --------------------------------- @media screen for laptop Agree screen ----------------------------------- */ 
@media screen and (min-width: 1366px) and (max-width: 1368px) {
	.agree_content {
		top: 3%;
	}
}

/* --------------------------------- @media screen For ipad ----------------------------------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

	.overlay {
		top: 80px;
	}
	header.main-menu {
		z-index: 1;
		position: relative;
	}
	.overlay .overlay-close {
		width: 96px;
		height: 28px;
	}
	.overlay ul.menu li a {
		padding: 0px 0px;
		font-size: 16px;
	}
	.country_icon {
		width: 127px;
	}
	.banner-img {
		margin: auto;
		width: 320px;
	}
	.page-buttons {
		margin: auto;
		width: 320px;
	}
	.nutritional-table {
		width: 65%;
	}
	#start-healthy h1, #more-organic h1, #healthy-cows h1, #fresh-milk h1, #nutritional-information h1, #ingredients h1, #preparation-guide h1, #feeding-instructions h1, #time-feeds h1 {
		font-size: 28px;
		margin-bottom: 5px;
		margin-top: 25px;
	}
	p {
    font-size: 12.4px;
    line-height: 20px;
	}
	.scroll-menu{
		display:none;
	}
}

/* --------------------------------- @media screen for desktop  ----------------------------------- */ 
@media screen and (min-width: 1920px) {
.top-scroll-home {
    bottom: 50px;
}
}
/* --------------------------------- @media screen for desktop ----------------------------------- */ 
@media screen and (min-width: 2560px) {
	
.large-logo {
    width: 25%;
    margin: 3% auto 0;
}
nav.nav-desktop {
    width: 1154px;
    margin: 1% auto 0;
}
.nav-desktop ul li a {
    font-size: 36px;
}
	
.infant-farmula-text {
    margin-right: 37%;
    margin-top: 100px;
}
.infant-farmula-text .s-head {
    font-size: 51px;
    line-height: 66px;
}
.infant-farmula-text h2 {
    font-size: 84px;
    line-height: 80px;
}
#where-purchase .infant-farmula-text {
    margin: 150px auto 0;
}
#where-purchase h3 {
    bottom: 220px;
}

}
	
/* --------------------------------- @media screen for desktop ----------------------------------- */ 
@media screen and (min-width: 3840px) {
	.large-logo {
    width: 17%;
    margin: 6% auto 0;
}
nav.nav-desktop {
    width: 1455px;
    margin: 1% auto 0;
}
.nav-desktop ul li a {
    padding: 8px 30px;
    font-size: 50px;
}

.infant-farmula-text {
    margin-right: 35%;
    margin-top: 129px;
}
.infant-farmula-text .s-head {
    font-size: 74px;
    line-height: 111px;
}
.infant-farmula-text h2 {
    font-size: 128px;
    line-height: 122px;
}
#where-purchase h3 {
    bottom: 14%;
    font-size: 605%;
}
#where-purchase .infant-farmula-text {
    margin: 3% auto 0;
}
#where-purchase .infant-farmula-text .s-head {
    font-size: 900%;
    line-height: 173px;
}
.infant-farmula-text h2 {
    font-size: 128px;
    line-height: 122px;
}
}