@media screen and (max-width:1699px){

  .dubai-banner .right-sidebar{padding: 0 15px;}
  .dubai-banner .right-sidebar .need-help{font-size: 21px;}
  .dubai-banner .right-sidebar .luxury-living{font-size: 48px;}

}

@media screen and (max-width:1599px){


  .dubai-banner .right-sidebar .reach{font-size: 24px;}
  
.point-benefit .col-lg-2{width: 16.66%; padding: 0;}

.dubai-banner .right-sidebar .present-tp {
  margin-top: 15px;
  width: 125px;
}

.dubai-banner .right-sidebar .luxury-living {
  font-size: 36px;
  line-height: 36px;
}

.dubai-banner .right-sidebar .luxury-living span {
  font-size: 28px;
  line-height: 28px;
}

.dubai-banner .right-sidebar .reach {
  font-size: 18px;
}

.needhelp span {
  font-size: 18px;
  font-weight: 600;
}


}

@media screen and (max-width:1499px){

  .logo-bg, .needhelp{width:20%;}
  .nav-right{width: 60%;}

 
}


@media screen and (max-width:1399px){
 
.container {
  max-width: 1140px;
}

.tab-logo{width:30%}
.tab-menu{width: 70%;}
.dubai-banner .navbar li{font-size: 16px;}

.damac-properties .massive-area{font-size: 36px;}
.residental-project .island .title{font-size: 36px;}
.price-plan .price-title, .place-nearby .place-title{font-size: 36px;}
.place-nearby .place-keyfeature li p{font-size: 17px;}
.luxury-townhouse .sep:before{height:490px}

.amenities .amenities-desp{font-size: 16px; line-height: 22px;}
.amenities .amenities-list {
  margin-top: 15px;
}
.amenities .amenities-list li{font-size: 16px; line-height: 22px;}


.master-plan .brochure{min-height: 570px;}
.dubai-banner .right-sidebar .need-help {
  height: 80px;
}

.dubai-banner .right-sidebar .need-help .number {
  font-size: 14px;
}

.dubai-banner .right-sidebar .need-help{font-size: 18px;}
.dubai-banner .right-sidebar .luxury-living br{display: none;}

.dubai-banner .right-sidebar .icon:before{top: 4px;}
.dubai-banner .right-sidebar .luxury-living{margin-top: 5px;}

.banner .journey-detail .letus-call .form-outer {
  height: 465px;
  position: absolute;
  top: -75px;
  left: 0;
  right: 80px;
  width: 100%;
}
.dubai-banner .journey-detail {
  height: auto;
  top: 180px;
  left: 26px;
}
.dubai-banner .journey-detail .dubai-joourney {
  font-size: 40px;
}
.dubai-banner .journey-detail .dubai-joourney span {
  display: inline-block;
  font-size: 40px;
}
.journey-detail .thousand-miles .bg {
  font-size: 30px;
}
.journey-detail .thousand-miles .bg-1 {
  font-size: 20px;
}
.journey-detail .thousand-miles .bg-2 {
  font-size: 16px;
}
.dubai-banner{
  min-height: 620px;
}
}



@media screen and (max-width:1199px){

  .container {
    max-width: 960px;
  }

 .logo-bg{width: 25%; }
  .nav-right {
    width: 50%;
}

.needhelp {
  width:25%;
} 
 
  .dubai-banner .right-sidebar .present {
    text-align: left;
    padding-left: 80px;
    padding-bottom: 20px;
}

  .dubai-banner .dubai-package {
    width: 100%;
    left: 0;
    top: 0;
}

.price-plan{margin-top: 30px;}

.place-nearby .place-keyfeature li img{width: 75px;}


.amenities .damac-amenities{padding: 44px 40px;}
.amenities .damac-amenities:before{display: none;}

.amenities .amenites-process:before{width: 205px; height: 105px;}

.master-plan .brochure{min-height: 715px;}

.damac-properties{background-color: #f1f1f1;}
.white-step .service-title{font-size: 14px;}

.tab-hidecol{display: none;}
.tab-specification{width: 100%;}
.banner .journey-detail .letus-call .form-outer {
  height: 450px;
  position: absolute;
  top: -220px;
}
.dubai-banner .journey-detail {
  top: 54px;
  border-top-left-radius: 20px;
  left: 27px;
}
.dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer{
  top: -60px;
  left: 80px;
}
.dubai-banner .dubai-apartment .dubai-palm .letus-call{
  background: none;
}
#col-sd-2{
  width: 20% !important;
}
#for-resp{
  width: 66%;
}
}


