@media  (max-width:567px) {

  /*====Home Page===*/

  header .head {
    display: none;
  }


  nav .collapse ul li a {

    border-right: 0;

  }

  header .navbar-desk {
    display: none;
  }
  .hero-slider .carousel .carousel-inner {
    width: 100%;
    height: 40vh;
    position: relative;
  }
header  .navbar-mob {
    display: block;
  }

    .hero-slider .carousel .carousel-inner img {
      width: 100%;
      height: 300px;
    }


  .toppers .card {
    width: 70%;
    margin: 25% auto 0 auto;
  }

  .counter-section .card {
    width: 70%;
    margin: 0 auto;
  }

  .hero-img {
    background: url(../img/rayat-iti-mob.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 50vh;
  }

  /*=====Overview Page=====*/
 .history .kbp {
   display: none;
 }

    .history .card {
      right: 0;
      top: 0;

    }

    .founder.founder-mob {
      display: block;
    }

    .founder.founder-desk {
      display: none;
    }


    /*=====About Page====*/
      .feature .feature-section {
        width: 100%;
        height: auto;
      }
    .feature .feature-section .card {
     width: 100%;
     margin: 10px 0;
     padding: 30px 10px;

    }

    .mission {
      margin: 5% 0;
      padding-bottom: 5%;
      background: url(../img/gimg2000.png);
      background-position: center;
      background-attachment: fixed;
      background-blend-mode: overlay;
      width: 100%;
      height: auto;
    }

    /*====Courses====*/

    .key-info {
      padding: 5% auto;
      width: 100%;
      height: auto;
    }

    .key-info .card {
      margin: 5% 0;
    }


    /*====GALLERY====*/

    .gallery a {
      margin-bottom: 20px;
    }

    .float{
      margin-bottom: 50px;
    }
}