@media (min-width: 200px) and (max-width: 767px) {
  header{
    padding: 15px 15px;
  }
  .logo,
  .affix .logo{
    width: 120px;
    height: 44px;
  }
  .affix .contactBtn{
    margin-top: 0px;
  }
  .video-caption{
    display: none;
  }
  .banner-main{
    width: 100%;
    height: auto;
  }
  .group-bg {
    padding: 15px 0 0 0;
  }
  .group-box{
    margin-bottom: 15px;
  }
  .academic-program{
    padding: 15px 0;
  }
  .academic-program h2{
    font-size: 28px;
    margin: 0;
  }
  .program-box{
    margin-top: 15px;
  }
  .offsetCol{
    margin-left: 0px;
  }
  .main-content{
    padding: 15px 0;
  }

  .main-content h3{
    font-size: 28px;
    margin: 0 0 15px 0;
  }
  .stat-li li{
    margin: 15px 0 0 0;
  }
  .academic-program h3{
    font-size: 20px;
  }
  .chairman-bg{
    padding: 15px 0;
  }
  .chairman-bg h2{
    font-size: 28px;
    margin: 0 0 15px 0;
  }
  .rec-bg{
    padding: 15px 0 10px 0;
  }
  .rec-bg h3{
    font-size: 28px;
    margin: 0 0 15px 0;
  }

  .rec-bg .owl-prev{
    left: -10px;
  }
  .rec-bg .owl-next{
    right: -10px;
  }

  footer{
    padding: 15px 0 0 0;
  }

  .footer-box{
    margin-bottom: 15px;
  }
  .footer-bottom{
    margin-top: 0px;
    padding: 10px 0;
  }
  
}