*,
*::after,
*::before { margin: 0; padding: 0; box-sizing: border-box; }
@font-face { font-family: mentone; src: url(../fonts/mentone-semibol.otf) format("opentype"); }
@font-face { font-family: FatFrank-Regular-Regular; src: url(../fonts/FatFrank-Regular-Regular.otf) format("opentype"); }
body { font-family: mentone; }
/*******************************navigation bar***************************************/
/***innerpage banner area************/
/**.inner-banner{
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.55);
}**/
.inn-area { background-image: linear-gradient(to left, rgba(255, 0, 0, -1), rgba(198, 5, 39, 0.5)); }
.inner-banner{ background-repeat: no-repeat; background-position: center; }
@media (min-width:1200px) and (max-width:4000px) {
	button:hover { opacity: 0.8; cursor: pointer; transition: 200ms; }
	.inner-banner { background-image: url("../images/bg.jpg"); background-size: cover !important; margin-top: 100px; }
	.inn-area { height: 600px; width: 100%; }
}
@media (min-width:992px) and (max-width:1200px) {
	button:hover { opacity: 0.8; cursor: pointer; transition: 200ms; }
	.inner-banner { background-image: url("../images/bg.jpg"); background-size: cover !important; margin-top: 10px; }
	.inn-area { height: 500px; width: 100%; }
}
@media (min-width:576px) and (max-width:992px) {
	button:hover { opacity: 0.8; cursor: pointer; transition: 200ms; }
	.inner-banner { background-image: url("../images/bg.jpg"); background-size: cover !important; margin-top: 10px; }
	.inn-area { height: 400px; width: 100%; }
}
@media (min-width:0px) and (max-width:576px) {
	button:hover { opacity: 0.8; cursor: pointer; transition: 200ms; }
	.inner-banner { background-image: url("../images/bg.jpg"); background-size: cover !important; margin-top: 10px; margin-bottom: 50px; }
	.inn-area { height: 200px; width: 100%; }
}
@media (min-width:1200px) and (max-width:4000px) {
	.topnav { width: 100%; max-width: 1250px; margin: auto; }
	header { position: fixed; top: 0; z-index: 1; width: 100%;  }
}
/***********close inner page banner area*******************/
.topnav a { float: left; display: block; font-family: FatFrank-Regular-Regular, sans-serif; color: #37b1ad; text-align: center; text-decoration: none; font-size: 17px; font-weight: bold;}
.topnav a:hover { color: #f9559f; }
/*.topnav.active {
  background-color: #4CAF50;
  color: white;
}*/
/*.topnav .logo>img{
	max-width: 70px; 
}*/
.topnav .icon { display: none; }
.dropdown { float: left; overflow: hidden; }
.span { font-family: FatFrank-Regular, sans-serif; }
.dropdown .dropbtn { font-size: 17px; border: none; outline: none; background-color: inherit; font-family: inherit; margin: 0; color: #37b1ad; }
.dropdown-content { display: none; }
.dropdown-content a { float: none; color: #37b1ad; text-decoration: none; display: block; text-align: left; }
.navbar a:hover,
.dropdown:hover .dropbtn { color: #f9559f; }
.nav { margin-left: 20px; }
.dropdown a:hover .nav { margin-left: -7px; }
.fa-star { display: none; }
.dropdown a:hover .fa-star { display: inline; color: #f9559f; margin-right: 10px; }
.dropdown-content a:hover { color: #f9559f; }
#header .logo { min-width: 260px; }
#header .logo>img { transition: 300ms ease-in; max-width: 100%; }
.stickyHeader  .logo { display: block; }
#header.stickyHeader  .logo > img { max-width: 90px; }
#header.stickyHeader { background-color: #EDF8F8; box-shadow:0 0 10px #a7a7a7;}
@media screen and (max-width:991px) {
	#header .logo { min-width: unset !important; max-width: 130px; }
}
@media screen and (max-width:1200px) {
	.topnav a:not(:first-child),.dropdown .dropbtn { display: none; }
	.topnav a.icon { float: right; display: block; }
}
@media screen and (max-width:1200px) {
	.topnav.responsive { position: relative; }
	.topnav.responsive .icon { position: absolute; right: 0; top: 0; }
	.topnav.responsive a { float: none; display: block; text-align: left; }
	.topnav.responsive .dropdown { float: none; }
	.topnav.responsive .dropdown-content { position: relative; }
	.topnav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: left; }
}
.logo { background-color: #EDF8F8; padding: 20px; margin-right: 20px; }
/******************responsive**************************/
@media (min-width:1200px) and (max-width:4000px) {
	.span { height: 35px; }
	.topnav a { padding: 14px 16px; }
	.dropdown-content { padding: 12px 16px; }
	.dropdown .dropbtn { padding: 14px 16px; }
	.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; }
	.dropdown:hover .dropdown-content { display: block; }
}
@media (min-width:576px) and (max-width:1200px) {
	header { overflow: hidden; }
	#logo1 { width: 110px; }
	.icon { font-size: 45px !important; }
	.img-top { display: none; }
	.topnav a { padding-left: 14px; }
	.dropdown .dropbtn { padding-left: 14px; }
	.dropdown-content { padding: 12px 16px; }
	header { margin-left: 20px; margin-right: 20px; }
	.dropdown-content a { margin-bottom: 10px; }
}
@media (min-width:0px) and (max-width:576px) {
	header { overflow: hidden; }
	#logo1 { width: 80px; }
	.icon { font-size: 25px !important; margin-top: 40px; }
	.img-top { display: none; }
	.span { background-color: pink; }
	.topnav a { padding-left: 14px; }
	.dropdown .dropbtn { padding-left: 14px; }
	.dropdown-content { padding: 12px 16px; }
	header { margin-left: 20px; margin-right: 20px; }
	header a { font-size: 15px !important; }
	header button { font-size: 15px !important; }
	.last { /*margin-bottom: 20px;*/ }
	/*.dropdown-content a { margin-bottom: 10px; }*/
	.dropdown-content { padding-top: 15px; }
	.dropdown-content>a:not(:last-child){padding-bottom: 12px;}
}
/*@media (min-width: 1200px) and (max-width:4000px) {
header {overflow: hidden;width:1200px;margin:auto; }
}
@media (min-width: 1200px) and (max-width:4000px) {
header {overflow: hidden;width:1200px;margin:auto; }
}
@media (min-width: 1200px) and (max-width:4000px) {
header {overflow: hidden;width:1200px;margin:auto; }
}
/************************container1*********************/
.container1 { margin: auto; }
.container1-left h1 { font-family: FatFrank-Regular, sans-serif; }
.container1-left p { color: #353535; width: 600px; line-height: 1.5; margin-bottom: 15px; }
.container1-left h2 { font-size: 38px;  color: #97d92e; margin-bottom: 15px; }
.container1-left ul { padding-left: 25px; }
.container1-left ul li { margin-bottom: 15px; }
.container1-left ul li>a { text-decoration: none; }
.container1-left a { color: #249d99; text-decoration: none; }
.container1-left a:hover { text-decoration: underline; color: #f9559f; }
.span1 { color: #f9559f; }
.span2 { color: #37b1ad; }
h1 { font-size: 48px; }
p { font-size: 20px; }
.container1-right.withBoysImg{ align-self: end; align-self: flex-end;}
/***************responsive***************************/
@media (min-width:1200px) and (max-width:4000px) {
	.container1 { display: flex; width: 1200px; }
	.container1-left { padding-top: 120px; padding-right: 30px; }
	.container1-left h1 { margin-bottom: 30px; }
	.border1 { width: 1240px; border-bottom: 5px solid #97d92e; margin: auto; margin-top: -4px; }
	.border2 { width: 1100px; border-bottom: 5px solid #f7eb48; margin: auto; margin-top: 10px; }
}
@media (min-width:992px) and (max-width:1200px) {
	.container1 { display: flex; width: 900px; }
	.container1-left { padding-top: 10px; padding-right: 30px; }
	.container1-left { width: 400px !important; }
	.container1-left p { width: 400px !important; }
	.container1-right img { width: 500px; }
	.container1-left h1 { margin-bottom: 10px; }
	.border1 { width: 900px; border-bottom: 5px solid #97d92e; margin: auto; margin-top: -4px; }
	.border2 { width: 800px; border-bottom: 5px solid #f7eb48; margin: auto; margin-top: 10px; }
}
@media (min-width:760px) and (max-width:992px) {
	.container1 { display: flex; width: 700px; }
	.container1-left { padding-top: 40px; padding-right: 30px; }
	.container1-left { width: 400px !important; }
	.container1-left p { width: 400px !important; }
	.container1-right img { width: 320px; }
	.container1-left h1 { margin-bottom: 10px; font-size: 30px !important; }
	.container1-left p { margin-bottom: 10px; font-size: 15px !important; }
	.border1 { width: 700px; border-bottom: 5px solid #97d92e; margin: auto; margin-top: -4px; }
	.border2 { width: 600px; border-bottom: 5px solid #f7eb48; margin: auto; margin-top: 10px; }
}
@media (min-width:576px) and (max-width:768px) {
	.container1 { display: flex; width: 550px; }
	.container1-left { padding-top: 20px; padding-right: 30px; }
	.container1-left { width: 300px !important; }
	.container1-left p { width: 300px !important; }
	.container1-right img { width: 250px; }
	.container1-left h1 { margin-bottom: 10px; font-size: 20px !important; }
	.container1-left p { margin-bottom: 10px; font-size: 14px !important; }
	.border1 { width: 700px; border-bottom: 5px solid #97d92e; margin: auto; margin-top: -4px; }
	.border2 { width: 600px; border-bottom: 5px solid #f7eb48; margin: auto; margin-top: 10px; }
}
@media (min-width:0px) and (max-width:576px) {
	.container1 { width: 340px; }
	.container1-left { padding-top: 20px; padding-right: 30px; }
	.container1-left { width: 340px !important; }
	.container1-left p { width: 340px !important; }
	.container1-right { text-align: center; }
	.container1-right img { width: 200px; }
	.container1-left h1 { margin-bottom: 10px; font-size: 25px !important; }
	.container1-left p { margin-bottom: 10px; font-size: 14px !important; }
	.border1 { width: 340px; border-bottom: 5px solid #97d92e; margin: auto; margin-top: -4px; }
	.border2 { width: 240px; border-bottom: 5px solid #f7eb48; margin: auto; margin-top: 10px; }
}
/**************end container1***********************/
.container2 h2 { font-family: FatFrank-Regular, sans-serif; }
.container2 { margin: auto; }
.hexagon { position: relative; width: 200px; height: 115.47px; margin: 57.74px 0; margin-bottom: 80px; }
.hex1 { background-color: #64C7CC; }
.text-hex1 { color: #64C7CC; }
.hex1:before { border-bottom: 57.74px solid #64C7CC; }
.hex1:after { border-top: 57.74px solid #64C7CC; }
.hex2 { background-color: #fa569f; }
.text-hex2 { color: #fa569f; }
.hex2:before { border-bottom: 57.74px solid #fa569f; }
.hex2:after { border-top: 57.74px solid #fa569f; }
.hex3 { background-color: #f7eb48; }
.text-hex3 { color: #E7D60A; }
.hex3:before { border-bottom: 57.74px solid #f7eb48; }
.hex3:after { border-top: 57.74px solid #f7eb48; }
.hex4 { background-color: #97d92e; }
.text-hex4 { color: #97d92e; }
.hex4:before { border-bottom: 57.74px solid #97d92e; }
.hex4:after { border-top: 57.74px solid #97d92e; }
.hex5 { background-color: #3ae2e5; }
.text-hex5 { color: #3ae2e5; }
.hex5:before { border-bottom: 57.74px solid #3ae2e5; }
.hex5:after { border-top: 57.74px solid #3ae2e5; }
.hex6 { background-color: #ffb2d5; }
.text-hex6 { color: #ffb2d5; }
.hex6:before { border-bottom: 57.74px solid #ffb2d5; }
.hex6:after { border-top: 57.74px solid #ffb2d5; }
.hexagon:before,
.hexagon:after { content: ""; position: absolute; width: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; }
.hexagon:before { bottom: 100%; }
.hexagon:after { top: 100%; width: 0; }
.hex { display: flex; flex-wrap: wrap; }
.hex-container { position: relative; display: block; }
.img1,
.img2,
.img3,
.img4,
.img5,
.img6 { position: absolute; }
.img1 { top: 0px; left: 50px; }
.img2 { top: 0px; left: 40px; }
.img3 { top: -15px; left: 40px; }
.img4 { top: -10px; left: 33px; }
.img5 { top: -20px; left: 40px; }
.img6 { top: -15px; left: 35px; }
h2 { font-size: 32px; color: white; }
.hex a { text-decoration: none; }
.hex a:hover { opacity: 0.7; }
.btn { text-align: center; }
/**************responsive*********************/
@media (min-width:1200px) and (max-width:4000px) {
	.container2 { width: 1200px; padding: 80px 0px 0px 0px; }
	#col2 { margin-left: 297px; margin-right: 297px; }
	.button1 { border: none; padding: 20px 100px 20px 100px; background-color: #97d92e; border-radius: 35px; display: inline-block; max-width: 430px; text-decoration: none; transition: 200ms linear; }
	.button1:hover { background-color: #86b53a; }
	.container2 h1 { text-align: center; margin-bottom: 80px; }
	.text1 { text-align: center; margin-bottom: 60px; }
}
@media (min-width:992px) and (max-width:1200px) {
	.container2 { width: 900px; padding: 80px 0px 0px 0px; }
	#col2 { margin-left: 140px; margin-right: 140px; }
	.button1 { border: none; padding: 20px 100px 20px 100px; background-color: #97d92e; border-radius: 35px; }
	.container2 h1 { text-align: center; margin-bottom: 80px; }
	.text1 { text-align: center; margin-bottom: 60px; }
}
@media (min-width:760px) and (max-width:992px) {
	.container2 { width: 720px; padding: 80px 0px 0px 0px; }
	#col2 { margin-left: 58px; margin-right: 58px; }
	.container2 h1 { margin-bottom: 10px; font-size: 30px !important; margin-bottom: 20px; }
	.button1 { border: none; padding: 20px 100px 20px 100px; background-color: #97d92e; border-radius: 35px; }
	.container2 h1 { text-align: center; margin-bottom: 80px; }
	.text1 { text-align: center; margin-bottom: 60px; }
}
@media (min-width:576px) and (max-width:760px) {
	.container2 { width: 200px; padding: 80px 0px 0px 0px; }
	.container2 h1 { margin-bottom: 10px; font-size: 30px !important; margin-bottom: 20px; }
	.button1 { border: none; padding: 20px 20px 0px 20px; background-color: #97d92e; border-radius: 5px; margin-top: -60px; }
	.container2 h1 { text-align: center; margin-bottom: 80px; }
	.text1 { text-align: center; margin-bottom: 60px; }
	.button1 h2 { margin-bottom: 10px; font-size: 15px !important; margin-bottom: 20px; }
}
@media (min-width:0px) and (max-width:576px) {
	.container2 { width: 200px; padding: 30px 0px 0px 0px; }
	.container2 h1 { margin-bottom: 10px; font-size: 25px !important; margin-bottom: 20px; }
	.button1 { border: none; padding: 20px 100px 20px 100px; background-color: #97d92e; border-radius: 35px; }
	.button1 { border: none; padding: 20px 20px 0px 20px; background-color: #97d92e; border-radius: 5px; margin-top: -60px; }
	.container2 h1 { text-align: center; margin-bottom: 20px; }
	.text1 { text-align: center; margin-bottom: 20px; }
	.button1 h2 { margin-bottom: 10px; font-size: 15px !important; margin-bottom: 20px; }
	.button1 { margin-top: 20px; }
	.container2 { padding-top: -60px; }
}
/*****************container3**************************/
.content { display: flex; flex-wrap: wrap; justify-content: center; }
.cnt1 { background-image: url("../images/img10.png"); }
.cnt2 { background-image: url("../images/img11.png"); }
.cnt3 { background-image: url("../images/img12.jpg"); }
.cnt4 { background-image: url("../images/img13.png"); }
.container3 h1 { font-family: FatFrank-Regular, sans-serif; }
.container3-cnt { background-repeat: no-repeat; }
.container3-cnt>a { display: block; text-decoration: none; }
.container3-cnt:hover .cnt3-text>h2 { color: #404040; transition: 200ms ease-in; }
.container3-cnt:hover .cnt3-text>h1 { color: #111; transition: 200ms ease-in; }
.cnt3-text { text-align: right; }
.txt1 { background-image: linear-gradient(to left, rgba(247, 235, 72, 1), rgba(247, 235, 72, 0.3)); font-family: FatFrank-Regular, sans-serif; }
.txt2 { background-image: linear-gradient(to left, rgba(250, 86, 159, 0.7), rgba(250, 86, 159, 0.7)); font-family: FatFrank-Regular, sans-serif; }
.txt3 { background-image: linear-gradient(to left, rgba(55, 177, 174, 0.7), rgba(55, 177, 174, 0.7)); font-family: FatFrank-Regular, sans-serif; }
.txt4 { background-image: linear-gradient(to left, rgba(151, 217, 46, 0.7), rgba(151, 217, 46, 0.7)); font-family: FatFrank-Regular, sans-serif; }
.txt1 h1 { color: #37b1ad; }
.txt2 h1 { color: #f7eb47; }
.txt3 h1 { color: #f9559f; }
.txt4 h1 { color: white; }
.txt1 h2,
.txt2 h2,
.txt3 h2,
.txt4 h2 { color: white; }
/*****************responsive*************/
@media (min-width:1200px) and (max-width:4000px) {
	.container3 { padding-top: 80px; padding-bottom: 80px; }
	.head { width: 1200px; margin: auto; display: flex; }
	.head h1 { margin: 50px 210px 0px 210px; }
	#cnt3-col1 { margin-right: 20px; margin-bottom: 20px; }
	#cnt3-col2 { margin-bottom: 20px; }
	.container3-cnt { width: 650px; height: 400px; }
	.cnt3-text { width: 650px; height: 400px; padding-top: 220px; padding-right: 50px; }
}
@media (min-width:992px) and (max-width:1200px) {
	.container3 { padding-top: 80px; padding-bottom: 80px; }
	.head { width: 900px; margin: auto; display: flex; }
	.head h1 { margin: 50px 90px 0px 90px; }
	#cnt3-col1 { margin-bottom: 20px; }
	#cnt3-col2 { margin-bottom: 20px; }
	.container3-cnt { width: 650px; height: 400px; }
	.cnt3-text { width: 650px; height: 400px; padding-top: 220px; padding-right: 50px; }
}
@media (min-width:760px) and (max-width:992px) {
	.container3 { padding-top: 80px; padding-bottom: 80px; }
	.head { width: 740px; margin: auto; display: flex; }
	.head h1 { margin: 50px 10px 0px 10px; }
	#cnt3-col1 { margin-bottom: 20px; }
	#cnt3-col2 { margin-bottom: 20px; }
	.container3-cnt { width: 650px; height: 400px; }
	.cnt3-text { width: 650px; height: 400px; padding-top: 220px; padding-right: 50px; }
}
@media (min-width:576px) and (max-width:760px) {
	.container3 { padding-top: 80px; padding-bottom: 80px; }
	.head { margin: auto; display: flex; justify-content: center; }
	.head h1 { margin: 50px 10px 0px 10px; font-size: 30px !important; }
	#cnt3-col1 { margin-bottom: 20px; }
	#cnt3-col2 { margin-bottom: 20px; }
	.balon { width: 130px; }
	.container3-cnt {	/*width:650px;
	height:400px;*/ }
	.cnt1,
	.cnt2,
	.cnt3,
	.cnt4 { background-size: 300px; }
	.txt1 {/*width:300px;*/width: 300px; height: 200px; padding-top: 70px; padding-right: 10px; }
	.txt2 {/*width:300px;*/width: 300px; height: 200px; padding-top: 70px; padding-right: 10px; }
	.txt3 {/*width:300px;*/width: 300px; height: 200px; padding-top: 70px; padding-right: 10px; }
	.txt4 {/*width:300px;*/width: 300px; height: 200px; padding-top: 70px; padding-right: 10px; }
	.cnt3-text h1 { font-size: 20px !important; }
	.cnt3-text h2 { font-size: 20px !important; }
}
@media (min-width:0px) and (max-width:576px) {
.container3 { padding-top: 20px; padding-bottom: 30px; }
.head { margin: auto; display: flex; justify-content: center; }
.head h1 { margin: 50px 10px 0px 10px; font-size: 25px !important; }
#cnt3-col1 { margin-bottom: 20px; }
#cnt3-col2 { margin-bottom: 20px; }
.balon { width: 70px; }
.container3-cnt {	/*width:650px;
	height:400px;*/ }
	.cnt1,
	.cnt2,
	.cnt3,
	.cnt4 { background-size: 300px; }
	.txt1 {/*width:300px;*/width: 300px; height: 200px; padding-top: 70px; padding-right: 10px; }
	.txt2 {/*width:300px;*/width: 300px; height: 200px; padding-top: 70px; padding-right: 10px; }
	.txt3 {/*width:300px;*/width: 300px; height: 200px; padding-top: 70px; padding-right: 10px; }
	.txt4 {/*width:300px;*/width: 300px; height: 200px; padding-top: 70px; padding-right: 10px; }
	.cnt3-text h1 { font-size: 20px !important; }
	.cnt3-text h2 { font-size: 20px !important; }
}
/**********************affiliation section**********************************************/
.container4 h1 { text-align: center; font-family: FatFrank-Regular, sans-serif; }
/***responsive*******/
@media (min-width:1200px) and (max-width:4000px) {
	.container4 h1 { padding-bottom: 60px; }
	.aff-sec { width: 1200px; margin: auto; }
	.aff-img2 { padding-left: 195px; padding-right: 195px; }
	.container4 { background-image: url("../images/img17.png"); background-repeat: no-repeat; background-position: center; padding-bottom: 80px; }
}
@media (min-width:992px) and (max-width:1200px) {
	.container4 h1 { padding-bottom: 60px; }
	.aff-sec { width: 900px; margin: auto; }
	.aff-img2 { padding-left: 48px; padding-right: 48px; }
	.container4 { background-image: url("../images/img17.png"); background-repeat: no-repeat; background-position: center; padding-bottom: 80px; }
}
@media (min-width:760px) and (max-width:992px) {
	.container4 h1 { padding-bottom: 60px; }
	.aff-sec { width: 700px; margin: auto; }
	.aff-img2 { padding-left: 140px; padding-right: 140px; }
	.aff-img2 { width: 492px; }
	.aff-img1,
	.aff-img3 { width: 100px; }
	.container4 { background-image: url("../images/img17.png"); background-repeat: no-repeat; background-position: center; padding-bottom: 80px; }
}
@media (min-width:576px) and (max-width:760px) {
	.container4 h1 { padding-bottom: 60px; }
	.aff-sec { width: 500px; margin: auto; }
	.aff-img2 { padding-left: 20px; padding-right: 20px; }
	.aff-img2 { width: 290px; }
	.aff-img1,
	.aff-img3 { width: 100px; }
	.container4 { background-image: url("../images/img17.png"); background-repeat: no-repeat; background-position: center; padding-bottom: 80px; }
}
@media (min-width:0px) and (max-width:576px) {
	.container4 h1 { padding-bottom: 20px; font-size: 25px !important; }
	.aff-sec { width: 300px; margin: auto; }
	.aff-img2 { padding-left: 20px; padding-right: 20px; }
	.aff-img2 { width: 300px; margin: auto; }
	.aff-sec { text-align: center; }
	.aff-sec a:hover { opacity: 0.5; }
	.aff-img1,
	.aff-img3 { width: 100px; }
	.container4 { background-image: url("../images/img17.png"); background-repeat: no-repeat; background-position: center; padding-bottom: 30px; }
}
/***************social icons*************************************************************/
.social-icons a:hover { opacity: 0.5; }
.social-icons { text-align:center;}
@media (min-width:992px) and (max-width:4000px) {
	.social-icons { width: 992px; margin: auto; margin-top: 80px; margin-bottom: 80px; }
	.social-icons a { margin: 33px; }
}
@media (min-width:1000px) and (max-width:992px) {
	.social-icons { width: 700px; margin: auto; margin-top: 80px; margin-bottom: 80px; }
	.social-icons a { margin: 27px; }
}
@media (min-width:730px) and (max-width:1000px) {
	.social-icons { width: 730px; margin: auto; margin-top: 80px; margin-bottom: 80px; }
	.social-icons a { margin: 17px; }
}
@media (min-width:576px) and (max-width:730px) {
	.social-icons { width: 440px; margin: auto; margin-top: 80px; margin-bottom: 80px; }
	.social-icons a { margin: 7px; }
	.social-icons a img { width: 45px; }
}
@media (min-width:0px) and (max-width:576px) {
	.social-icons { width: 318px; margin: auto; margin-top: 30px; margin-bottom: 30px; }
	.social-icons a img { width: 32px; }
	.social-icons a:hover { opacity: 0.5; }
	.social-icons a { margin: 5px; }
}
/*************fotter******************/
.foot a:hover { text-decoration: underline; }
.list3 button:hover { opacity: 0.5; }
li a { text-decoration: none; color: white; }
.list1 ul li { display: flex; }
.list1 ul img { margin-right: 10px; margin-top: 5px; }
.foot ul { list-style-type: none; }
.foot-sec { background-color: #fa569f; }
.li-flex { display: inline-block; width: 150px; }
.list1 h2,
.list2 h2,
.list3 h2 { font-family: FatFrank-Regular, sans-serif; font-weight: bold; }
.list1 ul li { padding: 15px; }
.list2 ul li { padding-bottom: 7px; }
.last { padding-top: 7px }
.list3 ul li { margin-bottom: 20px; }
.list3 ul li button { border: none; background-color: #a8044e; color: white; }
.li-flex1 { display: inline-block; }
::placeholder { font-size: 20px; }
input:focus { outline: none; }
.foot-sec ul li { color: white; }
.foot-sec ul { color: white; }
.foot-sec .ul2 { column-count: 2; column-gap: 40px; }
.foot-icon a:hover { 0.5; }
.copy-right a { color: inherit; }
.list3 ul li button p{margin: 0 !important; color: #fff !important;}
@media (min-width:1200px) and (max-width:4000px) {
	.copy-right { padding-top: 50px; padding-bottom: 50px; width: 1200px; margin: auto; }
	.foot-icon { width: 1240px; margin: auto; }
	.foot-icon a { padding-left: 20px; padding-right: 20px; }
	.foot { width: 1200px; margin: auto; display: flex; }
	.ul2 { margin-left: 50px; margin-right: 50px; }
	.ul2 li { margin-bottom: 13px; }
	.list2 h2 { margin-left: 40px; }
	.list1 h2 { margin-left: 17px; }
	.foot-sec { padding-top: 50px; padding-bottom: 50px; }
	.list1 h2,
	.list2 h2,
	.list3 h2 { padding-bottom: 30px; }
	::placeholder { font-size: 20px; }
	.list3 ul li button { padding: 10px 40px 10px 40px; border-radius: 25px; }
	.list3 ul li input { background-color: white; width: 350px; border: none; padding: 10px 20px 10px 20px; border-radius: 25px; font-size: 20px; }
}
@media (min-width:992px) and (max-width:1200px) {
	.copy-right { padding-top: 50px; padding-bottom: 50px; width: 900px; margin: auto; }
	.foot-icon { width: 940px; margin: auto; }
	.foot-icon a { padding-left: 20px; padding-right: 20px; }
	.foot-sec { padding-left: 40px; padding-top: 50px; padding-bottom: 50px; }
	.foot ul { margin-bottom: 40px; }
	.list1 h2,
	.list2 h2,
	.list3 h2 { padding-bottom: 30px; }
	::placeholder { font-size: 20px; }
	.list3 ul li button { padding: 10px 40px 10px 40px; border-radius: 25px; }
	.list3 ul li input { background-color: white; width: 350px; border: none; padding: 10px 20px 10px 20px; border-radius: 25px; font-size: 20px; }
}
@media (min-width:760px) and (max-width:992px) {
	.copy-right { padding-top: 50px; padding-bottom: 50px; width: 700px; margin: auto; }
	.foot-icon { }
	.foot-icon a { padding-left: 20px; padding-right: 20px; }
	.foot-sec { padding-left: 40px; padding-top: 50px; padding-bottom: 50px; }
	.foot ul { margin-bottom: 40px; }
	.list1 h2,
	.list2 h2,
	.list3 h2 { padding-bottom: 30px; }
	::placeholder { font-size: 20px; }
	.list3 ul li button { padding: 10px 40px 10px 40px; border-radius: 25px; }
	.list3 ul li input { background-color: white; width: 350px; border: none; padding: 10px 20px 10px 20px; border-radius: 25px; font-size: 20px; }
}
@media (min-width:576px) and (max-width:760px) {
	.copy-right { padding-top: 50px; padding-bottom: 50px; text-align: center; }
	.foot-icon { padding-left: 20px; }
	.foot-icon a { padding-left: 20px; padding-right: 20px; }
	.foot-icon a img { width: 50px; }
	.foot-sec { padding-left: 40px; padding-top: 50px; padding-bottom: 20px; }
	.foot ul { margin-bottom: 40px; }
	.list1 h2,
	.list2 h2,
	.list3 h2 { padding-bottom: 30px; }
	::placeholder { font-size: 20px; }
	.list3 ul li button { padding: 10px 40px 10px 40px; border-radius: 25px; }
	.list3 ul li input { background-color: white; width: 350px; border: none; padding: 10px 20px 10px 20px; border-radius: 25px; font-size: 20px; }
}
@media (min-width:0px) and (max-width:576px) {
	.copy-right { padding-top: 20px; padding-bottom: 20px; text-align: center; }
	.foot-icon { padding-left: 10px; }
	.foot-icon a { padding-left: 5px; padding-right: 5px; }
	.foot-icon a img { width: 30px; }
	.foot-sec { padding-left: 20px; padding-top: 30px; padding-bottom: 30px; }
	.foot ul { margin-bottom: 20px; }
	.list1 h2,
	.list2 h2,
	.list3 h2 { font-size: 20px !important; }
	.list1 h2,
	.list2 h2,
	.list3 h2 { padding-bottom: 10px; }
	.foot ul li { font-size: 14px !important; }
	::placeholder { font-size: 15px; }
	.list3 ul li button { padding: 5px 20px 5px 20px; border-radius: 25px; }
	.list1 ul li p { font-size: 15px !important; }
	.list1 ul li img { height: 20px; margin-top: 0px; }
	.list3 ul li input { background-color: white; width: 250px; border: none; padding: 10px 20px 10px 20px; border-radius: 25px; font-size: 20px; }
	.last{ padding-top: 0; }
}
/********************contact us section************************/
.contact { overflow: auto; }
.contact p { color: #353535; font-size: 18px !important; }
.contact a { color: #37b1ad; text-decoration: none; }
.contact a:hover { text-decoration: underline; }
.contact h1 { margin-bottom: 30px; }
form h2 { color: #37b1ad !important; margin-bottom: 30px; }
form p { color: grey !important; margin-bottom: 10px; margin-top: 20px; }
/*form input{padding:10px; width:350px;font-size:18px;}
form  select{width:350px;padding:10px;}
form  textarea{width:350px;height:100px;padding:10px;resize:none;}*/
form button { width: 100%; height: 45px; color: white; font-size: 20px; padding: 10px; margin: 15px; background-color: #37b1ad; border: none; }
.captchaWrapper { display: flex; align-items: center; margin-bottom: 20px; }
.captchaWrapper input { width: auto; margin-right: 5px; }
label { color: ##D3D3D3; }
/*****************responsive*****************/
@media (min-width:1200px) and (max-width:4000px) {
	.lng { width: 250px; }
	.contact form { margin-top: -15px; }
	.form-flex { display: flex; }
	.flex1 { margin-right: 40px; }
	.contact { padding-top: 80px; padding-bottom: 80px; }
	.contact { width: 1200px; margin: auto; display: flex; }
	.contact-left { width: 640px; padding-right: 60px; }
	.contact-right { margin-top: 20px; width: 40%; }
	form h2 { color: #37b1ad !important; margin-bottom: 20px; }
	form p { color: grey !important; margin-bottom: 5px; margin-top: 20px; }
	.contact p { font-size: 20px !important; line-height: 2rem; }
	form input { padding: 5px 10px 5px 10px; width: 250px; font-size: 18px; }
	form  select { width: 250px; padding: 7px 10px 7px 10px; }
	form  textarea { width: 250px; height: 100px; padding: 10px; resize: none; }
}
@media (min-width:992px) and (max-width:1200px) {
	.contact { padding-top: 30px; padding-bottom: 80px; }
	.contact { width: 900px; margin: auto; }
	.contact-left { }
	.contact-right { margin-top: 50px; }
	.contact p { font-size: 18px !important; line-height: 2rem; }
	form input { padding: 10px; width: 350px; font-size: 18px; }
	form  select { width: 350px; padding: 10px; }
	form  textarea { width: 350px; height: 100px; padding: 10px; resize: none; }
}
@media (min-width:576px) and (max-width:992px) {
	.contact { padding-top: 20px; padding-bottom: 80px; padding-left: 10%; padding-right: 10%; }
	.contact { }
	.contact-left { display: inline-block; }
	.contact-right { margin-top: 50px; }
	.contact p { font-size: 18px !important; line-height: 2rem; }
	form input { padding: 10px; width: 350px; font-size: 18px; }
	form  select { width: 350px; padding: 10px; }
	form  textarea { width: 350px; height: 100px; padding: 10px; resize: none; }
}
@media (min-width:0px) and (max-width:576px) {
	.contact { padding-top: 0px; padding-bottom: 20px; padding-left: 10%; padding-right: 10%; }
	.contact { }
	.contact-left { display: inline-block; }
	.contact-right { margin-top: 50px; }
	.contact h1,
	form h2 { font-size: 25px !important; }
	.contact p { font-size: 14px !important; line-height: 2rem; }
	form input { padding: 10px; width: 300px; font-size: 14px; }
	form  select { width: 300px; padding: 10px; }
	form  textarea { width: 300px; height: 100px; padding: 10px; resize: none; }
}
/************bodyContent section***************/
.bodyContent h1,
.bodyContent h2 { color: #111; }
.bodyContent h1,
.bodyContent h2,
.bodyContent h3 { margin-bottom: 20px; }
.bodyContent h3 { color: #f9559f; }
.bodyContent strong,
.bodyContent b { color: #538502 }
.bodyContent p { color: #353535; }
.bodyContent a { color: #249d99; text-decoration: none; }
.bodyContent a:hover { text-decoration: underline; color: #f9559f; }
.bodyContent img { width: auto; max-width: 100%; border: 5px solid #f9559f; border-radius: 10px; box-shadow: -1px 8px 11px rgba(0, 0, 0, 0.18); }
.bodyContent table { border-collapse: collapse; border-spacing: 5px; width: 100%; caption-side: bottom; font-weight: 400; font-size: 14px; font-family: 'Open Sans', sans-serif; }
.bodyContent table th { padding: 8px 12px; }
.bodyContent table td { padding: 10px; vertical-align: top; word-spacing: 3px; line-height: 2; }
.bodyContent table td[colspan] { background-color: #f7eb48; }
.bodyContent table caption { padding: 5px 10px; background-color: #3AE2E5; margin-top: 5px; line-height: 1.8; }
.bodyContent ul { padding-left: 25px; }
.bodyContent ul li { margin-bottom: 10px; }
.bodyContent ul li>a { text-decoration: none; }
.contentWrapper { width: 100%; }
.contentWrapper>div.box { float: left; }
.contentWrapper::after { content: ''; display: table; clear: both; }
.nutritionTable tr>td:first-child { font-weight: bold; }
/************responsive******************/
@media (min-width:576px) and (max-width:4000px) {
	.bodyContent { max-width: 1200px; margin: auto; padding-top: 80px; padding-bottom: 80px; }
	.bodyContent p { font-size: 20px !important; margin-bottom: 20px; line-height: 2rem; }
	.thank { font-size: 60px; text-align: center; padding-top: 5rem; padding-bottom: 4rem; }
}
@media (min-width:0px) and (max-width:576px) {
	.bodyContent { padding-top: 0px; padding-bottom: 50px; padding-left: 10%; padding-right: 10%; }
	.bodyContent p { font-size: 14px !important; margin-bottom: 20px; line-height: 2rem; }
	.bodyContent h1 { font-size: 25px !important; margin-bottom: 20px; }
	.thank { font-size: 20px; text-align: center; padding-top: 30px; padding-bottom: 30px; }
}
@media (min-width:1200px) and (max-width:4000px) {
	.bodyContent { width: 1200px; margin: auto; padding-top: 80px; padding-bottom: 50px; }
}
@media (min-width:992px) and (max-width:1200px) {
	.bodyContent { padding-top: 0px; padding-bottom: 30px; padding-left: 10%; padding-right: 10%; }
}