@media screen and (max-width: 1550px) 
{

}
@media screen and (max-width: 1200px) 
{
	.banner-section{padding: 0px 24px 24px;}
}
@media screen and (max-width: 992px) 
{
	h4, .h4{ font-size: 20px; }
	h5, .h5 {
	  font-size: 18px;
	  line-height: 24px;
	}

	h6, .h6 {
	  font-size: 14px;
	  line-height: 24px;
	}
	.banner-img{height: 490px; min-height: 490px;}
	.project-images .owl-prev i, .project-images .owl-next i{
		font-size: 16px;
	}
	.project-images .owl-prev {
    	right: auto;
    	left: 20px;
	}
	.project-images .owl-next {
    	left: auto;
    	right: 20px;
	}
	.why-choose-box img{
		margin-bottom: 24px;
	}
	.our-project-section .nav-tabs .nav-link{
		padding: 8px 16px;
		font-size: 16px;
    	line-height: 24px;
	}
	footer h4{font-size: 20px; line-height: 36px;}

}
@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav {
        align-items: center;
    }
    .project-images .project-img .project-name h6{
    	font-size: 16px;
    	line-height: 24px;
    }
}
@media screen and (max-width: 767px) {
	.navbar { padding: 0px 15px; }
	.navbar-nav li .dropdown-menu { display: none; }
	.navbar-nav li .dropdown-menu.show { display: block;position: relative; padding: 0px;/* opacity: 1; visibility: visible; transform: scale(1) */}
	.navbar .nav-item i  { top: 0px !important; transform: translateY(0px) !important; line-height: 49px; width: 55px; text-align: center; right: 0px !important; border-left: 1px solid rgb(36, 54, 101); cursor: pointer;}
	
	.navbar .nav-link { line-height: 25px; }
	.navbar .nav-item{padding: 0px !important;}
	.navbar-nav { padding: 0px; } 
	.navbar .nav-item { border-bottom: 1px solid #243665; }
	.navbar-nav li .dropdown-menu{box-shadow: none; background: #f5fbff;}
	.navbar-nav li .dropdown-item{border-top:1px solid rgb(6 6 6 / 5%);}
	.navbar-collapse { padding: 0px; position: absolute; width: calc(100% - 30px); z-index: 99; background: #fff; left: 15px; top: 100%;}
	.dropend .dropdown-menu[data-bs-popper]{left: 0px;}
	.about-section h3{    margin-bottom: 32px;}
	h2, .h2 {
    font-size: 28px;
    line-height: 42px;
	}
	.why-choose-section .row, footer .row{row-gap: 24px}
	.section-title.mb-48,.section-title.mb-64{margin-bottom: 32px;}
	.why-choose-section,.our-project-section,.achievements-section{padding: 40px 0px;}
	.review-section{padding-bottom: 40px;}


}
@media screen and (max-width: 576px) 
{	
	.navbar .navbar-brand img  { height: 60px;}
	.banner-btn-group{flex-direction: column;}
	
}

@media screen and (max-width: 420px) 
{

}