:root {

  --primary: #5C1865;

  --secondary: #d379df;

  --dark: #222222;

  --light: #656565;

  --bg-light: #F5F5F7;

}



@media (max-width: 991.98px) {}



@media (min-width: 1200px) {

   

}



@media (min-width: 992px) {



}



@media (min-width: 1200px) and (max-width: 1400px) {}



@media (max-width: 1400px) {



}





@media (max-width: 1200px) {

  

  header {

    padding: 0;

  }

  .main-menu-sec, .top-bar{

    padding: 15px 30px;

  }

  .logo img{

    height: auto;

  }

  .banner, .banner1{

    height: 65vh;

  }

.banner_caption {

    bottom: 20%;

  }
.section-title {
    font-size: 28px;
}
}





@media (max-width: 992px) {



  header {

    /* padding: 10px 0px; */

  }

  .menu{

    padding: 0;

  }

 .banner, .banner1{

    height: 55vh;

  }
  
.notifications {
    opacity: 1;
    padding: 15px 55px 15px 15px;
}
.notifications h5 {
  font-size: 17px;
}
.notifications li {
  padding: 5px 0px;
}
.notifications a{
  font-size: 14px;
}

.news-updates-title{
  width: 210px;
}

  section {

    padding: 40px 0px;

  }



/* .gallery-grid-container {

  display: grid;

  gap: 15px;

  grid-template-areas: 

      'photo1 photo1' 'photo2 photo3' 

      'photo4 photo5';

}



.photos:first-child img{

  width: 100% !important;

} */

.course-tab .tab-content ul {

  padding: 0;

  column-count: 2;

}

.gallery-grid-container {

  display: grid;

  grid-template-areas:

      'photo1 photo1' 

      'photo2 photo3'

      'photo4 photo4';

  gap: 15px;

  grid-template-columns: auto;

}

/* .photos img{

  height: 200px !important;

} */

.photos:first-child img, .photos:nth-child(4) img{

  height: 250px !important;

}

.photos:nth-child(3) img{

  height: 200px;

}

.photos:nth-child(3) a{

  display: none;

}

footer .footer-logo img {

  margin: 0 auto;

  display: block;

  margin-bottom: 20px;

}

footer .social {

  justify-content: center;

}



.footer-links{

  margin: 20px 0px;

}

footer .footer-links ul {

  /* column-count: 1;  */

      /* border-bottom: 1px solid #ffffff57; */

      padding-bottom: 10px;

}


.footer-logo-sec p{

  text-align: center;

  margin: 15px 0;

}

.copyright p{

  text-align: left;

}

}



@media (max-width: 768px) {
  .logo img{

    height: auto;

  }

  /* .banner, .banner1{

    height: 45vh;

  } */
  .banner_caption {
      display: none;
    /*left: 0;*/
    /*right: 0;*/
    /*text-align: center;*/
    /*bottom: 10%;*/
  }
  .banner .banner_caption h1 {
    font-size: 35px;
    margin-bottom: 10px;
  }
  .notifications{
    top: 43%;
  }

  .news-updates-title{
    display: none;
  }
  .section-title {

    font-size: 28px;

  }

  header {

    /* padding-top: 10px;

    padding-bottom: 10px; */

  }

 

  /* .course-tab .tab-content ul{

    column-count: 1;

  } */

.section-title-view-all {

  display: block !important;

  margin-bottom: 30px;

  text-align: center;

}

.tab-btn span{

  display: none;

}
/* 
footer .footer-links:nth-child(3){
  margin-bottom: 0;
}

footer .footer-links:last-child{
  margin-top: 0;
}

footer .footer-links:last-child h5{
  display: none;
} */

.copyright p{
  text-align: center;
}

.copyright img{

  margin: 0 auto;
  display: block;

}

.ipsr a{
  text-align: center;
  margin: 0 auto;
  display: block;
}

}



@media (max-width: 576px) {
  .preloader img{
    height: 60px;
  }

  .banner, .banner1{

    height: 50vh;

  }

.tab-wrapper{

  padding: 5px 20px;

}

.tab-header{

  gap: 10px;

}

.course-tab .tab-content ul{

  column-count: 1;

}

}



@media (max-width: 450px) {

  /* .notifications {

    top: 30px;

} */


}



/************************ Menu ************************/

/* responsive menu */

