/*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: 1200px) {
	 
    
}

@media (max-width: 1199px) {
	.why-choose-col h4{
		font-size: calc(0.8rem + 0.3vw);
	} 
	.contact-box-outr h2{
       font-size: calc(1rem + 0.9vw);
	}
    
}

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



@media 
(min-width: 992px) 
 and (max-width: 1399px){
	.about-content-outr .col-lg-5, .about-content-outr .col-lg-7{
		width: 50%;
	}
	.why-content-text-col{
		width: 50%;
	}
	.why-content-img-col{
        width: 50%;
	}
}
@media (min-width: 992px) {
	 
    
}

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

@media (max-width: 991.98px) {
	.topbar-outr .float-start, .topbar-outr .float-end{
		float: none !important;
		text-align: center;
	}
	.topbar-outr .float-end .d-flex{
		justify-content: center;
	}
	.welcome-outr .welcome-img-col{
       text-align: center;
	}
	.welcome-text-col{
		margin-top: 2rem;;
	}
	.discuss-middle h2{
		font-size: calc(1rem + 0.5vw);
	}
	.discuss-middle h3{
		font-size: calc(1rem + 0.5vw);
	}
	.service-img-col{
		margin-top: 2rem;
	}
	.about-content-outr .col-lg-7{
		margin-top: 2rem;
	}
	
.contact-box-outr p{
	font-size: 14px;
}
.why-content-img-col{
	text-align: center;
	margin-top: 2rem;
}
.why-content-text-outr h2{
	font-size: calc(1rem + 0.9vw);
}
.why-bor-content-outr{
	padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.navbar-nav li a{
	text-align: center;
}
.navbar-nav li + li{
	margin-left: 0px;
	margin-top: 1px;
}
.offcanvas {
    width: 300px !important;
  }
  .offcanvas-title img{
		width: 235px;
	}
	.offcanvas-header {
	border-bottom: 1px solid var(--black);
	margin-bottom: 15px;
}
.header-outr .offcanvas-body {
    padding: 10px 10px;
    overflow-y: auto;
  }
}


@media 
(min-width: 768px) 
 and (max-width: 991.98px){
.contact-box-outr h2 {
	font-size: calc(0.7rem + 0.9vw);
}
.service-box-col{
	width: 33.333%
}
 }

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

@media (max-width: 767px) {
	.footr-contact-col ul li, .footr-service-col ul li{
		font-size: 14px;
		
	}
	
	
	.contact-box-col{
		max-width: 320px;
		margin: 0 auto;
	}
	.contact-grid-outr .row{
		flex-direction: column;
	}
	.contact-form-box-outr .col-md-4.d-grid{
		margin-top: 2rem;
	}
	.contact-form .discuss-btn{
		max-width: 200px;
		margin: 0 auto;
	}
	h1, .h1 {
	font-size: calc(1rem + 1.5vw);
}
.price-box-outr img{
	max-width: 200px;
}
.why-box-outr i{
	height: 150px;
  width: 150px;
  line-height: 150px;
}
.why-box-outr i img{
	width: 80px;
}
.slider .owl-theme .owl-dots .owl-dot span {
	height: 18px;
	width: 18px;
}
	
}

@media 
(min-width: 576px) 
 and (max-width: 767.98px){
    .service-box-col{
        width:50%;
	}
 }

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

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

@media (max-width: 600px) {
	
		 

}

@media (max-width: 575.98px) {
	.topbar-outr .float-start p,  .topbar-outr .float-end ul li a{
		font-size: 14px;
	}
	.why-choose-header h5{
		font-size: 1rem;
	}
	.why-bor-content-outr h5, .why-content-text-outr h5{
        font-size: 1rem;
	}
	.price-heading h5{
       font-size: 14px;
	}
	.discuss-middle{
		width: 100%;
		flex:0 0 auto;
		order: 2;
		margin: 1rem 0px 2rem;
	}
	.discuss-left{
		width: 50%;
		flex:0 0 auto;
		padding: 0px 1rem;
	}	 
	.discuss-right{
		width: 50%;
		flex:0 0 auto;
		padding: 0px 1rem;
	}	
	.discuss-inr{
		flex-wrap: wrap;
	} 
	.footr-contact-col, .footr-service-col{
		text-align: center;
	}
	.price-box-outr h4{
		font-size: calc(1.1rem + 0.3vw);
	}
	.service-box-outr{
		max-width: 320px;
		margin: 0 auto;
	}
	.service-box-outr h4{
		font-size: calc(1rem + 0.3vw);
	}
    .service-box-col{
		width: 50%;
	}
	.service-box-outr h4 {
	font-size: calc(0.7rem + 0.3vw);
}
.footr-contact-col ul.company-mnu,.footr-service-col ul{
		display: flex;
		display: -ms-flexbox;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.footr-contact-col ul.company-mnu li, .footr-service-col ul li{
		width: 50%;
		flex:0 0 auto;
		text-align: left;
		margin-top: 0.6rem;
		padding: 0px 10px;
	}
	.footr-service-col .mt-1{
		margin-top:0px  !important;
	}
	.footr-service-col .col-sm-6:first-child ul{
		margin-bottom:0px;
	}
	.our-service-grid-col{
		width: 50%;
		flex: 0 0 auto;
	}
	.slider .owl-theme .owl-dots .owl-dot span {
	height: 12px;
	width: 12px;
}


}


@media (max-width: 480px) {
	.topbar-outr .float-end ul li + li {
	margin-left: 10px;
}
.topbar-outr .float-end .d-flex{
	flex-wrap: wrap;
}	
.navbar-brand{
	width: 300px;
}	 
.why-box-outr i {
	height: 120px;
	width: 120px;
	line-height: 120px;
}
.why-box-outr i img {
	width: 60px;
}
.why-box-outr h3{
	font-size: calc(1.1rem + 0.6vw);
}
.why-box-outr p{
	font-size: 14px;
}
.service-box-outr i {
	
	height: 100pxpx;
	line-height: 100px;
	width: 80px;
}

}

@media (max-width: 414px) {
	
     .navbar-brand {
      width: 224px;
    }
	.welcome-text-col h1{
		font-size: calc(1.2rem + 1.5vw);
	}
	.footer-bottom-inr p{
		font-size: 14px;
	}
	.our-service-grid-col h4{
		font-size: 1rem;
	}
	.about-left-outr h5{
		font-size: 1rem;
	}
	.service-box-outr{
		padding-right: 5px !important;
  padding-left: 5px !important;
	}
	.footr-contact-col ul.company-mnu li, .footr-service-col ul li {
	font-size: 12px;
}
.why-box-outr h3 {
	font-size: calc(1rem + 0.6vw);
}
.why-box-outr p {
	font-size: 12px;
}

}

@media (max-width: 388px) {
	.topbar-outr .float-end .d-flex {
	flex-wrap: wrap;
	flex-direction:column ;
}
 .topbar-outr .float-end ul li + li{
	margin-left: 0px;
 }  

}

@media (max-width: 384px) {
	
   

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

}

@media (max-width: 360px) {
	
   

}

@media (max-width: 320px) {
	
   

}
/*responsinator screen size*/