@media (max-width:1366px) {

  
}



@media (max-width:1024px) {

   
    .common-heading {

        font-size: 44px;

    }

}



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

    button.navbar-toggler {
        position: absolute;
        right: 13px;
        top: 18px;

    }



    header .left-top .loc {
        display: none !important;

    }



    .callnw-btns {
        display: none;
    }



    button.navbar-toggler {
        top: 31px;

    }



    .banner-home .content-bnr {

        padding-top: 0rem;

    }

    .banner-home img {
        height: 100vh;
        object-fit: cover;
    }


    .banner-home .inner-content h2 {
        color: var(--theme-color);
        font-size: 1.5rem;

    }

    .banner-home {
        background-color: #e3eaff;
        padding: 16px 0 0;
        max-height: 90vh;
        overflow: hidden;

    }





   
    .footer .footer-widget .add li {
         display: grid;
        gap: 10px;
        grid-template-columns: 40px 1fr;
}

    .footer-bottom p{
     font-size: 14px;
    }
 

}



@media (max-width:576px) {

   
   .banner-home .content-bnr {
        padding-top: 0rem;
    }

    .banner-home .inner-content h2 {
        color: var(--theme-color);
        font-size: 1.2rem;
    }
    .common-btn {
        font-size: 13px;
    }



    .banner-home {
        max-height: 100vh;
    }

    .banner-home .bnr-img .name-float h4 {
        margin-bottom: 0px;
        font-size: 18px;

    }

    .banner-home {
                padding: 0;
            }
    .banner-home .inner-content h2 {
        color: var(--theme-color);
        font-size: 34px;
    }
    .banner-home .inner-content{
        top: 7%;
    }
    .dancefloor-section .des1 {
  
    max-width: 105px;
}
.dancefloor-section .funky-img{
    height: auto;
}
   .dancefloor-section .funky-title{
    font-size: 26px;
   }  
   .gallery-section h2 {
    font-size: 30px;
}
.cta-funky .cta-title{
    font-size: 30px;
}       

    .common-heading {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .banner-home .inner-content h2 {
        color: var(--theme-color);
        font-size: 26px;
    }
    .banner-home .inner-content {
        top: 50%;
    }
    .about-us-section .about-content p{
        text-align: justify;

    }

}

  @media (max-width: 576px) {
    .container {
      flex-direction: column;
      gap: 5px;
      text-align: center;
    }
  
    .banner-home img {
        height: 28vh;
        object-fit: cover;
    }

        .banner-home {
        margin-top: 65px;
        max-height: 28vh;
    }

    

.banner-home .content-bnr {
    margin-top: 8rem;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(0px);
    padding: 15px;
}

}

  @media (max-width: 576px) {
    .container {
      flex-direction: column;
      gap: 5px;
      text-align: center;
    }
  
    .banner-home img {
        height: 38vh;
        object-fit: cover;
    }

        .banner-home {
        margin-top: 0px;
        max-height: 38vh;
    }

    

.banner-home .content-bnr {
    margin-top: 8rem;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(0px);
    padding: 15px;
}
.banner-home .inner-content h2 {
        font-size: 16px;
        text-align: left;
        text-shadow: 1px 1px 1px rgb(0 0 0 / 82%);
    }
    .top-bar {
    display: none;
}
header {
    top: 0;
    
}
header .navbar-brand img {
    max-height: 81px;
}
.navbar-collapse {
   background:white;
}


    
header nav ul.navbar-nav .nav-item .nav-link {

    padding: 5px 15px;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 0%);
}


    .banner-home .inner-content {
        left: 25px;
    }
    

ul.therpy {
    text-align: left;
}
.footer .footer-widget ul {
    text-align: left;
}


    header .navbar-brand img {
        max-height: 81px;
        filter: brightness(0) invert(1);
       
}
header.sticky .navbar-brand img {
     
        filter: brightness(1) invert(0);
       
}
}