/* Website: Dignity College

Author: Weberge by ipsr 

Responsive.css*/



:root {

    --primary: #0E6DAD;

    --secondary: #04724D;

    --dark: #222222;

    --light:#4B4C4C;

    --light1: #808080;

    --bg-light: #F4F5F9;

}



@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) {

  .welcome1 img {

    height: 240px;

            width: 90% !important;

        min-width: auto;

  }

  .welcome1::before{

    height: 320px;

  }

}





@media (max-width: 1200px) {

  .welcome-content-sec{

    padding-left: 60px;

  }

  .gallery-grid-container{

    gap: 10px;

  }

   .welcome1::before{

    width: 400px;

  }

 .welcome p{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}
.photos:first-child img, .photos:nth-child(3) img {
    min-height: 470px;
}
}





@media (max-width: 992px) {



  header {

    /* padding: 10px 0px; */

  }



  .logo img{

    height: 60px;

  }

  .menu{

    padding: 0;

  }

 

  .banner{

    height: 70vh;

  }



  section {

    padding: 40px 0px;

  }

  .welcome1{

    margin-bottom: 60px;

  }

   .welcome1::before{

    width: 85%;

  }

   .welcome-content-sec{

    padding: 0;

  }

.photos:first-child img, .photos:nth-child(3) img {
    min-height: 460px;
}

.footer-links{

  margin: 20px 0px;

}

footer .footer-links ul {

      padding-bottom: 10px;

}

footer .footer-logo img, .copyright img{

  margin: 0 auto;

  display: block;

}

.footer-logo-sec p{

  text-align: center;

  margin: 15px 0;

}

.copyright p{

  text-align: center;

}

.error1{

  justify-content: center;

}

}



@media (max-width: 768px) {

  .section-title {

    font-size: 30px;

    line-height: 36px;

  }



  h3 {

    font-size: 25px;

  }



  .banner{

    height: 60vh;

  }

  

.section-title-view-all {

  display: block !important;

  margin-bottom: 30px;

  text-align: center;

}

.section-title-view-all div:last-child{

  margin-top: 15px;

  display: flex;

  justify-content: center;

}

.section-sub-title{

  padding: 0;

  margin-bottom: 5px;

}

.section-sub-title::before{

  display: none;

}

.news-updates-title{

  display: none;

}

.gallery-grid-container {

  display: grid;

  grid-template-areas: 

      'photo1 photo1' 'photo2 photo4' 

      'photo3 photo3';

      grid-template-columns: auto;

}

.photos img {

  min-height: 190px;

  max-height: 200px;

}

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

  max-height: 230px;

  min-height: 180px;

  width: 100%;

}

}



@media (max-width: 576px) {

  footer .footer-links ul{

    column-count: 1;

  }

  .sub-page-content::before{

    display: none;

  }

}



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



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

/* responsive menu */

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



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

@media (min-width: 1200px) {
  .custom-nav .submenu {
        width: 270px;
    }
      .custom-nav .submenu .submenu .submenu {
        width: 250px;
    }
    .custom-nav .submenu .submenu .submenu a{
      font-size: 15px;
    }
        .custom-nav .submenu a {
        display: inline-block !important;
        white-space: normal !important;
        word-wrap: break-word;
    }
  /* nav.custom-nav .navbar>li:nth-last-child(-n+6) .submenu{
    left: auto;
    right: 100%;
} */
 /* nav.custom-nav .navbar>li:nth-last-child(-n+2) .submenu {

    left: auto;

    right: 0;

} */
/* nav.custom-nav .navbar > li:nth-last-child(-n+6) > .submenu{
  right: 100% !important;
  left: auto !important;
} */
nav.custom-nav .navbar > li:nth-last-child(-n+6) > .submenu .submenu{
  right: 100% !important;
  left: auto !important;
}
}

@media (min-width: 768px) {

  /* .top-bar{

    display: none;

  } */
   .top-bar2{
    display: none;
   }

  .top2{
    display: none !important;
  }

}

@media (max-width: 1600px) {



}

@media (max-width: 1400px) {

    .custom-nav .navbar {

    gap: 15px;

}
.contact-top a,
.top-bar a,
.custom-nav a{

  font-size: 14px;

}

}





@media (max-width: 1200px) {

  .custom-nav .navbar {

    gap: 16px;

  }

  .custom-nav a{

    font-size: 15px;

  }

} 



@media (max-width: 1199px) {

  .custom-nav .navbar{

    gap: 15px;

  }

  .custom-nav .navbar a{

    font-size: 13px;

  }



  #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;

  }



  .custom-nav .navbar {

    display: block;

    float: initial;

    margin-top: 30px;

    width: 100%;

  }



  .custom-nav .navbar a {

    padding: 10px 30px;

  }



  .custom-nav .submenu {

    position: inherit !important;

    height: 0;

    padding: 0 0;

    top: initial;

    top: 0 !important;

    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;

  }



  /* .mainNav-btn {

    display: block;

  } */



  .custom-nav .submenu .submenu {

    left: initial !important;

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

  }

}



@media (max-width: 1200px) {
   .mainNav-btn {

    display: block;

  }

    .main-menu-sec {

    padding: 5px 15px;

}

.contact-top ul{

  gap: 12px;

}

.contact-top a{

  font-size: 14px;

}

.contact-top i {

    font-size: 14px;

        padding-right: 5px;

}

}



@media (max-width: 992px) {

.contact-top ul{

  gap: 10px;

}

.contact-top a{

  font-size: 12px;

}

.contact-top i {

    font-size: 13px;

}

}



@media (max-width: 767.92px) {

  /* .contact-top{

    justify-content: center;

    padding: 3px 20px;

  } */
   .top-bar{
    padding: 5px 5px;
   }

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

  .cnt{

    display: none;

  }

  .top-bar a{

    color: white;

  }

  .contact-top{

    justify-content: center;

    padding: 5px 0;

  }

  .contact-top a, .contact-top i{

    color: white;

  }

.contact-top  i.fa-user{

    background-color: white;

    color: var(--secondary);

    padding: 4px 5px;

}



}



@media (max-width: 576px) {

  .main-menu-sec {

    padding: 5px 25px;

}
.top-bar a{
  font-size: 14px;
}
.top-bar i{
  font-size: 15px;
}

/* .contact-top ul{

  display: block !important;

  column-count: 2;

} */

 /* .contact-top ul li:nth-child(3), .contact-top ul li:nth-child(4){

  display: none;

 } */



}

@media (max-width: 400px) {

  .contact-top ul {

    gap: 10px;

  }

  .contact-top i {

    padding-right: 5px;

}

}