/* Responsive */
@media (max-width: 1024px) {
  .menu-trangtrong {
    padding: 0;
  }
  .toolbar_app{display: block;}
  .tienich-box,
  .title-alum {
    display: none !important;
  }

  .menu-res,
  #hamburger {
    display: block;
  }
  .header,
  .menu {
    display: none;
  }

  .form-contain:after,
  .albumHot-contain:after,
  .albumHot-contain:before,
  .banggia-contain::after {
    display: none;
  }

  .form-contain {
    border-radius: 15px;
  }

  .albumHot-desktop {
    display: none !important;
  }

  .albumHot-mobile {
    display: block;
  }

  .btn-fanpage {
    position: relative;
    top: unset;
    right: unset;
  }

  .footer-article {
    padding: 45px 0;
    background: url(../images/bg_footer_rp.png) no-repeat;
    background-size: cover;
  }

  .footer-news:nth-child(1) {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .footer-article {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .newsHot-contain:after {
    display: none;
  }

  .newsHot-contain--right {
    width: 55%;
  }
}

@media (max-width: 768px) {
  .gioithieu-contain span {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    -webkit-box-orient: initial;
    display: block;
  }
  .grid-pro-detail .right-pro-detail,
  .grid-pro-detail .left-pro-detail {
    width: 100%;
    padding: 0px;
    border-right: none;
  }

  .footer-article {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .copyright,
  .thongketruycap {
    text-align: center;
  }

  .feedback-contain {
    width: 100%;
    margin-bottom: 20px;
  }

  .form-contain {
    width: 100%;
  }

  .newsHot-contain--left {
    display: none;
  }

  .newsHot-contain--right {
    width: 100%;
  }

  .grid-news {
    gap: 5px;
  }
}

@media (max-width: 575px) {
  .grid-news,
  .grid-product {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .footer-article {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .gioithieu-contain p {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .gioithieu-contain span {
    font-size: 14px;
  }

  .gioithieu-contain h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .tieuchi-contain {
    padding: 20px 0;
  }

  .title-main p {
    font-size: 17px;
  }

  .title-main h2,
  .title-detail h1 {
    font-size: 29px;
  }

  .title-detail,
  .title-main {
    margin-bottom: 15px;
  }

  .banggia-contain {
    padding: 0;
    background: unset;
  }

  .title-feedback {
    margin-bottom: 15px;
    text-align: center;
  }

  .title-feedback h2 {
    font-size: 28px;
  }

  .title-feedback p {
    font-size: 13px;
  }

  .form-contain {
    padding: 20px 5px;
    height: auto;
  }

  .form-title h2 {
    font-size: 27px;
  }

  .form-title p {
    font-size: 13px;
  }

  .form-title {
    margin-bottom: 15px;
  }

  .news {
    padding: 5px;
  }

  .news-info span {
    -webkit-line-clamp: 2;
  }

  .news-info h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .news-info p {
    margin-bottom: 5px;
    line-height: 17px;
  }

  .newsHot-contain--right .news {
    height: 103px;
  }

  .footer-news:nth-child(2) {
    width: 100%;
    margin-left: 0;
  }

  .footer-article > .wrap-content > .d-flex {
    justify-content: center !important;
  }

  .footer-powered {
    margin-top: 20px;
    padding: 5px 10px;
    border-radius: 0;
  }

  .copyright {
    width: 100%;
    text-align: center;
  }

  .btn-chinhsach {
    margin: 0;
    padding: 0;
    width: 50%;
  }

  .news-info {
    padding: 0;
  }

  .news-info h3 {
    font-size: 16px;
    line-height: 23px;
  }

  .news-info p {
    display: none;
  }

  .news-info span {
    line-height: 22px;
  }

  .footer-news:nth-child(1) {
    margin: 15px 0;
  }

  .tieuchi-inside {
    top: 50%;
    transform: translateY(-50%);
  }
}