@media only screen and (min-width: 1920px) {
}
 @media only screen and (min-width: 1600px) {
 
}
@media only screen and (min-width: 1536px) {
}
 @media only screen and (min-width: 1400px) {
}

 @media only screen and (max-width: 1280px) {
}
 @media only screen and (max-width: 1200px) {
 .inputBox { margin-bottom: 20px;}
 .floorplanWrap .floorplanInner .floorplanLeft { font-size: 30px;}
}
 @media only screen and (max-width: 1024px) {
}
 @media only screen and (max-width: 959px) {
 .bannerWrap {display: block;}
 .bannerWrap .formWrap {display: block; padding: 60px 0;}
 .bannerWrap .formWrap .formInner { display:block; width:90%; margin:0 auto; padding:0;}
 .aboutWrap .aboutInner { width: auto;}
 .aboutWrap .aboutInner .aboutLeft { width: auto; float: none;}
 .aboutWrap .aboutInner .aboutRight { width: auto; float: none; margin-left: 0; margin-top: 40px;}
 .galleryWrap .gallerySliderWrap { width: 95%;}
 .floorplanWrap .floorplanInner .floorplanLeft { font-size: 30px; float: none; width: auto; text-align: center;}
 .floorplanWrap .floorplanInner .floorplanRight { float: none; width: auto; margin-left: 0; margin-top:20px; text-align:center;}
 .floorplanWrap .floorplanInner .floorplanRight a { display: inline-block; padding:10px 30px;}
 .lgacyWrap .lgacyInner { width: auto;}
 .bottomWrap .bottomBox{ width:50%;}
 .bottomWrap .bottomBox.firstBox{ }
 .bottomWrap .bottomBox.firstBox .button { margin-top: 0;} 
 .bottomWrap .bottomBox.firstBox .button a {padding: 10px; border-radius: 50%; display: inline-block; border:none;background:#0e1232;-webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.2); box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.2);}
 .bottomWrap .bottomBox.firstBox { width: auto; position: fixed; right: 15px; bottom: 10%; z-index:999;}
 .bottomWrap .bottomBox.firstBox img{ display: block; width: 20px;}
 .bottomWrap .bottomBox.firstBox span{ display:none;} 
 .bottomWrap .bottomBox.middleBox{ width:100%;}
 .bottomWrap .bottomBox .ramalogo img{ width:180px;}
 .bottomWrap .bottomBox.lastBox{ position:fixed; bottom:0; left:0; width:100%; z-index:999;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
 .bottomWrap .bottomBox.lastBox .button { margin-top: 0;}
 .bottomWrap .bottomBox.lastBox .button a{ display:block; background:#0e1232; border:none;}
 footer { padding: 40px 0 80px 0;}
 .bottomWrap,.footerWrap{ width: auto;}
 .footerWrap .addBox.addBoxRight { text-align: center; margin-top: 30px;}
.footerWrap .addBox.addBoxLeft:after{ display:none;}
.footerWrap .addBox { width: auto; float: none; }
.footerWrap .addBox.addBoxLeft { text-align: center;}
.footerWrap .addBox.addBoxRight ul li {   width: 32%; margin-bottom:15px;}
.footerWrap .addBox.addBoxRight ul li:nth-child(even) {  margin-left: 0;}
.bannerWrap .bannerTag{ left:6%;}
.bannerWrap .bannerTag h3 { font-size: 60px; line-height: 62px;}
.bannerWrap .bannerTag .tagline { font-size: 20px; line-height: 28px;}
.bannerWrap .formWrap.thankMsg{ position: fixed; width: 60%; right: 0; top: 120px; padding:20px; z-index:999;}

}

 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
}
 @media only screen and (max-width: 753px) {
 header { position: relative; left: 0; top: 0; z-index: 9; width: 100%; text-align: center; padding: 10px 0;}
 h2 { font-size: 38px; line-height: 40px;}
 .floorplanWrap .floorplanInner .floorplanLeft { line-height: 36px;}
 .lgacyWrap .lgacyInner ul li { width: 48%; margin: 5px 1%;}
 .floorplanWrap .floorplanInner { padding: 50px 0;}
.bannerWrap .bannerTag h3 { font-size: 50px; line-height: 52px;} 
}
 @media only screen and (max-width: 736px) {
}
 @media only screen and (max-width: 711px) {
}
 @media only screen and (max-width: 640px) {
 .galleryWrap .slick-arrow { width: 53px; height: 39px; margin-top: -20px;}
}
 @media only screen and (max-width: 600px) {
}
 @media only screen and (max-width: 569px) {
}
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
 h2 { font-size: 28px; line-height: 32px;}
 .bottomWrap .bottomBox .ramalogo img { width: 160px;}
 .aboutWrap .aboutInner .aboutLeft ul li{ width:auto; float:none;}
 .aboutWrap .aboutInner .aboutLeft ul li:nth-child(even){ margin-left:0;}
 header .logo img {width: 112px;}
}
 @media only screen and (max-width: 480px) {
}
 @media only screen and (max-width: 424px) {
 .bannerWrap .banner img.desktopBanner{display:none;}
.bannerWrap .banner img.mobileBanner{ display:block;}
}
 @media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 412px) {
}
 @media only screen and (max-width: 400px) {
}
 @media only screen and (max-width: 384px) {
}
 @media only screen and (max-width: 375px) {
}
 @media only screen and (max-width: 360px) {
}
 @media only screen and (max-width: 320px) {
}