@media all and (-ms-high-contrast:none){}
@media only screen and (max-width: 1100px) {
  .col-md-12{width: 100%;}
  .hidden-md {display: none !important;}
  .text-md-center{text-align: center;}
  .peninsula-logo{top: 15px;}
  .exterior-slider-arrows .slick-next,.interior-slider-arrows .slick-next,.viewstab-slider-arrows .slick-next,.ametab-slider-arrows .slick-next,#viewRight{right: 0;}
  .exterior-slider-arrows .slick-prev,.interior-slider-arrows .slick-prev,.viewstab-slider-arrows .slick-prev,.ametab-slider-arrows .slick-prev,#viewLeft{left: 0;}
  #highLeft {top: 64%;left: calc(50% - 186px);}
  #highRight {top: 64%;right: calc(50% - 186px);}
  .home-section6 {padding: 50px 0 0;}
  .vercor-item {padding: 12px;}
  .high-wrapper{padding: 50px 0 130px;}
  .developer-img .img-desc {left: 40%;transform: translateX(-50%); bottom: 25px;}
}

@media only screen and (max-width: 992px) {
  .padding{padding: 40px 0px;}
  .col-xs-2{width: 16.66666666666667%;}
  .col-xs-3{width: 25%;}
  .col-xs-4{width: 33.33333333333333%;}
  .col-xs-5{width: 41.66666666666667%;}
  .col-xs-6{width: 50%;}
  .col-xs-7{width: 58.33333333333333%;}
  .col-xs-8{width: 66.66666666666667%;}
  .col-xs-9{width: 75%;}
  .col-xs-10{width: 83.33333333333333%;}
  .col-xs-11{width: 91.66666666666667%;}
  .col-xs-12{width: 100%;}
  .text-xs-center{text-align: center;}
  .text-xs-right {text-align: right;}
  header{height: 55px;width: 100%;border-radius: unset;margin: 0;}
  .logo-header{display: inline-block;}
  .brand-logo {
    display: flex;
    align-items: center;
    gap: 10px;
}  .visible-xs {display: block !important;}
  .hidden-xs {display: none !important;}
  .burger-menu {display: block;padding: 6px 9px;margin-top: 0;border-radius: 100%;width: 40px;height: 40px;}
  .nav-links {height: 100%;display: none;position: fixed;top: 50px;left: 0px;right: 0px;z-index: -1;border-bottom: 1px solid #ccc;padding: 0px;background-color: #5f3261;transform: unset;}
  .nav-links ul {padding-top: 20px;}
  .nav-links li{display: block;}
  .nav-links li a {text-align: center;font-size: 14px;padding: 10px 0px;border-right: 0px;margin: 0px;display: block;}
  ul.sub-menu, ul.sub-menu1 {position: relative;text-align: left;margin-top: 0;opacity: 1;width: 100%;}
  .nav-links li a.active:before{position:unset;}
  .nav-links li.dropmenu > a:after {margin-left: 5px;right: unset;top: 19px;}  
  .nav-links li.dropmenu{margin-right: 0;}
  .menu a.enquire-toggle-button.header-enquire , .menu a.call-us , #home a.home-enquire  {display: none;} 
  .footer-call-enquire {display: block;position: fixed;bottom: 0;text-align: center;color: #fff;z-index: 9999999;padding: 0 10px;background-color: #6c3668;}
  .footer-call-enquire a{color: #fff;font-size: 14px;font-weight: 600;}
  .enquire-toggle-button.mobile {cursor: pointer;color: #fff;letter-spacing: 1px;font-size: 14px;border: none;padding: 0 !important;float: unset;line-height: unset;margin-left: 0;text-transform: uppercase;font-weight: 500;}
  .floating-enquire-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
  .footer-call-enquire .col-6 {padding: 10px;}
  #popup {padding: 25px;width: 94%;}
#clouds{width: 100%;
  /* top:unset; */
  bottom:10%;}
header .col-12 {padding: 8px 4px;}
.salette-logo {
  width: 85px !important;
  height: auto !important;
  margin-right: 7px;
  margin-top: -8px;
}

.peni-logo {
  width: 78px;
  display: inline-block !important;
  margin-top: -4px;
}
.enquire-close-mobile {text-align: right;font-weight: bold;margin-bottom: 10px;}
.section-title{font-size: 28px; line-height: 40px; margin-bottom: 10px;}
.section-para{font-size: 14px;line-height: 26px;letter-spacing: 0.84px;}
.section-text {font-size: 16px;line-height: 26px;}
#loc.bg-cover{background-image: url('../images/loc.jpg') !important;}
/*.bg-cover {background-image: url('../images/bg-mob.jpg') !important;}*/
/* #home{background-image: url('../images/home-banner-mob.jpg');} */
.banner-building{/*height: auto;*/ height: 50vh;}
.banner-caption {
  top: 32%;
  left: 0;
  padding: 0 10px;
}.banner-title {
  font-size: 28px;
  line-height: 32px;
}

.banner-title span{font-size: 30px;}
.banner-1 {font-size: 16px;line-height: 40px;}
.banner-2 {font-size: 13px;}
.paradise_desc {position: unset;padding: 20px 0px 0;background: unset;height: auto;}
/*Nature Section start*/
#nature-section{padding-bottom: 70px;}
.nature-slider .slider-prev {top: unset;left: calc(50% - 65px);bottom: -70px;}
.nature-slider .slider-next {top: unset;right: calc(50% - 65px);bottom: -70px;}
.nature-slide{margin: 0 20px;}
/*Nature Section end*/
#elevation .gallery-img{margin: 0;}
.elevation-slider-arrows .slick-prev{left: 0px;}
.elevation-slider-arrows .slick-next{right: 0px;}
#elevation .container{padding: 0;}
.view-slide .img-desc, .view-slide .paradise_desc {display: block;}
.paradise_desc .paradise_title, .paradise_desc p{color: #060C12;}
.highlight-item {padding: 30px 0px 0;}
.item img {height: auto;width: 100%;}
.construction-slider .item img {height: 332px;width: 100%;}
#home-section-3{padding-bottom: 70px;}
.home-section4 .section-title {padding-bottom: 40px;}
.home-section5{position: unset;}
.highlights-slider .slider-prev, .floorSlider .slider-prev {
  top: unset;left: calc(50% - 100px);bottom: -30px;}
.highlights-slider .slider-next, .floorSlider .slider-next {
  top: unset;right: calc(50% - 100px);bottom: -30px;}
.floorslider-arrows .slick-prev, .construction-slider-arrows .slick-prev, .site-slider-arrows .slick-prev {
  top: unset;left: calc(50% - 62px);transform: unset;background-color: unset;bottom: 98px;}
.floorslider-arrows .slick-next, .construction-slider-arrows .slick-next, .site-slider-arrows .slick-next {
  top: unset;right: calc(50% - 28px);transform: unset;background-color: unset;bottom: 98px;}
#paradise .section-title{text-align: left;}
.golden_circle{padding: 0 0 40px;position: unset;}
#neighbour-3{height: auto;}
.gallery-img{margin: 0;}
.spec-tabs, .floortabs {padding: 0;display: flex;justify-content: space-evenly;text-align: center;margin: 0 0 10px;}
.spec-tabs a, .floortabs a {position: relative;text-align: center;display: inline-block;padding: 20px 20px 0 0;}
.spec-tabs a.active:before, .floortabs a.active:before{bottom:-9px;left: 47%;}
.spec-tabs a.active:after , .floortabs a.active:after{bottom:-3px;left: 47%;height: 3px;}
.gallery-tab-wrapper, .floor-tabs-wrapper{overflow-x: scroll;}
.gallery-tab-wrapper::-webkit-scrollbar, .floor-tabs-wrapper::-webkit-scrollbar {display: none;}
.floortabs a.active-tabs:before{bottom: -6px;left: 47%;}
.floortabs a.active-tabs:after{bottom:-3px;left: 47%;}
#left{left: 0;bottom: -110px;position: absolute; display: none;}
#left1{left: 0;bottom: -10px;position: absolute;}
#right{position: absolute;right: 0;bottom: -110px; display: none;}
#right1{position: absolute;right: 0;bottom: -10px;}
#plans{padding-bottom: 0;}
#paradise{padding-bottom: 70px;}
.banner-heading{font-size: 24px;line-height: 32px;}
.banner-heading span{font-size: 30px;}
.explore-slider-mob .slider-prev{top: 35%;left: 0px;width: 45px;}
.explore-slider-mob .slider-next{top: 35%;right: 0px; width: 45px;}
.views-slider .slider-prev{bottom: -55px;left: 0px;}
.views-slider .slider-next{bottom: -55px;left: 70px;}
.interior-slider .slider-prev {bottom: -15px;right: 68px;}
.interior-slider .slider-next{bottom: -15px;right: 14px;}
#residences .container-fluid, #paradise .container-fluid {padding: 0 20px;}
#neighbour-2 .container {padding: 0;}
#neighbour-2{padding-bottom: 0;}
.virtual{padding-top: 60px;}
.virtual_tour{/*background-image: url('../images/virtual_tour_mob.jpg') !important;*/height: 667px;}
.virtual-text {position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.outer-block {height: auto;border: unset;padding: 0;}
.outer-block:hover {padding: 0;}
.outer-block:hover .projectIcon{-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);transition: unset;height: auto;width: 100%;}
.outer-block h3{font-size: 20px;color: #FFF;}
.intplans-arrows{width: 140px;height: 70px;bottom:-25px;}
.view-slide img {transform: scale(1);}
.hide-mob{display: none !important;}
#home-section-1{padding-bottom: 60px;}
.form-control {padding: 5px 12px;}
.form_wrapper {padding: 20px;}
.form-group, .item {padding: 0;}
input#submit_form{margin: 0;width: 100%;}
footer{padding: 15px 0 60px;}
.footer-bottom{padding: 0px 0 50px;}
.rera p, .rera a, .marketed p a, .marketed p, .rera-text p {text-align: center !important;}
.address{display: block;}
.site {
  margin: -4px 7px 0;
}
.logoFomo {
  width: 40%;
  margin: 0 0 10px 0;
}
.disclaimer {font-size: 8px;}
.vh{display: none;}
.footer-top .col-4 {padding: 0 0px 20px 0;}
.customer-text {font-size: 20px;}
.rera p, .rera p a, .marketed p a, .rera-text span, .rera-text p{line-height: 18px;font-size: 12px;}
.enq {border-left: 1px solid #fff;}
.rera, .rera a, .marketed a, .marketed p{font-size: 12px;line-height: 18px;}
#residences{margin-top: -3px;}
.exterior-slider-arrows,.elevation-slider-arrows,.viewstab-slider-arrows,.ametab-slider-arrows,.interior-slider-arrows,.construction-slider-arrows,.floorslider-arrows{text-align: center;padding-top: 30px;clear: both;}
#residences .slick-prev, #residences .slick-next,.construction-slider-arrows .slick-prev, .construction-slider-arrows .slick-next,.floorslider-arrows .slick-next,.floorslider-arrows .slick-prev, #natureRight, #natureLeft{position: relative;top: initial;left: initial;right: initial;bottom:initial;}
.slider-drag-btn-wrapper{width: 285px;}
.footer-mob{padding-bottom: 50px;}
header .form-container {position: absolute;width: 100%;right: 0;top: 0;height: 100vh;background-color: #ffffff;
  padding: 10px;display: none;box-shadow: 0px 16px 20px 0px rgb(0 0 0 / 28%);padding-top: 30px!important;}
.sell_do_virtual_numbers{color: #fff;}

.video-slider {padding: 0;}
.padding2 {padding: 60px 0;}
.projectIcon-wrapper2 {padding: 20px 0;}
/*.developer-img .img-desc {left: 50%;bottom: 25px;}*/
.map-wrapper{padding-left: 0;}
.g-map iframe, .i-map{height: 520px;}
.logosImage {
  width: 60%;
  height: 40%;
}
}
@media only screen and (max-width: 767px){
.g-map iframe, .i-map{height: 335px;}
.map-toggle-btn{position: relative;left: initial;bottom: initial;transform: initial;}
.visible-mob {display: block !important;}
.hidden-mob {display: none !important;}
.developer-img .img-desc {left: 30%;bottom: 10px;}
#home{
  min-height: 72vh;
  background-image: url('../images/400X550.jpg');
}
.cloud{
  width: 300px !important;
}
.iconImage{
  width: 50px;
   padding-right: 10px;
}
}
@media only screen and (max-width: 320px){
  .peni-logo {width: 100px;}
  .salette-logo {width: 70px;}
  .banner-title span {font-size: 25px;}
  .banner-2 {font-size: 13px;}
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  .floortabs a.active-tabs:after {bottom: -16px;}
  .callwrap {top: 360px;}
  .sticky-btn{top:335px;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #left, #right {bottom: -30px;}
  .banner-caption {top: 24%;padding: 0 30px;}
  .bg-cover {background-position: center;}
  .spec-tabs a.active:before, .floortabs a.active:before,
  .spec-tabs a.active:after, .floortabs a.active:after,
  .floortabs a.active-tabs:before, .floortabs a.active-tabs:after {left: 48.5%;}
}

@media only screen and (min-device-width: 1441px) and (max-device-width: 1920px) {
 .callwrap {top: 390px;}
.sticky-btn{top:364px;}
}

@media only screen and (min-device: 1024px) and (max-device: 1200px)  { 
  .callwrap {top:597px;}
  .sticky-btn{top:570px;}
  .nav-links li a {margin: 10px 7px;font-size: 11px;}
  #home{height: 768px;}
  .banner-caption{top:38%}
  #highLeft {top: 64%;left: calc(50% - 186px);}
  #highRight {top: 64%;right: calc(50% - 186px);}
  .exterior-slider-arrows .slick-prev, .interior-slider-arrows .slick-prev, .viewstab-slider-arrows .slick-prev, .ametab-slider-arrows .slick-prev, .constructionup-slider-arrows .slick-prev, .elevation-slider-arrows .slick-prev {
    left: calc(50% - 507px);}
  .exterior-slider-arrows .slick-next, .interior-slider-arrows .slick-next, .viewstab-slider-arrows .slick-next, .ametab-slider-arrows .slick-next, .constructionup-slider-arrows .slick-next, .elevation-slider-arrows .slick-next {
    right: calc(50% - 507px);}
  #viewLeft {top: 584px;left: calc(50% - 70px);transform: unset;}
  #viewRight {top: 584px;right: calc(50% - 70px);transform: unset;}
  .outer-block{padding: 40px 25px 0;}
  .outer-block:hover .projectIcon {-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);transition: all 0.5s ease-in-out;height: 520px;width: 100%;}
  #paradise {padding-bottom: 40px;}
  .floorslider-arrows .slick-prev, .construction-slider-arrows .slick-prev, .site-slider-arrows .slick-prev {
    top: 307px;left: calc(50% - 192px);}
  .floorslider-arrows .slick-next, .construction-slider-arrows .slick-next, .site-slider-arrows .slick-next {
    top: 307px;right: calc(50% - 147px);}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1300px)  {
  .nav-links li a {margin: 10px 3px;font-size: 11px;} /* margin: 10px 7px;*/
  #natureLeft {left: calc(50% - 460px);}
  #natureRight {right: calc(50% - 460px);}
}


/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"],
  input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"],
  input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"],
  input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"],
  input[type="url"]{ font-size: 16px; }
}