@media screen and (max-width:1400px) {
    .ourteam-row {
        gap: 40px;
    }
}
@media(max-width:576px){
    /*ENROLL CLASS  */
    .enrol-click {
        position: fixed;
        right: 20px !important;
        padding: 0px 0px;
        width: 130px;
        height: 130px;
        border-radius: 100%;
        bottom: 3vh;
        font-size: 16px;
    }
     /* SERVICES */
     ul.nyoga-services{
        width: 280px!important;
    }
    /* common sytles at max:576*/

    button.btn.about-read, button.btn.home-read, button.btn.team-read  {
        font-size: 16px;
        padding: 9px 25px;
    }
    /* header starts at max:576*/
    .rys-logo{
        justify-content: space-evenly
    }
    span.alliance-logo img {
        width: 75px;
    }
    a.nav-link.spl-menu2, a.nav-link.spl-menu1 {
        color: #fff;
        padding: 6px 20px;
        margin: 5px 0px;
    }
    .banner-slides {
        margin-bottom: 0px;
    }
    .small_logo{        
        text-align: center !important;
    }
    .small_menu {
        background-color: antiquewhite;
        padding: 10px;
        display: flex;
    }
    .small_menu button,.small_menu h5 {
        width: 50% !important;
    }
    .small_menu button{
        display: inline-block !important;
        box-shadow: none !important;
    }
    nav.navbar.navbar-expand-lg {
        padding-bottom: 0px;
    }
    #navbar .special-menu1,#navbar .special-menu2{
        display: none !important;
    }
    #navbar ul{
        background-color: antiquewhite;
    }
    #navbar ul li {
        border-bottom: 1px solid #000;
        display: block !important;
        width: 100%;
        padding-left: 10px;
        transition: all 0.9s ease;
    }
    #navbar ul li:hover {
        background-color: rgb(133, 125, 125);
        
    }
    button.navbar-toggler {
        border: none !important;
        display: flex !important;
        justify-content: end !important;
    }
    ul li:hover ul{
        display : block;
        left: 80px;
        }
    /* header ebds at max:576*/
   /* banner starts at max:576 */
   .mobile-banners .mb-title {
    color: #8d1d1c;
}
.with-yoga{
    font-weight: bold;
}
   .desktop-banners{
    display: none;
   }
   .desktop-banners .carousel-caption {
    right: 2%;
    bottom: 8%;
    left: -3%;
}
.mobile-banners .carousel-caption {
    right: 10%;
    bottom: 0%;
    left: 15%;
    top: 80px;
}
.desktop-banners .carousel-caption p {
    width: 52ch;
    margin: auto;
}
.banner h1{
    font-size: 15px;
}
.desktop-banners .carousel-caption button.btn.about-read{
    font-size: 12px;
    padding: 3px 6px;
}
/* banner ends at max:576 */
    /* About N Yoga starts at max:576 */
    .about-nyoga {
        padding: 40px 0;
    }
    .about-nyoga p {
        padding: 25px;
    }
    /* About N Yoga ends at max:576 */
    /* yoga @ home starts at max:576 */
    .yoga-home {
        padding: 40px 0px;
    }
    .yoga-home-title h1 {
        padding-bottom: 25px;
    }
    .yoga-home p {
        padding: 25px 0px;
    }
    .yoga-home-content{
        padding: 35px 30px;
    }
    .talk-instructor1, .talk-instructor2 {
        bottom: 0px;
    }
    .talk-instructor1 button, .talk-instructor2 button {
        padding: 6px;
    }
/* yoga @ home ends at max:576 */
/* Teacher Training starts at max:576 */
    .teacher-title h1 {
        padding: 40px 0px;
    }
    .training-btn {
    padding: 40px 0px;
    }
    .teacher-right {
        flex-basis: 100%;
    }
/* Teacher Training ends at max:576 */
/* Our Team starts at max:576 */
    /* our team */
    .teamimage2, .teamimage4 {
        top: 150px;
    }
    .teamimage1, .teamimage3 {
        top: 110px!important;
    }
/* Our Team starts at max:576 */
/* testimonials starts at max:576 */
    .testimonials h1 {
        padding: 35px 0px;
    }
    img.judie {
        margin: 20px 0px;
    }
