/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
  */

  @media (min-width: 1281px) {

    /* CSS */

  }

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
  */

  @media (min-width: 1025px){

    /* CSS */

  }

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
  */

  @media (min-width: 768px){

    #banner img,
    .moitruong img{
      width: 100%;
    }
    .danhmuc .list-danhmuc{
      width: 100%;
    }
    .bc-img{
      text-align: center;
    }

  }

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
  */

  @media (min-width: 768px) and (orientation: landscape) {

    /* CSS */

  }

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
  */

  @media (min-width: 481px) {

    /* CSS */

  }

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
  */

  @media (min-width: 370px){
    /*@media (min-width: 320px) and (max-width: 480px) {*/

      .bvnb-main {
        margin: 0 6px;
      }
      .bvnb-main span, .bvnb-main p{
        display: none;
      }
      .style1{font-size: 1rem;}

      .uudiem {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
      }

      .uudiem-item {
        width: 47%;
      }

      .uudiem-item h4 {
        text-align: center;
      }
      .gioithieu .img {
        float: right;
        width: 50%;
        display: block;
        margin: 10px;
      }
      .ft-t li p{
        font-size: 16px;
      }

      div#tuvan1 ul li p{
        font-size: .6rem;
      }
      .box-icon{
        grid-template-columns: repeat(4, 1fr);
      }
      .box-icon .item {
        padding: 0.5rem;
        position: relative;
        border-right: none!important;
      }
      .box-icon .item:after{
       content: '';
       display: block;
       position: absolute;
       top: -9px;
       right: 0;
       width: 100%;
       height: 100%;
       border-right: 1px solid #32a679;
       transform: rotate( 10deg);
      }
      .box-icon .item:nth-child(4)::after{
       content: none!important;
      }
     
      .box-icon .item .info,
      .box-icon .item .info span{
        font-size: 0.6rem;
      }
      .form-danhmuc .info p {
        font-size: 1rem;
      }
      .form-danhmuc .info p:first-child {
        font-size: 1.1rem;
      }
      .baochi .bc-list{
        grid-gap: 2rem 1rem;
      }
      section.uudiem .ct-right .list-ud .slick-current{
        height: 16vh;
      }
      section.uudiem .ct-right .list-ud .slick-prev {
        top: 115%;
      }
      section.uudiem .ct-right .list-ud .slick-next {
        left: -37%;
        top: 115%;
      }

}




  @media (max-width: 370px){
    .baiviet .box .box-l{
      display: block;
    }
    .baiviet .box .box-l .thumb {
      width: 100%;
    }
    .baiviet .box .box-l .info {
      width: 100%;
      margin-left: 0;
      padding-top: 1rem;
    }
    section.thongtin .box-1 ul li a {
      flex-direction: column;
    }
    section.thongtin .box-1 ul li a .text{
      flex-direction: column;
      text-align: center;
      padding-top: .5rem; 
    }

  }