@media(min-width: 1400px){
.choose .container .row .our h2 {
        position: absolute;
        top: 0px;
        left: 3%;
        font-size: 50px;
        background-color: #fff;
        padding-inline: 21px;
        color: #e3000e;
    }
    
    .property{
        margin-top: 226px !important;
    }
}
@media(max-width: 1326px){
    .choose .container .row .our h2 {
    position: absolute;
    top: -31px;
    left: 3%;
    font-size: 50px;
    background-color: #fff;
    padding-inline: 21px;
    color: #e3000e;
    }
}
@media(min-width: 1024px) and (max-width:1224px){
    .choose .container .row .our h2 {
    position: absolute;
    top: -3%;
    left: 3%;
    font-size: 50px;
    background-color: #fff;
    padding-inline: 21px;
    color: #e3000e;
    }
    .choose-right{
        position:unset !important;
    }
    .choose-right img {
        display: none !important;
    }
    
    #property-right h2 {
        font-size: 36px;
    }
    
    .book .container .row .our h2{
        position: absolute;
        font-size: 48px;
        top: -5%;
        left: 2%;
        color: #e3000e;
        background-color: #fff;
        padding-inline: 20px;
    }
    
    #book-bottom{
        font-size: 15px;
        padding-left: 31px;
    }
    
    .book .container .row .our {
        width: 412px;
        height: 85px;
        border: 2px solid #e3000e;
    }
    
    .property .container .row .col-lg-6 .button{
        padding-top: unset !important;
    }
    
    
    
}
@media(max-width: 1024px){
    .quick{
        display: flex;
        flex-direction: column !important;
        padding-block: 20px
    }
    
    #property-right h2 {
        font-size: 37px;
        color: #e3000e;
        line-height: 1.2;
    }
    
    .navbar {
      clip-path: inset(0);
      position: fixed !important;
      top: 92.5px;
      z-index: 1000;
      /*position: relative !important;*/
    }
    
    .banner .container{
        position: unset !important;
        max-width: 100%;
    }
    
    .reviews .container .swiper-slide {
        width: 307px !important;
    }
    
    .choose-right{
        left: 23%;
    }
    
    .choose .container .row .col-lg-6 img.choose-fl-img{
        padding-top: 46px;
    }
    
    .property .container .row .col-lg-6 .button{
        padding-top: unset !important;
    }

}

@media (max-width: 991.98px) {
    
    .buttons_hmAb{
        display:flex;
        gap:15px;
    }
    .buttons_hmAb a{
         display:block;
             width: 40%;
             text-align:center;
             margin:0 !important;
                     
    }
    
    
    
    .best-left-1{
                margin-top: 50px;
    }
    .best .container .row .col-lg-6 .twenty{
                bottom: 35% !important;
        left: 11px !important;
        /*width: 186px;*/
        /*padding: 5px;*/
        background-color: #ffffffa8;
    }
    .bstttRw_rev{
        flex-direction:column-reverse;
    }
    
    .nav-menu {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100% !important;
      background-color: #e3000e;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      max-height: 0;
      padding: 0;
      transition: max-height 0.4s ease, padding 0.3s ease;
    }
  
    .nav-menu.open {
      max-height: 500px;
      padding: 1rem 0;
      width: 100%;
    }
  
    .nav-menu ul {
      flex-direction: column !important;
      width: 100%;
      padding: 0;
      margin: 0;
    }
  
    .nav-menu ul li {
      width: 100%;
      text-align: center;
      padding: 0.8rem 0;
      padding-right: unset !important;
    }
  
    .nav-menu ul li a {
      color: white !important;
      font-size: 1.2rem;
      display: block;
      width: 100%;
    }
  
    .hamburger {
      display: flex !important;
    }
 
  
    .navbar {
      clip-path: none !important;
      position: fixed !important;
      top: 92.5px;
      z-index: 1000;
      /*position: relative !important;*/
    }
    .navtop{
        position:fixed;
        left: 0%;
        background-color: #fff;
        width: 100%;
        padding-bottom: 38px !important;
    }
    .navtop .container{
        /* flex-direction: column; */
        justify-content: center;
        align-items: center;
    }
    /*.navbar.scrolled {*/
    /*    top: 90px;*/
    /*}*/

    .navtop .nav-right{
        flex-direction: column;
        gap: 0 !important;
    }

    /* .navtop .nav-left img{
        width: 100% !important;
    } */
    .navtop .nav-right .address{
        display: none !important;
    }
    
    .prof-left {
        background-color: #e3000e;
        padding: 10px;
        padding-block: 17px;
        border-top-left-radius: 40%;
        border-bottom-right-radius: 40%;
        width: 10%;
    }
    
    .latest .button .read {
        padding: 10px 0px;
        background-color: #e3000e;
        border-radius: 50px;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        border: 2px solid #e3000e;
        transition: all 0.1s ease;
        /* padding-bottom: 17px; */
        display: block;
        /* border: 3px solid #000; */
        text-align: center;
        width: 20%;
    } 
    
    #book-form {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .service-grid .container .quick .quick-right a {
        margin-right: unset !important;
        font-size: 16px !important;
    }
    
        .about-list .col-lg-6 h2 {
        font-size: 48px;
        color: #e3000e;
        padding-top: 1rem;
    }
    .filter-btn{
            margin-bottom: 10px;
    }
    
    .recent-snap-1{
        width: 50%;
    }
  }
  
