/*responive max width to min width*/

/*@media 
(min-width: 992px) 
 and (max-width: 1200px){
	
}*/




/* iPads (landscape) ———– */

/*@media 
(min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {

}*/

/* iPads (portrait) ———– */

/*@media 
(min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {

}*/



/* iPads (landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {



/* Styles */
}

/* iPads (portrait) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

/* Styles */
}

@media (max-width: 1399.98px) {
	.sidebar-col {
	width: 30%;
}
.product-box-col {
	width: 70%;
}
}

@media (max-width: 1250.98px) {
	.index-prdct-outr .owl-nav button.owl-prev{
		left:0;
	} 
	.index-prdct-outr .owl-nav button.owl-next{
		right:0;
	} 
    
}

@media (max-width: 1200px) {
	 
    
}

@media (max-width: 1199.98px) {
	.carousel-caption{
		left: 10%;
		right: 10%;
	} 
	.hero h1{
		font-size: calc(1.1rem + 1.5vw);
	}
	.download-btn{
		font-size: 1rem;
		padding-left: 65px;
	}
    
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1199px){
	.blog-content-outr .blog-box .why-txt.d-flex{
		flex-direction: column;
	}
	.blog-box .why-txt h4{
		width: 100%;
		margin-right:0px;
	}
}

/*responsinator screen size*/
@media (max-width: 1024px) {
	 
    
}
@media (min-width: 992px) {
	 
    
}

@media (max-width: 992px) {
	 
    
}

@media (max-width: 991.98px) {
	.header-outr .phone {
	top: 10px;
}
.header-outr .email {
	
	top: 10px;
}
.navbar .container-fluid {
	flex-direction: row;
	padding-top: 2rem;
}
.navbar  .navbar-collapse{
	top: 0;
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(-100%);
}
.navbar  .navbar-collapse.show {
	transform: translateX(0%);
}
.header-outr .collapse:not(.show) {
	display: block; 
}
.offcanvas {
	width: 300px !important;
}
.offcanvas-header{
	width: 100%;
	justify-content: space-between
}
.offcanvas-header .btn-close{
	padding:0px !important;
	margin:0px !important
}
.offcanvas-header .navbar-brand{
	font-size: 2rem;
}
.header-outr.fixed .navbar-nav .nav-link {
  padding-top: calc(var(--bs-gutter-x) * 0.5);
  padding-bottom: calc(var(--bs-gutter-x) * 0.5);
}
.header-outr.fixed{
	animation: none !important;
}
.navbar-nav .nav-item::before {
	content:"";
}
.navbar-collapse .navbar-nav li a{
	border-bottom: 1px solid #000;
}
.navbar-nav .nav-item + .nav-item{
	margin-left:0px;
}
.navbar-nav .nav-item .nav-link::before {
	bottom:-1px;
	z-index:1;
}
.navbar-toggler{
	border-color: rgba(0,0,0,1);
}
.header-outr.fixed .navbar .container{
	
	padding-bottom:10px;
}
.header-outr.fixed .navbar-toggler{
	margin-top: 10px;
}
.navbar-toggler-icon{
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.header-outr .navbar-nav{
	overflow: auto;
}
.offcanvas-header .btn-close{
	opacity:1;
}
.offcanvas-header{
	border-bottom: 1px solid #000;
}
.navbar-toggler:focus{
	box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width) #000;
}
.footer-grid-col{
	margin-bottom: 20px;
}
.footer-mnu{
	margin-bottom: 0px;
}
.sidebar-col {
	width: 33.333%;
}
.product-box-col {
	width: 66.667%;
}
.product-box-sec-outr .sustain-box-outr:nth-child(2n+1) .sustain-img-col {
	margin-bottom: 1.5rem;
}
.product-box-sec-outr .sustain-box-outr:nth-child(2n) .sustain-img-col {
	margin-top: 1.5rem;
}
.owl-carousel-product .owl-stage .owl-item .product-item-img{
		
		max-height: 400px;
	}
	.product-modal-dialog{
		max-width: 80%;
	}
	.contact-page-addr-col{
		margin-top: 1.5rem;
	}
	.addr-box{
		margin-top: 20px;
	}
	.download-btn{
		max-width: 250px;
	}
	.navbar .offcanvas > ul{
		flex-direction: column;
		overflow: auto;
	}
	.navbar .offcanvas > ul > li{
		width: 100%;
	}
	.navbar .offcanvas ul li::before {
		content:"";
	}
	.navbar .offcanvas > ul > li > a{
		border-bottom: 1px solid #000;
	}
	.navbar .offcanvas > ul > li:last-child > a{
		border-bottom: 0 none
	}
	.navbar .offcanvas > ul > li + li{
		margin-left:0px;
	}
	.offcanvas .social-mnu-outr{
		width: 100%;
		border-top: 1px solid #000;
	}
	.navbar .container{
		justify-content: space-between;
	}
	.navbar .offcanvas > .container > ul{
		flex-direction:column;
	}
	.navbar .offcanvas> .container > ul > li > a{
		border-bottom: 1px solid #000;
	}
	.navbar .offcanvas ul li:last-child a{
		border-bottom: 0 none;
	}
	.navbar .offcanvas > .container > ul > li{
		width: 100%;
	}
	.offcanvas-header, .navbar .offcanvas ul, .navbar .social-mnu-outr{
		margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
        width: auto !important;
	}
	.navbar .offcanvas > .container > ul > li + li{
		margin-left:0px;
	}
	.navbar-toggler{
		padding: var(--bs-navbar-toggler-padding-y) 0.5rem;
	}
	.header-outr .container{
		padding-top: 30px;
	}
}



