@media screen and (max-width: 767px) {

  .bannerImg {

    /* position: static; */

    width: 80%;

    margin: 0px auto;

    left: 0px;

    right: 0px;

    top: 300px;

  }



  #main-header {

    position: static;

    background-color: #0109547d;

  }



  header a {

    color: #000;

  }



  header li.nav-item {

    padding: 10px 10px;

    border-bottom: solid 1px #bababa;

  }



  .bannertext {

    position: static;

    width: 100%;

    padding: 8px 14px;

  }



  .bannerSection {

    height: 35vh;

  }



  header img {

    width: 54px;

  }



  .bannertext h1 {

    line-height: 16px;

    font-size: 14px;

    text-align: center;

  }



  .bannertext p {

    font-size: 14px;

    line-height: 18px;

    margin-bottom: 5px;

  }



  .bannertext h2 {

    font-size: 18px;

  }



  header {

    position: relative;

  }



  .eduinstu,

  .supexp,

  .supcoex,

  .insov,

  .ledBg,

  .contactus {

    width: 100%;

    padding: 50px 16px;

  }



  .ledBg {

    height: auto;

  }



  .ediinsttext h2 {

    font-size: 38px;

    line-height: 38px;

    text-align: center;

    margin-top: 15px;

  }



  .ediinsttext ul.li50 li {

    width: 100%;



  }



  .pdtb {

    padding: 50px 16px;

  }



  .col-md-4.b1 {

    order: 2;

  }



  .col-md-4.b1 .ediinsttext {

    margin-top: 30px;

  }



  .col-md-6.a1 {

    margin-bottom: 30px;

  }



  .msImg h5 {

    max-width: 95%;

    font-size: 16px;

  }



  .wrapper {

    overflow-x: hidden;

  }



  .col-md-8.b2.aos-init.aos-animate {

    margin-bottom: 30px;

  }



  .insov .msImg h5 {

    max-width: 80%;

  }



  .videonqr .col-md-3 {

    display: flex;

    margin-top: 30px;

    justify-content: center;

  }



  footer {

    height: auto;

  }



  footer {

    text-align: center;

    padding: 10px 15px;

  }



  footer a {

    color: #fff;

    text-decoration: none;

    margin: 0px 5px;

  }



  footer .d-flex {

    flex-direction: column;

  }

}



@media screen and (min-width: 991px) and (max-width:1441px) {



  .bannertext {

    width: 30%;

    /* top: 70px; */



  }



  .bannerImg {

    position: absolute;

    right: 5%;

    top: 150px;

    width: 350px;

  }



  .bannerSection {

    height: 100vh;

    display: flex;

    align-items: center;

  }

}