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

    .container{

        padding: 0px;

    }

    a.btn {

        padding: 14px 20px;

    }

    .hero-banner .hero-content-box {

        top: 58px;

    }

    .hero-banner .hero-content-box h1.heading-first {

        line-height: 76px;

    }

    .after-hero.text-box {

        padding: 16px;

    }

    .after-hero.text-box p {

        width: 93%;

        line-height: 48px;

    }


  


     .client-testimonial .testimonial-slider .swiper-wrapper
    {
        margin: 40px 0px 30px;

    }



    .villas .grid.all-villas {
        margin-top: 40px;
        padding: 0px 30px;
    }

    .villas .grid .grid-box p {

        margin: 12px 0px 26px;

    }

    .villas .grid .grid-box .inner-grid {

        padding: 12px 0px 6px;

    }

    .gallery.client-testimonial {

        padding: 50px 70px 47px !important;

    }

    .location {

        padding: 90px 0px 81px !important;

    }

    .location .grid {

        grid-template-columns: 6fr 5fr;

        gap: 90px;

    }

    .location .grid .grid-box.map-box {

        margin-right: -19px;

    }

    .location .grid .grid-box.text-box {

        margin-top: -10px;

    }



    footer .grid.footer-content {

        padding: 0px 30px;

    }

    footer .grid.footer-content h2:before {

        bottom: -8px;

    }

    footer .grid.footer-content .grid-box ul {
        gap: 15px;
        margin-top: 38px;
    }
    footer .grid.footer-content .grid-box ul ul {
        gap: 15px;
    }
    footer .grid.footer-content .grid-box.find-box {

        margin-left: 29px;

    }

    footer .grid.footer-content .grid-box.follow-box {

        margin-left: 49px;

    }

    footer .grid.footer-content .grid-box.about-box {

        margin-left: 30px;

    }



}



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

    .all-locations .grid.location-box {
        grid-template-columns: 1fr 1fr;
    }
    .villas .grid.all-villas {
        grid-template-columns: 1fr 1fr;
    }

}



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

    h2 {

        font-size: 36px;

        line-height: 50px;

    }

    h3 {

        font-size: 22px;

        line-height: 30px;

    }

    p {

        font-size: 18px;

    }



    a.btn {

        font-size: 14px;

        padding: 13px 24px;

        height: 50px;

        white-space: nowrap;

    }

    header {

        padding: 19px 0px;

    }

    header ul.navbar-nav.nav-mobile li.nav-item a.nav-link {

        justify-content: center;

        font-size: 22px;

        line-height: normal;

    }

    header a.nav-link {

        font-size: 18px;

    }



    .offcanvas.offcanvas-start {

        width: 40%;

    }

    .after-hero.text-box {

        padding: 18px;

    }

    .after-hero.text-box p {

        font-size: 22px;

        width: 100%;

        line-height: 40px;

    }



    .villas .grid.all-villas {
        column-gap: 15px;
        row-gap: 25px;
        margin-top: 40px;
        grid-template-columns: 1fr 1fr;
    }

    .villas .grid .grid-box .inner-grid {

        display: grid;

        grid-template-columns: auto auto auto auto;

    }





    .client-testimonial .testimonial-slider .swiper-slide {
        padding: 20px;
        border-radius: 20px;
        min-height: 407px;
    }



    .client-testimonial .testimonial-slider .swiper-slide p {
        padding: 20px 0px 0px;
        margin: 16px 0px 0px;
        font-size: 16px;
        line-height: 30px;
    }

    .client-testimonial .testimonial-slider .swiper-slide .about-client {
        margin-top: 20px;
    }
    .client-testimonial .testimonial-slider .swiper-slide .about-client h3 {
        font-size: 18px;
    }

  

    .location .grid {

        gap: 50px;

    }

    .location .grid .text-box p {

        font-size: 18px;

        line-height: 32px;

    }



    footer .grid.footer-content {

        display: grid;

        grid-template-columns: 2fr 2fr 2fr 1fr;

        gap: 30px;

    }

    footer .grid.footer-content h2 {

        font-size: 32px;

    }

    .contact-whatsapp {

        width: 60px;

    }









    .hero.subhero .hero-headding-box h1 {

        font-size: 50px;

        }

        .about-services .grid {

            padding: 0px 0px;

        }

    .about .grid .grid-box.img-box {

        margin-left: 0px;

        margin-right: 0px;

    }

    .about .grid .grid-box.text-box {

        margin-left: 0px;

    }



    .contact-us .text-box p {

        width: 95%;

    }



    .contact-us .contact-form .input-box label {

        font-size: 18px;

        line-height: 30px;

        margin-bottom: 10px;

    }

    .contact-us .contact-form .input-box .input-fields input, .contact-us .contact-form .input-box .input-fields select {

        height: 50px;

    }

    .contact-us .contact-form .input-box {

        display: flex;

        margin-bottom: 30px;

    }

    .contact-us .contact-form .input-fields a.btn.submit-btn {

        margin-top: 0px;

    }



    .all-locations .grid.location-box h2 {

        font-size: 32px;

        line-height: 43px;

    }



  

    }




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

    h2 {

        font-size: 28px;

    }

    h3 {

        font-size: 20px;

        line-height: 30px;

    }

    p {

        font-size: 16px;

    }

    .py-50 {

        padding: 30px 0px !important;

    }

    .py-90 {

        padding: 50px 0px !important;

    }

    header ul.navbar-nav.nav-mobile li.nav-item {

        padding: 20px 10px 10px;

    }

    header ul.navbar-nav.nav-mobile li.nav-item a.nav-link {

        font-size: 20px;

        justify-content: space-between;

    }

    header ul.navbar-nav.nav-mobile  a.nav-link .fa-angle-right {

        display: block;

    }

    header .offcanvas-header {

        padding-bottom: 10px;

        border-bottom: 1px solid #e9e9e9;

        margin-bottom: 20px;

    }

    .offcanvas.offcanvas-start {

        width: 50%;

    }

    .hero-banner.hero, 
    .hero-banner .img-box, 
    .hero-banner .img-box img {
        height: auto;
    }
   

    .hero-banner .hero-content-box h1.heading-first {

        font-size: 60px;

        line-height: 80px;

    }



    .after-hero.text-box p {

        font-size: 20px;

    }

    .gallery .swiper-pagination-bullets {
        position: relative;
        top: 20px !IMPORTANT;
    }
    .gallery h2.text-center {
        margin-bottom: 20px;
    }
    section.gallery.gallery-home {
        padding: 50px 0px 70px !important;
    }  
    .client-testimonial .testimonial-slider .swiper-wrapper
 {
        margin: 30px 0px;

    }

    .gallery-slider .swiper-slide.relative img,

    .gallery-slider-second .swiper-slide.relative img {

        height: 350px;

    }



  

    .villas .grid.all-villas {
        column-gap: 15px;
        row-gap: 20px;
        margin-top: 30px;
    }

    .villas .grid.all-villas .grid-box .villa-box {

        padding: 10px;

    }

    .villas .grid .grid-box p {

        font-size: 14px;

        line-height: 26px;

        margin: 10px 0px 20px;

    }

    .villas .grid .grid-box .inner-grid {

        display: grid;

        grid-template-columns: auto auto;

        row-gap: 10px;

    }

    .villas .grid .grid-box .btn-box {

        margin: 20px 0px 10px 0px;

        gap: 10px;

    }



    .client-testimonial .testimonial-slider .swiper-slide {
        padding: 20px 10px;
        min-height: 418px;
    }
  


     .client-testimonial .testimonial-slider .swiper-wrapper
 {

        margin: 30px 0px 30px;

    }

    .client-testimonial .testimonial-slider .swiper-slide p {
        padding: 15px 0px 0px;
        margin: 10px 0px 0px;
        font-size: 14px;
    }
    .client-testimonial .testimonial-slider .swiper-slide .about-client {
        margin-top: 15px;
    }
    .client-testimonial .testimonial-slider .swiper-slide .about-client h3 {

        font-size: 17px;

    }



    .location .grid {

        gap: 30px;

    }

    .location .grid .map-box iframe {

        height: 300px;

    }

    .location .grid .text-box p {

        font-size: 15px;

        line-height: 28px;

        margin-top: 10px;

    }

    footer .grid.footer-content {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 20px;

        margin: 50px 0px 50px;

    }

    footer .grid.footer-content .grid-box ul {
        margin-top: 30px;
        gap: 15px;
    }

    footer .grid.footer-content .grid-box ul ul{
        gap: 15px;
    }




    .hero.subhero .hero-headding-box {

        top: 80px;

    }

    .hero.subhero .hero-headding-box h1 {

        font-size: 40px;

    }



    .hero.subhero .hero-breadcrumb-box {

        width: 100%;

    }



    .hero.subhero .hero-breadcrumb-box .breadcrumb {

        justify-content: center;

    }

    .hero.subhero .hero-breadcrumb-box .breadcrumb li {

        font-size: 22px;

    }



    .about-services .grid .grid-box {

        padding: 20px 20px;

    }

    .about-services .grid .grid-box ul li {

        gap: 10px;

        font-size: 18px;

    }

    .about {

        padding: 50px 0px 50px;

    }

    .about .grid {

        gap: 20px;

    }



    .about .grid .grid-box.text-box p {

        margin: 10px 0px 20px;

        line-height: 30px;

        width: 100%;

    }

    .about .grid .grid-box.text-box h3 {

        margin: 30px 0px 20px;

    }



    .gallery .btn-box a.btn {
        margin-top: 50px !important;
    }



    

    .contact-us .text-box p {

        width: 100%;

        font-size: 15px;

        line-height: 30px;

    }



    .contact-us .contact-form {

        margin-top: 50px;

        padding: 0px 0px;

    }

    .contact-us .contact-form .input-box {

        column-gap: 20px;

    }

    .contact-us .contact-form .input-box label {

        font-size: 16px;

        line-height: 24px;

    }

    .contact-us .contact-form .input-box .input-fields input, 

    .contact-us .contact-form .input-box .input-fields select {

        height: 45px;

    }





    .all-locations {

        padding: 50px 0px;

    }

    .all-locations .grid.location-box {

        grid-template-columns: 1fr 1fr;

        column-gap: 40px;

        row-gap: 40px;

        padding: 0px;

    }

   

    .all-locations .grid.location-box h2 {

        font-size: 26px;

        line-height: 43px;

    }

    .all-locations .grid.location-box ul.location-list li {

        font-size: 18px;

        line-height: 30px;

    }



    .contact-us .contact-form .input-fields input.wpcf7-form-control.submit-btn {
        padding: 19px 20px;
        height: 50px;
    }

}



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



    h2 {

        font-size: 24px;

        line-height: normal;

    }

    a.btn {
        height: 40px;
        padding: 10px 20px;
    }

    .py-90 {

        padding: 30px 0px !important;

    }

    header {

        padding: 10px 0px;

    }

    .offcanvas.offcanvas-start {

        width: 100%;

    }

    header ul.navbar-nav.nav-mobile li.nav-item a.nav-link {

        font-size: 18px;

    }

    header button.btn-close.text-reset {

        padding: 10px; 

    }

 



    ul.navbar-nav.nav-desk {

        display: none;

    }

    .hero-banner.hero, 
    .hero-banner .img-box, 
    .hero-banner .img-box img {
        height: auto;
    }
    .hero-banner .hero-content-box {

        width: 80%;

    }

    .hero-banner .hero-content-box h1.heading-first {

        font-size: 36px;

        line-height: 45px;

    }



    .hero-banner .img-box img {

        min-height: 350px;

    }

    .hero-banner .hero-content-box img {

        min-height: auto;

        width: 130px;

    }

    .after-hero.text-box {

        padding: 15px;

    }

    .after-hero.text-box p {

        font-size: 16px;

    }
    section.gallery.gallery-home {
        padding: 30px 0px 40px !important;
    }

    /* .gallery .slider-negative-margin {
        margin: 0px -250px;
    } */
    .gallery-slider .swiper-slide.relative img,

    .gallery-slider-second .swiper-slide.relative img {

        height: 150px;

    }



      .client-testimonial .testimonial-slider .swiper-wrapper
       {
        margin: 20px 0px 30px;
    }
    .gallery .swiper-pagination-bullets {
        top: 15px !IMPORTANT;
    }
    .gallery .gallery-slider-second .swiper-pagination-bullets span.swiper-pagination-bullet,
    .gallery .swiper-pagination-bullets span.swiper-pagination-bullet, 
    .client-testimonial .testimonial-slider .swiper-pagination-bullets span.swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }


    
    
    .gallery .swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active, 
    .client-testimonial .testimonial-slider .swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active, 
    .gallery .gallery-slider-second .swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 5px;
        height: 5px;
    }
   

    .villas .grid.all-villas {
        column-gap: 0px;
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .villas .grid .grid-box img.w-full {

        height: 200px;

    }
    .gallery .btn-box a.btn {
        margin-top: 30px !important;
    }
    

    .client-testimonial .testimonial-slider .swiper-wrapper {

        margin: 20px 0px 20px;

    }

    .client-testimonial .testimonial-slider .swiper-slide {
        min-height:auto;
    }
    .location .grid {

        gap: 20px;

        grid-template-columns: 1fr;

    }



    footer .grid.footer-content {

        grid-template-columns: 1fr;

        gap: 30px;

        margin: 40px 0px;

    }

    footer .grid.footer-content h2 {

        font-size: 24px;

    }

    footer .grid.footer-content .grid-box ul {
        gap: 10px;
        margin-top: 20px;
    }
    footer .grid.footer-content .grid-box ul ul{
        gap: 10px;
    }

    footer .copyright p {

        font-size: 12px;

        padding: 12px 0px;

    }

    .contact-whatsapp {

        width: 40px;

        right: 16px;

    }





    .hero.subhero .hero-headding-box {

        top: 50px;

    }

    .hero.subhero .hero-headding-box h1 {

        font-size: 26px;

    }

    .hero.subhero .hero-breadcrumb-box {

        bottom: 40px;

    }

    .hero.subhero .hero-breadcrumb-box .breadcrumb {

        align-items: center;

        gap: 5px;

        margin: 0px;

    }

    .hero.subhero .hero-breadcrumb-box .breadcrumb li {

        font-size: 16px;

    }

    .hero.subhero .hero-breadcrumb-box img {

        min-height: auto !important;

        width: 20px;

    }

    .about-services .grid {

        padding: 0px 0px;

        grid-template-columns: 1fr;

    }

    .about-services .grid .grid-box ul {
        gap: 25px;
    }
    .about {

        padding: 30px 0px;

    }

    .about .grid {

        gap: 20px;

        grid-template-columns: 1fr;

    }

    .about .grid .grid-box.text-box .btn-box {

        gap: 10px;

    }



    .about .grid .grid-box.text-box .btn-box a.btn{

        width: 100%;

    }

   

    .contact-us .text-box p {

        margin-top: 10px;

    }

    .contact-us .contact-form {

        margin-top: 40px;

    }

    .contact-us .contact-form .input-box {

        column-gap: 0px;

        flex-direction: column;

        row-gap: 25px;

        margin-bottom: 25px;

    }

    .contact-us .contact-form .input-box label {

        font-size: 14px;

        line-height: 20px;

    }





    .all-locations {

        padding: 30px 0px;

    }

    .all-locations .grid.location-box {

        grid-template-columns: 1fr;

        column-gap: 0px;

        row-gap: 30px;

    }

    .all-locations .grid.location-box h2 {

        font-size: 22px;

        line-height: 30px;

    }

    .all-locations .grid.location-box ul.location-list {;

        margin-top: 15px;

    }

    .all-locations .grid.location-box ul.location-list li {

        font-size: 16px;

        line-height: 26px;

    }


/* new-css */
    .contact-us .contact-form .input-fields input.wpcf7-form-control.submit-btn {
        padding: 14px 0px;
        height: 40px;
        width: 150px;
    }
}