@media (max-width: 768px) {
	
	
}

@media (max-width: 767.98px) {
	.carousel-caption .btn.btn-lg{
		padding: 5px 40px;
	}
	
.header-outr.fixed .navbar .container-fluid{
	padding-top: 10px;
}
.index-about-outr{
	background-image: none !important;
}
.index-about-text-outr{
	margin-bottom: 2rem !important;
}
.footr-bottom .container-inr{
	flex-direction:column;
}
.footr-bottom-inr{
	text-align: center;
}
.footr-bottom-inr + .footr-bottom-inr{
	padding-top: 0px;
}
.step-box-col{
	width: 50%;
}
.sustain-box-outr:nth-child(2n) .sustain-text-outr, .sustain-box-outr:nth-child(2n+1) .sustain-text-outr {
	padding-left: 2rem;
	padding-right: 2rem;
}
.sidebar-col {
	width: 100%;
}
.product-box-col {
	width: 100%;
}

.sidebar-collapse{
	transform: rotate(0deg);
	transition: all 0.5s ease-in-out 0s;
}
.sidebar-collapse.open{
	transform: rotate(180deg);
}
.product-box-col{
	margin-top: 1.8rem;
}
.addr-box.d-flex {
	flex-direction:column;
}
.addr-box-content{
	margin-left:0px;
	margin-top: 15px;
}
.pagination-menu{
	position: relative;
}
.page-banner img{
	height: auto;
	width: auto;
}
.sustain-box-outr:nth-child(2n+1) .sustain-img-col {
	order: 0;
}

}

@media (max-width: 736px) {
	
	
}

@media (max-width: 667px) {
	
	
}

@media (max-width: 600px) {
	
	.product-modal-dialog{
		max-width: 90%;
		margin:0 auto;
	}	 

}

@media (max-width: 575.98px) {
	
	.carousel-item {
	height: 300px;
}	
.step-box-col::before {
	font-size: 2rem;
  right: 15px;
} 
.owl-carousel-product .owl-stage .owl-item .product-item-img{
		
		max-height: 300px;
	}
   .content {
	width: 90%;
	height: 300px;
}
.wfix a{
	padding:5px;
	font-size: 30px;
}
.wfix a small{
	font-size: 12px;
}
.page-banner .page-banner-caption{
	position: relative;
	top:0;
	transform: none;
	margin-top: 20px;
}
.page-banner{
	aspect-ratio: unset;
}
.page-banner .page-banner-caption .index-what-top h1{
	color: var(--menu-color);
	filter: unset;
	text-align: center;
}
.page-banner .page-banner-caption .index-what-top{
	display: flex;
	display:-ms-flexbox;
	justify-content: center;
	flex-direction: column;
}
.page-banner .page-banner-caption .index-what-top h1::before {
	background: var(--menu-color);
	left: 50%;
  transform: translateX(-50%);
}
.page-banner + section .container.container-padding{
	padding-top:0px;
}
.page-banner-caption .index-what-top h2{
	-webkit-line-clamp: unset;
}
.page-banner-caption .index-what-top h2{
	color: var(--black);
}
.page-banner-caption .index-what-top h2{
	filter: unset;
}
.page-banner .page-banner-caption .index-what-top h2{
	font-size: 1rem !important;
}
}