/* testimonials ends at max:576 */
/* Newsletter starts at max-576 */
.newsletter-subscribe {
    padding: 40px 30px;
}
.news-letter {
    padding: 40px 0px;
}
/* Newsletter ends at max-576 */
/* Location starts at max:576 */
.bussiness-title h1 {
    padding: 40px 0px;
}
/* Location ends at max:576 */
/* Footer starts at max:576 */
.footer-content,  .yoga-dubai {
    padding: 40px;
}
.footer-logo {
    margin-bottom: 30px;
}
.contact-us, .timings{
    padding: 15px 0px;
}
/* Footer ends at max:576 */
}
@media(min-width:576px){
   
      /* common sytles min-576*/
      button.btn.about-read, button.btn.home-read, button.btn.team-read  {
        font-size: 17px;
        padding: 10px 27px;
    }
     /* header starts at min:576*/
     a.nav-link.spl-menu2, a.nav-link.spl-menu1 {
        
        color: #fff;
        padding: 6px 20px;
        margin: 5px 0px;
    }
     /* header ends at min:576*/
     /* banner starts at min:576 */
     .desktop-banners .carousel-caption {
        right: -12%;
        bottom: 10%;
        left: -9%;
    }
    .desktop-banners .carousel-caption p {
        width: 59ch;
        margin: auto;
    }
    .desktop-banners .carousel-caption button.btn.about-read{
        font-size: 15px;
        padding: 7px 20px;
    }
    /* banner ends at min:576 */
    /* yoga @ Home starts at min:576 */
    .yoga-home-content {
        padding: 0 30px;
    }
    .floral-design {
        top: -74px;
        right: 78px;
        width: 24%;
    }
    /* yoga @ Home ends at min:576 */
    /* Newsletter starts at min:576 */
    .newsletter-subscribe h1 {
        width: 24ch;
    }
    .newsletter-subscribe {
        padding: 40px 0px;
    }
    /* Newsletter ends at min:576 */
    /* footer */
    .footer-content{
        order:-1;
    }
     /* our team */
     .teamimage2, .teamimage4 {
        top: 155px;
    }
    .teamimage1, .teamimage3 {
        top: 110px!important;
    }
}
@media(max-width:768px){
     /* header */
     .small_logo{        
        text-align: center !important;
    }
    .small_menu {
        background-color: antiquewhite;
        padding: 10px;
        display: flex;
    }
    .small_menu button,.small_menu h5 {
        width: 50% !important;
    }
    .small_menu button{
        display: inline-block !important;
        box-shadow: none !important;
    }
    nav.navbar.navbar-expand-lg {
        padding-bottom: 0px;
    }
    #navbar .special-menu1,#navbar .special-menu2{
        display: none !important;
    }
    #navbar ul{
        background-color: antiquewhite;
    }
    #navbar ul li {
        border-bottom: 1px solid #000;
        display: block !important;
        width: 100%;
        padding-left: 10px;
        transition: all 0.9s ease;
    }
    #navbar ul li:hover {
        background-color: rgb(133, 125, 125);
        
    }
    a.nav-link:hover{
        color: #fff;
    }
    button.navbar-toggler {
        border: none !important;
        display: flex !important;
        justify-content: end !important;
    }
    ul li:hover ul{
        display : block;
        top: 270px!important;
        }
    /* yoga @ home starts at max:768 */
    .yoga-home-content{
        display: block;
    }
    .home-content{
        display: none;
    }
    .talk-instructor1, .talk-instructor2 {
        position: static;
    }
    .talk-btn {
        width: 47%;
        font-size: 20px;
    }
    /* yoga @ home ends at max:768 */
     /* banner */
 
     .desktop-banners .enroll-btn button.btn.about-read {
        position: absolute !important;
        top: 7px !important;
        left: 36% !important;
    }
    /* our team */
    /* .head3 {
        padding: 0px 30px!important;
    }
    .head1{
        padding: 0px 40px!important;
    } */
    /* Newsletter starts at max:768 */
    .newsletter-content {
        background-color: #fed96e;
        margin-top: 20% !important;
    }
    /* Newsletter ends at max:768 */
    /* footer starts at max:768 */
    .combine {
        flex-direction: column-reverse;
    }
    .timings {
        display: flex;
        justify-content: center;
        text-align: start;
    }
    .contact-us {
        justify-content: center;
        display: flex;
    }
    .footer-content{
        padding: 40px;
    }
    .footer-content{
        order:-1;
    }
    .timings,.contact-us{
        flex-basis: 100% !important;
    }
    /* footer ends at max:768 */
}
@media(min-width:768px){
    .small_menu h5{
        display: none;
    }
    /* yoga @ home starts at min:768 */
    .yoga-home-content{
        display: none
    }
    
    /* yoga @ home ends at min:768 */
    /* banner starts at min:768 */
    .desktop-banners .carousel-caption {
        right: -1%;
        bottom: 12%;
        left: 18%;
    }
    
    /* banner ends at min:768 */
    /* Yoga @ Home starts at min:768 */
    .floral-design {
        top: -74px;
        right: 78px;
        width: 24%;
    }
    /* Yoga @ Home ends at min:768 */
    /* Newsletter starts at min:768 */
    .newsletter-subscribe h1 {
        width: auto;
    }
    .newsletter-subscribe {
    padding: 0px;
    }
    /* Newsletter ends at min:768 */
    
}
@media(min-width:992px){
      /* header starts at min:992 */
      ul.navbar-nav {
        gap: 8px;
    }
    a.nav-link {
        font-size: 13px;
    }
    .nyoga-logo{
        display: none;
    }
    .yoga-home-content{
        display: none;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        justify-content: center;
    }
     /* header ends at min:992 */
  /* banner starts at min:992 */
  .desktop-banners .carousel-caption {
    right: -2%;
    bottom: 31%;
    left: 34%;
}
.desktop-banners .enroll-btn button.btn.about-read {
    position: absolute;
    left: 38px;
    top: 74px;
}
/* banner ends at min:992 */
    /* Yoga @ Home starts at min:992 */
    .floral-design {
        top: -70px;
        right: 84px;
        width: 26%;
    }
    .talk-btn {
        width: 47%;
        font-size: 23px;
    }
    .yoga-home p {
        text-align: justify;
        line-height: 36px;
        font-size: 18px;
        /* padding: 0 0 10% 0; */
    }
    .yoga-home-quote1, .yoga-home-quote2 {
        display: block;
        text-align: center;
        font-size: 23px;
        font-weight: bold;
        margin: 7% 0;
    }
    /* Yoga @ Home ends at min:992 */
    /* teacher training */
    .teacher1{
        position: relative;
    }
    .teacher-left,.teacher-right {
        transition: width .5s;
    }
    .teacher-right:hover{
    .teacher-left {
        flex-basis: 0%;
    }
}
    /* Newsletter starts at min:992 */
    .newsletter-subscribe h1 {
        width: 24ch;
    }
    /* Newsletter ends at min:992 */
    /* footer starts at min:992 */
    .footer-content{
        order:0;
    }
    footer ul li {
        font-size: 21px;
        line-height: 40px;
    }
    .footer-content p {
        font-size: 19px;
        line-height: 40px;
    }
    /* footer ends at min:992 */
    /* our team */
    .teamimage2, .teamimage4 {
        top: 110px;
    }
}
@media(max-width:992px){
   /* header starts at max:992 */
   .special-menu {
    margin: 5px 0;
}
.nyoga-logo1{
    display: none;
}
ul.navbar-nav {
    gap: 0px;
}
a.nav-link{
    font-size: 14px;
}
a.nav-link.spl-menu {
    padding: 5px 8px;
}
nav.navbar.navbar-expand-lg {
    display: block !important;
}
ul li:hover ul{
    display : block;
    top: 200px;
    }
/* header ends at max:992 */
  /* banner */
  .desktop-banners .online-hrs {
    right: -2%!important;
    bottom: 25%;
    left: -22%!important;
}
  .desktop-banners .enroll-btn button.btn.about-read {
    position: absolute;
    left: 149px;
    top: 7px;
}
.desktop-banners .enroll-btn button.btn.about-read{
    font-size: 16px;
    padding: 5px 15px;
}
.desktop-banners .carousel-caption {
    right: -1%;
    bottom: 12%!important;
    left: 35%;
}
    /* our team */
    .head1,.head2 {
        padding: 0px 25px;
    }
    .teamimage1, .teamimage3 {
        top: 125px;
    }
    .teamimage2, .teamimage4 {
        top: 110px;
    }
    /* footer starts at max:992 */
    .footer-content{
        order:-1;
        flex-basis: 100%;
    }
    .timings,.contact-us{
        flex-basis: 50%;
    }
    footer ul li {
        font-size: 21px;
        line-height: 40px;
    }
    .footer-content p {
        font-size: 19px;
        line-height: 40px;
    }
    /* footer ends at max:992 */
    
}
@media(min-width:1200px){
   /* header starts at min:1200px*/
   ul.navbar-nav {
    gap: 27px;
}
a.nav-link {
    font-size: 14px;
}
/* header ends at min:1200px */
    /* Yoga @ Home starts at min:1200 */
    .floral-design {
        top: -115px;
        right: 90px;
        width: 28%;
    }
    /* Yoga @ Home ends at min:1200 */
    /* footer starts at min:1200 */
    footer ul li {
        font-size: 24px;
        line-height: 40px;
    }
    .footer-content p {
        font-size: 22px;
        line-height: 40px;
    }
    /* footer ends at min:1200 */
}