@media (max-width: 767px) {
  #footer {
    margin-bottom: 38px;
  }

  .logo img {
    width: 120px !important;
  }

  #footer .copyright,
  #footer .credits {
    text-align: center;

    float: none;
  }

  #footer .credits {
    padding-top: 4px;
  }

  .qr-code {
    width: 100px;

    margin: 0 auto 10px;

    display: block;
  }

  .element-container:nth-child(n + 3),
  .configuration .col-md-4:nth-child(n + 2) {
    margin-top: 15px;
  }

  section {
    padding: 60px 0;
  }

  .heightlContent p {
    font-size: 14px;
  }

  .commonBtn {
    font-size: 12px;
  }

  .overview {
    /*background-image: url(../img/overviewBgMob.jpg);

        background-size: 75%;

        background-position: bottom right;*/
  }

  .amenities {
    background-image: url("../img/AmenitiesBgMob.png");
  }

  .configuration {
    background-image: url("../img/configurationbgMob.png");
  }

  .contactUs {
    background-image: url("../img/contactusBgMob.jpg");
  }

  .location {
    background-image: url("../img/locationbgMob.jpg");
  }

  .element-title span {
    font-size: 30px;
  }

  .element-icon img {
    width: 100px;
  }

  .amenitiesSlider .slick-arrow.slick-prev {
    left: 0px;
  }

  .amenitiesSlider .slick-arrow.slick-next {
    right: 0px;
  }

  .enquirenowButton {
    bottom: 150px;

    right: -62px;
  }

  .disclaimer h3 {
    font-size: 12px;
  }

  .disclaimer p {
    font-size: 8px;
  }

  .playIcon img {
    width: 40px;
  }

  .galleryContent {
    bottom: 0;
  }

  .footerMain {
    padding: 50px 0 10px;
  }

  .section-title h2 {
    font-size: 40px;
  }

  #main {
    margin-top: 80px;
  }

  #header {
    padding: 15px 0;

    background-color: #18163d;
  }
}

@media (min-width: 1400px) {
  .navbar a,
  .navbar a:focus {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .projectHighlights-ul {
    margin-bottom: 0px;
  }

  .heightlContent {
    padding-top: 25px;
  }

  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }

  .accordion-location {
    padding-top: 40px;
  }
}

@media (min-width: 1200px) {
    #header {
      background-color: #000;
    }
    main#main {
        margin-top: 90px;
    }
    
}