@media (max-width: 480px) {
	
	.hero h1{
		font-size: calc(1rem + 1.5vw);
	}
    .footer-top{
		flex-direction: column;
	}	
	.footr-social-outr{
		margin-top: calc(var(--bs-gutter-x) * 0.5);
	}
    .step-box-col{
	width: 100%;
	padding-bottom: 35px;
}
.step-box-col::before {
	font-size: 2rem;
	right: auto;
	left: 48%;
	bottom: -7px;
	top: auto;
	rotate: 90deg;
}
.sustain-box-outr:nth-child(2n) .sustain-text-outr, .sustain-box-outr:nth-child(2n+1) .sustain-text-outr {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.blog-detail-heading{
	flex-direction:column;
}
.page-banner .page-banner-caption .index-what-top h1{
	font-size: calc(1rem + 1.5vw);
}

}

@media (max-width: 414.98px) {
	.header-outr .phone{
		display: block;
		width: 100%;
		text-align: center;
		position: relative;
	}
	.header-outr .email{
	   display: block;
		width: 100%;	
		text-align: center;
		position: relative;
	}
	.header-outr .container{
		padding-top: 0px;
	}
	.testimonial-item-nme{
		flex-direction:column;
		align-items: center;
	}
   .faq-content-outr .accordion-header .accordion-button{
	   font-size: 1rem;
   }
   .blog-content-outr .blog-box .why-txt.d-flex{
		flex-direction: column;
	}
	.blog-box .why-txt h4{
		width: 100%;
		margin-right:0px;
	}
	.product-modal-dialog .modal-header h3{
		font-size: 1.5rem;
	}
	.product-modal-body ol li h4{
		font-size: calc(1.2rem + 0.3vw);
	}

}

@media (max-width: 384px) {
	
   .hero h1 {
	font-size: calc(0.9rem + 1vw);
}

}
@media (max-width: 375px) {
	
   

}

@media (max-width: 360px) {
	
   .header-outr .navbar-brand{
	   font-size: 2rem;
   }
   .footer-mnu li a{
	   font-size: 14px;
   }
   .col-lg-5.footer-grid-col ul li a{
	    font-size: 14px;
   }
}

@media (max-width: 320px) {
	
   

}
/*responsinator screen size*/ 
 
 /*responive max width to min width*/

/*@media 
(min-width: 992px) 
 and (max-width: 1200px){
	
}*/




/* iPads (landscape) ———– */

/*@media 
(min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {

}*/

/* iPads (portrait) ———– */

/*@media 
(min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {

}*/



/* iPads (landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {



/* Styles */
}

/* iPads (portrait) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

/* Styles */
}

@media (max-width: 1399.98px) {
	.sidebar-col {
	width: 30%;
}
.product-box-col {
	width: 70%;
}
}

@media (max-width: 1250.98px) {
	.index-prdct-outr .owl-nav button.owl-prev{
		left:0;
	} 
	.index-prdct-outr .owl-nav button.owl-next{
		right:0;
	} 
    
}

@media (max-width: 1200px) {
	 
    
}

@media (max-width: 1199.98px) {
	.carousel-caption{
		left: 10%;
		right: 10%;
	} 
	.hero h1{
		font-size: calc(1.1rem + 1.5vw);
	}
	.download-btn{
		font-size: 1rem;
		padding-left: 65px;
	}
    
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1199px){
	.blog-content-outr .blog-box .why-txt.d-flex{
		flex-direction: column;
	}
	.blog-box .why-txt h4{
		width: 100%;
		margin-right:0px;
	}
}

/*responsinator screen size*/
@media (max-width: 1024px) {
	 
    
}
@media (min-width: 992px) {
	 
    
}

@media (max-width: 992px) {
	 
    
}