@media(max-width: 876px){
    .navbar {
      clip-path: none !important;
      position: fixed !important;
      top: 92.5px !important;
      z-index: 1000;
      /*position: relative !important;*/
    }
    
    
}
  
@media(max-width: 991.98px) {
    
  
    
    .best-left-1 {
        width: 100% !important;
    }
   .best-left-1 img {
        max-width: 100%;
        height: 590px;
        object-fit: cover;
        object-position: top;
        padding-bottom: 13px;
    }
    
    .best .img-container {
     padding-left: unset; 
    }
    .best-left-2{
        display: none;
    }
    .best .container .row .col-lg-6 .twenty {
        bottom: 39%;
        left: 80%;
        width: 186px;
        padding: 5px;
        /* background-color: #e3000e; */
    }
    .brand-img{
        flex-direction: column;
    }
    
    .brand-img img {
        margin-bottom: 24px;
        width: 92% !important;
    }
    
    .our p{
        margin: unset;
        font-size: 17px;
    }
    .service .container .our h2 {
        left: 26%;
        top: -13%;
        font-size: 45px;
    }
    .service .container .our {
        width: 80%;
        height: 77px;
        border: 2px solid #e3000e;
    }
    .service-grid .container .grid-container {
        grid-template-columns: 1fr;
    }
    
    .service-grid .container .grid-container .serv-img-1,
    .service-grid .container .grid-container .serv-img-2,
    .service-grid .container .grid-container .serv-img-3,
    .service-grid .container .grid-container .serv-img-4 {
        grid-column: span 1; /* Each item takes full column width */
        min-height: 400px; /* Optional: Adjust height for smaller screens */
    }
    .book{
        margin-top: 653px;
    }
    .service-grid .container .quick .quick-right a {
        padding: 12px 7px;
        border: 2px solid #ffffffa1;
        color: #fff !important;
        border-radius: 50px;
        font-size: 20px !important;
        margin-top: 10px;
        margin-right: unset !important;
    }
    
    .service-grid .container .quick{
        border-top-left-radius: unset;
        border-bottom-right-radius: unset;
        padding-bottom: 20px;
        padding-bottom: 20px;
        margin-top: 14px;
        height: auto;
    }
    
    .service-grid .container .quick > * {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .quick-left h2{
        padding-left: unset !important;
        margin-left: unset !important;
    }
    
    .quick-left p{
        padding-left: unset !important;
        margin-left: unset !important;
        font-size: 19px;
        text-align: center;
    }
    
    .book .container .row .img-container {
        position: unset !important;
        width: 80%;
    }
    
    .book .container .row .img-container img {
        width: 100%;
        object-fit: cover;
    }
    .book .container .row .our h2 {
        position: unset !important;
        font-size: 57px;
        left: 145px;
        color: #e3000e;
    }
    .book .container .row .img-container img {
        width: 100%;
        object-fit: cover;
        margin-top: 20px;
    }
    
    .property .col-lg-6 .img-container{
        display: none;
    }
    
    #property-right {
        height: auto;
        border: unset; 
        border-left: none;
        background-color: #fff;
        padding: 40px;
        position: inherit;
        bottom: inherit;
        margin-bottom: 20px;
    }
    
    .areas {
        width: 213px;
        height: 191px;
        position: absolute;
        bottom: 0%;
        border-radius: 20px;
        background-color: #000 !important;
        padding: 19px;
        right: 0;
    }
    .property {
        background-color: #ffdada;
    }
    
    .book .row form input{
        width: 100%;
    }
    
    #select_service select {
        width: 100%;
    }

    .book .container .row button{
        width: 100% !important;
    }
    .book .container .row .our{
        display: flex !important;
        justify-content: center !important;
        border:none !important;
    }
    p#book-2 {
        font-size: 17px;
        width: 100%;
        text-align: center;
        margin-top: 35px;
    }
    .choose{
        margin-top: 0;
    }
    .choose .container{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .choose .container .row .our h2 {
        position: absolute;
        top: -2%;
        left: 3%;
        font-size: 39px;
    }
    .uk-grid {
        margin-left: 54px !important;
    }
    
    .choose .container .row .our{
        width: 473px;
        height: 61px;
    }
    
    .service-grid .container .quick h2{
        font-size:30px;
        text-align: center;
    }
    
    .service-grid .container .quick .quick-right a {
        margin-right: unset !important;
        font-size: 22px !important;
    }
    
    .quick-right a img{
        width: 17%;
    }
    
    .book .container .row{
        flex-direction: column-reverse !important;
    }
}


