@media (min-width: 1500px) and (max-width: 1920px) {

}
/* Normal desktop :1500 */
@media (min-width: 1200px) and (max-width: 1498px) {
    .carousel-caption {
        bottom: 11rem;
    }
    .carousel-caption h5{
        font-size: 25px;
    }
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0px;    background: #002858; }

}   
/* ============ desktop view .end// ============ */

/* Normal desktop :1199. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .carousel-caption {
        bottom: 1rem;
    }
    .carousel-caption h5{
        font-size: 20px;
    }
    .facility-slices{
        width: 290px;
        margin-right: 5px;
        margin-left: 5px;
      }
      .message {
        /* background: #ffc107; */
        padding: 40px;
        border: 1px solid #fff;
        margin: 10px;
    }
    .message h5 {
        font-size: 1.4rem;
        text-align: center;
    }
    .navbar-brand img {
        width: 130px;
        /* margin-top: 5px; */
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .msg h5{
        font-size: 1.2rem;
    }
    .about-section img{
        position: unset;
    }

}
/* Tablet desktop :991. */
@media (min-width: 768px) and (max-width: 991.98px) {

    .header-top {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .header-top h3 {
        font-size: 18px;
    }
    .school-name p {
        letter-spacing: 0px;
        font-size: 11px;
        font-weight: 600;
        margin-bottom: 0px;
    }
    .navbar-nav li.nav-item {
        border-bottom: 1px solid #6a9cee2e;
    }
    .navbar-brand img {
            width: 50px;
        border-radius: 5px;
    }
    .navbar-brand {
        position: unset;
        top: -80px;
    }
    .navbar-toggler{
          border: 1px solid #6a9cee;
    }
    i.fas.fa-bars {
        color: #6a9cee;
    }
    .main-section {
        margin-top: 109px;
    }
    .spacer {
        padding: 20px 0px;
    }
    .about-section {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .about-section h5 {
        margin-top: 20px;
    }
    .about-section img{
        position: unset;
    }
    .project{
      margin-bottom: 20px;
    }
    .map {
      width: 150px;
        margin-bottom: 20px;
    }
    .info {
        font-size: 14px;
    }
    .icon-bar a {
        padding: 6px 10px 6px 10px;
        font-size: 15px;
    }
    #btn-back-to-top i {
        font-size: 20px;
    }
    /*about*/
    .inner-main-title {
        height: 90px;
        padding: 12px 10px;
    }
    .inner-main-title h5 {
        font-size: 16px;
    }
    .entry-header {
        padding: 20px 0px;
    }
    .breadcrumb{
      font-size: 10px;
    }
    .vision-heading-section {
        padding: 25px 25px;
    }
    .heading-section h5, .vision-heading-section h5 {
        font-size: 25px;
    }
    .inner-slices{
      height: unset;
    }
    .facility-slices{
      width: 330px;
      margin-left: 0px;
      margin-right: 0px;
    }
    .contact-info h6 {
        font-size: 13px;
    }
    .contact-info{
      padding: 16px 20px;
    font-size: 14px;
    }
    .carousel-caption {
        bottom: 0rem;
    }
    .carousel-caption h5 {
        font-size: 18px;
        line-height: 1.5;
    }
    .display{
        display: none;
    }

}
/* small mobile :767. */
@media (min-width: 576px) and (max-width: 767.98px) {
     .header-top {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .header-top h3 {
        font-size: 18px;
    }
    .school-name p {
        letter-spacing: 0px;
        font-size: 11px;
        font-weight: 600;
        margin-bottom: 0px;
    }
    .navbar-nav li.nav-item {
        border-bottom: 1px solid #6a9cee2e;
    }
    .navbar-brand img {
            width: 50px;
        border-radius: 5px;
    }
    .navbar-brand {
        position: unset;
        top: -80px;
    }
    .navbar-toggler{
          border: 1px solid #6a9cee;
    }
    i.fas.fa-bars {
        color: #6a9cee;
    }
    .main-section {
        margin-top: 109px;
    }
    .spacer {
        padding: 20px 0px;
    }
    .carousel-caption {
        bottom: 0rem;
    }
    .carousel-caption h5{
        font-size: 14px;
        line-height: 1.8;
    }
    .about-section {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .about-section h5 {
        margin-top: 20px;
    }
    .about-section img{
        position: unset;
    }
    .project{
      margin-bottom: 20px;
    }
    .map {
        margin-bottom: 20px;
    }
    .info {
        font-size: 14px;
    }
    .icon-bar a {
        padding: 6px 10px 6px 10px;
        font-size: 15px;
    }
    #btn-back-to-top i {
        font-size: 20px;
    }
    /*about*/
    .inner-main-title {
        height: 90px;
        padding: 12px 10px;
    }
    .inner-main-title h5 {
        font-size: 16px;
    }
    .entry-header {
        padding: 20px 0px;
    }
    .breadcrumb{
      font-size: 10px;
    }
    .vision-heading-section {
        padding: 25px 25px;
    }
    .heading-section h5, .vision-heading-section h5 {
        font-size: 25px;
    }
    .inner-slices{
      height: unset;
    }
    .facility-slices{
      margin-left: 0px;
      width: 100%;
    }
    .contact-info h6 {
        font-size: 13px;
    }
    .contact-info{
      padding: 16px 20px;
          font-size: 14px;
    }
    .display{
        display: none;
    }

}
/* Large Mobile :575. */
@media (min-width: 320px) and  (max-width: 575.98px) {
    img.pro-img{
        float: none;
        /*margin-right: 20px;*/
        width: 100%;
    }
    .header-top {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .header-top h3 {
        font-size: 18px;
    }
    .about-section::before {
           display: none;
        }
        .about-section img{
            position: relative;
        }
    .school-name p {
        letter-spacing: 0px;
        font-size: 11px;
        font-weight: 600;
        margin-bottom: 0px;
    }
    .navbar-nav li.nav-item {
        border-bottom: 1px solid #6a9cee2e;
    }
    .navbar-brand img {
            width: 50px;
        border-radius: 5px;
    }
    .navbar-brand {
        position: unset;
        top: -80px;
    }
    .navbar-toggler{
          border: 1px solid #6a9cee;
    }
    .dropdown-menu{
        background-color: transparent;
        border: unset;
    }
    .dropdown-menu a{
        font-size: 14px;
    }
    i.fas.fa-bars {
        color: #6a9cee;
    }
    .main-section {
        margin-top: 109px;
    }
    .carousel-caption {
        bottom: 0rem;
    }
    .carousel-caption h5{
        font-size: 12px;
        line-height: 1.4rem;
    }
    .about-section {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .about-section h5 {
        margin-top: 20px;
        font-size: 13px;
    }
    .message {
        /* background: #ffc107; */
        padding: 40px;
        border: 1px solid #fff;
        margin: 10px;
    }
    .message h5 {
        font-size: 1.2rem;
        text-align: center;
    }
    .project{
      margin-bottom: 20px;
    }
    .map {
        margin-bottom: 20px;
    }
    .info {
        font-size: 14px;
    }
    .icon-bar a {
        padding: 6px 10px 6px 10px;
        font-size: 15px;
    }
    #btn-back-to-top i {
        font-size: 20px;
    }
    /*about*/
    .inner-main-title {
        height: 90px;
        padding: 12px 10px;
    }
    .inner-main-title h5 {
        font-size: 16px;
    }
    .entry-header {
        padding: 5px 0px;
    }
    .breadcrumb{
      font-size: 10px;
    }
    /*.vision-heading-section {
        padding: 0px 25px;
    }*/
     .vision-heading-section p{
        font-size: 16px;
        padding: 10px 10px;
    }
    .heading-section h5, .vision-heading-section h5 {
        font-size: 25px;
    }
    .inner-slices{
      height: unset;
    }
    .facility-slices{
      margin-left: 0px;
      width: 100%;
    }
    .contact-info h6 {
        font-size: 13px;
    }
    .contact-info{
      padding: 16px 20px;
          font-size: 14px;
    }
    .spacer{
       padding: 30px 0px;
    }
    .timeline .timeline-item h5{
        font-size: 16px;
    }
    .mobHead h5{
        font-size: 16px;
    }
    .sub-heading h6{
        font-size: 14px;
    }
    .display{
        display: none;
    }

}


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

  @media (min-width: 768px) {}

  @media (min-width: 992px) {}

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

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

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

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

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

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

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