/* Extra Large Deveice: 1280px. */
@media only screen and (min-width: 1199px) and (max-width: 1220px) {}
/* Large Deveice: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .navigation {
    background: #fff;
  }
  #home-2 .hero-area-content .section-title h1 br {
    display: none;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  .team-section .theme-btn {
    display: none;
  }
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
  #home-2 .hero-area-content .section-title h1 br {
    display: none;
  }
  .about-bg-wrapper {
    margin-top: 60px;
  }
  .service-section.section-padding.pb-90 {
    padding-bottom: 30px;
  }
  .project-section .mt-60 {
    margin-top: 30px;
  }
  .contact-form {
    margin-top: 30px;
  }
  p.privacy {
    text-align: center;
  }
  .footer-bottom p {
    text-align: center;
  }
  .team-section .theme-btn {
    display: none;
  }
  .cta-area h2 br {
    display: none;
  }
  .single-blog {
    margin-bottom: 0px;
  }
  .with-filters.list-with-imgs h3 {
    font-size: 28px;
  }
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-area .navigation {
    background: #fff;
  }
  .feature-item-wrap {
    margin-bottom: 90px;
  }
  .service-content-wrap {
    margin-top: 60px;
  }
  .single-counter-box {
    margin-bottom: 30px;
  }
  .about-content-wrap.pr-60 {
    text-align: left;
  }
  .about-bg-two {
    margin-top: 30px;
  }
  .single-testimonial-author {
    margin-bottom: 30px;
  }
  .testimonal-slider-content p {
    font-size: 17px;
    line-height: 27px;
  }
  .faq-section-gallery {
    margin-top: 30px;
  }
  .footer-area p {
    font-size: 16px;
  }
  .project-gallery img {
    width: 120px;
    margin: 5px;
  }
  .project-gallery {
    text-align: center;
    margin-top: 30px;
  }
  .pr-60 {
    padding-right: 0;
  }
  .about-content-wrap.pr-60 {
    text-align: left;
  }
  .service-content-wrap {
    margin-top: 60px;
  }
  .footer-widget {
    margin-top: 30px;
  }
  .project-gallery {
    text-align: center;
  }
  .footer-bottom {
    text-align: center;
  }
  .section-title p::before {
    display: none;
  }
  .testimonial-section {
    display: none;
  }
}
/* Landscape View  */
@media (orientation:landscape) and (max-width: 767px) {
  .main-menu .navbar .navbar-collapse {
    max-height: 220px !important;
  }
  .blog-search-wrap {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .header-inner-box {
    padding: 0px 15px;
  }
  .mobile-nav-bar {
    position: absolute;
    top: 20px;
  }
  .section-title .abt-p {
    padding-right: 0px;
  }
  .tabs {
    flex-wrap: wrap;
  }
  .tab {
    padding: 10px 12px;
  }
  .download-form .contact-form {
    padding: 60px 0px;
  }
  body .cust-amenities .amenities-box {
    height: 18vh;
  }
  .single-blog .blog-content {
    left: 20px;
    right: 20px;
    padding: 20px 15px;
  }
  .with-filters:before {
    width: 30px;
  }
  .with-filters {
    padding: 0px 20px 0px 50px;
  }
  #home-2 .single-slide-item, #home-3 .single-slide-item {
    height: 100vh;
  }
  .project-description h6 {
    font-size: 36px;
  }
  p.img-title {
    font-size: 21px;
  }
  body .amenities-box p {
    font-size: 14px;
  }
  .whatsapp-icon {
    padding-right: 30px;
  }
  .verandah-logo img {
    width: 190px;
  }
  .whatsapp-icon {
    padding-right: 30px;
  }
  .download-form .section-title h2 {
    font-size: 28px;
    line-height: 37px;
  }
  .section-title .abt-p {
    text-align: left;
  }
  .section-title p:before {
    background: none;
  }
  .footer-area .logo img {
    width: 60%
  }
}
@media only screen and (max-width: 1024px) {
  .header-area .header-inner-box {
    padding: 0px 15px;
  }
  .mobile-nav-bar {
    position: absolute;
    top: 20px;
    right: 0;
  }
  body .cust-amenities .amenities-box {
    height: 15vh;
  }
  .with-filters {
    padding: 0px 25px 0px 75px;
  }
  .with-filters:before {
    width: 40px;
  }
  .tab {
    padding: 10px 15px;
  }
  .section-title .abt-p {
    padding-right: 10px;
  }
  .d-lg-none {
    display: block !important;
  }
  .contact-page .contact-page.google-map iframe {
    height: 558px;
  }
  .contact-page .contact-form {
    margin-top: 0px;
  }
  .contact-page .contact-form {
    padding: 25px 15px;
  }
  .contact-page .contact-form form {
    margin-top: 0px;
  }
  .amenities-box p {
    font-size: 20px;
  }
  p.img-title {
    font-size: 20px;
  }
  .circle-button .rotate-circle svg {
    width: 175px;
  }
  .section-title p:before {
    background: none;
  }
}
@media (min-width: 1024px) and (max-height:1366px) {
  body .cust-amenities .amenities-box {
    height: 20vh;
  }
}