@media screen and (max-width: 991px) {

  .container {
    max-width: 720px;
}

.logo-bg{width: 40%; order: 1; }
  .nav-right {
    width: 100%;
    order: 3;
    padding: 10px;
        background-color: #ff5704;
}

.needhelp {
  width:60%; order: 2; text-align: right;
} 

.menu {
  display: block;
}

.needhelp:before{display: none;}
 
.dubai-banner .dubai-apartment .dubai-palm{margin-right: 0; width: auto;}

.master-plan .brochure:before{display: none;}

.dubai-banner .navbar li a {
  text-decoration: none;
  color: #282828;
}

.dubai-banner{background-position: center center;}
.dubai-banner:before{content:''; position: absolute; top: 0; left: 0; width: 100%; height:100%; background-color: rgba(255,255, 255,0.7);}


.dubai-banner .navbar{align-items: start;}

.tab-ver{width: 100%;}
.luxury-townhouse .sep:before{display: none;}

.damac-properties{background-color: #fff;}
.damac-properties .new-launch{margin-top: 15px;}
.damac-properties{padding:30px 0}
.tb-tp50{margin-top: 70px;}

.master-plan .brochure{min-height: auto;}
.master-plan .brochure .download-brochure{position: relative;}

.footer-col-12{width: 100%;}
.footer-title{margin-top: 10px;}

.discover{margin-top: 15px;}

.tab-payment{display: none;}
.banner .journey-detail .letus-call .form-outer {
  height: auto;
  position: relative;
  top: 0;
  max-width: 409px;
  margin: auto;
}
.dubai-banner .journey-detail {
  height: auto;
  border-radius: 20px;
  left: 0;
  padding: 46px 30px;
  width: 94%;
  text-align: left;
  margin-left: 24px;
}
.dubai-banner .journey-detail .dubai-joourney{
  font-size: 40px;
}
.dubai-banner .journey-detail .dubai-joourney span{
  display: inline-block;
  font-size: 40px;
}
.journey-detail .thousand-miles .bg{
  font-size: 30px;
}
.journey-detail .thousand-miles .bg-1{
  font-size: 20px;
}
.journey-detail .thousand-miles .bg-2{
  font-size: 16px;
}
.dubai-banner .dubai-apartment{
  justify-content: center;
}
.dubai-banner .dubai-apartment .dubai-palm .letus-call{
  height: auto;
  position: relative;
  right: 0;
  background: transparent;
  width: 100%;
  border-radius: 0;
  max-width: 551px;
  margin: 0 auto;

}
.dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer{
  width: 100%;
  margin: auto;
  position: relative;
  top: 0;
  height: auto;
  left: 0;
}
#col-sd-2{
  width: 30% !important;
}
#for-resp{
  width: 100%;
}
}

@media screen and (max-width: 767px) {
  
  .container {
    max-width: 540px;
}

.menu {
  display: block
;
}

.dubai-banner .right-sidebar .letus-call{width: 100%; right: 0; position: relative; height: auto; z-index: 0;}

.dubai-banner .right-sidebar .letus-call .form-outer {
  left: 0;  position: relative; top: 0;
}

.dubai-banner .right-sidebar .letus-call .form-outer{width: 100%;}
.dubai-banner .right-sidebar .present{padding-left: 0;}

.place-nearby .place-keyfeature{display: block;}
.place-nearby .place-keyfeature li p{border-top: none;}
.place-nearby .place-keyfeature li{width: 100%; border-right: none; padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 30px;}

.footer .footer-list li{display: block;}

.price-plan table .townhouse td{padding: 15px;}
.price-plan table .townhouse td{font-size: 16px;}

.price-plan .price-title, .place-nearby .place-title {
  font-size: 28px;
}

.luxury-townhouse .payment-plan {
  padding: 0;
}

.gray-box {
   background-color: #fff;
}

.luxury-townhouse .payment-plan .desription{line-height: 30px;}
.loc-gap{margin-top: 30px;}

.place-nearby {
  margin-top: 30px;
}

.amenities {
  margin-top: 0px;
}

.amenities .damac-amenities {
  padding: 15px;
}

.master-plan{margin-top: 0; background-color: #fff;}
.footer .footer-list li{width: 100%;}

.point-block{display: block;}
.mob-col2{display: inline-block; width: 32% !important;}

.white-step{margin-top: 0px;}

.dubai-banner .dubai-apartment .dubai-palm{width: 100%; margin-right: 0;}
.needhelp span {
  font-size: 18px;
  font-weight: 600;
}
.dubai-banner .journey-detail{
  display: none;
}
#col-sd-2 {
  width: 30% !important;
  padding-left: 15px;
}
.needhelp{
  font-size: 13px;
}
.residental-project .handover-date{
  width: 100%;
}
.residental-project .island{
  width: 100%;
}
.tab-specification{
  flex-direction: column;
}
.luxury-townhouse .payment-plan .plan-title{
  margin-top: 20px;
}
}

@media (max-width: 420px) {
  .needhelp {
    width: 60%;
    order: 2;
    padding: 0;
    text-align: right;
}
}

@media screen and (max-width: 575px) {

  .container {
    max-width: 100%;
  }

  .mob-col2{display: inline-block; width: 49% !important;}
  .amenities .amenities-title{
    font-size: 32px;
  }
  .point-benefit .col-lg-2{
    margin-bottom: 15px;
    padding: 0;
  }
}

@media screen and (min-width: 2000px) {

  main{width:1920px; margin: 0 auto;} 

}