@media (max-width: 767px) {
    .fr100{
        width:100% !important;
    }
    .copy {
        flex-direction: column;
        gap:0 !important;
    }
      .gallery-img{
        /*width: 100% !important;*/
    height: auto !important;
    }
    .banner .container .row .container h1 {
        font-size: 49px;
        text-transform: uppercase;
    }
    .banner .container .row .container a {
        width: 34%;
        padding: 8px 18px;
        position: relative;
        left: -0%;
        border: 2px solid #e3000e;
        border-radius: 50px;
        background-color: #e3000e;
        color: #fff !important;
        font-weight: bold;
        text-align: center;
        transition: all 0.3s ease;
    }
    .service-grid .container .quick {
        flex-direction: column;
        margin-top: unset;
        border-top-left-radius: unset;
        border-bottom-right-radius: unset;
        padding-bottom: 20px;
        margin-top: 14px;
    }
    
    .service .container .our {
        width: 80%;
        height: 58px;
        border: 2px solid #e3000e;
    }
    
    .service .container .our h2 {
        left: 21%;
        top: -13%;
        font-size: 38px;
    }
    
    .service .container .heading p {
        font-size: 13px;
        padding-top: 13px !important;
    }
    
    .book .container .row .our {
        width: 491px;
        height: 74px;
        border: 2px solid #e3000e;
    }
   
    .areas {
        display: none !important;
    }
    .book .container .row .our h2 {
        font-size: 50px;
        left: 76px;
        color: #e3000e;
        background-color: #fff;
        padding: 0 24px;
    }
    
    .book .container .row .our {
        width: 491px;
        height: 74px;
        border: 0px solid #e3000e;
    }
    
    #property-right h2 {
        font-size: 35px;
        color: #e3000e;
        line-height: 1.2;
    }
    
    #property-right p{
        font-size: 15px;
    }
    
    .latest .container .our {
        width: 495px;
        height: 67px;
        border: 2px solid #e3000e;
    }
    
    .latest .container .our h2 {
        position: absolute;
        top: 0%;
        font-size: 38px;
        background-color: #ffdada;
        padding-inline: 21px;
        color: #e3000e;
    }
    
    .uk-grid {
        margin-left: 98px !important;
    }
    
    .latest .button .read {
        padding: 10px 0px;
        background-color: #e3000e;
        border-radius: 50px;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        border: 2px solid #e3000e;
        transition: all 0.1s ease;
        /* padding-bottom: 17px; */
        display: block;
        /* border: 3px solid #000; */
        text-align: center;
        width: 100%;
    }
    
    .reviews .container .our h2 {
        position: absolute;
        top: -6%;
        font-size: 33px;
        background-color: rgb(238, 233, 233);
        padding-inline: 21px;
        color: #e3000e;
    }
    
    .reviews .container .our {
        width: 478px;
        height: 58px;
        border: 2px solid #e3000e;
    }
    
    .reviews .container .our p {
        font-size: 14px;
        padding-top: unset !important;
    }
    
    .best #best-img{
        padding: unset !important;
    }
    
  
    
    #row-down{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #row-down .text-light {
        width: 350px;
        display: flex;
        justify-content: center;
        align-items: start;
    }
    
    .recent-snap{
        display: flex;
    }
    
    
    .service-grid .container .quick h2{
        font-size:26px;
    }
    
    .service-grid .container .quick .quick-right a {
        margin-right: unset !important;
        font-size: 21px !important;
    }
    
    .quick-right a img{
        width: 19%;
    }
    
    .reviews .container .swiper-slide{
        width:auto !important;
    }
    
    #submit{
        margin-top: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #touch-now{
        text-align: center;
    }
    
    .badge{
        display: block;
    }
    
    .cntHead{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media(max-width: 676px){
    .choose-right {
        position: absolute;
        width: 415px;
        height: 323px;
        padding: 50px;
        /* border: 1px solid #edc77c; */
        bottom: 20%;
        right: 5%;
        background-color: #fff;
        left: 9%;
        top: -6%;
        box-shadow: 0 0 10px 6px #b3b3b34d;
    }
    
    .brand-img img {
        margin-bottom: 24px;
        width: 92% !important;
    }
}


@media(max-width: 550px){
    .banner .container .row span {
        color: #ceceb8 !important;
        text-align: center;
        display: block;
    }
    
    .banner .container .row .container h1 {
        font-size: 49px;
        text-transform: uppercase;
        text-align: center;
    }
    
    .banner .container .row .container a {
        width: 42%;
        padding: 8px 18px;
        position: relative;
        left: 25%;
        border: 2px solid #e3000e;
        border-radius: 50px;
        background-color: #e3000e;
        color: #fff !important;
        font-weight: bold;
        text-align: center;
        transition: all 0.3s ease;
    }
    
    .banner .container {
        position: unset !important;
        padding-left: unset !important;
        margin-left: unset !important;
    }
}

@media(max-width: 536px){
    .choose .container .row .our h2 {
        position: absolute;
        top: -2%;
        left: 3%;
        font-size: 46px;
    }
    
    .choose .container .row .our {
        width: 474px;
        height: 60px;
        border: 2px solid #e3000e;
    }
    #choose-p{
        font-size: 15px;
    }
    
    .reviews .container .our h2 {
        position: absolute;
        top: -3%;
        font-size: 26px;
        background-color: rgb(238, 233, 233);
        padding-inline: 21px;
        color: #e3000e;
    }
    
    .reviews .container .our {
        width: 399px;
        height: 58px;
        border: 2px solid #e3000e;
    }
    
    #latest-p{
        font-size: 13px;
    }
    
    .latest .container .our {
        width: 380px;
        height: 55px;
        border: 2px solid #e3000e;
    }
    
    .latest .container .our h2 {
        position: absolute;
        top: 0.5%;
        font-size: 32px;
        background-color: #ffdada;
        color: #e3000e;
    }
    
    .latest .container .our p {
        font-size: 12px !important;
        color: #000;
    }
    
    .reviews .container .our p {
        font-size: 13px;
        padding-top: unset !important;
    }
    
    .book .container .row .our {
        width: 366px;
        height: 45px;
    }
    
    p#book-2{
        font-size: 16px;
    }
    
    .book .container .row .our h2 {
        color: #e3000e;
        background-color: #fff;
    }
    
    .our p {
        margin: unset;
        font-size: 17px;
    }
}

