@media screen and (max-width: 1550px) 
{
	.banner-section .carousel-item .carousel-text h1{font-size: 60px; line-height: 80px;}
	.banner-section .carousel-item .carousel-text h4{font-size: 22px; line-height: 30px;} 
}
@media screen and (max-width: 1200px) 
{
	.banner-section .carousel-item .carousel-text{padding-left: 15px;}
	.navbar .navbar-brand img { height: 85px;}
	.navbar .nav-item{padding: 0px 5px !important;}
	.banner-section .carousel-item .carousel-text h1 { font-size: 50px; line-height: 70px; }
	.banner-section .carousel-item .carousel-text h4{font-size: 20px; letter-spacing: 3px;}
}
@media screen and (max-width: 992px) 
{
	.btn-white, .btn-gray{font-size: 16px;}
	.navbar { padding: 0px 15px; }
	.navbar-nav li .dropdown-menu { display: none; }
	.navbar-nav li .dropdown-menu.show { display: block; opacity: 1; visibility: visible; transform: scale(1) }
	.navbar .nav-item i  { top: 0px !important; transform: translateY(0px) !important; line-height: 55px; width: 55px; text-align: center; right: 0px !important; border-left: 1px solid rgb(36, 54, 101); cursor: pointer;}
	.navbar .nav-item:hover i, .active.nav-item i { border-left: 1px solid rgba(255, 255, 255, 0.5); }
	.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-item:last-child {border: none;}
	.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%;}

	.banner-section .carousel-item .carousel-text h1{font-size: 40px; line-height: 60px;}
	.banner-section .carousel-item .carousel-text h4{font-size: 18px; line-height: 24px; letter-spacing: 2px;} 
	footer .row{row-gap: 20px}

}
@media screen and (max-width: 767px) {
	h2, .h2{font-size: 32px; line-height: 48px;}
	.sec-title{margin-bottom: 24px;}
	.sub-title{font-size: 16px; line-height: 24px;}
	.banner-section{padding: 0px 15px;}
	.banner-section .d-flex{ flex-direction: column; }
	.banner-section .carousel-item{border-radius: 15px;}
	.banner-section .carousel-item .carousel-text, .banner-section .carousel-item .carousel-img{width: 100%;}
	.banner-section .carousel-item .carousel-text h1{margin-bottom: 0px;}
	.banner-section .carousel-item .carousel-text h4{margin-bottom: 15px;}	
	.banner-section .carousel-item .carousel-text{padding: 40px 15px;}
	.about-section, .services-section, .project-section, .client-section, .contact-page{padding: 60px 0px;}
	.about-section .col-md-6.pe-4{order: 2; margin-top: 20px; padding-right: 15px;}
	.footer{padding: 40px 0px;}
	.projects-page h3{font-size: 20px; line-height: 30px;}
	.page-header{padding: 40px 0px;}
	.page-header h1{font-size: 32px; line-height: 48px;}
	.services-page h3, .contact-page h3{ font-size: 20px; line-height: 30px;}
	.contact-block{margin-bottom: 30px; padding: 20px;}

}
@media screen and (max-width: 576px) 
{	
	.navbar .navbar-brand img  { height: 60px;}
	.banner-section .carousel-item .carousel-img{height: auto; }
	
}

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

}