@media (max-width: 1399px) {
	#header.fixed-top {padding: 25px 0 !important;}
}

@media (max-width:1366px) {
    
}
@media (min-width: 1200px) and (max-width:1366px) {
    .navbar li{position:relative; padding:0 10px;}
}

@media (min-width: 992px) and (max-width:1199px) {
	#header.header-scrolled .navbar li a, .navbar li a:focus {font-size: 14px;}
	#header.header-scrolled .navbar li {padding: 0 10px;}
	.sliderSec .sliderText h1 {font-size: 26px !important;}
}

@media (max-width:1199px) {
    #header.fixed-top {
		padding: 20px 0 !important;
	}
	#header .logo {position: static !important;}
	#header .logo img {width: 230px !important;}
	.sliderSec .sliderText {padding: 0 30px;}
	.accessibilitySec {padding: 80px 20px;}
	li.floors-container .buildingPhoto {width: 484px;}
	.floor-svg {left: 2.5%; top: 7.8%;} 
	.innerSec1 {padding-top: 75px;}
	.propertiesSecBtn {width: 280px; padding: 18px 20px;}
}

@media (max-width: 991px) {
	.aboutSec .aboutText h2, .aboutSec .aboutText h2 strong {font-size: 28px;}
	.buildingfeaturesBox > div {
		padding: 30px 30px 40px 30px;
	}
	.amenitiesItemText h3 {font-size: 16px;}
	.galleryPageSec {padding: 50px 0 30px;}
	li.floors-container .buildingPhoto {width: 364px; background-size: 100%;}
	.floor-svg {top: -2.79%; left: -11%; width: 122%; transform: scale(0.79);} 
	.jotAddSec4InnerFlex {
		flex-direction: column;
    	gap: 20px;
	}
}

@media (min-width: 768px) and (max-width:991px) {  
	#header .logo {top: 25px !important;}
	#header {padding: 44px 50px 43px 50px !important;} 
	#header.header-scrolled .logo {top: 5px !important;} 
	.sliderSec .sliderText img {width: 650px;}
}
@media (max-width:767px) { 
	#header .logo {top: 28px !important;}
	#header {padding: 45px 30px 50px 10px !important;}
	#header .logo img{width: 210px !important;}
	#header.header-scrolled .logo {top: 0 !important;}
	#header.header-scrolled {padding: 20px 0 !important;}
	.sliderSec .sliderText h3 {font-size: 18px !important; margin-bottom: 25px !important;}
	.sliderSec .sliderText .cusBtn, .sliderSec .sliderText .cusBtn1 {
		padding: 10px 20px;
        font-size: 16px;
        margin-bottom: 10px; 
	}
	.sliderSec .sliderText h1 {font-size: 34px !important;}
	.aboutSec {padding: 50px 0;}
	.gallerySec .owl-nav {justify-content: space-between; padding: 0 20px;}
	.titleHead h2 {font-size: 34px;}
	.accessibilitySec {padding: 50px 15px;}
	.accessibilityAccess ul {flex-direction: column; gap: 10px;}
	.accessibilityAccess ul li {padding: 7px 10px 16px;}
	.accessibilityAccess ul li:not(:last-child)::after {
		bottom: 0; left: 50%; right: initial; top: initial;
		transform: translate(-50%, 0); 
		height: 1px; width: 100%;
		border-right: none;
		border-bottom: 1px solid var(--primary);
	}
	.interiorphoto {background-attachment: initial !important; height: 300px !important;}
	.interiorBtn {margin-top: 30px;}
	.contactSec {padding: 50px 20px;}
	.accessibilityPageSec .accessibilityPageText {padding: 50px 30px;}
	.accessibilityPageText .accessibilityText h2, .accessibilityPageText .accessibilityAccess h2 {
		margin: 50px 0 20px;
	}
	.titleHead h2 {margin: 0 0 30px;}
	li.floors-container {justify-content: center;}
	li.floors-container > div:last-child {width: 100%;}
	.financialInstitutionsPage .financialInstitutionsPageInner1 ul li {width: 100%;} 
	.aboutSecPage .aboutSecInner {padding: 80px 0 0 0;}
	.footerLink, .footerInfo {margin-top: 18px;}
	.sliderSec .sliderText {padding: 0 60px 0 20px;}
}

@media (min-width: 576px) and (max-width:767px) {
	.sliderSec .sliderText img {width: 480px;} 
}

@media (max-width:575px) {
	.aboutSec .aboutText h2, .aboutSec .aboutText h2 strong {font-size: 24px;}
	.gallerySec .owl-nav button span {padding: 15px;}
	.accessibilityText ul li {font-size: 18px;}
	.accessibilityText ul li strong {float: none; display: block;}
	.customFloorModalBody .customFloorModalCTABox a.custombtnG {min-width: initial; width: 100%;
		font-size: 12px;
		padding: 10px 15px;
	}
	.customFloorModalBody h2 {font-size: 34px;}
	.availabilitySec {padding: 50px 0;}
	li.floors-container ul.floors-data li:not(.customFloorModalBody ul li) {
		padding: 5px 10px;
	}
	.sliderSec .sliderText h1 {
        font-size: 26px !important;
    }
	.sliderSec .sliderText .cusBtn, .sliderSec .sliderText .cusBtn1 {padding: 10px 22px; font-size: 14px; margin-bottom: 10px;}
}

@media (max-width:480px) { 
	li.floors-container .buildingPhoto {width: 295px;} 
	.floor-svg {
		top: -9.5%;
		left: -24.5%;
		width: 146%;
		transform: scale(0.65);
	}
}