@media(max-width: 472px){
    .navbar {
        clip-path: none !important;
        position: fixed !important;
        top: 76px !important;
        z-index: 1000;
        margin-top: 7px;
        /* position: relative !important; */
    }
    
    .best .col-lg-6 .buttons .read{
        width: 100%;
    }
    
    .best .col-lg-6 .buttons .number{
        width: 100%;
    }
    
    .col-first{
        padding: 0 48px;
    }
    
    .grid-info{
        display: flex;
        justify-content: center;
        align-items: start !important;
        flex-direction: column;
    }
    
    .grid-inf{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }
    
    .service-grid .container .grid-container .serv-img-1 p{
        text-align: left !important;
    }
    .service-grid .container .grid-container .serv-img-2 p{
        text-align: left !important;
    }
    .service-grid .container .grid-container .serv-img-3 p{
        text-align: left !important;
    }
    .service-grid .container .grid-container .serv-img-4 p{
        text-align: left !important;
    }
    
    .book-right{
        margin-bottom: 35px;
    }
 
    .buttons_hmAb a{
        padding: 10px !important;
        font-size: 20px !important;
    }
    .best .container .row .col-lg-6 .twenty p{
        font-size: 40px;
    }
    
    .service{
        padding-top: 0 !important;
    }
    
    .best .container .row .col-lg-6 .twenty{
        bottom: 29% !important;
        width: 150px;
    }
    .banner .container .row span {
        color: #ceceb8 !important;
        text-align: center;
        display: block;
        font-size: 16px !important;
        margin-left: unset !important;
    }
    
    .banner .container .row .container h1 {
        font-size: 39px;
        text-transform: uppercase;
        text-align: center;
        margin-left: unset !important;
    }
    
    .banner .container .row .container a {
        width: 42%;
        padding: 3px 23px;
        position: relative;
        left: 22%;
        border: 2px solid #e3000e;
        border-radius: 50px;
        background-color: #e3000e;
        color: #fff !important;
        font-weight: bold;
        text-align: center;
        transition: all 0.3s ease;
    }
    
    .prof-left {
        background-color: #e3000e;
        padding: 5px;
        padding-block: 12px;
        border-top-left-radius: 40%;
        border-bottom-right-radius: 40%;
        width: 14%;
    }
    
    .twenty-left{
        width: 14%;
    }
    .service .container .our {
        width: 100%;
        height: 58px;
        border: none;
        flex-direction: column;
        justify-content: start !important;
        align-items: start !important;
    }
    
    .service .container .our h2 {
        left: 24%;
        top: -18%;
        font-size: 29px;
        position: unset;
        padding-inline: unset;
    }
    
    .service .container .heading p {
        font-size: 17px !important;
        padding-top: unset !important;
    }
    
    #service-p{
        font-size: 18px;
        margin-top: 36px !important;
        text-align: left !important;
    }
    
    .book .container .row .our {
        width: auto;
        height: 45px;
        border: none;
        align-items: center !important;
        display: flex;
        justify-content: start !important;
        align-items: start !important;
    }
    
    .book .container .row .our h2 {
        font-size: 40px;
        padding-inline: unset
    }
    
    .book .container .row .our p {
        margin: unset;
        font-size: 17px !important;
        padding: 0 !important;
        text-align: left;
    }
    
    p#book-2 {
        font-size: 16px;
        width: 100%;
        text-align: center;
        margin-top: 45px;
        text-align: left;
    }
    
    #property-right .button .read {
        padding: 6px 23px;
        background-color: #e3000e;
        border-radius: 50px;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        border: 2px solid #e3000e;
        transition: all 0.4s ease;
        width: 100%;
        margin-right: unset !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #property-right .button .phone {
        padding: 3px 14px;
        border: 3px solid #e3000e;
        border-radius: 50px;
        color: #e3000e;
        font-weight: bold;
        font-size: 20px;
        transition: all 0.2s ease;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }   
    
    .choose .container .row .our {
        width: auto;
        height: 45px;
        border: none;
    }
    
    .choose .container .row .our h2 {
        position: inherit;
        font-size: 37px;
        width: 100%;
        padding-inline: unset;
        display: flex;
        justify-content: start;
        align-items: start;
    }
    
    #choose-p {
        position: inherit;
        padding-top: 13px !important;
    }
    
    #choose-h2{
        font-size: 20px;
        text-align: left;
        margin-top: 28px;
    }
    
    #choose-h2 span{
        font-size: 14px;
        margin-top: 28px;
    }
    
    .latest .container .our {
        width: 100%;
        height: 55px;
        border: none;
        display: flex;
        justify-content: start !important;
        align-items: start !important;
        flex-direction: column;
    }
    
    .latest .container .our h2 {
        position: inherit;
        top: 0.5%;
        font-size: 38px;
        background-color: #ffdada;  
        padding-inline: unset !important;
        color: #e3000e;
    }
    
    .latest .container .our p {
        font-size: 16px !important;
        color: #000;
        padding-top: unset !important;
    }
    
    #latest-p {
        font-size: 15px !important;
        text-align: left !important;
        margin-top: 35px !important;
    }
    
    .reviews .container .our {
        width: 100%;
        height: 58px;
        border: none;
        display: flex;
        justify-content: start !important;
        align-items: start !important;
        flex-direction: column;
    }
    
    .reviews .container .our h2 {
        position: inherit;
        font-size: 35px;
        background-color: rgb(238, 233, 233);
        padding-inline: unset;
        color: #e3000e;
    }
    
    #reviews-p{
        font-size: 15px;
        text-align: left !important;
    }
    
    .service-grid {
        min-height: 1055px;
        background: url(../img/serv-back.png) no-repeat center center / cover;
        margin-top: 226px;
        position: relative;
    }
    
    #choose-p-2{
        font-size: 14px;
    }
    
    .choose-right {
        position: absolute;
        width: 415px;
        height: 323px;
        padding: 50px;
        /* border: 1px solid #edc77c; */
        bottom: 20%;
        right: 5%;
        background-color: #fff;
        left: 3%;
        top: -6%;
        box-shadow: 0 0 10px 6px #b3b3b34d;
    }
    
    .uk-grid {
        margin-left: 56px !important;
    }
    .property{
        min-height: 681px;
        background-color: unset;
        margin-bottom: unset !important;
        margin-top: unset !important;
    }
    
    #select_service select {
        width: 100%;
    }
    .copy{
        font-size: 14px;
    }
    
    #property-right span{
        text-align: left;
        display: block;
    }
    
    .property .container .row .col-lg-6 .button {
        align-items: center;
        padding-top: unset !important;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 10px;
    }
    
    #property-right h2 {
        font-size: 35px;
        color: #e3000e;
        line-height: 1.2;
        text-align: left;
        margin-bottom: unset !important;
    }
    
    #property-right p {
        font-size: 15px;
        text-align: left;
    }
    
    .service-list .heading h2 {
        font-size: 41px;
        font-weight: bold;
    }
    
    .prof{
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start !important;
    }
    .prof-left{
        padding-block: 16px !important;
    }
    
    /*.prof-right h3{*/
    /*    text-align: center;*/
    /*}*/
    
    /*.prof-right p{*/
    /*    text-align:center;*/
    /*}*/
    .buttons_hmAb{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .header{
        display: flex;
        flex-direction: column-reverse;
        gap: 8px !important
    }
}

