@media only screen and (max-width: 1600px) {
	html{ font-size: 14px; }
	.banner-one img {
		width: 80%;
	}
	.banner-one {
		right: 0;
	}
	.helpingSec {
		padding: 4rem 0;
	}
	.serBox {
		height: 480px;
	}
	.what-we-do ul li {
		width: 200px;
	}
	.contactSec .contactBg {
		right: -5rem;
	}
	}

@media only screen and (max-width: 1445px) {
	html {
        font-size: 15px;
    }
	.banner-one {
		right: -5rem;
	}
	.banner-contnt {
		margin-top: 0;
	}
	.contactSec .contactBg {
		right: -13rem;
	}
	.secheading {
		font-size: 3.125rem;
	}
	.mainbanner .overlay h2 {
		font-size: 2.625rem;
	}
	footer p {
		font-size: 0.9rem;
		margin: 0;
	}
	.info-contact-banner{ width: 100%; }
}


@media only screen and (max-width: 900px) and (min-width: 810px) {
    .main-banner {
        height: 1550px !important;
        background-color: #3a7c92 !important;
    } 

    .main-banner .overlay {
        position: absolute;
        top: 250px !important;
        left: 0;
        right: 0;
        bottom: 0;
    }
}


@media only screen and (max-width: 700px) and (min-width: 490px) {
.mainbanner {
		height: 700px !important;
		background-color: #3a7c92 !important;
	} 
	.mainbanner .overlay {
        position: absolute;
        top: 220px;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

	@media (max-width: 1440px) and (min-width: 1360px) {
    .mainbanner .overlay {
        position: absolute;
        top: 200px;
        left: 0;
        right: 0;
        bottom: 0;
    }
}


@media only screen and (max-width: 480px) {
    .mt-5, .mt-3 {
        margin: 15px 0 !important; 
    }

	    .mainbanner .overlay {
		 position: relative;
        top: 290px !important;
		}
}


@media only screen and (max-width: 1366px) and (min-width: 900px) {
	.container {
		max-width: 1140px;
	}
	.banner-one {
		right: -14rem;
	}
	.banner-one img {
		width: 70%;
	}
	.mainbanner {
		height: 820px !important;
		background-color: #3a7c92 !important;
	}
	.bannerImg {
		height: 0px !important;
	}
	.mainbanner .overlay {
		top: 13rem;
	}
	.aboutContnt {
		gap: 1rem;
	}
	.what-we-do ul li {
		width: 170px;
		height: 170px;
	}
	.contactSec .contactBg {
		right: -21rem;
	}
	.contactBg img {
		width: 70%;
	}
	.contactSec {
		padding: 6rem 0;
	}
	footer ul li a, footer p {
		font-size: 0.8rem;
	}
}

@media (max-width: 1199.98px) {

	.navLinks li a h4 {
		font-size: 0.8rem;
	}
	.banner-one {
		display: none;
	}
	section {
		padding: 2rem 0;
	}
	.info-contact-banner h4{ font-size: 25px;line-height: 28px; }
	.packBox{ padding: 2rem 1rem; }
	.packBox h2 span{ margin-left: 1rem; }
	.consultancy{ margin-left: 1rem; }
	.btnsubmit .themeBtn{ 
		flex-shrink: 0;
		font-size: 1rem;
		padding: 1rem 1rem;

	 }
	 .packBox h2{ font-size: 3rem; }
	 

	
	 /* .bannerImg{ display: none; } */
	 
} 

@media (max-width:1199.98px) and (min-width:910px){
	.mainbanner .overlay{ 
		position: relative;
		top: 230px !important;
	}

	 .mainbanner {
        height: 900px !important;
        background-color: #3a7c92 !important;
    } 
}

@media (max-width:900px) and (min-width:772px){
	.mainbanner .overlay{ 
		position: relative;
		top: 230px !important;
	}

	 .mainbanner {
        height: 1150px !important;
        background-color: #3a7c92 !important;
    } 
}


/* 480px → 360px */
@media (max-width:480px) and (min-width:360px){
	.mainbanner .overlay{ 
		position: relative;
		top: 230px !important;
	}
}

@media (max-width: 991.98px) {
	ul.navLinks {
		gap: 1rem;
	}
	.booksec_port{ column-count: 3;
		display: block; }
} 
@media (max-width: 767.98px) {
	ul.navLinks li a h4 {
		font-size: 0.7rem;
	}
	.navLinks li .themeBtn {
		font-size: 0.7rem;
	}
	.mainbanner .overlay h2 {
		font-size: 2rem;
	}
	.secheading {
		font-size: 2rem;
	}
	section.aboutSec {
		padding: 3rem 0 3rem;
	}
	.helpingSec figure img {
	display: none;
	}
	.what-we-do ul li {
		width: 140px;
		height: 150px;
	}
	.contactBg img {
		z-index: -111;
		position: relative;
	}
	.booksec_port{ column-count: 2;
		display: block; }
	.helpingSec{ text-align: center; }	
	.secheading { text-align: center; }
	.helpingSec p{ width: 100%; }	
	.btnSec{ justify-content: center; }
	.navLinks li a h4{ display: none; }
	.contactSec .contactBg{ display: none; }
	.contactSec{     padding: 0rem 0 2rem; text-align: center; }
	.black_friday{ display: none !important; }
	footer ul{ justify-content: center; }
	footer .row{ justify-content: center; text-align: center; }
	footer .text-right{ text-align: center !important; }

} 
@media (max-width: 575.98px) {
	ul.navLinks {
		gap: 3rem;
		margin: 1rem 0;
	}
	.serBox {
		height: auto;
	}
	.booksec_port{ column-count: 2;
		display: block; }
		
	.themeBtn{ font-size: 1rem; padding: 1em 1em; }
	.info-contact-banner{ padding: 30px 40px 30px; height: initial; }
	
}
@media (max-width: 320.98px) {}