@media screen and (max-width: 991px){
    .blog-details-content .blog-wr h2{
      margin-bottom: 40px;  
    }
    .blog-details .blog-details-content .blog-wr{
      padding: 0 30px;  
    }
    .page-blog .blog-item{
      margin-bottom: 40px;  
    }
    .home2 .footer-bot .back-top{
      display: none;  
    }
    a.blog-number .blog-month{
      opacity: 1;
      visibility: visible;
    }
    .our-gallery,
    .blog{
      padding: 40px 0;
    }
    .count{
      padding: 40px 0 0;
    }
    .home5 .list-features{
      padding: 50px 0 20px 0;
      text-align: center;
    }
    .popular-course.layout3 .title2{
      margin-bottom: 45px;  
    }
    .home5 .countdown-bot-desc{
      margin-top: 30px;
    }
    .list-features{
      padding: 60px 0 0;  
    }
    .list-features .f-item:before{
      height: 100%;  
    }
    .features .title{
      margin-bottom: 0;	  
    }
    .our-gallery .title2,
    .count .count-item,
    .title{
      margin-bottom: 40px;
    }
    .title .title-logo{
      float: none;
      text-align: center;
      margin: 0 auto;
      display: block;
    }
    .features .title .title-info,
    .title-blog .title-info{
      text-align: center;
      margin-left: 0;
      margin-top: 15px;	
    }
    .gallery-content a.btn-gallery{
      margin-top: 40px;
      margin-bottom: 20px;
    }
    .home2 .blog-item.blog-col{
      margin-top: 30px;
      height: auto;
    }
    .home2 .blog-item.blog-col img{
      width: 50%;
      float: left;
    }
    .home2 .blog-item.blog-col .blog-info{
      width: 50%;
      float: right;
    }
    .home2 .partner-slider{
      padding: 50px 0 110px 0;  
    }
    .home2 .footer-up{
      height: auto;
      line-height: normal;
      margin-bottom: 0;
    }
    .home2 .footer-up .footer-up-item{
      padding: 40px 0;
    }
    .home2 .footer-up .footer-up-item li{
      margin-right: 20px;	  
    }
    .home2 .footer-up .col-lg-6:nth-child(1) .footer-up-item{
      padding-left: 20px;
    }
    .home2 .footer-up .col-lg-6:nth-child(2) .footer-up-item{
      padding-right: 20px;
    }
    .footer-up-contact li,
    .footer-up-follow li{
      margin-bottom: 20px;
    }
    .footer-up-contact li:last-child{
      margin-bottom: 0;
    }
    .home3 .features-left .f-search{
      margin-top: 0;
      padding: 30px 20px;
    }
    .home3 .f-search-title h2,
    .home3 .features-right h2{
      font-size: 20px;
    }
    .home3 .features-right .banner{
      padding: 30px 15px 0;	  
    }
    .home3 .ft-box:hover{
      border: 1px solid #fff;
      transition: all 0.3s ease-in-out;
    }
    .home3 .ft-box:hover .ft-box-bg{
      visibility: hidden;
      opacity: 0;
      transition: all 0.3s;
    }
    .home3 .ft-box:hover .ft-box-bg img{
      display: none;
    }
    .home3 .ft-box:hover img{
      display: block;
    }
    .home3 .ft-box:hover .ft-desc{
      height: 84px;
      overflow: hidden;
    }
    .home3 .our-features{
      margin-bottom: 60px;	  
    }
    .home3 .features{
      padding-bottom: 50px;  
    }
    .home3 .features-main .title-info{
      margin-bottom: 20px;  
    }
    .home3 .ft-box h3,
    .home3 .ft-box .ft-desc{
      margin-bottom: 30px;  
    }
    .home3 .ft-box{
      padding: 30px 40px;
    }
    .home3 .ft-box img{
      margin-bottom: 30px;
    }
    .list-features .f-icon,
    .list-features .f-title,
    .list-features .f-desc{
      margin-bottom: 20px;  
    }
    .home3 .popular-course{
      padding: 25px 0 0;  
    }
    .home3 .popular-title{
      margin-bottom: 40px;  
    }
    .home3 .popular-main .popular-item,
    .course-list .popular-main .popular-item{
      margin-bottom: 80px;  
    }
    .home3 .popular-main .popular-item:last-child{
      margin-bottom: 40px;  
    }
    .home3 .people-say,
    .home3 .our-events{
      padding-top: 70px;
    }
    .home4 .people-say{
      padding-top: 20px;	  
    }
    .home5 .people-say{
      padding-top: 60px;
    }
    .home5 .people-say .section-color{
      margin-top: 60px;	  
    }
    .home5 .people-main{
      padding: 70px 0 50px;
    }
    .popular-course.layout2 .title2{
      margin-bottom: 40px;	  
    }
    .list-category .category-item{
      width: 50%;
    }
    .list-category .category-item img{
      width: 100%;
    }
    .list-category .category-item:nth-child(3){
      width: 100%;
    }
    .list-category .category-item:nth-child(3) img{
      width: auto;
    }
    .list-category .category-item.center .category-info{
      top: 0;
      padding: 30px 0;
    }
    .popular-main .popular-item .popular-info .popular-desc{
      height: 105px;
      overflow: hidden;
    }
    .popular-main .popular-item .popular-info h3{
      font-size: 18px;
    }
    .oe-item{
      margin-bottom: 30px;  
    }
    .oe-item.oe-one .oe-info {
      padding: 0 20px;
    }
    .oe-item.oe-two .oe-info {
      padding: 0 20px;
    }
    .oe-item .oe-info .oe-date span{
      visibility: visible;
      opacity: 1;
    }
    .home3 .footer-top{
      padding: 165px 0 40px;  
    }
    .home3 .countdown-top{
      padding-top: 60px;  
    }
    .home3 .footer-bottom{
      padding: 40px 0;  
    }
    .home3 .footer-bottom .f-socials{
      margin-top: 20px;
    }
    .home3 .f-legal{
      margin-top: 30px;  
    }
    .ft-item h3{
      margin-bottom: 30px;  
    }
    .home4 .site-header,
    .page .site-header{
      overflow: initial;
    }
    .home4 .site-header,
    .page .site-header{
      background-color: #fff;
    }
    .home5 .site-header,
    .page-blog .site-header{
      background-color: #fff;
    }
    .home4 #wrapper,
    .page #wrapper,
    .home5 #wrapper,
    .page-blog #wrapper{
      overflow: hidden;
    }
    .home4 .site-brand,
    .page .site-brand,
    .home5 .site-brand,
    .page-blog .site-brand{
      float: none;
    }
  
    a.blog-number .blog-month{
      padding: 0 12px;  
    }
    
  }
  
  @media screen and (max-width: 767px){
  
    .blog-details-content .blog-wr h2,
    .faq-item .title2 h2{
      font-size: 18px;
      line-height: 24px;
    }
    
    .main-404 h2{
      font-size: 50px;
      margin: 0 0 10px 0;
    }
    .main-404 .desc-404,
    .main-404 span{
      font-size: 14px;
      margin-bottom: 5px;
    }
    .about-story-main{
      padding: 40px 0 0 0;
    }
    .blog-site-top .blog-top-title h2,
    .membership .site-top .site-top-text h2{
      font-size: 32px;
    }
    .socials li{
      width: 40px;
      height: 40px;
      line-height: 38px;
      margin-bottom: 10px;
    }
    .post-detail-meta .post-share{
      padding-left: 0;
    }
    .blog-detail-author{
      padding: 30px 15px;
      text-align: center;
    }
  
    .blog-details .entry-main{
      padding-bottom: 40px;
    }
    .also-like{
      padding: 40px 0 20px;
    }
    .also-like h2,
    .post-bar,
    .page-blog .blog-item{
      margin-bottom: 30px;
    }
    .page-blog .entry-main .blog-item .blog-left{
      width: 300px;
    }
    .page-blog .entry-main .blog-item .blog-right{
      float: initial;
      width: auto;
      margin-left: 300px;
    }
    .page-blog .blog-item .blog-info h3{
      height: 50px;
      overflow: hidden;
    }
    .blog-item .blog-info .blog-action{
      margin-bottom: 5px;
    }
    .page-blog .blog-item a.blog-number:hover .blog-month{
      opacity: 1;
      visibility: visible;
    }
   
    .page-blog .entry-main .blog-grid-content .blog-item .blog-left{
      width: 100%;
    }
    .page-blog .entry-main .blog-grid-content .blog-item .blog-right{
      margin-left: 0;
    }
  
  }
  
  @media screen and (max-width: 576px){
  
    .al-content .blog-item .blog-left img,
    .page-blog .entry-main .blog-item .blog-left{
      width: 100%;
    }
    .page-blog .entry-main .blog-item .blog-left{
      float: none;
    }
    .page-blog .entry-main .blog-item .blog-right{
      margin-left: 0;
    }
    .page-blog .blog-item .blog-info h3{
      height: auto;
    }
    .page-blog .entry-main .blog-item .blog-right .blog-info{
      padding: 20px 20px 50px;
    }
    .page-blog .blog-item{
      margin-bottom: 30px;
    }
  
    .blog{
      padding: 40px 0;
    }
    .our-faculaties{
      padding: 60px 0 40px 0;
    }
    .blog-slider .owl-stage-outer,
    .our-faculaties .title2{
      margin-bottom: 40px;
    }
    .blog-slider .blog-item img{
      float: none;
      width: 100%;
      height: 300px;
      object-fit: cover;
    }
    .blog-item .blog-info{
      margin-left: 0;
      padding: 0px 1px 58px 6px;
    }
    .blog-item .blog-info .blog-desc{
      height: auto;
    }
    .blog .title{
      margin-bottom: 20px;
    }
    .blog-slider .owl-nav{
      top: -140px;
    }
    .btn{
      height: 40px;
      line-height: 30px;
    }
    .post-bar{
      padding: 17px 15px 18px;
    }
    .blog-details-content .blog-wr .blog-detail-info .quote p{
      padding: 10px;
    }
    .blog-details-content .blog-wr .blog-detail-info .quote{
      margin-left: 0;
    }
  
    .home4 .footer-contact .fc-right form input[type="submit"],
    .page .footer-contact .fc-right form input[type="submit"]{
      width: 28%;
    }
    .blog-slider .blog-item img{
      height: 200px;
    }
    .home.home5 .blog-right h2{
      font-size: 40px;
    }
  }