/* Laptop */

@media (min-width: 1025px) and (max-width: 1440px) {}



/* Tablet */

/* Tablet lớn */

@media (min-width: 768px) and (max-width: 1024px)   {



 


  .header .menu-main .menu-item a {

    font-size: .6em;

  }



  .header .menu-main {

    padding: 8px 0;

  }

  .sec-trainghiem .col-12.col-md-6.col-lg-5:first-child .item .b-cnt p strong span,
  .sec-trainghiem .col-12.col-md-6.col-lg-5:first-child .item .b-cnt p span strong {

    font-size: 1rem;

  }

  .sec-trainghiem .item .b-cnt {

    padding: 5px 5px 10px 5px;

  }

  .sec-trainghiem .item .b-cnt h3,
  .sec-trainghiem .item .b-cnt h2,
  .sec-trainghiem .item .b-cnt h1,
  .sec-trainghiem .item .b-cnt h4 {

    font-size: 1rem;

  }

  .sec-trainghiem .col-12.col-md-6.col-lg-5:first-child .item .b-icon {

    margin-bottom: 1rem;

  }





}


@media (max-width: 768px) {
 
  #sidebar{
    padding: 0 !important;
  }

}
/* Tablet nhỏ */

@media (min-width: 480px) and (max-width: 769px) {


  .d-block {

    display: block !important;

  }



  .header .menu-top {

    position: relative;

  }



  .header .menu-top .search-mb {

    position: absolute;

    top: 15px;

    left: 15px;



  }



  .header .menu-top .search-mb button {

    background-color: transparent;

    border: 1px solid var(--color-blue);

    border-radius: 50%;

    color: var(--color-blue);

  }



  .menu-main form>.textbox {

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    width: 90%;

  }

  .sec-trainghiem .col-md-2.d-flex {

    display: none !important;

  }





}







/* Mobile Portrait (Highest Priority) */

@media (max-width: 480px) {

  .header .menu-top .box-logo img {

    max-height: 85px;

  }



  .header .menu-top {
    position: relative;
    box-shadow: 1px 4px 5px rgb(0 0 0 / 0%);
    border-bottom: 1px solid rgb(235, 235, 235);
  }

  #header-top {
    width: 100%;
    background: #fff; /* Màu nền */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

#header-top.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    transform: translateY(0);
    opacity: 1;
}

#header-top.hidden {
    transform: translateY(-100%);
    opacity: 0;
}


  .header .menu-top .search-mb {

    position: absolute;

    top: 15px;

    left: 15px;

  }



  .header .menu-top .search-mb button {

    background-color: transparent;

    border: 1px solid var(--color-blue);

    border-radius: 50%;

    color: var(--color-blue);

  }



  .menu-main form>.textbox {

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    width: 82%;

  }



  .sec-info .video-container {

    margin-top: .5rem;

  }



  .sec-info .b-heading .desc {

    font-size: 1rem;

  }



  .sec-info .b-heading h2.title {

    font-size: 1.3rem;

  }

  .sec-why .b-heading .desc {

    font-size: 1.3rem;

  }

  .sec-chungtoi .b-img {

    width: 100%;

  }

  .sec-coso .b-cnt .title {

    margin-top: 1rem;

  }

  .sec-trainghiem {

    padding-top: 3rem;

  }

  .sec-trainghiem .b-heading .title {

    font-size: 1.5rem;

  }

  .sec-trainghiem .b-heading .desc {

    width: 100%;

  }

  .sec-trainghiem .col-md-2.d-flex,
  .sec-trainghiem .col-12.col-md-6.d-flex {

    display: none !important;

  }

  .sec-cauhoi .b-cauhoi h2.title-cauhoi {
    margin-bottom: 1rem;
    margin-top: 2rem;
  }
  .page-about .b-img{
    width: 100%;
  }
  .page-about .row-info .b-cnt .btn-tel{
    width: 58%;
  }
  .page-about .row-info .b-cnt{
    margin-top: 1.5rem;
  }

}