/*Small devices (landscape phones, 576px and up) --- Most Used*/
@media (min-width: 0px) and (max-width: 768px) {
  footer {
    padding: 2em 0;
  }
  footer .each-footer-block p {
    padding-right: 0;
  }
  .hero-navbar .navbar-nav .active:after {
    display: none;
  }
  .hero-navbar .navbar-nav li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .hero-navbar {
    padding: 10px 1em;
  }
  .top-strip {
    padding: 5px 10px;
  }
}

/*Small devices (landscape phones, 576px and up) --- col*/
@media (min-width: 0px) and (max-width: 576px) {
  .hero-slider-wrapper .carousel-caption {
    top: 30%;
  }
  .hero-slider-wrapper .carousel-caption h3 {
    font-size: 1.1em;
    margin-bottom: 5px;
  }
  .hero-slider-wrapper .carousel-caption p {
    font-size: 1em;
    display: none;
  }
  .hero-navbar .navbar-brand img {
    width: 175px;
  }
  .our-logo .video-play {
    margin-top: 15px;
  }
  .page-banner {
    height: 200px;
  }
  .main-facilities-list {
    margin-top: 10px;
  }
  .about-page {
    padding: 2em 0;
  }
  .academics {
    padding: 2em 0;
  }
  .admission-page {
    padding: 2em 0;
  }
  .admission-page .each .section-heading h3 {
    font-size: 1em;
    margin-right: 0;
    width: 100%;
  }
  .facilities-page {
    padding: 2em 0;
  }
  .gallery-page {
    padding: 2em 1em;
  }
  .contact-information {
    padding: 2em 0;
  }
  .contact-information .right-block {
    margin-top: 40px;
  }
  .about-block {
    padding: 2em 0;
  }
  .about-block .right-block .founder-image h5 {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    margin-left: 0;
    display: none;
  }
  .about-block .right-block .founder-image {
    padding-top: 2em;
  }
  .mission-vision .mission,
  .mission-vision .vision {
    padding: 2em 0.5em;
  }
  .why-us {
    padding: 2em 0;
  }
  .mission-vision {
    padding: 2em 0;
  }
  footer .footer-water-mark h2 {
    line-height: 50px;
  }
}

/*Small devices (landscape phones, 576px and up) --- col-sm*/
@media (min-width: 576px) and (max-width: 768px) {
  .hero-slider-wrapper .carousel-caption {
    top: 30%;
  }
  .hero-slider-wrapper .carousel-caption h3 {
    font-size: 1.3em;
    margin-bottom: 5px;
  }
  .hero-slider-wrapper .carousel-caption p {
    font-size: 1em;
  }
  .our-logo .video-play {
    margin-top: 15px;
  }
}

/*Medium devices (tablets, 768px and up) --- col-md*/
@media (min-width: 768px) and (max-width: 991.98px) {
  footer {
    padding: 2em 1em;
  }
  footer .each-footer-block p {
    padding-right: 0;
  }
  .hero-navbar {
    padding: 10px 1em;
  }
  .top-strip {
    padding: 5px 10px;
  }
  .hero-slider-wrapper .carousel-caption {
    top: 30%;
  }
}

/*Large devices (desktops, 992px and up) --- col-lg*/
@media (min-width: 992px) and (max-width: 1199.98px) {
  .hero-navbar .navbar-nav li:not(:last-child) {
    margin-right: 10px;
  }
  .hero-navbar {
    padding: 10px 1em;
  }
  .top-strip {
    padding: 5px 10px;
  }
  .hero-slider-wrapper .carousel-caption {
    top: 40%;
  }
}

/*Extra large devices (large desktops, 1200px and up) --- col-xl*/
/*This code for Big Screens --- col-xxl*/
@media (min-width: 1600px) {
  .col-xxl-12 {
    max-width: 100% !important;
  }
  .col-xxl-11 {
    max-width: 91.66666667% !important;
  }
  .col-xxl-10 {
    max-width: 83.33333333% !important;
  }
  .col-xxl-9 {
    max-width: 75% !important;
  }
  .col-xxl-8 {
    max-width: 66.66666667% !important;
  }
  .col-xxl-7 {
    max-width: 58.33333333% !important;
  }
  .col-xxl-6 {
    max-width: 50% !important;
  }
  .col-xxl-5 {
    max-width: 41.66666667% !important;
  }
  .col-xxl-4 {
    max-width: 33.33333333% !important;
  }
  .col-xxl-3 {
    max-width: 25% !important;
  }
  .col-xxl-2 {
    max-width: 16.66666667% !important;
  }
  .col-xxl-1 {
    max-width: 8.33333333% !important;
  }
}
/*# sourceMappingURL=app-responsive.css.map */