@media(max-width: 412px){
    .banner .container {
        position: unset !important;
        padding-left: unset !important;
        margin-left: unset !important;
    }
    
    .buttons_hmAb a {
        padding: 10px !important;
        font-size: 18px !important;
    }
    
    /*.choose {*/
    /*    margin-top: 150px !important;*/
    /*}*/
    
    
    /*#choose-h2{*/
    /*    font-size: 14px;*/
    /*    padding-left: 11px;*/
    /*}*/
    
    /*#choose-h2 span{*/
    /*    font-size: 14px;*/
    /*    padding-left: 11px;*/
    /*}*/
    
    /*#choose-p-2{*/
    /*    padding-inline: 20px;*/
        
    /*}*/
    
     .uk-grid {
        margin-left: 46px !important;
    }
    
    .grid-info{
        flex-direction: column !important;
    }
    
    /*.choose{*/
    /*    display: none !important;*/
    /*}*/
    
    .property{
        min-height: 777px;
    }
    
    .serv-img-2{
        display: flex;
        justify-content: center !important;
        align-items: center !important;
    }
    
    .serv-img-3{
       display: flex;
        justify-content: center !important;
        align-items: center !important;
    }
    
    /*.grid-inf h3{*/
    /*    text-align : center;*/
    /*}*/
    
    /*.grid-inf p{*/
    /*    text-align: center;*/
    /*}*/
    
    #property-right span {
    font-size: 20px;
    }
    
    .service-grid .container .quick h2 {
        text-align: center;
    }
    /*About*/
    .banner-about {
        min-height: 297px;
    }
    
    .banner-about h1 {
        font-size: 36px;
    }
    
    /*Service*/
    .banner-serv{
        min-height: 297px;
    }
    
    /*Project*/
    .banner-proj{
        min-height: 297px;
    }
    
    /*Contact*/
    .banner-contact{
        min-height: 297px;
    }
    
    .banner-contact h1{
        font-size: 37px;
    }
    
    .quick-left p {
        text-align: center;
    }
    
    .service-grid .container .quick .quick-right a {
        margin-right: unset !important;
    }
    
    .choose-right{
        display: none;
    }
    
    /*.quick-right a{*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*}*/
    
    /*.service .container .heading p {*/
    /*    font-size: 10px !important;*/
    /*    padding-top: unset !important;*/
    /*}*/
    
    /*#service-p {*/
    /*    font-size: 11px;*/
    /*    margin-top: -12px !important;*/
    /*    padding-inline: 50px;*/
    /*}*/
    
    .service .container .our h2 {
        left: 75px;
        top: -18%;
        font-size: 29px;
    }
    
    #select_service select{
        width: 100%;
    }
    
    .best .col-lg-6 .buttons .read {
        padding: 1px 10px;
        background-color: #e3000e;
        color: white;
        border-radius: 50px;
        font-weight: bold;
        border: 2px solid #e3000e;
        width: 100%;
        transition: all 0.1s ease;
    }
    
    .best .col-lg-6 .buttons .number {
        padding: 0px 3px;
        border: 2px solid #e3000e;
        color: black;
        border-radius: 50px;
        font-weight: bold;
        width: 100%;
        transition: all 0.3s ease;
    }
    
    .quick-right a img{
        width: 14%;
    }
    
    /*.service-grid .container .quick .quick-right a {*/
    /*    margin-right: unset !important;*/
    /*    font-size: 16px !important;*/
    /*}*/
    
    .quick{
        padding-bottom: 24px;
    }
    
    /*.choose .container .row .our h2 {*/
    /*    position: absolute;*/
    /*    top: -1%;*/
    /*    left: 13%;*/
    /*    font-size: 25px;*/
    /*}*/
    
    .about-list .col-lg-6 h2 {
        font-size: 35px;
        color: #e3000e;
        padding-top: 1rem;
    }
    
    .about .col-lg-6 h2 {
        font-size: 35px;
        color: #e3000e;
    }
    
    
}

