/* Default Layout	*/
.hero_banner .mobile_product{
	display: none;
}

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

	.heading {
		margin-bottom: 30px;
		text-align: center;
	}
	.heading h2{
		font-size: 24px;
	}
	.heading h4{
		font-size: 15px;
		margin-top: 15px;
	}

	.sub_heading {
		margin-bottom: 15px;
	}
	.sub_heading h3{
		font-size: 18px;
	}

	.texts h4{
		font-size: 17px;
	}

	.para_texts p{
		font-size: 15px;
	}

	.cta_btn {
		font-size: 18px;
		padding: 15px 15px;
		min-width: 100%;
	}
	.cta_btn span {
		font-size: 32px;
		line-height: 16px;
	}

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

	.navbar .container {
		max-width: 570px;
		padding: 0px;
	}
	.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-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 {
		padding-top: 30px;
		padding-bottom: 95px;
	}
	.hero_banner .container{
		max-width: 100%;
	}
	.hero_banner .contents {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.hero_banner .desktop_product{
		display: none;
	}
	.hero_banner .mobile_product{
		display: block;
	}
	.hero_banner .contents h1{
		text-align: center;
		font-size: 24px;
	}
	.hero_banner .contents h1 .break{
		display: inline-block;
	}
	.hero_banner .contents h6{
		text-align: center;
		margin-bottom: 35px;
		font-size: 16px;
	}

	.hero_banner .contents .banner_button{
		margin-top: 20px;
	}
	.hero_banner .contents .banner_button a {
		max-width: 100%;
		-ms-grid-columns: 100px 0px 1fr;
		grid-template-columns: 100px 1fr;
		grid-auto-rows: auto;
		gap: 0px;
	}

	.hero_banner .contents .product_image img {
		max-width: 200px;
	}

	.hero_banner .contents .banner_button .yes_want{
		padding-right: 45px;
	}
	.hero_banner .contents .banner_button .yes_want h3{
		font-size: 14px;
	}
	.hero_banner .contents .banner_button .yes_want img {
		max-width: 20px;
		right: 12px;
	}
	.hero_banner .contents .banner_button .discount h2{
		font-size: 28px;
	}
	.hero_banner .contents .banner_button .discount span{
		font-size: 12px;
	}

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

	.meet_product_wrap {
		padding-bottom: 35px;
	}
	.meet_product_wrap .container{
		max-width: 100%;
	}
	.meet_product {
		margin-top: -65px;
	}
	.meet_product .benefits{
		-ms-grid-columns: 1fr 0px 1fr 0px 1fr;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: auto;
		gap: 20px 0px;
		padding: 25px 0px;
		margin-bottom: 30px;
	}
	.meet_product .benefits .single_benefit .icon img {
		max-width: 44px;
	}
	.meet_product .benefits .single_benefit .texts h6{
		font-size: 12px;
	}
	.meet_product .benefits .single_benefit:nth-child(3){
		border-right: none;
	}

	.meet_product .product_image img {
		max-width: 200px;
	}

	.meet_product .cta_btn_wrap {
		margin-top: 30px;
	}

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

	.featured_gallery {
		-ms-grid-columns: 1fr 0px 1fr;
		grid-template-columns: repeat(2, 1fr);
		gap: 0px;
	}
	.featured_gallery .single_image {
		border: 1px solid var(--lightColor);
	}
	.featured_gallery .single_image:last-child {
		border-right: 1px solid var(--lightColor);
	}

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

	.superior_security {
		padding: 35px 0px;
	}
	.superior_security .heading h2 .break {
		display: inline-block;
	}
	.superior_security .container{
		max-width: 570px;
	}
	.superior_security .features .product_image{
		max-width: 260px;
		margin: 0px auto;
		margin-bottom: 30px;
	}
	.superior_security .features .single_feature {
		text-align: center;
		position: static;
		width: 100%;
		margin-bottom: 30px;
	}
	.superior_security .features .single_feature:last-child{
		margin-bottom: 0px;
	}

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

	.discount_banner {
		padding: 10px 0px;
	}
	.discount_banner .contents {
		-ms-grid-columns: 1fr 10px 1fr;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.discount_banner .contents .right_button{
		grid-column: 1/-1;
	}
	.discount_banner .logo img {
		max-width: 130px;
	}
	.discount_banner .ratings img {
		max-width: 130px;
	}
	.discount_banner .reviews h5{
		font-size: 14px;
	}
	.discount_banner .cta_btn {
		min-width: 100%;
		padding: 12.5px 15px;
		font-size: 15px;
	}

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

	.steps_wrap {
		padding: 35px 0px;
	}
	.steps_wrap .heading h2 .break {
		display: inline-block;
	}
	.steps_wrap .container{
		max-width: 100%;
	}
	.steps {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 50px;
	}
	.steps .single_step {
		border-radius: 15px;
		padding: 30px 20px 0px 20px;
	}
	.steps_wrap .para_texts {
		margin-bottom: 30px;
	}

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

	.gives_you_peach {
		padding: 35px 0px;
	}
	.gives_you_peach .heading h2 .break {
		display: inline-block;
	}
	.gives_you_peach .container{
		max-width: 570px;
	}
	.gives_you_peach .single_facility {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		grid-auto-rows: auto;
		gap: 20px;
		margin-bottom: 50px;
		text-align: center;
	}
	.gives_you_peach .single_facility.texts_img{
		-ms-grid-columns: auto;
		grid-template-columns: auto;
	}
	.gives_you_peach .single_facility .facility_image{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
	}
	.gives_you_peach .cta_btn_wrap {
		margin-top: 40px;
	}

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

	.customer_reviews {
		padding: 35px 0px;
	}
	.customer_reviews .heading h2 .break {
		display: inline-block;
	}
	.customer_reviews .container{
		max-width: 100%;
	}
	.customer_reviews .trust_score {
		margin-bottom: 35px;
	}
	.customer_reviews .trust_score h5{
		font-size: 16px;
	}
	.gutter_sizer{
		width: 20px;
	}
	.all_reviews{
		padding-left: 0px;
	}
	.all_reviews .single_reviews .review_rating{
		padding: 15px;
	}
	.all_reviews .single_reviews .ratings img {
		max-width: 120px;
	}
	.all_reviews .single_reviews .reviews p{
		font-size: 14px;
	}

	.customer_reviews .cta_btn_wrap {
		margin-top: 20px;
	}

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

	.badges_shield_wrap {
		padding: 35px 0px;
	}
	.badges_shield_wrap .container{
		max-width: 100%;
	}
	.badges_shield .badge_image img {
		max-width: 80px;
	}
	.badges_shield {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 45px;
		text-align: center;
	}

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

	.faqs {
		padding: 35px 0px;
	}
	.faqs .container{
		max-width: 100%;
	}
	.faqs .single_item .click_item a{
		font-size: 14px;
	}
	.faqs .contents p{
		font-size: 14px;
	}

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

	.promotion_banner {
		padding: 35px 0px;
	}
	.promotion_banner .container{
		max-width: 100%;
	}
	.promotion_banner .promotion_product img {
		max-width: 180px;
	}
	.promotion_banner .info_texts p{
		font-size: 16px;
	}
	.promotion_banner .cta_btn_wrap {
		margin-top: 30px;
	}
	.promotion_banner .cta_btn_wrap .cta_btn {
		min-width: 100%;
	}

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

	.footer .container{
		max-width: 100%;
	}
	.footer .top {
		padding: 30px 0px;
	}
	.footer .top .logo_site_links {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
	}
	.footer .top .logo_site_links .logo img {
		max-width: 160px;
	}

	.footer .copyright_card_logos {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 10px;
		text-align: center;
	}
	.footer .copyright_card_logos .card_logos{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
	}
	.footer .copyright_card_logos .card_logos img{
		max-width: 290px;
	}
	.footer .copyright_card_logos p{
		font-size: 13px;
	}

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

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

	.container{
		max-width: 540px;
	}

	.heading {
		margin-bottom: 35px;
		text-align: center;
	}
	.heading h2{
		font-size: 28px;
	}
	.heading h4{
		font-size: 16px;
		margin-top: 15px;
	}

	.sub_heading {
		margin-bottom: 15px;
	}
	.sub_heading h3{
		font-size: 20px;
	}

	.texts h4{
		font-size: 18px;
	}

	.para_texts p{
		font-size: 15px;
	}

	.cta_btn {
		font-size: 18px;
		padding: 17px 15px;
	}
	.cta_btn span {
		font-size: 32px;
		line-height: 16px;
	}

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

	.navbar .container {
		max-width: 570px;
		padding: 0px;
	}
	.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-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 {
		padding-top: 65px;
		padding-bottom: 95px;
	}
	.hero_banner .container{
		max-width: 570px;
	}
	.hero_banner .contents {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.hero_banner .desktop_product{
		display: none;
	}
	.hero_banner .mobile_product{
		display: block;
	}
	.hero_banner .contents h1{
		text-align: center;
		font-size: 30px;
	}
	.hero_banner .contents h1 .break{
		display: inline-block;
	}
	.hero_banner .contents h6{
		text-align: center;
		margin-bottom: 50px;
		font-size: 16px;
	}

	.hero_banner .contents .banner_button{
		margin-top: 50px;
	}
	.hero_banner .contents .banner_button a {
		max-width: 100%;
	}

	.hero_banner .contents .product_image img {
		max-width: 300px;
	}

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

	.meet_product_wrap {
		padding-bottom: 45px;
	}
	.meet_product_wrap .container{
		max-width: 570px;
	}
	.meet_product {
		margin-top: -65px;
	}
	.meet_product .benefits{
		-ms-grid-columns: 1fr 0px 1fr 0px 1fr;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: auto;
		gap: 20px 0px;
		padding: 25px 0px;
		margin-bottom: 40px;
	}
	.meet_product .benefits .single_benefit .icon img {
		max-width: 80px;
	}
	.meet_product .benefits .single_benefit .texts h6{
		font-size: 14px;
	}
	.meet_product .benefits .single_benefit:nth-child(3){
		border-right: none;
	}

	.meet_product .product_image img {
		max-width: 290px;
	}

	.meet_product .cta_btn_wrap {
		margin-top: 40px;
	}

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

	.featured_gallery {
		-ms-grid-columns: 1fr 0px 1fr;
		grid-template-columns: repeat(2, 1fr);
		gap: 0px;
	}
	.featured_gallery .single_image {
		border: 1px solid var(--lightColor);
	}
	.featured_gallery .single_image:last-child {
		border-right: 1px solid var(--lightColor);
	}

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

	.superior_security {
		padding: 45px 0px;
	}
	.superior_security .container{
		max-width: 570px;
	}
	.superior_security .features .product_image{
		max-width: 260px;
		margin: 0px auto;
		margin-bottom: 30px;
	}
	.superior_security .features .single_feature {
		text-align: center;
		position: static;
		width: 100%;
		margin-bottom: 30px;
	}
	.superior_security .features .single_feature:last-child{
		margin-bottom: 0px;
	}

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

	.discount_banner .logo img {
		max-width: 140px;
	}
	.discount_banner .ratings img {
		max-width: 140px;
	}
	.discount_banner .reviews h5{
		font-size: 15px;
	}
	.discount_banner .cta_btn {
		min-width: 140px;
		padding: 12.5px 15px;
		font-size: 15px;
	}

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

	.steps_wrap {
		padding: 45px 0px;
	}
	.steps_wrap .container{
		max-width: 570px;
	}
	.steps {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 50px;
	}
	.steps .single_step {
		border-radius: 15px;
		padding: 30px 20px 0px 20px;
	}

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

	.gives_you_peach {
		padding: 45px 0px;
	}
	.gives_you_peach .container{
		max-width: 570px;
	}
	.gives_you_peach .single_facility {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		grid-auto-rows: auto;
		gap: 20px;
		margin-bottom: 50px;
		text-align: center;
	}
	.gives_you_peach .single_facility.texts_img{
		-ms-grid-columns: auto;
		grid-template-columns: auto;
	}
	.gives_you_peach .single_facility .facility_image{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
	}
	.gives_you_peach .cta_btn_wrap {
		margin-top: 40px;
	}

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

	.customer_reviews {
		padding: 45px 0px;
	}
	.customer_reviews .container{
		max-width: 570px;
	}
	.customer_reviews .trust_score {
		margin-bottom: 40px;
	}
	.customer_reviews .trust_score h5{
		font-size: 18px;
	}
	.gutter_sizer{
		width: 15px;
	}
	.all_reviews{
		padding-left: 7.5px;
	}
	.all_reviews .single_reviews .review_rating{
		padding: 10px;
	}
	.all_reviews .single_reviews .ratings img {
		max-width: 120px;
	}
	.all_reviews .single_reviews .reviews p{
		font-size: 14px;
	}

	.customer_reviews .cta_btn_wrap {
		margin-top: 30px;
	}

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

	.badges_shield_wrap {
		padding: 45px 0px;
	}
	.badges_shield_wrap .container{
		max-width: 570px;
	}
	.badges_shield .badge_image img {
		max-width: 80px;
	}
	.badges_shield {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 45px;
		text-align: center;
	}

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

	.faqs {
		padding: 45px 0px;
	}
	.faqs .container{
		max-width: 570px;
	}
	.faqs .single_item .click_item a{
		font-size: 15px;
	}
	.faqs .contents p{
		font-size: 15px;
	}

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

	.promotion_banner {
		padding: 45px 0px;
	}
	.promotion_banner .container{
		max-width: 570px;
	}
	.promotion_banner .promotion_product img {
		max-width: 250px;
	}
	.promotion_banner .info_texts p{
		font-size: 16px;
	}
	.promotion_banner .cta_btn_wrap {
		margin-top: 40px;
	}

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

	.footer .container{
		max-width: 570px;
	}
	.footer .top {
		padding: 35px 0px;
	}
	.footer .top .logo_site_links {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
	}
	.footer .top .logo_site_links .logo img {
		max-width: 160px;
	}

	.footer .copyright_card_logos {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 10px;
		text-align: center;
	}
	.footer .copyright_card_logos .card_logos{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
	}

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

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

	.container{
		max-width: 710px;
	}

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

	.sub_heading {
		margin-bottom: 20px;
	}
	.sub_heading h3{
		font-size: 22px;
	}

	.texts h4{
		font-size: 20px;
	}

	.para_texts p{
		font-size: 15px;
	}

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

	.navbar .container {
		max-width: 710px;
		padding: 0px;
	}
	.navbar .navbar-brand img {
		max-width: 200px;
	}
	.navbar .navbar-nav .nav-item {
		margin-right: 25px;
	}

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

	.hero_banner {
		padding-top: 65px;
		padding-bottom: 95px;
	}
	.hero_banner .container{
		max-width: 740px;
	}
	.hero_banner .contents {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.hero_banner .desktop_product{
		display: none;
	}
	.hero_banner .mobile_product{
		display: block;
	}
	.hero_banner .contents h1{
		text-align: center;
		font-size: 35px;
	}
	.hero_banner .contents h1 .break{
		display: block;
	}
	.hero_banner .contents h6{
		text-align: center;
		margin-bottom: 50px;
	}

	.hero_banner .contents .banner_button{
		margin-top: 50px;
	}
	.hero_banner .contents .banner_button a {
		max-width: 100%;
	}

	.hero_banner .contents .product_image img {
		max-width: 360px;
	}

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

	.meet_product_wrap .container{
		max-width: 740px;
	}
	.meet_product {
		margin-top: -65px;
	}
	.meet_product .benefits{
		padding: 25px 0px;
	}
	.meet_product .benefits .single_benefit .icon img {
		max-width: 48px;
	}
	.meet_product .benefits .single_benefit .texts h6{
		font-size: 13px;
	}

	.meet_product .product_image img {
		max-width: 340px;
	}

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

	.superior_security .features .single_feature {
		max-width: 230px;
	}
	.superior_security .features .single_feature.rotation {
		top: -10px;
		left: -180px;
	}
	.superior_security .features .single_feature.night_vision {
		bottom: 30px;
		left: -200px;
	}
	.superior_security .features .single_feature.two_way_audio {
		top: -10px;
		right: -180px;
	}
	.superior_security .features .single_feature.easy_install {
		bottom: 30px;
		right: -190px;
	}

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

	.discount_banner .logo img {
		max-width: 200px;
	}

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

	.steps_wrap .container{
		max-width: 740px;
	}
	.steps {
		-ms-grid-columns: 1fr 15px 1fr 15px 1fr;
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
	}
	.steps .single_step {
		border-radius: 15px;
		padding: 20px 15px 0px 15px;
	}

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

	.gives_you_peach .container{
		max-width: 740px;
	}
	.gives_you_peach .single_facility {
		-ms-grid-columns: 305px 20px 1fr;
		grid-template-columns: 305px 1fr;
		grid-auto-rows: auto;
		gap: 20px;
		margin-bottom: 40px;
	}
	.gives_you_peach .single_facility.texts_img{
		-ms-grid-columns: 1fr 20px 305px;
		grid-template-columns: 1fr 305px;
	}

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

	.customer_reviews .container{
		max-width: 760px;
	}
	.all_reviews{
		padding-left: 7.5px;
	}
	.all_reviews .single_reviews .review_rating{
		padding: 10px;
	}
	.all_reviews .single_reviews .ratings img {
		max-width: 120px;
	}
	.all_reviews .single_reviews .reviews p{
		font-size: 14px;
	}

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

	.badges_shield_wrap .container{
		max-width: 740px;
	}
	.badges_shield .badge_image img {
		max-width: 80px;
	}

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

	.promotion_banner .promotion_product img {
		max-width: 310px;
	}

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

	.footer .top .logo_site_links {
		-ms-grid-columns: 170px 10px 1fr;
		grid-template-columns: 170px 1fr;
		gap: 10px;
	}
	.footer .top .logo_site_links .logo img {
		max-width: 150px;
	}

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

/*	Large devices (desktops, 992px and up)	*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	.container{
		max-width: 960px;
	}
	
}

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