/* Tablet */
@media (max-width: 1200px) {
    .splide__arrow--prev {
        left: -20px;
    }

    .splide__arrow--next {
        right: -20px;
    }

    .gallery-splide .splide__arrow--prev {
    left: -20px;
  }

  .gallery-splide .splide__arrow--next {
    right: -20px;
  }
}

@media (max-width: 1100px) {

  .diff-layout,
  .about-grid,
  .services-head,
  .testi-head,
  .areas-panel {
    grid-template-columns: 1fr;
  }

  .diff-cards,
  .steps,
  .pricing-grid,
  .testi-grid,
  .gallery-grid {
    grid-template-columns: 1fr 1fr;
  }

  .watch-video {
    position: static;
    transform: none;
    margin-top: 2rem;
  }

  .cta-panel {
    padding: 2.5rem;
  }
	.btn.whatsapp-float{ right:15px; bottom:90px; }
	.areas-row {
        flex-wrap: wrap;
        padding: 30px;
    }
    .areas-heading {
        width: 100%;
        padding-right: 0;
        margin-bottom: 24px;
    }
    
    .area-col {
        flex: 1 1 45%;
        padding: 0 10px 20px;
    }
    .area-col:not(:last-child)::after {
        display: none;
    }
}



/* Mobile */
@media (max-width: 992px) {
    .splide__arrow--prev {
        left: -10px;
    }

    .splide__arrow--next {
        right: -10px;
    }
	.hero-slide{
    min-height:auto;
    padding-top:40px;
    padding-bottom:20px;
  }
  .hero-body{
    padding-bottom:30px;
  }
  .btn.whatsapp-float{
    position:static;
    width:fit-content;
    bottom:auto; right:auto;
    margin-top:0;
  }
 
}

@media (max-width: 768px) {
  .menu-toggle {
    display: inline-flex;
  }

  .nav,
  .header-call {
    display: none;
  }

  .nav.open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 1rem;
    right: 1rem;
    background: #111;
    padding: 1rem;
    border-radius: 12px;
    z-index: 20;
  }

  .site-header {
    position: relative;
    min-height: 96px;
  }

  .header-inner {
    position: relative;
  }

  .logo {
    width: 170px;
    height: auto;
  }

  .hero {
    min-height: auto;
  }

  .hero-media img {
    object-position: 65% center;
  }

  .hero-body {
    padding: 0rem 10px 11.5rem;
	top: 110px !important;
  }

  .hero-content {
    padding-left: 0;
  }

  .btn-hero {
    width: auto;
    max-width: none;
  }

  .social-rail,
  .hero-nav {
    display: none;
  }

  .diff-cards,
  .steps,
  .pricing-grid,
  .testi-grid,
  .gallery-grid {
    grid-template-columns: 1fr;
  }



  .price-card {
    min-height: auto;
  }

  .about-media,
  .about-media img {
    min-height: 0;
  }

  .footer-top,
  .footer-bar-inner,
  .gallery-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-top {
    grid-template-columns: 1fr;
    justify-items: start;
    margin-bottom: 2.5rem;
  }

  .footer-cta-copy {
    justify-self: start;
    text-align: left;
  }

  .footer-cta-btn {
    justify-self: start;
  }

  .footer-mid {
    gap: 1.25rem;
    margin-bottom: 2.25rem;
  }

  .footer-nav {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    letter-spacing: 0.16em;
  }

  .footer-bar-inner {
    display: flex;
    flex-wrap: wrap;
  }
	.booking-form .form-control,
    .booking-form .form-select {height: 45px;}
    .booking-form textarea.form-control {height: 100px;}
/* 	.hero-title{ font-size:2rem; } */
  .hero-social{ display:none; }
}


