@media only screen and (max-width:1366px) {
    .book-nows .f-row .ff {
        padding: 100px 125px;

    }    
    .contact-sec .cont-form {
   
        padding: 80px 100px 80px 125px;
    }
    .unit-price .payment-paln h3 {
        font-size: 43px;
    }
    .pay-option .pay-main {
        gap: 50px;
    }
    .floor-plan-p .floor-plan-main .floor-item .faci-main .faci-item h6 {
        font-size: 14px;
    }

    .gallery-p .gal-box-wrapper .gal-box-item h4 {
        font-size: 35px;
    }

    .p-contact .common-heading3 {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width:1024px) {
    .common-heading2{
        font-size: 50px;
    }
    header{
        padding: 0;
    }
 header .navbar-brand {
    width: 75%;
}
    header .navbar-brand:before {
    
        width: 131px;
        height: 114px;
    }
    header .navbar .navbar-nav .nav-item .nav-link {
  
        font-size: 13px;
        padding: 5px 12px;
    }
    header .common-btn {
    
        margin-left: 0.5rem;
        padding: 10px 24px;
    }
    .banner-home-new .bnr-img-outer .rd-more a{
        width: 120px;
    height: 120px;
    right: 18px;
    }
    .about-home h3{
        font-size: 50px;
    }
    .common-heading img {
        max-width: 56px;
        margin-bottom: 0;
    }
    .common-heading  {
        margin-bottom: 10px;
    }
    footer .f-nav ul li::before {
        right: -12px;
    }
    header .navbar .navbar-nav {
        border-radius: 15px;
    }
    .about-numb .img-build {
        gap: 10px;
    }

    .common-heading3 {
        font-size: 64px;
    }
    .about-booking .common-heading3 {
        font-size: 54px;
        text-transform: capitalize;
    }
    .about-booking p {
        font-size: 25px;
    }
    .core-ament .core-ament-main .core-ament-item h4 {
        font-size: 30px;
    }
    .facilities-ami .core-faci-bg img {
        width: 49%;
    }
    .p-contact .common-heading3 {
        font-size: 19px;
    }
    .contact-main {
        z-index: 5;
        display: block;
        position: relative;
    }
    .gallery-p .gal-box-wrapper .gal-box-item h4 {
        font-size: 25px;
    }

    .unit-price .payment-paln h3 {
        font-size: 33px;
    }
    .unit-price .common-heading {
        font-size: 45px;
        line-height: 46.5px;
    }
    .unit-price h5 {
        font-size: 36px;
    }
    .unit-price .sec {
        transform: translateX(30%);
    }
    .unit-price .sec img{
       max-width: 60%;
    }
    .bg.third img{
        max-width: 60%;
    }
    .unit-price .third {
        top: -24%;
        transform: translateX(-24%);
    }
    .pay-option .pay-main {
        gap: 15px;
    }
    .pay-option .pay-main .pay-item {
        padding: 40px 15px;
    }
    
    .pay-option .pay-main {
        grid-template-columns: repeat(1, 1fr);
    }

    .unit-price .third {
        top: -20%;
        transform: translateX(0%);
    }
    .downl-brouch .common-btn {
        margin-top: 0px;
    }
    .backing .banking-logo {
        grid-template-columns: repeat(2, 1fr);
    }
    .prject-p .project-plans {
        margin-top: 90px;
    }
    .prject-p .project-plans .project-cont {
        padding: 45px;
    }
    .cont-proj .common-heading3 {
        font-size: 45px;
    }
}

@media (max-width:992px) {
  
    
    .navbar-collapse {
        margin-top: 25px;
    }

    header .navbar .navbar-nav .nav-item .nav-link.active {
        width: fit-content;
    }
    .banner-home-new .banner-content {
        padding: 8rem 0 5rem;
    }

    .gal-sec .heading-text {
        padding-top: 0rem;
    }

    .common-heading2 {
        font-size: 43px;
    }
    .book-nows .f-row .ff {
        padding: 95px 50px;
    }
    .contact-sec .cont-form {
        padding: 60px 35px 60px 35px;
    }

    footer .f-nav ul {
        justify-content: center;
        flex-wrap: wrap;
        gap: 25px;
    }
 


 
 
    footer .f-nav ul {
        row-gap: 0px;
    }

    header nav .navbar-nav {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    }
    header nav .navbar-nav .nav-item {
        padding: 0px 5px;
    }


        header .navbar .navbar-nav .nav-item .nav-link {
        font-size: 13px;
        padding: 2px 0px;
    }
    .team-main .img {
        margin-bottom: 30px;
    }
    .inter-change .inter-item {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    }
    .footer .footer-widget {
        padding: 50px 0px 4px 0;
    }
        .contact .mao {
    height: 350px;
    margin-top: 35px;
}

}

@media (max-width:576px) {
  
    .beard-head .bread h1 {
        font-size: 41px;
        font-weight: 700;
    }
}

@media (max-width:375px) {
   
    .p-contact .commun {
        padding: 30px 20px 120px 20px;
    }
    .common-heading3 {
        font-size: 24px;
    }

}