/*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) {

}*/


/*  min width new way  (min-width: 992px) */ 
@media (width >= 992px){
	
}
/*  min width new way*/

/*  max width new way  (max-width: 991px)*/
@media (width <= 992px){
	
}
/*  max width new way*/

/* 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 (width <= 1499px) { 
.contact-addr-icon {
  height: 55px;
  width: 55px;
}}

@media (width <= 1399px) { 
    .why-sec-inr .row{
		align-items: center;
	}
}

@media (width <= 1350px) { 
    .download-content-col{
		width: 50%;
	}
	.download-btn-col::before {
	
	border-bottom: 205px solid var(--btn-green);
	
}
}

@media (width <= 1299px) { 
.what-grid-outr {
	margin-inline-end: 0px;
}

}
@media (width >= 992px) 
 and (width <= 1399px){
	.contact-addr-col{
		width: 100%;
		margin-top: 1rem !important;
	}
}

@media (width >= 992px) 
 and (width <= 1299px){
	 .why-sec-inr .col-md-3{
	width: 50%;
}
 }
/*  max-width: 1200px */
@media (width <= 1200px) { 
}

@media (width <= 1024px){
	.smart-tab-outr .row{
		display: block;
	}
	.smart-content-img-col{
		width: 50%;
		float: left;
	}
    .smart-content-text-col{
		width: 100%;
	}
    .smart-tab-grid-one{
		margin-inline-start: 50%;
	}
	.available-grid-outr{
		width: 100%;
	}
}
/*  max-width: 1199px */
@media (width <= 1199px) {                      
	.why-choose-grid-row h4 {
	font-size: 1rem;
} 
.why-choose-grid-row .col-md-2 {
	width: 33.333%;
}
.why-choose-img-outr h4{
	font-size: calc(0.9rem + 0.3vw);
}
.why-choose-img-outr {
	width: 40%;
}
.download-btn-col::before {
	border-bottom: 233px solid var(--btn-green);
}
.what-sec-logo {
	
	width: 30%;
	flex: 0 0 auto;
}
.navbar-outr .navbar-brand{
	width: 280px;
}
.navbar-outr .nav > li > a{
	padding-inline: 10px;
}
.slidr-img-col img {
	max-width: 65%;
	
	object-fit: contain;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.carousel-caption{
	left:0;
	right:0;
}
    
}

/*responsinator screen size*/
/*  max-width: 1024px */
@media (width <= 1024px) {                      
	 
    .smart-tab-grid-one {
	margin-inline-start: 87px;
	margin-top: 70px;
}
}

/*  min width new way  (min-width: 992px) */ 
@media (width >= 992px){
	.slidr-outr, .slidr-outr .carousel, .slidr-outr .carousel .carousel-inner, .slidr-outr .carousel .carousel-inner .carousel-item{
		/* height: 100vh; */
	}
	.slidr-outr .carousel .carousel-inner .carousel-item img{
		height: 100%;
		object-fit: cover;
	}


}
/*  min width new way*/



/*  max width new way  (max-width: 991px)*/
 /*  max-width: 992px */
@media (width <= 992px){                       
	
}
/*  max width new way*/


/*  max-width: 991px */
@media (width <= 991px) {               
	.faq-content-col{
		margin-bottom: 30px;
	}
	.contact-addr-col.mt-5{
		margin-top: 1.5rem !important;
	}
	.download-btn-col{
		width: 33.333%;
	}
	.download-btn-col {
	position: relative;
	margin-inline-start: 115px;
}
.download-btn-col::before {
	border-bottom: 255px solid var(--btn-green);
}
.item-content{
	font-size: 0.8rem;
}
.what-sec-logo {
	width: 35%;
	flex: 0 0 auto;
}
.why-sec-inr .col-md-3 {
	width: 25%;
}
.why-img-col{
	margin-block-start: 1.5rem;
}
.smart-tab-grid-one{
	margin-block-start:0px;
}
.smart-content-text-col{
	margin-block-start: 1.5rem;
}

.carousel-caption{
	
	left:0;
	right:0;
	
}
.slidr-img-col img {
	max-width: 457px;
	
	
}
.down-arrow{
	display: none;
}
.navbar-toggler{
	border-color: #fff;
}
.navbar-toggler-icon{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important
}
.navbar-outr .nav{
	flex-direction:column;
	margin-inline-start:0px !important;
	align-items: center;
}
.header-outr .navbar-collapse.collapse.show {
	height: 100vh !important;
}
.menu {
	width: 200px;
	height: 100%;
	background: #fff;
	margin-left: 0 !important;
}
.header-outr .navbar-collapse {
	transition: left 0.5s ease-in-out 0s;
	-webkit-transition: left 0.5s ease-in-out 0s;
	-moz-transition: top 0.5s ease-in-out 0s;
	-ms-transition: top 0.5s ease-in-out 0s;
	-o-transition: top 0.5s ease-in-out 0s;
}
.header-outr .navbar-collapse {
	position: fixed;
	top: -100%;
	left:0;
	bottom: 0;
	z-index: 999;
	background: rgba(0,0,0,0.8);
	height: 100% !important;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-outr .navbar-collapse.show {
	top: 0;
}

.navbar-outr .navbar-brand {
	margin-top: 0;
	padding: 0px;
	bottom: auto;
}
.navbar-outr .nav > li:not(:first-child){
	margin-top: 1px;
}
.navbar-outr .container-fluid{
	justify-content: flex-end !important;
}
.carousel-caption{

	
	
	text-align: center;
}
.slidr-text-col.text-start{
	text-align: center !important;
	margin-block-end: 1rem
}


.desktop-banner{
	display: none;
}
.carousel::before {
	content: "";
	background: rgba(0,0,0,0.3);
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	z-index: 1;
	height: 100%;
	width: 100%;
}

}
/*  max-width: 768px */
@media (width <= 768px) {              
	
	
}

/*  max-width: 767px */
@media (width <= 767px) {
	.why-choose-grid-row .col-md-2 {
	width: 50%;
}
.faq-content-col h2{
	text-align:center;
}
#accordionExample .accordion-button::after {
	
	height: 24px;
	width: 24px;
	line-height: 24px;
	
}
.contact-addr-col{
		width: 100%;
}
.contact-addr-icon {
	height: 65px;
	width: 65px;
}
.download-content-col {
	width: 100%;
	text-align: center;
}
.download-btn-col{
	width: 100%;
	margin-inline-start:0px;
	
}

.from-box {
	flex-direction: column;
	
}

.from-box h5 {
	font-size: 16px;
}

.from-box img {
	width: 163px;
}

.download-btn-col::before {
	content: "";
	position: absolute;
	width: 5000px;
	height: 100%;
	inset-inline-start: -5000px;
	background: var(--btn-green);
	border: 0 none;
}
.download-btn-col{
	padding: 30px 0px;
}
.download-content-col h3{
	text-align: center;
}
.what-sec-logo{
	width: 45%;
	padding-right: 1rem !important;
	margin-right: 1rem !important;
}
.what-point-outr{
	width: 100%;
	padding-inline-end: 0px;
}
.what-grid-outr{
	flex-direction: column;
}
.what-pic-outr img {
	height: auto;
}
.what-sec-outr::before {
	width: 100%;
	max-width: 580px;
}
.why-sec-inr .col-md-3 {
	width: 50%;
}
.smart-content-img-col {
	width: 100%;
	float: none;
	justify-content: center;
}
.smart-content-img-outr {
	position: relative;
	z-index: 2;
	margin-right: 20px;
	margin-bottom: 20px;
	max-width: 400px;
}
.why-text-col .heading{
	margin:0 auto;
	text-align: center;
}


.carousel-caption{
	max-width: 100%;
}
.carousel-caption .container{
	max-width: 100%;
}

}
/*  max-width: 736px */
@media (width <= 736px) {
	
	
}
/*  max-width: 667px */
@media (width <= 667px) {
	 .slidr-img-col img {
	max-width: 360px;
}
}
	
}
/*  max-width: 600px */
@media (width <= 600px) {
	
		 

}
/*  max-width: 575px */
@media (width <= 575px) {
	
	.what-sec-header{
		flex-direction: column;
	}	 
    .what-sec-logo{
		width: 100%;
		margin-inline-end:0px !important;
		padding-inline-end: 0px !important;
		align-items: center;
		border-right: 0 none;
		border-bottom: 2px solid var(--black);
		margin-block-end: 1rem;
		padding-block-end: 1rem !important;
	}
	.smart-tab-grid-one {
	margin-inline-start: 0px;
	margin-block-start: 100px;
	padding-block-start: 100px;
	padding-inline:1rem;
}
.smart-tab-grid-one-pic{
	inset-inline-start: 50%;
	transform: translateX(-50%);
	inset-block-start:-87px;
}

.topbar-innr ul li:not(:first-child) {
	margin-left: 0.5rem;
}
.slidr-img-col img {
	max-width: 265px;
}

}

