@media (max-width: 1199.98px){

	.what_we_want_area .what_we_want_body .img_box {

		right: -14px;
		width: 200px;
		height: auto;
	}
	.main_banner_area .main_banner_cell .main_banner_contain {
		min-height: 500px;

		padding: 80px 40px;

	}
	.register_mainbox::after {
		width: 411px;
		height: 335px;
	}
}

@media (max-width: 991.98px) {


	.top-menu{position:fixed; z-index:1099; top:0; left:0; width:100%; height:100%; float:none; padding:0; margin:0; overflow:scroll; display:none; color:#000; background:#fff;}
	.top-menu.open{display:block;}
	.top-menu .btn-topmenu-close {
		position: fixed;
		z-index: 9;
		top: 0;
		right: 0;
		color: #fff;
		background: #ff682d;
		font-size: 18px;
		z-index: 9;
		padding: 10px 15px;
		display: block;
	}
	.top-menu ul{padding:50px 20px 0; margin:0; list-style:none;}
	.top-menu ul + ul{padding:0 20px 50px;}
	.top-menu ul + ul li:first-child{border-top:solid 1px #135b6d;}
	.top-menu ul li{border-top:solid 1px #d2d2d2; position:relative;}
	.top-menu ul li:first-child{border:none;}
	.top-menu ul li.dropdown .arrow{position:absolute; z-index:8; top:0; right:0; width:40px; height:48px; line-height:48px; text-align:center; color:#5a5a5a; font-size:24px; cursor:pointer;}
	.top-menu ul li.dropdown .arrow:after{font-family:'IcoFont'; content:"\eac8";}
	.top-menu ul li.dropdown.open > .arrow:after{content:"\eacb";}
	.top-menu ul li.dropdown > a{padding-right:40px;}
	.top-menu ul li.dropdown.open > ul{display:block;}
	.top-menu ul li a{font-size:18px; color:#5a5a5a; padding:0px 0; display:block;text-transform: capitalize;text-align: left;}
	.top-menu ul li a:hover, .top-menu ul li:hover > a, .top-menu ul li.current-menu-item > a {
		text-decoration: none;
		color: #ff682d;
	}
	.top-menu ul ul{padding:0 0 15px; display:none;}
	.top-menu ul ul li{border:none;}
	.top-menu ul ul li a{font-size:14px; padding:7px 0; text-transform:none; padding-left:10px;}
	.top-menu ul ul ul li a{padding-left:20px;}



	.main_banner_area {
		display: block;
		margin-top: 74px;
	}
	.main_banner_area .main_banner_cell {
		width: 100%;
		display: block;
		min-height: 440px;
	}
	.btn-topmenu {
		color: #000;
		font-size: 26px;
	}
	.main_banner_area .main_banner_cell .main_banner_contain {

		padding: 80px 15px;

	}
	.slider_box .contain_box_area .contain_box {

		padding: 30px 0px 20px 30px;
		max-width: 410px;
		min-height: 240px;
	}
	.covid19_area {
		padding: 24px 0px;
	}
	.covid19_area h1 {

		font-size: 34px;

	}
	.covid19_area p {
		font-size: 16px;
		max-width: 480px;
		margin: 0 auto 24px;
	}
	.btn {
		border-radius: 8px;
		padding: 6px 14px;
		font-size: 14px;

	}
	.slider_box .contain_box_area .contain_box p {
		font-size: 16px;

		margin: 0 auto 15px;

	}
	.slider_box .contain_box_area::after {

		width: 120px;
		height: 120px;
		background: #fecf02;
		top: -8px;
		left: -8px;
	}
	.covid19_slider_area .slider_box img.img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	.covid19_slider_area .slider_box {

		height: 380px;

		display: flex;
	}
	.slider_box .contain_box_area .contain_box h3 {

		font-size: 20px;

	}
	.what_we_want_area .what_we_want_body {
		width: 100%;
		max-width: 100%;

		padding: 24px 0;
		text-align: center;
	}
	.what_we_want_area .what_we_want_body p {
		font-size: 18px;

		padding: 0 15px;
		line-height: 30px;
	}
	h1.h1 {
		font-size: 38px;

	}
	.what_we_want_area .what_we_want_body h3 {
		font-size: 30px;

	}
	.what_we_want_area .what_we_want_body .img_box {

		display: none;
	}
	.quiz_area {
		padding: 30px 0px 0px;

	}
	.toolkittotalbox h1 {

		font-size: 38px;

	}
	.toolkittotalbox .nav-tabs li a {
		font-size: 15px;
		padding: 7px 8px;
	}
	.toolkittotalbox .nav-tabs li::after {

		top: 9px;
		right: -21px;
		width: 10px;
		height: 19px;

	}
	.quiz_area .toolkit_image_box {
		max-width: 300px;
		height: 400px;
	}
	.quiz_area .toolkit_image_box::after {

		bottom: -10px;
		right: -10px;
		max-width: 380px;
		height: 250px;

	}
	.pb-6, .py-6 {
		padding-bottom: 1rem !important;
	}
	.good_food_area {
		padding: 24px 0px;

	}
	.good_food_area .contain_box h3 {

		font-size: 38px;

	}
	.good_food_area .contain_box p {

		font-size: 18px;

		line-height: 24px;
	}
	.good_food_area .nav-tabs .nav-item {
		width: 46%;

	}
	.good_food_box .image_box {
		height: 150px;

		margin-bottom: 10px;
	}
	.good_food_box h4 {

		font-size: 24px;

		margin: 0;
	}
	.main_area {
		padding: 24px 0px;
	}
	.join_area .join_area_body {

		padding: 24px 0;
	}
	.join_area .join_area_body h2 {
		margin-bottom: 5px;
	}
	h2.h2 {

		font-size: 38px;

	}
	.join_area .join_area_body p {

		font-size: 18px;

	}
	.campaign_area .campaign_body_area p {

		font-size: 24px;

	}
	.campaign_slider_box {
		height: 350px;
		max-width: 540px;
		margin: auto;
	}
	.campaign_area .campaign_body_area .facebook_feed_area .facebook_feed_contain {
		text-align: center;
		padding: 10px 14px 24px;
	}
	.campaign_area .campaign_body_area .facebook_feed_area .facebook_feed {
		height: 400px;

		padding: 15px;

		max-width: 424px;
		margin: auto;
	}
	.myth_book_area .myth_book_body {
		padding: 15px 0px;

	}
	.myth_book_area .myth_book_body p {

		font-size: 20px;

	}
	.best_recipes_area .best_recipes_contain {
		text-align: center;
		padding: 8px 0;
	}
	.best_recipes_area .best_recipes_contain h3 {
		font-size: 38px;

		line-height: 46px;
		margin-bottom: 15px;
	}
	.best_recipes_area .best_recipes_img {
		text-align: center;
		max-width: 370px;
		margin: auto;
		margin-top: 20px;
	}
	.best_recipes_area .best_recipes_img .img_box {
		height: 260px;

	}
	.toolkittotalbox .nav-tabs li:nth-of-type(4n){

	}
	.testimonial_slider {
		display: block !important;
	}
	.testimonial_slider .testimonial_commentbox {

		margin: auto;
	}
	.testimonial_area .testimonial_contain h3 {
		font-size: 38px;

		line-height: 40px;
		margin-bottom: 9px;
	}
	.testimonial_area .testimonial_contain h3 strong {
		display: inline-block;
		font-weight: 700;
	}
	.testimonial_slider .testimonial_contain {
		min-height: auto;
		padding: 11px 30px 30px;
	}

	.top_school_area .top_school_body ul.listing li .number_listing {

		width: 45px;
		height: 45px;

		font-size: 24px;

	}
	.about_area .about_area_body p {
		font-size: 24px;

		line-height: 34px;
		margin-bottom: 15px;
	}
	.about_area .about_area_body .btn {

		padding: 12px 20px;
		margin: 0px auto;
		font-size: 16px;

		height: auto;

	}
	.about_area .about_area_body .btn br{display:none;}
	.partner_area .partner_box_body {
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
	.partner_area .partner_box_body .justify-content-start {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
	.partner_area .partner_box_body .partner_image {

		max-width: 130px;
	}
	.footer_area .copyright_area {
		text-align: center;
	}
	.footer_area .copyright_area ul.social_link {
		float: none;
		margin: 0 0;
		padding: 0 0;
	}
	.partner_area .partner_form {
		max-width: 600px;
		margin: auto;
	}
	.video_area .video_body .video_box {

		max-width: 510px;
		height: 300px;

	}
	.video_area .video_body .video_box .video_link {

		width: 75px;
		height: 75px;

	}
	.main_banner_area .main_banner_cell .main_banner_contain {
		min-height: 485px;

	}
	.campaign_area .campaign_body_area .campaign_video_area {

		max-width: 650px;
		height: 400px;

	}
	.featured_box .image_box {
		height: 250px;

	}
	.video_box {

		height: auto;

	}
	.top-menu ul li a {
		text-transform: uppercase;
		padding: 9px 0;

	}
	.register_mainbox {

		padding: 30px 50px 60px;

	}
	.register_area {
		margin: 70px 0 30px;
	}
	.register_mainbox h3, .login_mainbox h3 {

		font-size: 30px;

	}
	.register_mainbox::after {
		width: 310px;
		height: 273px;
	}
	.login_mainbox::after {

		right: 8px;

		width: 325px;
		height: 376px;

	}
	.login_mainbox {

		padding: 24px 24px 50px;

	}
	.login_mainbox p.tagp {
		margin-top: 18px;

		font-size: 17px;

	}
}

@media (max-width: 767.98px) {

	.toolkittotalbox h1 {
		font-size: 30px;
	}
	.main_banner_area .main_banner_cell .main_banner_contain {
		padding: 84px 15px;
	}
	.main_banner_area .main_banner_cell .main_banner_contain {
		min-height: 422px;
	}
	.popup-content {
		max-width: 435px;
		background-color: #fff;
	}

	.top_school_area .top_school_body ul.listing li {
		list-style: none;
		padding: 0 56px 0 0;
		margin: 0 0 0;
		min-height: auto;
		position: relative;
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 10px;

	}
	.top_school_area .top_school_body ul.listing li .number_listing {
		width: 45px;
		height: 45px;
		font-size: 24px;
		line-height: 45px;
	}
	.register_area .col-7 {
		-ms-flex: 0 0 90.333333%;
		flex: 0 0 90.333%;
		max-width: 90.333%;
	}
	.register_mainbox::after {
		width: 190px;
		height: 180px;
	}
	.login_mainbox::after {
		right: 8px;
		width: 238px;
		height: 280px;
	}
	.login_mainbox .col-6 {
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		max-width: 70%;
	}
}
@media (max-width: 639.98px) {


	.step_box h3 {
		margin: 0 0 5px;

	}
	.step_box p {

		font-size: 16px;

		line-height: 22px;
	}
	.step_box .image_box {

		top: 30px;

		height: 177px;

	}
	.inner_banner_heading_area h1 {

		font-size: 20px;

	}
	.inner_banner_heading_area {
		padding: 20px 0px;

	}
	.main_banner_area .main_banner_cell {

		min-height: 270px;
	}
	.slider_box .contain_box_area .contain_box {
		padding: 20px 0px 15px 20px;
		max-width: 350px;
		min-height: 170px;
	}
	.slider_box .contain_box_area .contain_box h3 {
		font-size: 18px;
	}
	.slider_box .contain_box_area .contain_box p {
		font-size: 15px;
		margin: 0 auto 10px;
		line-height: 19px;
	}
	.slider_box .btn {
		border-radius: 8px;
		padding: 4px 11px;
		font-size: 13px;
	}
	.covid19_slider_area .slider_box {
		height: 300px;
		display: flex;
	}
	.main_banner_area .main_banner_cell .main_banner_contain .banner_contain h4::after {
		content: '';
		position: absolute;
		bottom: -12px;
		right: 0;
		width: 103px;
		height: 68px;

	}
	.main_banner_area .main_banner_cell .main_banner_contain .banner_contain h3::after {
		content: '';
		position: absolute;
		top: -60px;
		right: -14px;
		width: 86px;
		height: 70px;

	}
	.register_mainbox {
		padding: 30px 0px 52px;
	}
	.register_mainbox .register_btn, .login_mainbox .register_btn {

		font-size: 14px;
		font-weight: 600;
		letter-spacing: normal;

	}
	.mt-4, .my-4 {
		margin-top: 0.5rem !important;
	}
	p.tagp {
		margin-top: 18px;

		font-size: 17px;

	}
	.form-control {

		height: 42px !important;

	}
	.form-group {
		margin-bottom: 8px;
	}
	.register_mainbox h3, .login_mainbox h3 {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 24px;
	}
	.register_area .col-7 {
		-ms-flex: 0 0 80.333333%;
		flex: 0 0 80.333%;
		max-width: 80.333%;
	}
	.login_mainbox::after {
		right: 8px;
		width: 160px;
		height: 205px;
	}
}
@media (max-width: 479.98px){


	.featured_recipes_area {

		padding: 24px;
	}
	.featured_box .image_box {
		height: 190px;
	}
	.main_banner_area .main_banner_cell {
		min-height: 234px;
	}
	.covid19_area p {
		font-size: 14px;
		max-width: 330px;
		margin: 0 auto 15px;
		line-height: 20px;
	}
	.covid19_area h1 {
		font-size: 30px;
		margin: 0 0 5px;
	}
	.slider_box .contain_box_area .contain_box {
		padding: 20px 0px 15px 20px;
		max-width: 290px;
		min-height: 170px;
	}
	.what_we_want_area .what_we_want_body p {
		font-size: 16px;
		padding: 0 10px;
		line-height: 24px;
	}
	h1.h1 {
		font-size: 30px;
	}
	h2.h2 {
		font-size: 30px;
	}
	.join_area .join_area_body p {
		font-size: 16px;
		padding: 0;
	}
	.good_food_area .contain_box h3 {
		font-size: 30px;
	}
	.good_food_area .contain_box p {
		font-size: 16px;
		line-height: 20px;
	}
	.good_food_area .nav-tabs .nav-link {
		font-size: 16px;

		padding: 7px 4px;
	}
	.good_food_box .image_box {
		height: 244px;
		margin-bottom: 10px;
	}
	.good_food_box h4 {
		font-size: 28px;
		margin: 0 0 24px;
	}
	.join_area .join_area_body {
		padding: 0;
		margin-top: -40px;
	}
	.campaign_area .campaign_body_area p {
		font-size: 18px;
	}
	h2.h2 {
		font-size: 30px;
		line-height: 34px;
	}
	.testimonial_area .testimonial_contain h3 {
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 4px;
	}
	.testimonial_slider .testimonial_contain {
		min-height: auto;
		padding: 10px 24px 5px;
	}
	.top_school_area .top_school_body h2 {
		margin-bottom: 20px;
	}
	.top_school_area .top_school_body ul.listing li {
		list-style: none;
		padding: 0;
		margin: 0 0 0;
		min-height: auto;
		position: relative;
		font-size: 16px;
		font-weight: 700;
		color: #fff;
		text-transform: uppercase;
		line-height: 24px;
		margin-bottom: 6px;
		text-align: left;
	}
	.top_school_area .top_school_body ul.listing li .number_listing {
		width: 36px;
		height: 36px;
		font-size: 20px;
		line-height: 36px;
		border-radius: 5px;
	}
	.top_school_area .top_school_body ul.listing li {

		font-size: 15px;

	}
	h3.h3 {

		font-size: 30px;

		margin-bottom: 9px;
	}
	.about_area .about_area_body p {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 15px;
	}
	.about_area .about_area_body .btn {
		padding: 8px 10px;
		margin: 0px auto;
		font-size: 13px;
		height: auto;
	}
	.about_area .about_area_body .btn:last-child {
		padding: 9px 10px;
		margin-right: 0px;
	}
	.popup-content {
		max-width: 340px;
		background-color: #fff;
		padding: 18px;
	}
	.partner_area .partner_form h4 {
		margin-bottom: 24px;
		margin-top: 24px;
		text-align: center;
	}
	.quiz_area .toolkit_image_box {
		max-width: 300px;
		height: 400px;
	}
	.join_area .join_area_body {
		padding: 0;
		margin-top: 0;
	}
	.main_banner_area .main_banner_cell .main_banner_contain {
		padding: 90px 15px;
	}
	.top_school_area .top_school_body ul.listing li span {

		top: 5px;
	}
	.top_school_area .top_school_body ul.listing li {

		padding: 0 42px 0 0px;

	}
	.register_mainbox::after {
		width: 155px;
		height: 156px;
		right: 3px;
	}
	.login_mainbox p.tagp {
		margin-top: 10px;
		font-size: 14px;
	}
}

@media (max-width: 410px){
	.step_box .image_box {
		top: 30px;
		height: 130px;
	}
	.step_box p {
		font-size: 14px;
		line-height: 18px;
	}
	.step_box h3 {

		font-size: 22px;

	}

	.good_food_area .nav-tabs .nav-item {

		margin-right: 10px;

	}
	.main_banner_area .main_banner_cell .main_banner_contain {
		padding: 70px 15px;
	}
	.register_mainbox::after {
		width: 126px;
		height: 138px;
	}
	.register_mainbox .register_btn, .login_mainbox .register_btn {
		font-size: 13px;
		font-weight: 600;
		letter-spacing: normal;
	}
	p.tagp {
		margin-top: 12px!important;

		font-size: 16px!important;

	}
	.login_mainbox .col-6 {
		-ms-flex: 0 0 90%;
		flex: 0 0 90%;
		max-width: 90%;
	}
	.login_mainbox::after {
		right: 2px;
		width: 128px;
		height: 175px;
	}
	.login_mainbox {
		padding: 24px 2px 40px;
	}
}

.bmi_area .bmi_area_body {
	padding: 24px 0;
}
.bmi_area .bmi_area_body h2 {
	margin-bottom: 5px;
}
h2.h2 {
	font-size: 38px;
}
.bmi_area .bmi_area_body p {
	font-size: 18px;
}