/* Default Layout	*/
.mobile_exclusive_cta{
	background: #115985;
	padding: 10px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 9999;
	display: none;
}
.mobile_exclusive_cta .cta_btn{
	display: block;
}

.hero_banner_1 .banner_image_mobile{
	display: none;
}
.hero_banner_2 .banner_image_mobile{
	display: none;
}
.hero_banner_2 .heading .head_line .center_align{
	display: none;
}

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

	.heading h3{
		font-size: 24px;
	}
	.heading p{
		font-size: 15px;
	}
	.sub_heading h4{
		font-size: 18px;
	}
	.para_texts p{
		font-size: 15px;
	}

	.mobile_exclusive_cta{
		display: block;
	}

	.heading .head_line img {
		max-width: 100%;
	}

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

	.header p{
		font-size: 12px;
	}

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

	.navbar .navbar-brand img {
		max-width: 130px;
	}
	.navbar .navbar-nav .nav-item {
		margin-right: 25px;
	}

	.navbar{
		padding: 5px 5px;
	}
	.navbar .navbar-nav{
		margin-top: 10px;
		border-top: 1px solid #C3C3C3;
	}
	.navbar .navbar-nav .nav-item {
		width: 200px;
		margin: 0px auto;
	}
	.navbar .navbar-nav .nav-item:last-child {
		margin-right: auto;
		margin-bottom: 0px;
	}
	.navbar .navbar-nav .nav-item .nav-link{
		padding: 10px 0px;
		border-right: none;
		border-bottom: 1px solid #C3C3C3;
	}
	.navbar .navbar-nav .nav-item .cta_btn {
		min-width: 200px;
		padding: 13px 15px;
		font-size: 16px;
		border-bottom: none;
		margin-top: 10px;
	}

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

	.hero_banner_1 {
		padding: 25px 0px;
		background: #F2F7FB;
	}
	.hero_banner_1 .container{
		max-width: 100%;
		padding: 0px;
	}
	.hero_banner_1 .banner_contents {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
		max-width: 100%;
	}
	.hero_banner_1 .banner_contents h2{
		font-size: 24px;
		margin-top: 0px;
		margin-bottom: 20px;
		text-align: center;
		padding: 0px 15px;
	}
	.hero_banner_1 .banner_contents p{
		font-size: 16px;
		margin-bottom: 0px;
		padding: 0px 15px;
		text-align: center;
	}
	.hero_banner_1 .banner_contents .cta_btn_wrap {
		margin-top: 30px;
	}
	.hero_banner_1 .banner_contents .product_image img {
		left: -30px;
	}

	.hero_banner_1 .product_image_desktop{
		display: none;
	}
	.hero_banner_1 .cta_btn_wrap{
		display: none;
	}

	.hero_banner_1 .banner_image_mobile{
		display: block;
		margin-bottom: 15px;
	}

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

	.product_effectivity_wrap {
		padding-top: 25px;
	}
	.product_effectivity_wrap .sub_heading h6{
		font-size: 16px;
	}
	.product_effectivity {
		-ms-grid-columns: 1fr 0px 1fr 0px 1fr;
		grid-template-columns: repeat(3, 1fr);
		gap: 25px 0px;
		padding-bottom: 25px;
	}
	.product_effectivity .single_part:nth-child(3){
		border-right: none;
	}
	.product_effectivity .single_part .texts h5{
		font-size: 14px;
	}

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

	.features_and_infos {
		padding: 40px 0px;
	}
	.features {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 15px;
	}
	.features_and_infos .the_video {
		margin: 30px auto;
	}
	.features .single_feature{
		padding: 10px;
		padding-top: 25px;
	}
	.features_and_infos .cta_btn_wrap {
		display: none;
	}
	.features_and_infos .info_texts{
		margin-bottom: 0px;
	}

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

	.advantages_wrap {
		padding: 40px 0px;
	}
	.advantages_wrap .heading {
		margin-bottom: 25px;
	}
	.advantages {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		grid-auto-rows: auto;
		gap: 15px;
	}
	.advantages .single_advantage {
		padding: 30px 15px;
		min-height: 220px;
	}
	.advantages .single_advantage .sub_heading h4{
		font-size: 18px;
	}
	.advantages .single_advantage .para_texts p{
		font-size: 15px;
	}
	.advantages_wrap .cta_btn_wrap {
		display: none;
	}

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

	.why_choose_wrap .heading {
		margin-bottom: 40px;
	}
	.why_choose_wrap {
		padding: 40px 0px;
	}
	.why_choose_wrap .indoor_outdoor {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 30px;
		margin-bottom: 50px;
	}

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

	.how_works_wrap {
		padding: 40px 0px;
	}
	.how_works_wrap .heading {
		margin-bottom: 40px;
	}
	.how_works_wrap .heading .mobile_break{
		display: block;
	}
	.how_works {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 25px;
	}
	.how_works .single_part .color_title h4{
		font-size: 18px;
	}
	.how_works_wrap .cta_btn_wrap {
		display: none;
	}

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

	.hero_banner_2 {
		padding: 40px 0px;
	}
	.hero_banner_2 .heading h3{
		font-size: 24px;
	}
	.hero_banner_2 .heading p{
		font-size: 15px;
	}
	.hero_banner_2 .banner_contents {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.hero_banner_2 .single_point h5{
		font-size: 20px;
	}
	.hero_banner_2 .single_point p{
		font-size: 15px;
	}
	.hero_banner_2 .product_image {
		-ms-flex-line-pack: center;
		align-content: center;
	}
	.hero_banner_2 .cta_btn_wrap {
		margin-top: 30px;
	}

	.hero_banner_2 .product_image_desktop{
		display: none;
	}
	.hero_banner_2 .banner_image_mobile{
		display: block;
		text-align: center;
		margin: 20px 0px;
	}
	.hero_banner_2 .banner_image_mobile img{
		max-width: 180px;
	}

	.hero_banner_2 .heading{
		text-align: center;
	}
	.hero_banner_2 .heading .head_line .left_align{
		display: none;
	}
	.hero_banner_2 .heading .head_line .center_align{
		display: inline-block;
	}
	.hero_banner_2 .cta_btn_wrap{
		display: none;
	}

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

	.reviews_banner .contents .bn_reviews p{
		font-size: 16px;
	}
	.customer_reviews {
		padding: 40px 0px;
	}
	.ratings{
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
		padding: 15px;
		padding-top: 5px;
	}
	.ratings .single_bar {
		-ms-grid-columns: 1fr 10px 160px;
		grid-template-columns: 1fr 160px;
		gap: 10px;
		margin-bottom: 10px;
	}
	.reviews .single_review p{
		font-size: 15px;
	}
	.reviews .single_review h4{
		font-size: 16px;
	}
	.customer_reviews .cta_btn_wrap {
		display: none;
	}
	.reviews .single_review {
		-ms-grid-columns: 46px 10px 1fr;
		grid-template-columns: 46px 1fr;
		gap: 10px;
		margin-bottom: 25px;
		padding-bottom: 25px;
	}

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

	.footer {
		padding: 25px 0px;
		padding-top: 0px;
	}
	.footer .footer_logo {
		margin-top: 25px;
	}
	.footer .footer_logo img {
		max-width: 120px;
	}
	.footer .site_links {
		margin: 15px 0px;
		margin-top: 20px;
	}
	.footer .site_links ul li {
		margin-right: 10px;
		padding-right: 10px;
	}
	.footer .site_links ul li a{
		font-size: 13px;
	}
	.footer .copyright p{
		font-size: 13px;
	}

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

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

	.container{
		max-width: 570px;
	}

	.heading h3{
		font-size: 28px;
	}
	.heading p{
		font-size: 16px;
	}
	.sub_heading h4{
		font-size: 18px;
	}
	.para_texts p{
		font-size: 15px;
	}

	.mobile_exclusive_cta{
		display: block;
	}

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

	.header p{
		font-size: 13px;
	}

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

	.navbar .navbar-brand img {
		max-width: 160px;
	}
	.navbar .navbar-nav .nav-item {
		margin-right: 25px;
	}

	.navbar{
		padding: 10px 15px;
	}
	.navbar .navbar-nav{
		margin-top: 10px;
		border-top: 1px solid #C3C3C3;
	}
	.navbar .navbar-nav .nav-item {
		width: 200px;
		margin: 0px auto;
	}
	.navbar .navbar-nav .nav-item:last-child {
		margin-right: auto;
		margin-bottom: 0px;
	}
	.navbar .navbar-nav .nav-item .nav-link{
		padding: 10px 0px;
		border-right: none;
		border-bottom: 1px solid #C3C3C3;
	}
	.navbar .navbar-nav .nav-item .cta_btn {
		min-width: 200px;
		padding: 13px 15px;
		font-size: 16px;
		border-bottom: none;
		margin-top: 10px;
	}

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

	.hero_banner_1 {
		padding: 30px 0px;
		background: #F2F7FB;
	}
	.hero_banner_1 .container{
		max-width: 100%;
		padding: 0px;
	}
	.hero_banner_1 .banner_contents {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
		max-width: 100%;
	}
	.hero_banner_1 .banner_contents h2{
		font-size: 30px;
		margin-top: 0px;
		margin-bottom: 20px;
		text-align: center;
		padding: 0px 15px;
	}
	.hero_banner_1 .banner_contents p{
		font-size: 18px;
		margin-bottom: 0px;
		padding: 0px 15px;
		text-align: center;
	}
	.hero_banner_1 .banner_contents .cta_btn_wrap {
		margin-top: 30px;
	}
	.hero_banner_1 .banner_contents .product_image img {
		left: -30px;
	}

	.hero_banner_1 .product_image_desktop{
		display: none;
	}
	.hero_banner_1 .cta_btn_wrap{
		display: none;
	}

	.hero_banner_1 .banner_image_mobile{
		display: block;
		margin-bottom: 15px;
	}

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

	.product_effectivity_wrap {
		padding-top: 25px;
	}
	.product_effectivity_wrap .sub_heading h6{
		font-size: 16px;
	}
	.product_effectivity {
		-ms-grid-columns: 1fr 0px 1fr 0px 1fr;
		grid-template-columns: repeat(3, 1fr);
		gap: 25px 0px;
		padding-bottom: 25px;
	}
	.product_effectivity .single_part:nth-child(3){
		border-right: none;
	}
	.product_effectivity .single_part .texts h5{
		font-size: 14px;
	}

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

	.features_and_infos {
		padding: 40px 0px;
	}
	.features {
		-ms-grid-columns: 1fr 15px 1fr;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	.features_and_infos .the_video {
		margin: 30px auto;
	}
	.features .single_feature{
		padding: 10px;
		padding-top: 25px;
	}
	.features_and_infos .cta_btn_wrap {
		display: none;
	}
	.features_and_infos .info_texts{
		margin-bottom: 0px;
	}

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

	.advantages_wrap {
		padding: 40px 0px;
	}
	.advantages_wrap .heading {
		margin-bottom: 25px;
	}
	.advantages {
		-ms-grid-columns: 1fr 15px 1fr;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: auto;
		gap: 15px;
	}
	.advantages .single_advantage {
		padding: 30px 15px;
		min-height: 220px;
	}
	.advantages .single_advantage .sub_heading h4{
		font-size: 18px;
	}
	.advantages .single_advantage .para_texts p{
		font-size: 15px;
	}
	.advantages_wrap .cta_btn_wrap {
		display: none;
	}

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

	.why_choose_wrap .heading {
		margin-bottom: 40px;
	}
	.why_choose_wrap {
		padding: 40px 0px;
	}
	.why_choose_wrap .indoor_outdoor {
		-ms-grid-columns: 1fr 25px 1fr;
		grid-template-columns: 1fr 1fr;
		gap: 25px;
		margin-bottom: 50px;
	}

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

	.how_works_wrap {
		padding: 40px 0px;
	}
	.how_works_wrap .heading {
		margin-bottom: 40px;
	}
	.how_works {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 25px;
	}
	.how_works .single_part .color_title h4{
		font-size: 18px;
	}
	.how_works_wrap .cta_btn_wrap {
		display: none;
	}

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

	.hero_banner_2 {
		padding: 40px 0px;
	}
	.hero_banner_2 .heading h3{
		font-size: 30px;
	}
	.hero_banner_2 .heading p{
		font-size: 15px;
	}
	.hero_banner_2 .banner_contents {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.hero_banner_2 .single_point h5{
		font-size: 20px;
	}
	.hero_banner_2 .single_point p{
		font-size: 15px;
	}
	.hero_banner_2 .product_image {
		-ms-flex-line-pack: center;
		align-content: center;
	}
	.hero_banner_2 .cta_btn_wrap {
		margin-top: 30px;
	}

	.hero_banner_2 .product_image_desktop{
		display: none;
	}
	.hero_banner_2 .banner_image_mobile{
		display: block;
		text-align: center;
		margin: 20px 0px;
	}
	.hero_banner_2 .banner_image_mobile img{
		max-width: 180px;
	}

	.hero_banner_2 .heading{
		text-align: center;
	}
	.hero_banner_2 .heading .head_line .left_align{
		display: none;
	}
	.hero_banner_2 .heading .head_line .center_align{
		display: inline-block;
	}
	.hero_banner_2 .cta_btn_wrap{
		display: none;
	}

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

	.reviews_banner .contents .bn_reviews p{
		font-size: 16px;
	}
	.customer_reviews {
		padding: 40px 0px;
	}
	.ratings{
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
		padding: 15px;
		padding-top: 5px;
	}
	.ratings .single_bar {
		-ms-grid-columns: 1fr 10px 160px;
		grid-template-columns: 1fr 160px;
		gap: 10px;
		margin-bottom: 10px;
	}
	.reviews .single_review p{
		font-size: 15px;
	}
	.reviews .single_review h4{
		font-size: 16px;
	}
	.customer_reviews .cta_btn_wrap {
		display: none;
	}

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

	.footer {
		padding: 30px 0px;
		padding-top: 0px;
	}
	.footer .footer_logo {
		margin-top: 30px;
	}
	.footer .footer_logo img {
		max-width: 120px;
	}
	.footer .site_links {
		margin: 15px 0px;
		margin-top: 20px;
	}
	.footer .site_links ul li a{
		font-size: 14px;
	}
	.footer .copyright p{
		font-size: 14px;
	}

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

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

	.container{
		max-width: 760px;
	}
	.heading h3{
		font-size: 34px;
	}
	.heading p{
		font-size: 18px;
	}
	.sub_heading h4{
		font-size: 20px;
	}
	.para_texts p{
		font-size: 16px;
	}

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

	.navbar .navbar-brand img {
		max-width: 160px;
	}
	.navbar .navbar-nav .nav-item {
		margin-right: 25px;
	}

	.navbar{
		padding: 10px 15px;
	}
	.navbar .navbar-nav{
		margin-top: 10px;
		border-top: 1px solid #C3C3C3;
	}
	.navbar .navbar-nav .nav-item {
		width: 200px;
		margin: 0px auto;
	}
	.navbar .navbar-nav .nav-item:last-child {
		margin-right: auto;
		margin-bottom: 0px;
	}
	.navbar .navbar-nav .nav-item .nav-link{
		padding: 10px 0px;
		border-right: none;
		border-bottom: 1px solid #C3C3C3;
	}
	.navbar .navbar-nav .nav-item .cta_btn {
		min-width: 200px;
		padding: 13px 15px;
		font-size: 16px;
		border-bottom: none;
		margin-top: 10px;
	}

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

	.hero_banner_1 {
		padding-top: 45px;
		padding-bottom: 30px;
	}
	.hero_banner_1 .banner_contents {
		-ms-grid-columns: 1fr 0px 300px;
		grid-template-columns: 1fr 300px;
		gap: 0px;
		max-width: 800px;
	}
	.hero_banner_1 .banner_contents h2{
		font-size: 40px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.hero_banner_1 .banner_contents p{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.hero_banner_1 .banner_contents .cta_btn_wrap {
		margin-top: 30px;
	}
	.hero_banner_1 .banner_contents .product_image img {
		left: -30px;
	}

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

	.features_and_infos {
		padding: 40px 0px;
	}
	.features {
		-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
		grid-template-columns: repeat(4, 1fr);
		gap: 15px;
	}
	.features_and_infos .the_video {
		margin: 30px auto;
	}
	.features .single_feature{
		padding: 10px;
		padding-top: 25px;
	}

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

	.advantages_wrap {
		padding: 40px 0px;
	}
	.advantages {
		-ms-grid-columns: 1fr 15px 1fr;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: auto;
		gap: 15px;
	}
	.advantages .single_advantage {
		padding: 30px 15px;
		min-height: 250px;
	}
	.advantages .single_advantage .sub_heading h4{
		font-size: 22px;
	}
	.advantages .single_advantage .para_texts p{
		font-size: 18px;
	}
	.advantages_wrap .cta_btn_wrap {
		margin-top: 30px;
		text-align: center;
	}

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

	.why_choose_wrap .heading {
		margin-bottom: 40px;
	}
	.why_choose_wrap {
		padding: 40px 0px;
	}
	.why_choose_wrap .indoor_outdoor {
		-ms-grid-columns: 1fr 25px 1fr;
		grid-template-columns: 1fr 1fr;
		gap: 25px;
		margin-bottom: 50px;
	}

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

	.how_works_wrap {
		padding: 40px 0px;
	}
	.how_works_wrap .heading {
		margin-bottom: 40px;
	}
	.how_works {
		-ms-grid-columns: 1fr 10px 1fr 10px 1fr;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	.how_works .single_part .color_title h4{
		font-size: 15px;
	}
	.how_works_wrap .cta_btn_wrap {
		margin-top: 30px;
	}

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

	.hero_banner_2 {
		padding: 40px 0px;
	}
	.hero_banner_2 .heading h3{
		font-size: 30px;
	}
	.hero_banner_2 .heading p{
		font-size: 15px;
	}
	.hero_banner_2 .banner_contents {
		-ms-grid-columns: 1fr 0px 280px;
		grid-template-columns: 1fr 280px;
		gap: 0px;
	}
	.hero_banner_2 .single_point h5{
		font-size: 20px;
	}
	.hero_banner_2 .single_point p{
		font-size: 15px;
	}
	.hero_banner_2 .product_image {
		-ms-flex-line-pack: center;
		align-content: center;
	}
	.hero_banner_2 .cta_btn_wrap {
		margin-top: 30px;
	}

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

	.reviews_banner .contents .bn_reviews p{
		font-size: 16px;
	}
	.customer_reviews {
		padding: 40px 0px;
	}

	.ratings .single_bar {
		-ms-grid-columns: 1fr 10px 160px;
		grid-template-columns: 1fr 160px;
		gap: 10px;
		margin-bottom: 10px;
	}
	.reviews .single_review p{
		font-size: 15px;
	}
	.reviews .single_review h4{
		font-size: 16px;
	}

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

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

	.container{
		max-width: 960px;
	}

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

	.hero_banner_1 {
		padding-top: 45px;
		padding-bottom: 30px;
	}
	.hero_banner_1 .banner_contents {
		-ms-grid-columns: 1fr 0px 300px;
		grid-template-columns: 1fr 300px;
		gap: 0px;
		max-width: 800px;
	}
	.hero_banner_1 .banner_contents h2{
		font-size: 40px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.hero_banner_1 .banner_contents p{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.hero_banner_1 .banner_contents .cta_btn_wrap {
		margin-top: 30px;
	}
	.hero_banner_1 .banner_contents .product_image img {
		left: -30px;
	}

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

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

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

	.advantages .single_advantage {
		padding: 30px 10px;
	}
	.advantages .single_advantage .sub_heading h4{
		font-size: 20px;
	}
	.advantages .single_advantage .para_texts p{
		font-size: 15px;
	}

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

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

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

	.hero_banner_2 .heading h3{
		font-size: 36px;
	}
	.hero_banner_2 .heading p{
		font-size: 17px;
	}

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

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