@media screen and (min-width: 1200px) and (max-width: 1400px) {

	
}

/* FOR-LG-START */
@media screen and (min-width: 992px) and (max-width: 1199px) {

	
	.s2_btm {
		max-width: 100%;
	}

	.s11_inner a {
		max-width: 40%;
	}

	.gif_wrapper {
		grid-gap: 20px;
	}

	.gif_text {
		height: 110px;
	}


	

	
} 

/*FOR-TABLATE-START*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.s13_left {
		padding-right: 18px;
	}

	.s13_right table .th_3 {
		padding-top: 39px;
	}

	.main_btn a {
		max-width: 88%;
	}

	.s11_inner a {
		max-width: 50%;
	}

	.s2_btm {
		max-width: 100%;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	
	.gif_wrapper {
		grid-gap: 16px;
	}

	.gif_text {
		height: 150px;
	}

	.mb_title h2 {
		font-size: 26px;
	}
	

	

}

/*FOR-MOBIL-START*/
@media screen and (max-width: 767px) {

	.logo img {
		width: 135px;
	}

	.top_btn a {
		padding: 14px 15px;
	}

	.s2_inner {
		display: block;
	}

	.s2_left {
		width: 100%;
	}

	.s2_right {
		width: 100%;
		padding-bottom: 30px;
	}

	.s2_left h2 {
		font-size: 22px;
		line-height: 36px;
	}

	.s2_left h3 {
		font-size: 25px;
	}

	.s2_left ul li {
		font-size: 17px;
		padding: 0 0 15px;
	}

	.s2_btm a {
		font-size: 14px;
	}

	.s2_left ul li img {
		width: 20px;
		margin-right: 9px;
	}

	.s2 {
		padding: 10px 0px 25px;
	}

	.s2_btm {
		max-width: 100%;
		gap: 25px;
	}


	.s3_inner {
		max-width: 100%;
	}

	.s3_img img {
		max-width: 75px;
	}

	.s4_title h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.s4 {
		padding: 30px 0 0;
	}

	.s4_inner_cnt p {
		font-size: 16px;
		line-height: 24px;
	}

	.s4_inner_cnt ul li {
		font-size: 16px;
		line-height: 24px;
	}

	.s5_title h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.s5_title h4 {
		font-size: 16px;
		line-height: 26px;
		margin: 10px 0 20px;
	}

	.s5 {
		padding: 30px 0;
	}

	.s5_cnt_wrapper {
		grid-template-columns: repeat(1,1fr);
		grid-gap: 20px;
	}

	.s5_left h3 {
		font-size: 24px;
		line-height: 34px;
	}

	.s5_left p {
		font-size: 16px;
		line-height: 26px;
	}

	.s6_title h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.s6_title h2 br {
		display: none;
	}

	.s6_title p {
		font-size: 16px;
		line-height: 26px;
	}

	.s6_cnt_wrapper {
		grid-template-columns: repeat(1,1fr);
		grid-gap: 20px;
	}

	.s6_cnt h3 {
		font-size: 20px;
		line-height: 28px;
	}

	.s6_cnt p {
		font-size: 16px;
		line-height: 26px;
	}

	.s6_btm {
		padding-top: 10px;
	}

	.s6_btm h2 {
		font-size: 24px;
		line-height: 34px;
	}

	.s6_btm p {
		font-size: 16px;
		line-height: 26px;
		margin: 20px auto 0;
		max-width: 100%;
	}

	.s7_title h2 {
		font-size: 24px;
		line-height: 34px;
	}

	.s7_cnt_wrapper {
		grid-template-columns: repeat(1,1fr);
	}

	.s7_cnt h3 {
		font-size: 16px;
		line-height: 26px;
	}

	.s8_inner {
		grid-template-columns: repeat(2,1fr);
	}

	.s9_title h2 {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 20px;
	}

	.s9_cnt_wrapper {
		grid-template-columns: repeat(2,1fr);
	}

	.s9_btm p {
		font-size: 18px;
	}

	.s10_inner {
		padding: 30px 20px;
		display: block;
	}

	.s10_img {
		width: 100%;
	}

	.s10_cnt {
		width: 100%;
	}

	.s10_cnt h3 {
		font-size: 20px;
	}

	.s10_cnt ul li {
		font-size: 18px;
		margin: 0 0 15px;
	}

	.main_btn a {
		max-width: 100%;
		font-size: 18px;
		padding: 15px 10px;
		margin-top: 30px;
	}

	.main_btn P {
		font-size: 10px;
	}

	.main_btn P i {
		font-size: 7px;
	}

	.s11_inner h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.s11 {
		padding: 0;
	}

	.s12_title h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.s11_img img {
		width: 100%;
	}

	.s12_cnt_wrapper {
		grid-template-columns: repeat(1,1fr);
	}

	.s13_inner {
		display: block;
	}

	.s13_left {
		width: 100%;
		margin-top: 0;
		padding-right: 0;
		text-align: center;
	}

	.s13_left h2 {
		font-size: 24px;
		line-height: 34px;
	}

	.s13_left p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 50px;
	}

	.s13_right {
		width: 100%;
	}

	.s13_right table .th_3 {
		padding-top: 36px;
	}

	.accordion-content p {
		line-height: 26px;
	}

	.s15_cnt_wrapper {
		grid-template-columns: repeat(1,1fr);
	}

	.ff_inner {
		display: block;
		text-align: center;
	}

	.ff_inner p {
		margin: 0 0 10px;
		padding-right: 0;
	}

	.footer_area {
		padding: 30px 0 125px;
	}


	.sec4_mid {
		margin-top: 0;
	}

	.s4_mid_row {
		float: none;
		display: inline-block;
		vertical-align: middle;
		max-width: 370px;
		padding: 0 0 0;
		margin-top: 40px;
	}

	.s4_row_center_step {
		left: 0;
		margin: 0 0 0 0;
		width: 30px;
		height: 30px;
		z-index: 2;
		top: 14px;
	}

	.s4_mid_week_box {
		float: right;
		width: calc(100% - 55px);
		text-align: left;
		margin: 0;
	}

	.week_heading {
		font-size: 24px;
		line-height: 32px;
	}

	.calendar {
		width: 25px;
	}

	.s4_row_content_box {
		width: calc(100% - 55px);
		float: right;
		margin-top: 15px;
		border: 2px solid #FFABAF;
		padding: 15px 15px;
	}

	.s4_row_text {
		font-size: 17px;
		line-height: 25px;
	}

	.s4_mid_row:first-child::after {
		top: 1px;
	}

	.s4_mid_row.reverse {
		flex-direction: inherit;
	}

	.s4_mid_row::after {
		left: 14px;
		margin: 0 0 0;
		top: 3px;
		z-index: 1;
		bottom: -40px;
	}

	.s4_row_content_box::after {
		display: none;
	}

	.line_2 {
		display: none;
	}

	.sec_1_btm h3 {
		font-size: 20px;
		margin: 50px 0 0;
		margin-left: 0;
	}

	.gif_wrapper {
		grid-template-columns: repeat(1,1fr);
		grid-gap: 40px;
		padding-top: 30px;
		width: 100%;
	}

	.gif_text {
		height: 150px;
	}

	.gif_text p {
		font-size: 17px;
	}

	.list_n h3 {
		font-size: 21px;
		border: 3px solid #FFABAF;
	}

	.mb_title h2 {
		font-size: 23px;
	}

	.mb_title p {
		font-size: 18px;
		width: 100%;
	}

	.how_to_use_area {
		padding: 50px 0 50px;
	}

	.list_number {
		display: none;
	}

	.gif {
		border: 4px solid #FFABAF;
		border-radius: 20px;
		position: relative;
	}

	.gif_text {
		box-shadow: none;
		border-radius: 0;
		border: 0;
		padding: 20px 0;
		margin-top: 15px;
		height: initial;
	}

	.sm {
		position: absolute;
		left: 50%;
		transform: translate(-50%);
		top: -30px;
		display: block;
	}

	.sm h3 {
		color: #FFABAF;
		font-size: 28px;
		font-weight: 700;
		margin: 0 auto;
		box-shadow: 0px 0px 5px 0px #E8E8E8;
		width: 50px;
		height: 50px;
		border: 6px solid #FFABAF;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		z-index: 999;
		background-color: #ffffff;
	}

	.s4_btm {
		grid-template-columns: repeat(1,1fr);
		grid-gap: 0;
	}

	.s4_title h2 {
		font-size: 24px;
	}

	.s4_1_img3 img {
		padding-bottom: 0;
	}

	.s10_img {
		padding-left: 0;
		padding-bottom: 20px;
	}

	.ingredients_cnt {
		display: block;
	}

	.ingredients_img {
		width: 100%;
	}

	.ingredients_text {
		width: 100%;
	}

	.ingredients_text p {
		padding:0 10px 10px;
	}

	.ingredients_text_top {
		padding-right: 0;
	}

	.s14 {
		padding:40px 0 0;
	}



	



}