/*--------------------------------------------------------------
# Desktop/Mobile Stats Section Display Rules
--------------------------------------------------------------*/
/* Desktop version - visible on screens >= 768px */
.homeAddSec2-desktop {
  display: block;
}
.homeAddSec2-mobile {
  display: none;
}

/* Mobile version - visible on screens < 768px */
@media (max-width: 767px) {
  .homeAddSec2-desktop {
    display: none;
  }
  .homeAddSec2-mobile {
    display: block;
  }
}




@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;}

}

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

@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);}
	.sliderSec .sliderText h1 {font-size: 50px !important; line-height: 1.1 !important;}
}

@media (min-width: 768px) and (max-width:991px) {
	/* #header .logo img {width: 200px !important;} */
	/* #header .logo {top: 25px !important;}
	#header {padding: 44px 50px 43px 50px !important;}
	#header.header-scrolled {padding: 20px 50px 25px 50px !important;}
	#header.header-scrolled .logo img{width: 165px !important;}
	#header.header-scrolled .logo {top: 5px !important;} */

}

@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 .sliderLink .cusBtn {padding: 10px 25px;}
	.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%;}
}

@media (min-width: 576px) and (max-width:767px) {
}

@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;
	}
}

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