/*  max-width: 480px */
@media (width <= 480px) {
	
	.contact-sec-outr .contact-form-box-outr{
		padding-inline: 1rem !important;
	}	 
	.topbar-innr ul li a {
	color: var(--bs-body-bg);
	font-size: 0.8rem;
}
.carousel-control-prev, .carousel-control-next {
	width: 50px;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
	height: 40px;
	width: 40px;
	background-size: 25px;
}
.slidr-text-col{
	
	margin-block-end: 1rem
}

.carousel::before {
   
background: rgba(0,0,0,0.5);
}

.carousel-caption {
	bottom: auto;
	top: 25px;
}

#scrollspyHeading1 {
	margin-top: 105px;
}
.header-outr{
	background:#000;
}

}
/*  max-width: 414px */
@media (width <= 414px) {
	.why-choose-grid-row .col-md-2 {
	width: 100%;
}
.why-choose-img-outr {
	width: 100%;
} 
.why-choose-box-outr{
	flex-wrap: wrap;
}  
.why-choose-img-outr{
	border-right:0 none;
	border-bottom: 2px solid var(--blue-bor);
	padding-bottom: 1rem;
	margin-bottom:1rem;
}
.why-choose-txt-outr{
	width: 100%;
	padding-inline:0px;
}
  #accordionExample .accordion-button::after {
	  margin-inline-start: 10px;
  }
  .contact-addr-outr {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.contact-addr-icon{
	margin-right: 0px;
	margin-bottom: 1rem;
}
.footr-bottom .d-flex{
	flex-direction: column;
}
.what-point-outr .point-number {
  height: 50px;
width: 50px;
}
.available-grid-outr{
	flex-direction: column;
}
.available-img-mnu{
	margin-block-end: 1.5rem;
}
.slidr-text-col p{
	font-size:0.8rem;
}
.topbar-innr{
	justify-content: center !important;
}
.topbar-innr ul{
	flex-direction: column;
}
.navbar-outr .navbar-brand {
	width: 208px;
}
#scrollspyHeading1 {
	margin-top: 129px;
}

.carousel {
	height: auto;
}
.slidr-outr .carousel-caption h3 {
	font-size: clamp(0.8rem, 2vw, 1.8rem);
	
}
.slidr-outr .carousel-caption h4, .slidr-outr .carousel-caption h2 {
	font-size: clamp(1.2rem, 4vw, 2.5rem);
	
}
.slidr-text-col .btn{
	margin-top:0px !important;
}
.slidr-img-col img {
	max-width: 190px;
}

}
/*  max-width: 384px */
@media (width <= 384px) {
	
   

}
/*  max-width: 375px */
@media (width <= 375px) {
	
   

}
/*  max-width: 360px */
@media (width <= 360px) {
	
   

}
/*  max-width: 320px */
@media (width <= 320px) {
	
   

}
/*responsinator screen size*/