@media (min-width: 767px){
    

    
    .cntFrmmm  .form-control{
    margin-bottom:20px !important;
}
}
@media (min-width: 768px) and (max-width: 912px) {
  .navbar {
        clip-path: none !important;
        position: fixed !important;
        top: 21% !important;
        z-index: 1000;
        /* position: relative !important; */
    }
    
    .call-us{
        padding-top: unset !important;
        font-size: 12px;
    }
    
    .nav-left{
        width: 53%;
    }
}

@media(max-width: 360px){
    .heading h2{
        text-align: center;
    }
    .heading p{
        text-align: center;
    }
    
    .service .container .heading p{
        text-align:left;
    }
    
    .prof{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }
    .prof-left{
        padding-block: 16px !important;
    }
    
    .prof-right h3{
        text-align: center;
    }
    
    .prof-right p{
        text-align:center;
    }
    .buttons_hmAb{
        display: flex;
        justify-content: center;
    }
    .header{
        display: flex;
        flex-direction: column-reverse;
        gap: 8px !important
    }
    
    .book .container .row .our h2 {
        font-size: 23px;
    }
    
    .book .container .row .our p {
        margin: unset;
        font-size: 13px !important;
        padding: 0 !important;
    }
    
    p#book-2 {
        font-size: 12px;
        width: 100%;
        margin-top: 10px;
    }
}

@media (min-width: 330px) and (max-width: 472px){
    .navbar {
        clip-path: none !important;
        position: fixed !important;
        z-index: 1000;
        /* position: relative !important; */
    }
    .call-us{
        padding-top: unset !important;
        font-size: 12px;
    }
    .nav-left{
        width: 50%;
    }
    
    .choose .container .row .our h2{
        font-size: 30px;
        text-align: left !important;
    }
    
    
    .service-grid .container .quick h2 {
        text-align: center;
        font-size: 27px;
    }
    
    .quick-left p {
        text-align: center;
        font-size: 16px;
    }
    
    .service-grid .container .quick .quick-right a {
        padding: 12px 20px;
    }
    
    .banner .container .row .container a {
        width: 55%;
        padding: 6px 29px;
        position: relative;
        left: 22%;
        border: 2px solid #e3000e;
        border-radius: 50px;
        background-color: #e3000e;
        color: #fff !important;
        font-weight: bold;
        text-align: center;
        margin-left: unset !important;
        position: unset;
        transition: all 0.3s ease;
    }
    
    .banner .container {
        position: unset !important;
        padding-left: unset !important;
        margin-left: unset !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-right: unset;
    }
    
  
}

