@media (max-width:639px) {
    .daterangepicker .drp-calendar {
        max-width: 100% !important;
    }
    .daterangepicker {
        width: 92% !important
    }
    #similar-locations>i.fa.fa-arrow-left.slick-arrow, #similar-locations>i.fa.fa-arrow-right.slick-arrow {
        top: 25px !important
    }
    #popular-cities>i.fa.fa-arrow-left.slick-arrow, #popular-cities>i.fa.fa-arrow-right.slick-arrow {
        top: -40px !important
    }
}

@media (min-width: 564px) and (max-width: 599px) {
    .auto-apply.show-calendar.opensleft {
        display: flex !important;
    }
}

@media (max-width: 767px) {
    .contact-page .sec2 {
        padding-left: 50px;
        padding-right: 50px;
    }
    .contact-page .sec2 .div1 {
        border-top-right-radius: 15px;
    }
    .contact-page .sec2 .div2 {
        border-bottom-left-radius: 15px;
        border-top-left-radius: 15px;
    }
    .h-contact {
        height: 122vh;
    }
    nav .nav-center-div a {
        padding: 4px 16px;
    }
    .navbar-menu {
        padding-bottom: 10px;
    }
    .search-btn {
        width: 10rem !important;
    }
    #breadcrumbsNav {
        display: none !important;
    }
    #breadcrumbsMob {
        display: flex !important;
    }
    .nav-pills .nav-item .nav-link {
        padding: 0.4rem 10px !important;
        min-height: 34px;
    }
    .cookies-fixed {
        right: 0 !important;
    }
    .page-how-it-works .how-div3 h4 {
        color: #ffd017;
        font-size: 33px;
        font-weight: bold;
        margin-top: -90px;
    }
}

@media (min-width: 768px) {
    #breadcrumbsNav {
        display: flex !important;
    }
    #breadcrumbsMob {
        display: none !important;
    }
    .mobileMenuNav {
        display: none !important;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .h-con-right {
        height: 106vh;
    }
}

@media (min-width: 991px) {
    .nav-center-div.nav-long a {
        color: white !important;
        padding: 20px 12px !important;
    }
    nav .nav-center-div .dropdown a {
        padding: 12px 16px !important;
    }
    .mobileMenu {
        display: none;
    }
}
@media(min-width: 1024px) {
    .sec6 .pull-left {
        padding-left: 200px;
    }
}
@media (min-width:300px){
    .device {
      background-size: 375px 270px !important;
    }
     .screen {
      top: 8% !important;
    }
    .device {
      height: 420px !important;
    }
  }
  @media (min-width: 500px) {
    .device {
      background-size: 495px 365px !important;
    }
    .device {
      height: 500px !important;
    }
   
  }
  @media (min-width: 768px) {
  
    .device {
      height: 650px !important;
      background-size: 590px 425px !important;
    }
    .screen {
      top: 9% !important;
    }
  }
  @media (min-width: 1024px) {
  
    .device {
      height: 500px !important;
      background-size: 409px 313px !important
    }
    .screen {
      top: 9% !important;
    }
  }
  @media(min-width:1100px) {
  
    .device {
      height: 500px !important;
      background-size: 440px 320px !important
    }
    .screen {
      top: 7% !important;
    }
  }
  @media(min-width:1160px) {
  
    .device {
      height: 500px !important;
      background-size: 450px 325px !important;
    }
    .screen {
      top: 7% !important;
    }
  }
  @media(min-width:1200px) {
  
    .device {
      height: 500px !important;
      background-size: 480px 350px !important;
    }
    .screen {
      top: 7% !important;
    }
  }
  @media(min-width:1300px) {
  
    .device {
      height: 500px !important;
      background-size: 500px 360px !important;
    }
    .screen {
      top: 7% !important;
    }
  }
  @media(min-width:1366px) {
   
    .device {
      height: 500px !important;
      background-size: 530px 400px !important;
    }
    .screen {
      top: 5% !important;
    }
  }
  @media(min-width:1400px) {
    .device {
      height: 700px;
      -webkit-background-size: 510px 400px;
    background-size: 551px 400px !important;
    }
    .screen {
      top: 5% !important;
    }
  }
  @media (min-width:1500px) {
    .device {
      height: 710px !important;
      background-size: 590px 420px !important;
    }
    .dm-width{
      background-size: 771px 720px !important;
    }
    .screen {
      top: 11% !important;
    }
  }
  @media (min-width:1560px) {
    .device {
      height: 710px !important;
      background-size: 610px 450px !important;
    }
    .dm-width{
      background-size: 791px 720px !important;
    }
    .screen {
      top: 8% !important;
    }
  }
@media (min-width: 1900px){
    .dm-width {
        background-size: 992px 793px !important;
    }
    .device {
        height: 860px !important;
        background-size: 769px 558px !important;
    }
  }
@media (min-width: 2560px){
    .dm-width {
        background-size: 1280px 1025px !important;
    }
    .device {
        height: 1025px !important;
        background-size: 980px 710px !important;
    }
  }