@media (max-width: 991.98px) {
	.header-outr .phone {
	top: 10px;
}
.header-outr .email {
	
	top: 10px;
}
.navbar .container-fluid {
	flex-direction: row;
	padding-top: 2rem;
}
.navbar  .navbar-collapse{
	top: 0;
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(-100%);
}
.navbar  .navbar-collapse.show {
	transform: translateX(0%);
}
.header-outr .collapse:not(.show) {
	display: block; 
}
.offcanvas {
	width: 300px !important;
}
.offcanvas-header{
	width: 100%;
	justify-content: space-between
}
.offcanvas-header .btn-close{
	padding:0px !important;
	margin:0px !important
}
.offcanvas-header .navbar-brand{
	font-size: 2rem;
}
.header-outr.fixed .navbar-nav .nav-link {
  padding-top: calc(var(--bs-gutter-x) * 0.5);
  padding-bottom: calc(var(--bs-gutter-x) * 0.5);
}
.header-outr.fixed{
	animation: none !important;
}
.navbar-nav .nav-item::before {
	content:"";
}
.navbar-collapse .navbar-nav li a{
	border-bottom: 1px solid #000;
}
.navbar-nav .nav-item + .nav-item{
	margin-left:0px;
}
.navbar-nav .nav-item .nav-link::before {
	bottom:-1px;
	z-index:1;
}
.navbar-toggler{
	border-color: rgba(0,0,0,1);
}
.header-outr.fixed .navbar .container{
	
	padding-bottom:10px;
}
.header-outr.fixed .navbar-toggler{
	margin-top: 10px;
}
.navbar-toggler-icon{
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.header-outr .navbar-nav{
	overflow: auto;
}
.offcanvas-header .btn-close{
	opacity:1;
}
.offcanvas-header{
	border-bottom: 1px solid #000;
}
.navbar-toggler:focus{
	box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width) #000;
}
.footer-grid-col{
	margin-bottom: 20px;
}
.footer-mnu{
	margin-bottom: 0px;
}
.sidebar-col {
	width: 33.333%;
}
.product-box-col {
	width: 66.667%;
}
.product-box-sec-outr .sustain-box-outr:nth-child(2n+1) .sustain-img-col {
	margin-bottom: 1.5rem;
}
.product-box-sec-outr .sustain-box-outr:nth-child(2n) .sustain-img-col {
	margin-top: 1.5rem;
}
.owl-carousel-product .owl-stage .owl-item .product-item-img{
		
		max-height: 400px;
	}
	.product-modal-dialog{
		max-width: 80%;
	}
	.contact-page-addr-col{
		margin-top: 1.5rem;
	}
	.addr-box{
		margin-top: 20px;
	}
	.download-btn{
		max-width: 250px;
	}
	.navbar .offcanvas > ul{
		flex-direction: column;
		overflow: auto;
	}
	.navbar .offcanvas > ul > li{
		width: 100%;
	}
	.navbar .offcanvas ul li::before {
		content:"";
	}
	.navbar .offcanvas > ul > li > a{
		border-bottom: 1px solid #000;
	}
	.navbar .offcanvas > ul > li:last-child > a{
		border-bottom: 0 none
	}
	.navbar .offcanvas > ul > li + li{
		margin-left:0px;
	}
	.offcanvas .social-mnu-outr{
		width: 100%;
		border-top: 1px solid #000;
	}
	.navbar .container{
		justify-content: space-between;
	}
	.navbar .offcanvas > .container > ul{
		flex-direction:column;
	}
	.navbar .offcanvas> .container > ul > li > a{
		border-bottom: 1px solid #000;
	}
	.navbar .offcanvas ul li:last-child a{
		border-bottom: 0 none;
	}
	.navbar .offcanvas > .container > ul > li{
		width: 100%;
	}
	.offcanvas-header, .navbar .offcanvas ul, .navbar .social-mnu-outr{
		margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
        width: auto !important;
	}
	.navbar .offcanvas > .container > ul > li + li{
		margin-left:0px;
	}
	.navbar-toggler{
		padding: var(--bs-navbar-toggler-padding-y) 0.5rem;
	}
	.header-outr .container{
		padding-top: 30px;
	}
}



@media (max-width: 768px) {
	
	
}

@media (max-width: 767.98px) {
	.carousel-caption .btn.btn-lg{
		padding: 5px 40px;
	}
	
.header-outr.fixed .navbar .container-fluid{
	padding-top: 10px;
}
.index-about-outr{
	background-image: none !important;
}
.index-about-text-outr{
	margin-bottom: 2rem !important;
}
.footr-bottom .container-inr{
	flex-direction:column;
}
.footr-bottom-inr{
	text-align: center;
}
.footr-bottom-inr + .footr-bottom-inr{
	padding-top: 0px;
}
.step-box-col{
	width: 50%;
}
.sustain-box-outr:nth-child(2n) .sustain-text-outr, .sustain-box-outr:nth-child(2n+1) .sustain-text-outr {
	padding-left: 2rem;
	padding-right: 2rem;
}
.sidebar-col {
	width: 100%;
}
.product-box-col {
	width: 100%;
}

.sidebar-collapse{
	transform: rotate(0deg);
	transition: all 0.5s ease-in-out 0s;
}
.sidebar-collapse.open{
	transform: rotate(180deg);
}
.product-box-col{
	margin-top: 1.8rem;
}
.addr-box.d-flex {
	flex-direction:column;
}
.addr-box-content{
	margin-left:0px;
	margin-top: 15px;
}
.pagination-menu{
	position: relative;
}
.page-banner img{
	height: auto;
	width: auto;
}
.sustain-box-outr:nth-child(2n+1) .sustain-img-col {
	order: 0;
}

}