@media (max-width: 575px){
    .copy_pgg {
        padding-top: 20px;
        flex-direction:column;
        gap:0 !important;
    }
}
@media (max-width: 540px){
   .navbar {
        clip-path: none !important;
        position: fixed !important;
        top: 17%;
        z-index: 1000;
        margin-top: 7px;
        /* position: relative !important; */
    } 
    
    .navtop .container{
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        gap: 9px;
    }
}

/*@media (max-width: 340px){*/
/*    .navbar {*/
/*        clip-path: none !important;*/
/*        position: fixed !important;*/
/*        top: 11%;*/
/*        z-index: 1000;*/
        /* position: relative !important; */
/*    } */
/*}*/



@media (min-width: 300px) and (max-width: 400px){
    
    .banner {
    /* min-height: 685px; */
    /* background: url(../img/bskBANN_imgNew.jpg) no-repeat center center / cover; */
    min-height: 200px !important;
    background: url(../img/bskBANN_imgNew.jpg) no-repeat center center / cover;
    background-position: center ;
    background-size: cover ;
    padding-top: 255px ;
}
    
    .service-grid .container .quick h2 {
        text-align: center;
        font-size: 18px;
    }
    
    .nav-left{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .nav-left a{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .grid-info{
        flex-direction: column;
    }
    
    #call {
        width: 13%;
    }
    .quick-left p {
        text-align: center;
        font-size: 14px;
    }
    
    .best .col-lg-6 .buttons .read {
        padding: 1px 10px;
        background-color: #e3000e;
        color: white;
        border-radius: 50px;
        font-weight: bold;
        border: 2px solid #e3000e;
        transition: all 0.1s ease;
        font-size: 10px;
    }
    
    .best .col-lg-6 .buttons .number {
        padding: 0px 3px;
        border: 2px solid #e3000e;
        color: black;
        border-radius: 50px;
        font-weight: bold;
        transition: all 0.3s ease;
        font-size: 12px;
    }
    
    /*.choose {*/
    /*    margin-top: 250px;*/
    /*}*/
    
    .latest .container .our p {
        font-size: 14px !important;
        color: #000;
        padding-top: unset !important;
        text-align: left;
    }
    
    /*.choose .container .row .our h2 {*/
        /* position: absolute; */
    /*    top: -1%;*/
    /*    left: 65px !important;*/
    /*    font-size: 25px;*/
    /*}*/
    
    .reviews .container .our h2 {
        position: inherit;
        top: -3%;
        font-size: 30px;
        background-color: rgb(238, 233, 233);
        color: #e3000e;
    }
    
    .reviews .container .our p {
        font-size: 16px;
        padding-top: unset !important;
        text-align: left;
    }
    
    /*#choose-p {*/
    /*    font-size: 10px !important;*/
    /*}*/
    
    .book .container .row button {
        width: 85% !important;
    }
    
    #property-right .button .read {
        padding: 10px 23px;
        background-color: #e3000e;
        border-radius: 50px;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        border: 2px solid #e3000e;
        transition: all 0.4s ease;
    }
    
    #property-right .button .phone {
        padding: 7px 14px;
        border: 3px solid #e3000e;
        border-radius: 50px;
        color: #e3000e;
        font-weight: bold;
        font-size: 15px;
        transition: all 0.2s ease;
    }
    
    .banner .container .row .container a {
        width: 50%;
        padding: 6px 13px;
        position: relative;
        left: 22%;
        border: 2px solid #e3000e;
        border-radius: 50px;
        background-color: #e3000e;
        color: #fff !important;
        font-weight: bold;
        text-align: center;
        position: unset;
        transition: all 0.3s ease;
    }
    
    .banner .container .row .container h1 {
        font-size: 32px;
        text-transform: uppercase;
        text-align: center;
    }
    .navbar {
        clip-path: none !important;
        position: fixed !important;
        top: 66px !important;
        z-index: 1000;
        /* position: relative !important; */
    }
    
    .book .container .row .our {
        width: auto;
        height: 45px;
        border: none;
    }
    
    /*.choose .container .row .our {*/
    /*    width: auto;*/
    /*    height: 45px;*/
    /*    border: none;*/
    /*}*/
    
    /*.choose .container .row .our h2 {*/
        /* position: absolute; */
    /*    top: -1%;*/
    /*    left: 6px;*/
    /*    font-size: 25px;*/
    /*}*/
    
    .latest .container .our {
        width: 100%;
        height: 55px;
        border: none;
    }


    .reviews .container .our {
        width: 100%;
        height: 58px;
        border: none;
    }
    
    /* #choose-p {*/
    /*    position: relative;*/
        /*left: 0 !important;*/
    /*    top: 5px;*/
    /*    font-size: 13px;*/
    /*    text-align: center;*/
    /*}*/
    
    #row-down{
        /*display: none;*/
    }
    
    .prof-left {
        background-color: #e3000e;
        padding: 5px;
        padding-block: 5px;
        border-top-left-radius: 40%;
        border-bottom-right-radius: 40%;
        width: 18%;
    }
    
    .twenty-left {
        background-color: #e3000e;
        padding: 3px;
        padding-block: 6px;
        border-top-left-radius: 40%;
        border-bottom-right-radius: 40%;
        width: 18%;
    }
    
    .buttons{
        padding-top: unset !important;
    }
}