@media (max-width: 767.98px) {
.w-70{width: 70% !important;}
.off-can-icon{font-size: 25px;color: var(--pink);}
.offcanvas{background-color: #000;}
.offcanvas .btn-close {filter: invert(1) grayscale(100%) brightness(200%);opacity: 1;}
.offcanvas .header-number{color: #fff;    font-size: 12px;}
.offcanvas .nav{display: block !important;}
.site-header .logo img {width: 70%;}
.site-header {min-height: 75px;}
.offcanvas li a{font-size: 14px;}
.header-call img {width: 30px;height: 30px;}
.hero-slide{min-height: 100%;}
.hero-eyebrow {font-size: 14px;letter-spacing: 0.25em;}
.eyebrow::after{width: 60px;}
.hero-content h1{font-size: 28px !important;}
.btn-primary{font-size: 12px;padding: 15px;min-height: 30px; min-width: fit-content;}
.btn-solid-ghost{min-height: 50px !important;}
.circle-btn {width: 40px;height: 40px;}
.social-label{font-size: 12px;}
.social-icons a{width: 20px;height: 20px;}
.social-icons{gap: 10px;}
.social-rail{bottom: 20px;right: 5px !important;}
.difference {padding: 4rem 0 2rem;}
.eyebrow {font-size: 14px !important;letter-spacing: 0.25em !important;}
.diff-layout{gap: 0;}
.section-copy{font-size: 15px;}
.how{padding: 4rem 0 2rem;}
.services {padding: 2rem 0 2rem;}
.cta-panel {padding: 0;}
.watch-video img{width: 37%;}
.watch-video{margin-top: 0;}
.testimonials .splide__pagination__page{width: 12px;height: 12px;}
.faq-item .accordion-button{font-size: 16px;}
.faq-item .accordion-collapse p{font-size: 13px;}
.faq{padding: 0 0;}
.areas-copy h3{font-size: 20px;}
.areas p{font-size: 14px;}
.areas-panel{padding: 25px;}
.contact-card small{font-size: 13px;}
.contact-card strong, .contact-card strong a{font-size: 14px;}
.footer-cta-copy span:last-child{font-size: 16px;}
.footer-top{align-items: start !important;}
.areas{padding: 0rem 0 0rem;}
.footer-menu{flex-direction: column; margin-top: 30px;align-items: start;justify-content: center;gap: 22px;}
.footer-menu li a{font-size: 14px;letter-spacing: 0.25em;}
.footer-bar-inner{font-size: 12px;}
.social-row a {width: 30px;height: 30px}
.gallery-splide .splide__arrow--prev{top: 100%; left: 0;}
.gallery-splide .splide__arrow--next{top: 100%; right: 0;}
.splide__arrow--prev, .splide__arrow--next{width: 45px;height: 45px;}
.blog-date img{width: 17px;height: 17px;}
.blog-date p{font-size: 12px;}
.blog-date{padding: 6px 17px}
.blog-list-title{font-size: 20px;}   
.blog-list p{font-size: 13px;}
.about-banner-img{height: 100%;}
.section-heading{ font-size:1.6rem; }
.team-card{height:380px; }
.cta-content{padding:50px 20px; max-width:100%;position: absolute !important;top: 25% !important;bottom: 0;display: flex;flex-direction: column;justify-content: center; }
.cta-heading{font-size:25px; }
.cta-section{min-height:640px; align-items:flex-end; }
.cta-features{gap:16px;}
.top-title {font-size: 18px;}
.contact-box small {font-size: 12px;}
.contact-box strong {font-size: 15px;}
.contact-icon-white {width: 20px;}
.contact-icon.phone {width: 40px;height: 40px;}
.contact-box {padding: 20px;}
.form-sec{padding-top: 60px;}
.booking-form .form-control, .booking-form .form-select{font-size: 14px;}
.booking-form p{margin-bottom: 0;}
.booking-form .booking-submit{font-size: 13px;min-height: 46px !important;}
.areas-panel .contact-icon img{width: 28px;}
.eyebrow2{font-size: 14px !important;letter-spacing: 0.25em !important;}
.about{padding: 2rem 0 0rem;}
.cta-label span{font-size: 14px;}
.cta-label .line{width: 65px;}
.gallery{padding: 4rem 0 2rem;}
/* .cta-bg-img{height: 100%;} */
.cta-desc{font-size: 14px;}
.cta-features{flex-direction: column;}
.cta-features .feature{font-size: 14px;}
.team-section .section-label span{font-size: 12px;}
.team-name{font-size: 18px;}
.team-role{font-size: 12px;}
.single-post-section .post-title{font-size: 35px;}
.post-excerpt2{font-size: 14px;}
.meta-row div span{font-size: 16px;}
.meta-row div span.post-date{font-size: 12px;}
.thumb-row img{border-radius: 7px;}
.post-content h2{font-size: 28px;}
.post-content h3{font-size: 24px;}
.author-card-header h4{font-size: 22px;}
.author-card-body{flex-direction: column;}
.author-card-body h5{font-size: 20px;}
.author-card-body p{font-size: 13px;}
.comments-section h2{font-size: 28px;}
.sidebar-title {font-size: 20px;padding: 10px 22px;}
.popular-post {gap: 14px;}
.popular-post-img {width: 75px;height: 80px;min-width: 75px;}
.popular-post .cat {font-size: 14px;}
.popular-post h6 {font-size: 17px;}
.steps{gap: 45px;}
	 .hero-contact-row{
    flex-direction:column;
    align-items:stretch;
    flex-wrap:nowrap;
    border-radius:16px;
    width:100%;
    padding:10px 14px;
    gap:0 !important;
  }
  .hero-contact-row .contact-box2{
    padding:12px 4px;
    justify-content:flex-start;
  }
  .hero-contact-row .contact-box2 + .contact-box2::before{
    display:none;
  }
  .hero-contact-row .contact-box2:not(:last-child){
    border-bottom:1px solid rgba(255,255,255,.1);
  }

  .btn.whatsapp-float{
    width:auto;
    margin-left:auto;
	margin-right:auto;
    display:flex !important;
  }

 

  .h-btn .btn-outline-hero{
    font-size: 12px !important;
    padding: 12px !important;
    min-height: 50px !important;
  }
	 .location-list li {
        white-space: normal;
    }
    .areas-cta {
        flex-direction: column;
        align-items: flex-start !important;
        padding: 24px 20px;
    }
    .areas-cta-buttons {
        flex-wrap: wrap;
    }
    .areas-book, .areas-whatsapp {
        flex: 1;
        justify-content: center;
    }
    .areas-cta-headlight {
        display: none;
    }
       
	
	.border-end {
		border-right: none !important;
	}

    .areas-cta-buttons .btn-outline-hero{
      font-size: 12px;
      min-height: 0 !important;

    }
	
	.about-banner {
    position: relative;
    height: 170px;
    overflow-x: hidden;
	}
	.about-banner-content .section-title {font-size: 30px !important;}
	.about-banner-content .banner-content  {font-size: 12px !important;}
	
	.features-strip .col:after {
    content: "";
    position: absolute;
    border-right: none;	
}
	
	.hero-text{
		font-size: 13px !important;
	}
	
	.yt-video-wrapper iframe {
		height : 40vh !important;
	}
	
	.short-video{height: 550px ;}
	
	
}