@media (max-width: 736px) {
	
	
}

@media (max-width: 667px) {
	
	
}

@media (max-width: 600px) {
	
	.product-modal-dialog{
		max-width: 90%;
		margin:0 auto;
	}	 

}

@media (max-width: 575.98px) {
	
	.carousel-item {
	height: auto;
}
.carousel-caption{
	position: relative;
	bottom:0px;
	left:0;
	right:0;
	margin-top: 20px;
	color: var(--black);
}	
.carousel-caption h1{
	-webkit-line-clamp: unset;
	filter: unset;
}
.carousel-indicators{
	margin-bottom: 0px;
}
.slidr-outr .carousel{
	padding-bottom: 40px;
}
.step-box-col::before {
	font-size: 2rem;
  right: 15px;
} 
.owl-carousel-product .owl-stage .owl-item .product-item-img{
		
		max-height: 300px;
	}
   .content {
	width: 90%;
	height: 300px;
}
.wfix a{
	padding:5px;
	font-size: 30px;
}
.wfix a small{
	font-size: 12px;
}
.page-banner .page-banner-caption{
	position: relative;
	top:0;
	transform: none;
	margin-top: 20px;
}
.page-banner{
	aspect-ratio: unset;
}
.page-banner .page-banner-caption .index-what-top h1{
	color: var(--menu-color);
	filter: unset;
}
.page-banner .page-banner-caption .index-what-top{
	display: flex;
	display:-ms-flexbox;
	justify-content: center;
	flex-direction: column;
}
.page-banner .page-banner-caption .index-what-top h1::before {
	background: var(--menu-color);
	left: 50%;
  transform: translateX(-50%);
}
.page-banner + section .container.container-padding{
	padding-top:0px;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
	margin-top: -13rem;
}
}


@media (max-width: 480px) {
	
	.hero h1{
		font-size: calc(1rem + 1.5vw);
	}
    .footer-top{
		flex-direction: column;
	}	
	.footr-social-outr{
		margin-top: calc(var(--bs-gutter-x) * 0.5);
	}
    .step-box-col{
	width: 100%;
	padding-bottom: 35px;
}
.step-box-col::before {
	font-size: 2rem;
	right: auto;
	left: 48%;
	bottom: -7px;
	top: auto;
	rotate: 90deg;
}
.sustain-box-outr:nth-child(2n) .sustain-text-outr, .sustain-box-outr:nth-child(2n+1) .sustain-text-outr {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.blog-detail-heading{
	flex-direction:column;
}
.page-banner .page-banner-caption .index-what-top h1{
	font-size: calc(1rem + 1.5vw);
}

}

@media (max-width: 414.98px) {
	.header-outr .phone{
		display: block;
		width: 100%;
		text-align: center;
		position: relative;
	}
	.header-outr .email{
	   display: block;
		width: 100%;	
		text-align: center;
		position: relative;
	}
	.header-outr .container{
		padding-top: 0px;
	}
	.testimonial-item-nme{
		flex-direction:column;
		align-items: center;
	}
   .faq-content-outr .accordion-header .accordion-button{
	   font-size: 1rem;
   }
   .blog-content-outr .blog-box .why-txt.d-flex{
		flex-direction: column;
	}
	.blog-box .why-txt h4{
		width: 100%;
		margin-right:0px;
	}
	.product-modal-dialog .modal-header h3{
		font-size: 1.5rem;
	}
	.product-modal-body ol li h4{
		font-size: calc(1.2rem + 0.3vw);
	}

}

@media (max-width: 384px) {
	
   .hero h1 {
	font-size: calc(0.9rem + 1vw);
}

}
@media (max-width: 375px) {
	
   

}

@media (max-width: 360px) {
	
   .header-outr .navbar-brand{
	   font-size: 2rem;
   }
   .footer-mnu li a{
	   font-size: 14px;
   }
   .col-lg-5.footer-grid-col ul li a{
	    font-size: 14px;
   }
}

@media (max-width: 320px) {
	
   

}
/*responsinator screen size*/