@media (min-width: 282px) and (max-width: 330px){
    .banner .container .row .container a {
        width: 62%;
        padding: 6px 13px;
        position: relative;
        left: 13%;
        border: 2px solid #e3000e;
        border-radius: 50px;
        background-color: #e3000e;
        color: #fff !important;
        font-weight: bold;
        text-align: center;
        transition: all 0.3s ease;
    }
    
    #row-down{
        display:none;
    }
    
    /*.choose .container .row .our h2 {*/
        /* position: absolute; */
    /*    top: -1%;*/
    /*    left: 17px !important;*/
    /*    font-size: 25px;*/
    /*}*/
    
    /*#choose-p {*/
    /*    position: relative;*/
    /*    left: 0% !important;*/
    /*    top: 5px;*/
    /*    font-size: 13px;*/
    /*    text-align: center;*/
    /*}*/
    
    #property-right p {
        font-size: 12px;
    }
    
    .banner .container .row .container a {
        width: 53%;
        padding: 6px 13px;
        position: relative;
        left: 18%;
        border: 2px solid #e3000e;
        border-radius: 50px;
        background-color: #e3000e;
        color: #fff !important;
        font-weight: bold;
        text-align: center;
        transition: all 0.3s ease;
    }

    .nav-right .call {
        display: none;
    }
    .nav-left a{
        display: flex;
        justify-content: start;
        align-items: center;
    }
    
    .nav-left a img{
        width: 37% !important;
    }
    
    .prof-left {
        background-color: #e3000e;
        padding: 5px !important;
        padding-block: 5px;
        border-top-left-radius: 40%;
        border-bottom-right-radius: 40%;
        width: 10%;
    }
    
    .twenty-left {
        background-color: #e3000e;
        padding: 3px;
        padding-block: 6px !important;
        border-top-left-radius: 40%;
        border-bottom-right-radius: 40%;
        width: 10%;
    }
    
    .call-us{
        padding-top: unset !important;
    }
    
    .call-us p{
        font-size:12px;
    }
    
    .call-us a{
        font-size: 9px;
    }
    
    #property-right h2 {
        font-size: 34px;
        color: #e3000e;
        line-height: 1.2;
    }
    
    .service .container .our h2 {
        left: 55px;
        top: -9%;
        font-size: 24px;
    }
    
    .service .container .heading p {
        font-size: 9px !important;
        padding-top: unset !important;
    }
    
    #service-p {
        font-size: 9px;
        margin-top: -12px !important;
    }
    
    .book .container .row .our h2 {
        position: absolute;
        font-size: 32px;
        top: -2%;
        left: 47px;
        color: #e3000e;
        background-color: #fff;
    }
    
    .book .container .row .our p {
        margin: unset;
        font-size: 10px !important;
        padding-right: unset !important;
    }
    
    #property-right h2 {
        font-size: 34px;
        color: #e3000e;
        line-height: 1.2;
    }
    
    #property-right .button .read {
        padding: 6px 5px;
        background-color: #e3000e;
        border-radius: 50px;
        color: #fff;
        font-weight: bold;
        font-size: 10px;
        border: 2px solid #e3000e;
        transition: all 0.4s ease;
    }
    
    #property-right .button .phone {
        padding: 3px 1px;
        border: 3px solid #e3000e;
        border-radius: 50px;
        color: #e3000e;
        font-weight: bold;
        font-size: 9px;
        transition: all 0.2s ease;
    }
    
    /*.choose .container .row .our h2 {*/
        /* position: absolute; */
    /*    top: -1%;*/
    /*    left: 39px !important;*/
    /*    font-size: 25px;*/
    /*}*/

    
    /*#choose-h2 {*/
    /*    font-size: 14px;*/
    /*    padding-left: 11px;*/
    /*}*/
    
    /*#choose-p-2 {*/
    /*    padding-inline: 20px;*/
    /*    text-align: center;*/
    /*}*/
    
    .call-us a {
        font-size: 8px;
    }
    
    
    .prof-right h3 {
        color: #e3000e;
        font-size: 20px;
    }
    
    .prof .prof-right p{
        font-size: 14px;
    }
    
    .prof-left {
        background-color: #e3000e;
        padding: 5px;
        padding-block: 1px;
        border-top-left-radius: 40%;
        border-bottom-right-radius: 40%;
        width: 10%;
    }
    
    .twenty-left {
        background-color: #e3000e;
        padding: 3px;
        padding-block: 0px;
        border-top-left-radius: 40%;
        border-bottom-right-radius: 40%;
        width: 10%;
    }
    
    /*.choose {*/
    /*     margin-top: 9px !important; */
    /*}*/
}