@media (max-width: 2560px) and (min-width: 1921px) {
    .homeBannerVectorOverlay {width: 820px;}
}
@media (max-width: 1399px) {
    .homeBannerVectorOverlay {width: 700px;}
    .homeBannerVectorOverlay #shapePrimaryColor {width: 330px; left: 190px;}
    .homeBannerVectorOverlay #shapeAccentColor {width: 160px; left: 97px;}
    .homeBannerVectorOverlay .shapeForImgBox {height: 660px; width: 75%; left: 286px;}
}
@media (max-width: 1366px) {
    .navbar li {padding: 0 8px;}
}
@media (max-width: 1199px) {
    #header {padding: 35px 30px;}
    .homeVideoSec .homeVideoSecText > div {padding: 50px 30px;}
    .homeBannerVectorOverlay {opacity: 0.4;}
    #customizeModalContent .teamHeadshotsOptions h3,
    #customizeModalContent .transactionOptions h3 {width: 100%; display: block; flex: initial;}
}
@media (max-width: 991px) {
    .aboutSecImgBox {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        z-index: -1; opacity: 0.2;
    }
    .articleBoxesContainer > div,
    .articleBoxesContainer > div:nth-child(-n+3) {border-bottom: none;}
    .articleBoxesContainer > div:nth-child(odd) {border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: none;}
    .articleBoxesContainer > div:nth-child(even) {border-right: none; border-left: none;}
    .articleBoxesContainer > div:nth-child(3),
    .articleBoxesContainer > div:nth-child(4) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
    .testimonialImg {z-index: 0; opacity: 0.2;}
    .footerSec .footerSecCenter .footerSecCol img {margin-bottom: 30px;}
    .contactSecInfoInner, .contactSecInfoInner ul li {width: 100%;}
	.teamInfoBox {margin-top: 20px;}
	
}
@media (max-width: 767px) {
    #header {padding: 35px 20px;}
    #header .logo img {width: 200px;}
    .homeBannerVectorOverlay {display: none;}
    .homeVideoSec .homeVideoSecText h1, .bannerSliderTextBox h1 {font-size: 40px;}
    .homeVideoSec .homeVideoSecText p, .bannerSliderTextBox p {font-size: 18px;}
    .homeVideoSec a.btnBanner, .bannerSliderTextBox a.btnBanner {font-size: 16px;}
    .articleBoxesContainer > div {border: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;}
    .articleBoxesContainer > div:first-child {border-top: 1px solid rgba(0, 0, 0, 0.2) !important;}
    .contactSec .contactSecInfo {padding: 40px 20px;}
    .contactSecInfoInner ul li {width: auto;}
    .footerSec .footerSecSignUp h3 {font-size: 28px;}
	#header.header-scrolled{padding: 35px 20px;}
}
@media (max-width: 575px) {
    .homeVideoSec .homeVideoSecText > div {padding: 50px 20px;}
    .homeVideoSec .homeVideoSecText h1, .bannerSliderTextBox h1 {font-size: 32px;}
    .homeVideoSec .homeVideoSecText p, .bannerSliderTextBox p {font-size: 16px;}
    .homeVideoSec a.btnBanner, .bannerSliderTextBox a.btnBanner {font-size: 15px;}
    .aboutText h3 {font-size: 24px; line-height: 1.2;}
    .sectionTitle h2, .contactSecFormInner h2 {font-size: 28px;}
    .whatHappenBox {padding: 40px 20px;}
    .footerSec .footerSecSignUp .wpcf7-submit {margin-left: -106px; padding: 14px 20px;}
    .footerSec .footerSecSignUp .form-fields {padding: 15px 110px 15px 20px;}
    #customizeModal .modal-title {font-size: 16px;}
    #customizeModal .modalBodyContainer,
    #customizeModal .modalBodyContainer > div {padding-left: 0; padding-right: 0;}
	.teamInfoBox h3 {font-size: 21px;}
	.teamInfoBox h4 {font-size: 15px;}
	.teamContentBox p {
    font-size: 14px;
}
	.modalBodyContainer.py-7 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
}

@media (max-width: 400px) {
    #customizeModalContent .radio-group {flex-direction: column;}
}