/* @media (max-width: 576px) {}



@media (max-width: 768px) {}*/



@media (max-width: 1600px) {

  .custom-nav .navbar {
    gap: 15px;
}
}

@media (max-width: 1500px) {

  /* .custom-nav .navbar {
    gap: 9px;
} */
}

@media (max-width: 1400px) {
  .main-menu-sec, .top-bar {
    padding: 5px 25px;
}

  .custom-nav .navbar {

    gap: 15px;

  }

  .custom-nav a, .contact-top a {
    font-size: 14px;
  }

}

@media (min-width: 1200px) {


  nav.custom-nav .navbar > li:nth-last-child(-n+7) > .submenu .submenu{

    right: 100% !important;

    left: auto !important;

}
.custom-nav .submenu .submenu .submenu{
  width: 270px;
}
/* .custom-nav .submenu .submenu .submenu a{
  display: inline-block !important;
    white-space: normal !important;
    word-wrap: break-word;
} */
 .custom-nav a{
  display: inline-block !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}
#topNav a{
      color: var(--secondary) !important;
      /* opacity: 0.6; */
}
}

@media (max-width: 1200px) {
  .contact-top{

    display: none;

  }
  nav.custom-nav{
    display: block !important;
  }

  .top-main{
    display: flex;
  }
  .top-links, .seperator{
    display: none;
  }

  .nav-btn1{
    gap: 7px;
  }


  #mainNav {

    background: var(--primary);

    position: fixed;

  }

  body.menu-open{

    overflow: hidden;

  }



  .custom-nav.open {

    left: 0;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

  }



  .custom-nav {

    width: 100%;

    max-width: 300px;

    height: 100vh;

    position: absolute;

    left: -350px;

    top: 0;

    overflow: scroll;

    z-index: 99999;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

  }



  .custom-nav a {

    font-weight: 400 !important;

    color: #fff !important;

  font-size: 16px;
  padding: 10px 30px;



  }



  .custom-nav .navbar {

    display: block;

    float: initial;

    margin-top: 30px;

    width: 100%;

  }


  .custom-nav .submenu {

    position: inherit !important;

    height: 0;

    padding: 0 0;

    top: initial;

    top: 0 !important;

    width: 270px;

    /* width: 100% !important; */

    background: #fff !important;

    box-shadow: none;

    margin: initial !important;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

  }



  .custom-nav .submenu a {

    color: var(--dark) !important;

    padding: 5px 15px;

    white-space: initial !important;

  }



  .custom-nav .submenu.open {

    height: fit-content;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

  }

    .topNav-btn,
  .mainNav-btn{
      display: block;
  }

#topNav{
    background: var(--primary);
}

  /* .mainNav-btn {

    display: block;

  } */



  .custom-nav .submenu .submenu {

    left: initial !important;

    background: rgba(0, 0, 0, 0.05) !important;

  }

}
@media (min-width: 1400px) {
  .custom-nav .has-child:hover > .submenu {
    top: 25px !important;
  }
}
@media (min-width: 993px) {
  .custom-nav .has-child:hover > .submenu {
    opacity: 1;
    top: 20px;
    pointer-events: all;
  }

  .custom-nav .submenu .has-child:hover > .submenu {
    opacity: 1;
    pointer-events: all;
    top: -10px !important;
  }
}


@media (max-width: 992px) {


  /* .custom-nav .navbar{

    gap: 15px;

  } */
  .main-menu-sec, .top-bar {
    padding: 5px 15px;
}

  .contact-top a{

    font-size: 13px;

  }

  .contact-top ul{
    gap: 10px;
  }
  .contact-top a{
    font-size: 12px;
  }
  .contact-top i {
    padding-right: 5px;
}

}

@media (max-width: 768px){
  /* .contact-top{

    display: none;

  } */
  .top-bar{

    /* display: flex;

    padding: 5px 30px; */

}
.top-bar ul{
  gap: 10px;
}
.top-bar ul li a{
  font-size: 10px;
}
.online-service{
  display: block;
}
}

@media (max-width: 576px){

  .top-bar{

    justify-content: center;

    padding: 5px 15px;

}
.top-bar ul{
  justify-content: center;
}

.main-menu-sec{

  padding: 10px 15px;

}
    .logo img {
        height: auto;
    }


}

@media (max-width: 350px){
      .top-bar ul li a {
        font-size: 9px;
    }
}