@media only screen and (max-width: 1640px) {
}
@media only screen and (max-width: 1440px) {
    .title{font-size: 35px;}
    .overlay-text{font-size: 30px;}
    body{font-size: 16px;line-height: 30px;}
    p{font-size: 16px;} 
    .logo-images{max-width: 90px;}
    .berlin-box .logo-images{max-width: 160px;}
    section.development .container{padding: 0 50px;}
    .overview-box{padding: 50px;margin-left: 0;}
    section.development .develop-details .develop-details-inner{padding: 50px;}

    .logo-wrap img{max-width: 190px;}

    figure.home-box .right-inner{padding: 20px;}
    figure.home-box .right-inner h2.title{font-size: 30px;} 
    figure.home-box a.full-link{width: 40px;height: 40px;}
    .right-panel{padding-left: 50px;min-width: 430px;}
    .tab-menu-ul a{font-size: 16px;padding: 22px 15px;}
    figure.home-box .arrow-icon{width: 13px;margin-left: 2px;}
    .address-wrapper .map-side{width: 100%;}

    .address-wrapper .address{padding-right: 70px;}
    .address-wrapper .address .single .content{margin-left: 20px;}
}
@media only screen and (max-width: 1260px) {
    .plans-section table td{padding: 5px 20px;}

          .contact-oveview .overview-box{
        margin-top: -50px;
        margin-right: 0;                    
        padding-bottom: 100px;
    }
    .address-wrapper{
        padding-left: 50px;
        padding-right: 50px;
    }
    .address-wrapper .address{
        padding: 50px 0;
        padding-right: 50px;
    }
    .address-wrapper .map-side iframe {width: 100%;margin-top: -64px;}
}
@media only screen and (max-width: 1199px) {
    footer p{font-size: 12px;}
    .logo-images {width: 140px;}

    .title, figure.home-box .right-inner h2.title{font-size: 26px;} 
    .link a{font-size: 14px;}
    .microsite-icon-left img{width: 70px;}
    .microsite-icon-left .item{align-items: flex-start;}
    .right-panel{padding-left: 40px;min-width: 320px;}

    .address-wrapper{flex-wrap:wrap;}
    .address-wrapper .address{
        order: 2;
        padding: 0;
        padding-top: 80px;
        width: 100%;display: flex;
    }
    .address-wrapper .map-side{
        order: 1;
        width: 100%;
    }
    .address-wrapper .address .single{
        flex-direction: column;
        align-items: center;
        text-align: center;
        display: flex;    flex: 1;
    }  
    .address-wrapper .address .single .icon>div {
        margin-left: -20px;
        margin-top: -30px;
    }
    .address-wrapper .address .single .content{
        margin-top: 10px;
        margin-left: 0;
    }
    .address-wrapper .address .content p.links{
        align-items: center;
    }
}
@media only screen and (max-width: 1024px) {
    .container{padding: 0 30px;}
    .brochure-btn img{width: 90px;}
    .brochure-btn{margin-top: 10px;}
    .specification-section table tr td{padding: 10px 40px;}
    .address-wrapper .map-side iframe{height: 500px;}   
    .inner-banner .content{margin-top: -16px;}
      .faq-microsite-section{margin-top: 70px;}
      .nav:before, .nav:after{width: 100%;}
      body{overflow-x: hidden;}
      .address-wrapper .address .single{padding: 0 5px;}
}
@media only screen and (max-width: 991px) {
    .nav__content blockquote{display: none;}
    .nav__content footer{background-color: transparent;}
    .nav__content footer .credai-logo,.nav__content footer .ma-logo{display: none;}
    .nav:before{width: 100%;height: 100%;background-position: center;}
    .nav__content footer p{display: flex;flex-direction: column-reverse;text-align: center;width: 100%;align-items: center;}
    .nav__content footer p::before{content: "";width: 60%;height: 2px;background-image: linear-gradient( to right, #c89b3600, #c89b36, #c89b36, #c89b3600 );position: absolute;top: -20px;left: 0;right: 0;margin: 0 auto;}
    .nav__content footer p span:first-child{margin-top: 10px;}
    .nav__content footer{bottom: 30px;overflow: visible;}
    footer p a:first-child{margin-left: 0;border: none;}

    footer p{display: none;}
    .container{padding: 0 40px;} 
    .scroll-down{right: 40px;}

    h3{font-size: 25px;}
    .overview-box{margin-top: -50px;max-width: 85%;}
    /* .logo-images {width: 90px;} */
    .logo-images.right{right: auto;left: 20px;}
    .overview-box h2, section.development .develop-details h3{margin-bottom: 15px;}
    section.development .container{padding: 0 40px;}
    .overview-box, section.development .develop-details .develop-details-inner{padding: 40px;}
    .development-box{flex-wrap: wrap;margin-bottom: 50px;}
    .development-box .owl-carousel{width: 100%;order: -1;}
    section.development .develop-details{max-width: 100%;}
    section.development .develop-details .develop-details-inner{position: relative;top: auto;bottom: 0;left: 0;transform: none;}
    section.development .develop-details .develop-details-inner.left{right: 0;}
    figure.home-box{margin: 0 0 20px !important;min-width: 100%;max-width: 100%;max-height: 100%;min-height: 100%;} 
    figure.home-box:last-child{margin: 0 !important;}
    section.home-se{max-height: 100%;height: auto;}
    .microsite-icon-main .left{max-width: 100%;flex: 0 0 100%;}
    .microsite-icon-main .right{max-width: 100%;flex: 0 0 100%;}
    .tab-menu,.right-panel,.scroll-down{display: none;}
    .microsite-icon-left .item{width: 100%;align-items: center;}
    .microsite-icon-main .left:before{content: none;}
    .microsite-icon-main {position: relative;padding-bottom: 0;}
    .microsite-icon-main:before {content: "";background-color: #000;position: absolute;left: 0;width: 85%;height:70%;}    
    .microsite-icon-main .brochure-btn{margin-top: 20px;width: 85%;}
    .microsite-icon-main .right .micro-overview-img {height: 380px;width: 85%;}
    .microsite-icon-main .brochure-btn img{width: 80px;height: auto;}
     .microsite-heading img{width: 240px;}
     .express-in-btn{display: block;}
     .microsite-icon-main .brochure-btn{display: flex;}

    .nav__list{width: 100%;display: flex;flex-direction: column;align-items: center;}
    .nav__list-item a{padding-left: 0;overflow: visible;text-align: center;letter-spacing: 1px;flex-direction: row-reverse;}
    .nav__list-item a:hover:after{left: 0;width: 100%;}
    .nav__list-item{overflow: visible;text-align: center;}
    .nav__list-item a i{right: -39px;top: -4px;left: auto;}
    .nav__list-item.active-nav a:after{left: 0;}
    .nav__list-item .submenu li{text-align: center;}
    .address-wrapper{padding-left: 40px;padding-right: 40px;}
     .microsite-icon-main .express-in-btn{color: #000;}

    .plan-pagination{display: flex;}
    .nav__list-item a .fa-angle-down:before{margin-left: 1px;}

    .address-wrapper .address{flex-direction: column;padding-top: 60px;}
    .address-wrapper .address .single{margin-bottom: 60px;}
    .gallery-section .grid-sizer, .gallery-section .grid-item{width: 48%;} 
      section.commercial-development .development-box .owl-carousel{width: 100%;}
     section.commercial-development .development-box{width: 80%;margin: 0 auto 40px;}
     section.commercial-development .develop-details{display: none;} 
    .nav__list-item .submenu a{line-height: 1;}
    .header-main .footer-ma-logo{min-width: auto;}
       .commercial-img{width: 100%;}
}
@media(min-width:768px) {
   .specification-section .nav-tabs {display: flex;}
   .specification-section .card .card-header {display:none;}  
   .specification-section .card .collapse{display:block;} 
   
}
@media only screen and (max-width: 767px) {
    .scroll-down{display: none;}
    .container{padding: 0 25px;}
    h3{font-size: 20px;}
    .title, figure.home-box .right-inner h2.title{font-size: 23px;}
    .overview-box{margin-top: -40px;max-width: calc(100% - 25px);}
    body{font-size: 15px;line-height: 20px;}
    p{font-size: 15px;text-align: justify;} 
    section.development .container{padding: 0 25px;}
    .overview-box, section.development .develop-details .develop-details-inner{padding: 25px;}
    section.inner-banner{height: 280px;margin-top: 0px;}
    section.inner-banner img{height: 100%;}
    .inner-banner .content{margin-top: 8px;}

    section.home-se{margin-top: 77px;}
    figure.home-box{overflow: visible;min-height: 200px;}
    figure.home-box figcaption>div{width: 100%;z-index: 1;height: auto;}     
    section.home-se .container{margin-bottom: 10px;}
    figure.home-box:hover > img, figure.home-box:active > img, figure.home-box:focus > img{display: none;}
    figure.home-box:hover figcaption{display: flex;flex-direction: column;position: relative;}
    figure.home-box:hover figcaption > div{height: auto;}
    figure.home-box:hover figcaption .left img{position: relative;}
    figure.home-box:hover figcaption .right{height: auto;}
    figure.home-box:hover figcaption .right .right-inner{height: auto;position: relative;top: 0;}
    .specification-section .tab-content > .tab-pane {display: block !important;opacity: 1;}
    .microsite-icon-main:before{width: calc(100% - 25px);}
    section.vision .carousel-caption {min-width: auto}
       
    .address-wrapper{padding-left: 25px;padding-right: 25px;}
    .address-wrapper .address .content p{text-align: center;}
    .address-wrapper .address .content h4{font-size: 15px;line-height: 1.4;margin-bottom: 10px;}
    .microsite-oveview .overview-box p{line-height: 1.5;}    
    .plans-section table td a img{display: none;}
    .projectstatus-section .title span{display: block;}
    .faq-microsite-section .card-body{font-size: 15px;text-align: justify;}
    .plans-box{opacity: 1 !important;transform: none !important;}
    .masterplan-section .zoom-btn{display: none;}
    .inner-banner .content .title{margin-top: -40px;}
    .content-details .content-title{font-size: 15px;}
    .address-wrapper .address .single .icon{margin-bottom: 10px;}   
  }


@media only screen and (max-width: 567px) {   
    .microsite-icon-left .item{flex-direction: column;align-items: center;text-align: center;}
    .microsite-icon-left .item h4{margin-top: 10px;}
    .microsite-icon-main .right .micro-overview-img {width: 100%;height: auto;}
    .express-in-btn,.microsite-icon-main .brochure-btn{width:  100%;}
    .tab-inner-section .title{text-align: center;}
    .map-section iframe{height: 250px;}
    .specification-section table tr td{padding: 0 0 5px;display: block;}
    .specification-section table tr td:last-child{padding-bottom: 20px;}
    .microsite-heading img{width: 190px;}
    .microsite-icon-left .item h4{font-size: 15px;}
    .faq-microsite-section .btn-header-link,.specification-section .card-header a{font-size: 15px;}
     .address-wrapper .map-side iframe{height:350px;} 
     .brochure-btn h4{font-size: 20px;max-width: 120px;}
     .nav__content footer p span:first-child{line-height:1.8;}
      .allreserved{display: block;}
      .nav__list{margin-top: -121px;max-height: 60vh;overflow-y: auto;overflow-x: hidden;}
      .microsite-icon-left img{margin: 0;}
      .microsite-icon-left{margin-left: -25px;}
      .projectstatus-section .col-6{padding-right: 2px;padding-left: 2px;}
      .projectstatus-section .img-box{margin-bottom: 4px;}
      .master-plan-img{height: 370px;}
      .nav__list-item{font-size: 20px;}
      /* header.nav-down.to-top,.cd-header,.homepage .cd-header{background-color: #000 !important;}  */
      /* .nav-active header.nav-down.to-top, .nav-active  .cd-header,.nav-active.homepage .cd-header{background-color: transparent !important;} */
      /* .nav__list .single-item{width: calc(100% + 37px);left: 37px;} */
      /* .nav__list .nav__list-item  i{display: none !important;}
      .nav__list .submenu-item::after{    content: "\f107";
    font: normal normal normal 14px/1 'FontAwesome';
    position: absolute;
    right:-15px;    top: -4px;
    color: #8d793d;
    font-size: 17px;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-left: 5px;} */
    header.nav-down.to-top,.cd-header,.homepage .cd-header{background-color: #000 !important;} 
    .nav-active header.nav-down.to-top, .nav-active  .cd-header,.nav-active.homepage .cd-header{background-color: transparent !important;}    
    body .fancybox-navigation .fancybox-button{width: 35px;height: 35px;}
    body .fancybox-button--arrow_right {right: 20px!important;}
    body .fancybox-button--arrow_left{left: 20px !important;}
    body .fancybox-navigation .fancybox-button{top: calc(50% - 15px);}
    body .fancy-projectstatus .fancybox-button{top:calc(50% - 12px)}
    .fancybox-inner .fancybox-infobar{left: 10px;}
    .fancybox-inner .fancybox-toolbar{right: 10px;}
    .resort-slider{padding: 40px 0;}
    footer p span{display: block;}
    .interestform .modal-content{padding: 0;}
    .interestform .close{width: 30px;top: 3vh;}
    section.commercial-development .development-box{width: 100%;}
    section.development.commercial-development .development-box{width: calc(100% - 50px);}
}
@media only screen and (max-width: 360px) {  
    .microsite-heading{flex-wrap: wrap;}
    .microsite-heading img{margin-top: 15px;}
    .address-wrapper .map-side iframe{height:280px;}    
    body .fancybox-button{padding: 7px;width: 38px;}
   .loading-text span{margin: 0 2px;}
}

@media screen and (max-width: 992px) and (orientation: landscape){
  .landscape-message {width: 100%;height: 100vh; display: flex;align-items: center;justify-content: center;opacity: 1;}
   .landscape-message h1{font-size: 20px; color: #fff; text-align: center; width: 80%;}
    body section, body header, body footer, body #loader-wrapper {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav__list-item .submenu.open{height: 55px;}
}

@media (min-width: 992px) and (max-width: 1024px){
    section.development .develop-details{min-width: 49%;}
    section.development .develop-details .develop-details-inner{padding: 40px;}
    section.development .develop-details h3{margin-bottom: 20px;}
}