/* Default Layout	*/
.hero_banner .bn_product_mobile{
	display: none;
	background: var(--lightColor);
	margin-top: 15px;
}
.hero_banner .bn_product_mobile .money_back_seal {
	left: inherit;
	right: 40px;
	bottom: inherit;
	top: 185px;
}

.meet_carousel_mobile{
	display: none;
	max-width: 520px;
	margin: 20px auto;
}

.special_offer .offer_image_mobile{
	display: none;
	text-align: center;
	margin-bottom: 20px;
}
.special_offer .offer_image_mobile img{
	max-width: 460px;
}

/*	Extra small devices (portrait phones, less than 576px)	*/
@media (max-width: 575.98px) {
	
	/* ============================== */

	.container{
		max-width: 570px;
	}

	.heading h2{
		font-size: 28px;
	}
	.heading h3{
		font-size: 24px;
	}
	.heading h4{
		font-size: 20px;
	}
	.heading p{
		font-size: 16px;
	}
	.para_texts p{
		font-size: 16px;
	}

	.cta_btn {
		font-size: 20px;
		padding: 8px 15px;
	}
	.cta_details_wrap .cta_btn {
		min-width: 100%;
	}
	.cta_details_wrap .sale_stock ul li{
		font-size: 12px;
	}
	.cta_details_wrap .money_back h6{
		font-size: 14px;
	}

	/* ============================== */

	.sale_ends p{
		font-size: 11.5px;
	}

	/* ============================== */

	.header {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 10px;
		text-align: center;
	}
	.header .menu{
		display: none;
	}
	.header .right_btn{
		display: none;
	}
	.header .logo img {
		max-width: 200px;
	}

	/* ============================== */

	.hero_banner_wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.hero_banner {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.hero_banner .bn_product_mobile{
		display: block;
	}
	.hero_banner .bn_product_desktop{
		display: none;
	}

	.hero_banner .customer_rated i{
		font-size: 14px;
	}
	.hero_banner .customer_rated span{
		font-size: 14px;
	}

	.hero_banner .bn_product_mobile .money_back_seal {
		left: inherit;
		right: 2%;
		bottom: inherit;
		top: 25%;
		width: 80px;
	}

	.hero_banner .customer_rated{
		text-align: center;
	}
	.hero_banner .heading{
		text-align: center;
	}

	.hero_banner .save_big h5{
		font-size: 18px;
	}
	.hero_banner .save_big p{
		font-size: 14px;
	}

	.hero_banner .bullet_points ul li{
		font-size: 16px;
		padding-left: 25px;
	}
	.hero_banner .bullet_points ul li::before {
		font-size: 15px;
		left: 0px;
		top: 0.5px;
	}

	.hero_banner .cta_details_wrap{
		margin: 0px auto;
	}

	/* ============================== */

	.as_seen_on {
		padding: 30px 0px;
		padding-top: 25px;
	}
	.as_seen_on .sub_heading h5{
		font-size: 18px;
	}
	.as_seen_on .media_logos {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.as_seen_on .media_logos .single_logo{
		-webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
		max-width: 33.33%;
		text-align: center;
		padding: 0px 10px;
	}

	/* ============================== */

	.highlighted_quote_wrap {
		padding: 30px 0px;
		padding-top: 70px;
	}
	.highlighted_quote {
		padding: 15px;
		border-radius: 15px;
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
		text-align: center;
	}
	.highlighted_quote .image{
		margin-bottom: -15px;
	}
	.highlighted_quote .image img{
		position: relative;
		top: -55px;
	}
	.highlighted_quote .texts h5{
		font-size: 20px;
	}
	.highlighted_quote .texts p{
		font-size: 16px;
	}
	.highlighted_quote .texts h6{
		font-size: 18px;
	}
	.highlighted_quote .texts h6 span{
		font-size: 14px;
	}

	/* ============================== */

	.meet_heatpal_wrap {
		padding: 35px 0px;
	}
	.meet_heatpal {
		display: block;
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.meet_heatpal .right_product_carousel{
		display: none;
	}
	.meet_carousel_mobile{
		display: block;
	}

	/* ============================== */

	.stay_warm_wrap {
		padding: 35px 0px;
		padding-top: 30px;
	}
	.stay_warm {
		-ms-grid-columns: 1fr 15px 1fr;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 15px;
	}
	.stay_warm .single_box img{
		width: 100%;
	}
	.stay_warm .single_box .texts h5{
		font-size: 16px;
	}

	/* ============================== */

	.the_contents {
		padding: 35px 0px;
	}
	.the_contents .container{
		max-width: 660px;
	}
	.the_contents .single_txts_img {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
		margin-bottom: 40px;
	}
	.the_contents .single_txts_img .image{
		text-align: center;
	}
	.the_contents .single_txts_img .image_wrap{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
	}

	/* ============================== */

	.colored_banner {
		padding: 35px 0px;
		padding-top: 30px;
	}
	.colored_banner .heading h4{
		font-size: 19px;
	}
	.colored_banner .limited_discount h5{
		font-size: 17px;
	}
	.colored_banner .cta_btn i {
		font-size: 16px;
		margin-left: 5px;
	}

	/* ============================== */

	.features_wrap {
		padding: 35px 0px;
	}
	.features {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
		max-width: 420px;
		margin: 0px auto;
	}
	.features .features_image{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
		margin-bottom: 20px;
	}
	.features .left_features .single_feature {
		text-align: left;
	}
	.features .single_feature h5{
		font-size: 18px;
	}
	.features .single_feature p{
		font-size: 16px;
	}

	/* ============================== */

	.how_works {
		padding: 35px 0px;
	}
	.how_works .container{
		max-width: 560px;
	}
	.how_works .three_steps {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 30px;
		max-width: 360px;
		margin: 0px auto;
	}
	.how_works .three_steps .single_step h5 {
		font-size: 20px;
		margin-bottom: 0px;
	}
	.how_works .three_steps .single_step p{
		font-size: 16px;
	}

	/* ============================== */

	.special_offer {
		padding-bottom: 35px;
	}
	.special_offer .container {
		max-width: 760px;
	}
	.special_offer .offer_box {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.special_offer .offer_box .right_image{
		display: none;
	}
	.special_offer .offer_image_mobile{
		display: block;
	}
	.special_offer .limited_time {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 15px;
	}
	.special_offer .left_contents {
		padding: 20px;
	}
	.special_offer .special_limited h5{
		font-size: 22px;
	}
	.special_offer .offer_image_mobile img {
		max-width: 200px;
	}
	.special_offer .limited_time .limited_texts h5{
		font-size: 18px;
		text-align: center;
	}
	.special_offer .special_limited h5{
		font-size: 18px;
	}
	.special_offer .bullet_points ul li{
		font-size: 15px;
		text-align: left;
	}
	.special_offer .cta_details_wrap {
		margin: 0px -15px;
		margin-top: 30px;
	}

	/* ============================== */

	.customer_reviews {
		padding: 35px 0px;
	}
	.ratings {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
		margin-bottom: 30px;
	}
	.ratings .single_bar {
		-ms-grid-columns: 1fr 25px 110px;
		grid-template-columns: 1fr 110px;
		gap: 10px;
	}
	.the_progress .info{
		margin-top: 0px;
	}
	.the_progress .info i{
		font-size: 10px;
	}
	.the_progress .info span{
		font-size: 12px;
	}
	.all_reviews {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
		max-width: 300px;
		margin: 0px auto;
	}
	.all_reviews .box_inner .image img{
		width: 100%;
	}

	/* ============================== */

	.faqs {
		padding: 35px 0px;
	}
	.faqs .single_item .click_item a {
		font-size: 16px;
		padding: 15px;
		padding-left: 50px;
	}
	.faqs .single_item .click_item a.collapsed::after {
		font-size: 16px;
		left: 15px;
	}
	.faqs .single_item .click_item a::after {
		font-size: 16px;
		left: 15px;
	}
	.faqs .contents p{
		font-size: 15px;
	}
	.faqs .contents {
		padding: 15px;
	}

	/* ============================== */

	.claim_banner {
		padding: 35px 0px;
		padding-top: 30px;
	}
	.claim_banner .heading h4{
		font-size: 24px;
	}
	.claim_banner .heading h4 img{
		width: 24px;
	}
	.claim_banner .texts h5{
		font-size: 18px;
	}
	.claim_banner .texts p{
		font-size: 15px;
	}

	/* ============================== */

	.footer {
		padding: 30px 0px;
	}
	.footer .logo {
		max-width: 200px;
	}
	.footer .site_links ul li a{
		font-size: 14px;
	}
	.footer .copyright p{
		font-size: 14px;
	}

	/* ============================== */
	
}

/*	Small devices (landscape phones, 576px and up)	*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	/* ============================== */

	.container{
		max-width: 570px;
	}

	.heading h2{
		font-size: 36px;
	}
	.heading h3{
		font-size: 30px;
	}
	.heading h4{
		font-size: 24px;
	}
	.heading p{
		font-size: 16px;
	}
	.para_texts p{
		font-size: 16px;
	}

	/* ============================== */

	.header {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 10px;
		text-align: center;
	}
	.header .menu{
		display: none;
	}
	.header .right_btn{
		display: none;
	}
	.header .logo img {
		max-width: 200px;
	}

	/* ============================== */

	.hero_banner_wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.hero_banner {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.hero_banner .bn_product_mobile{
		display: block;
	}
	.hero_banner .bn_product_desktop{
		display: none;
	}

	.hero_banner .bn_product_mobile .money_back_seal {
		left: inherit;
		right: 25px;
		bottom: inherit;
		top: 155px;
		width: 80px;
	}

	.hero_banner .customer_rated{
		text-align: center;
	}
	.hero_banner .heading{
		text-align: center;
	}

	.hero_banner .save_big h5{
		font-size: 20px;
	}
	.hero_banner .save_big p{
		font-size: 16px;
	}

	.hero_banner .bullet_points ul li{
		font-size: 16px;
		padding-left: 25px;
	}
	.hero_banner .bullet_points ul li::before {
		font-size: 15px;
		left: 0px;
		top: 0.5px;
	}

	.hero_banner .cta_details_wrap{
		margin: 0px auto;
	}

	/* ============================== */

	.as_seen_on {
		padding: 30px 0px;
		padding-top: 25px;
	}
	.as_seen_on .sub_heading h5{
		font-size: 18px;
	}
	.as_seen_on .media_logos {
		-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
		grid-template-columns: repeat(5, 1fr);
		gap: 15px;
		max-width: 760px;
	}

	/* ============================== */

	.highlighted_quote_wrap {
		padding: 30px 0px;
		padding-top: 70px;
	}
	.highlighted_quote {
		padding: 15px;
		border-radius: 15px;
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
		text-align: center;
	}
	.highlighted_quote .image{
		margin-bottom: -15px;
	}
	.highlighted_quote .image img{
		position: relative;
		top: -55px;
	}
	.highlighted_quote .texts h5{
		font-size: 20px;
	}
	.highlighted_quote .texts p{
		font-size: 16px;
	}
	.highlighted_quote .texts h6{
		font-size: 18px;
	}
	.highlighted_quote .texts h6 span{
		font-size: 14px;
	}

	/* ============================== */

	.meet_heatpal_wrap {
		padding: 40px 0px;
	}
	.meet_heatpal {
		display: block;
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.meet_heatpal .right_product_carousel{
		display: none;
	}
	.meet_carousel_mobile{
		display: block;
	}

	/* ============================== */

	.stay_warm_wrap {
		padding: 40px 0px;
		padding-top: 35px;
	}
	.stay_warm {
		-ms-grid-columns: 1fr 20px 1fr;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 20px;
	}
	.stay_warm .single_box img{
		width: 100%;
	}
	.stay_warm .single_box .texts h5{
		font-size: 20px;
	}

	/* ============================== */

	.the_contents {
		padding: 40px 0px;
	}
	.the_contents .container{
		max-width: 660px;
	}
	.the_contents .single_txts_img {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
		margin-bottom: 40px;
	}
	.the_contents .single_txts_img .image{
		text-align: center;
	}
	.the_contents .single_txts_img .image_wrap{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
	}

	/* ============================== */

	.colored_banner {
		padding: 40px 0px;
		padding-top: 35px;
	}
	.colored_banner .heading h4{
		font-size: 24px;
	}
	.colored_banner .limited_discount h5{
		font-size: 20px;
	}

	/* ============================== */

	.features_wrap {
		padding: 40px 0px;
	}
	.features {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
		max-width: 420px;
		margin: 0px auto;
	}
	.features .features_image{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
		margin-bottom: 20px;
	}
	.features .left_features .single_feature {
		text-align: left;
	}
	.features .single_feature h5{
		font-size: 20px;
	}
	.features .single_feature p{
		font-size: 16px;
	}

	/* ============================== */

	.how_works {
		padding: 40px 0px;
	}
	.how_works .container{
		max-width: 560px;
	}
	.how_works .three_steps {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 30px;
		max-width: 360px;
		margin: 0px auto;
	}
	.how_works .three_steps .single_step h5 {
		font-size: 20px;
		margin-bottom: 0px;
	}
	.how_works .three_steps .single_step p{
		font-size: 16px;
	}

	/* ============================== */

	.special_offer {
		padding-bottom: 40px;
	}
	.special_offer .container {
		max-width: 760px;
	}
	.special_offer .offer_box {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.special_offer .offer_box .right_image{
		display: none;
	}
	.special_offer .offer_image_mobile{
		display: block;
	}
	.special_offer .limited_time {
		-ms-grid-columns: 1fr 15px 1fr;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}
	.special_offer .left_contents {
		padding: 20px;
	}
	.special_offer .special_limited h5{
		font-size: 22px;
	}
	.special_offer .offer_image_mobile img {
		max-width: 300px;
	}

	/* ============================== */

	.customer_reviews {
		padding: 40px 0px;
	}
	.ratings {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
		margin-bottom: 40px;
	}
	.all_reviews {
		-ms-grid-columns: 1fr 20px 1fr;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	/* ============================== */

	.faqs {
		padding: 40px 0px;
	}
	.faqs .single_item .click_item a {
		font-size: 16px;
		padding: 15px;
		padding-left: 50px;
	}
	.faqs .single_item .click_item a.collapsed::after {
		font-size: 16px;
		left: 15px;
	}
	.faqs .single_item .click_item a::after {
		font-size: 16px;
		left: 15px;
	}
	.faqs .contents p{
		font-size: 15px;
	}
	.faqs .contents {
		padding: 15px;
	}

	/* ============================== */

	.claim_banner {
		padding: 40px 0px;
		padding-top: 35px;
	}
	.claim_banner .heading h4{
		font-size: 24px;
	}
	.claim_banner .heading h4 img{
		width: 24px;
	}
	.claim_banner .texts h5{
		font-size: 18px;
	}
	.claim_banner .texts p{
		font-size: 15px;
	}

	/* ============================== */

	.footer {
		padding: 30px 0px;
	}
	.footer .logo {
		max-width: 200px;
	}

	/* ============================== */
	
}

/*	Medium devices (tablets, 768px and up)	*/
@media (min-width: 768px) and (max-width: 991.98px) {
	
	/* ============================== */

	.container{
		max-width: 760px;
	}

	/* ============================== */

	.header {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 10px;
		text-align: center;
	}
	.header .menu{
		display: none;
	}
	.header .right_btn{
		display: none;
	}

	/* ============================== */

	.hero_banner_wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.hero_banner {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
	}
	.hero_banner .bn_product_mobile{
		display: block;
	}
	.hero_banner .bn_product_desktop{
		display: none;
	}

	/* ============================== */

	.as_seen_on .media_logos {
		-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
		grid-template-columns: repeat(5, 1fr);
		gap: 15px;
		max-width: 760px;
	}

	/* ============================== */

	.meet_heatpal {
		display: block;
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.meet_heatpal .right_product_carousel{
		display: none;
	}
	.meet_carousel_mobile{
		display: block;
	}

	/* ============================== */

	.stay_warm {
		-ms-grid-columns: 1fr 20px 1fr;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 20px;
	}
	.stay_warm .single_box img{
		width: 100%;
	}

	/* ============================== */

	.the_contents .container{
		max-width: 660px;
	}
	.the_contents .single_txts_img {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
		margin-bottom: 60px;
	}
	.the_contents .single_txts_img .image{
		text-align: center;
	}
	.the_contents .single_txts_img .image_wrap{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
	}

	/* ============================== */

	.features {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
		max-width: 420px;
		margin: 0px auto;
	}
	.features .features_image{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
		margin-bottom: 20px;
	}
	.features .left_features .single_feature {
		text-align: left;
	}

	/* ============================== */

	.how_works .container{
		max-width: 740px;
	}

	/* ============================== */

	.special_offer .container {
		max-width: 760px;
	}
	.special_offer .offer_box {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.special_offer .offer_box .right_image{
		display: none;
	}
	.special_offer .offer_image_mobile{
		display: block;
	}
	.special_offer .limited_time {
		-ms-grid-columns: 300px 15px 240px;
		grid-template-columns: 300px 240px;
		gap: 15px;
	}

	/* ============================== */

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

	/* ============================== */
	
}

/*	Large devices (desktops, 992px and up)	*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	/* ============================== */

	.container{
		max-width: 960px;
	}

	.heading h2{
		font-size: 42px;
	}
	.heading h3{
		font-size: 36px;
	}
	.heading h4{
		font-size: 30px;
	}
	.heading p{
		font-size: 16px;
	}
	.para_texts p{
		font-size: 16px;
	}

	/* ============================== */

	.header {
		-ms-grid-columns: 250px 10px 1fr 10px 250px;
		grid-template-columns: 250px 1fr 250px;
		gap: 10px;
	}
	.header .logo img {
		max-width: 250px;
	}

	/* ============================== */

	.stay_warm_wrap .container {
		max-width: 990px;
	}
	.stay_warm {
		-ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
		grid-template-columns: repeat(4, 1fr);
		gap: 10px;
	}
	.stay_warm .single_box .texts h5{
		font-size: 18px;
	}

	/* ============================== */

	.colored_banner .heading h4{
		font-size: 30px;
	}

	/* ============================== */

	.features {
		-ms-grid-columns: 1fr 10px 420px 10px 1fr;
		grid-template-columns: 1fr 420px 1fr;
		gap: 10px;
	}
	.features .single_feature h5{
		font-size: 20px;
	}
	.features .single_feature p{
		font-size: 16px;
	}

	/* ============================== */

	.how_works .three_steps .single_step h5{
		font-size: 20px;
	}
	.how_works .three_steps .single_step p{
		font-size: 16px;
	}
	.how_works .info_texts p{
		font-size: 16px;
	}

	/* ============================== */

	.special_offer .container {
		max-width: 990px;
	}
	.special_offer .left_contents {
		padding: 25px 15px;
	}
	.special_offer .limited_time {
		margin: 20px 0px;
		-ms-grid-columns: 200px 10px 1fr;
		grid-template-columns: 200px 1fr;
		gap: 10px;
	}
	.special_offer .right_image .image img {
		max-width: 410px;
	}

	/* ============================== */

	.all_reviews {
		-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
		grid-template-columns: repeat(4, 1fr);
		gap: 15px;
	}

	/* ============================== */
	
}

/*	Extra large devices (large desktops, 1200px and up)	*/
@media (min-width: 1200px) {
	
	.container{
		max-width: 1150px;
	}
	
}