/* Header */
@media screen and (max-width: 1200px) {
  .rp-pc {
    padding: 0px 15px !important;
  }

  .license-info .list-icon03 .flex-icon01,
  .license-info .list-icon04 .flex-icon01 {
    flex-wrap: unset;
  }

  .header-login-first {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: flex-start;
  }

  .header-login-first .items-center {
    padding-left: 0px;
  }

  .background-banner .menu-option {
    bottom: -44px;
    width: 95%;
  }

  .menu-option .menu-option-list img {
    width: 45px;
    height: 45px;
  }

  .background-banner-center img {
    width: 45%;
  }

  .du-menu .bg-unactive {
    font-size: 14px;
    text-align: center;
    padding: 5px;
  }

  /* footer */
  .footer-container {
    margin-top: 50px;
  }

  .footer-info-top h3,
  .footer-menu .title {
    font-size: 20px;
  }

  .footer-info-top p {
    font-size: 18px;
  }
  .fan-club img {
    max-width: 50px;
  }

  .company-gt img {
    max-width: 150px;
  }

  .footer-menu ul a {
    font-size: 16px;
  }

  .footer-menu {
    padding-bottom: 25px;
  }

  .info-paymend {
    gap: 150px;
  }

  .info-paymend .slogin {
    width: 45%;
  }

  .info-paymend .slogan .logo svg {
    width: 70% !important;
  }

  .paymend-title {
    font-size: 20px;
  }

  .paymend-menthod {
    -moz-column-gap: 7px;
    column-gap: 8%;
    row-gap: 15px;
  }

  .license-info img {
    width: 80%;
    height: auto;
  }

  /* Page thong_tin */
  .btn-box-link {
    max-width: 314px;
    width: 100%;
    padding: 0px 50px;
    font-size: 20px;
  }

  .bg-box-thongtin {
    padding: 0px 10px;
  }

  #thongtin .position-menu {
    margin-top: -370px;
  }

  .bg-box-thongtin .text-\[34\.141px\] {
    font-size: 20px;
    padding-top: 5px;
  }

  .bg-box-thongtin .mt-\[-31\%\] {
    margin-top: -27%;
  }
  /* End page thong_tin */

  /* Page cachtinhhh */
  .hoahong {
    font-size: 16px;
  }
  .ct_with_column {
    width: auto !important;
  }

  .hoahong th,
  .hoahong tr {
    font-size: 15px;
  }

  .hoahong .text-\[28px\] {
    font-size: 20px;
  }

  .hoahong .text-\[26px\] {
    font-size: 18px;
  }
  /* End page cachtinhhh */
}

@media screen and (max-width: 1024px) {
  .info-paymend {
    gap: 50px;
  }

  .footer-menu .w-\[30\%\] {
    width: 45%;
  }

  .list-logo-footer img {
    gap: 5px;
  }
  .list-logo-footer {
    gap: 0px;
    row-gap: 15px;
  }

  .menu-header-top {
    gap: 0.5rem;
  }

  .background-banner {
    min-height: 160px;
  }

  .background-banner .menu-option {
    padding: 1px 20px;
    bottom: -60px;
  }

  /* Page thong_tin */
  .btn-box-link {
    padding: 0px 20px;
    font-size: 18px;
  }

  .bg-box-thongtin {
    padding: 0px 10px;
  }

  #thongtin .position-menu {
    margin-top: -320px;
  }

  .w-att-c {
    width: 80px;
    height: 80px;
  }

  .w-att-c img {
    width: 40px;
    height: 40px;
  }

  .flex-ct {
    display: flex;
    flex-direction: column;
  }

  .bg-box-thongtin .text-\[34\.141px\] {
    padding-top: 20px;
  }
  /* End page thong_tin */
  .paymend-title {
    font-size: 18px;
  }
}

@media screen and (max-width: 950px) {
  .footer-menu .gap-\[5\%\] {
    gap: 2%;
  }
}

@media screen and (max-width: 900px) {
  .footer-menu2 ul {
    flex-wrap: unset;
  }

  .footer-menu ul li {
    width: 49%;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
  }

  .bg-chinhsach_bg_new {
    height: auto !important;
  }

  .bg-chinhsach_bg_new:nth-child(1),
  .bg-chinhsach_bg_new:nth-child(2) {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 850px) {
  .header-login-first .dp-pc {
    display: none;
  }

  .background-banner .menu-option span {
    font-size: 13px;
  }

  .paymend-menthod img {
    width: 37px;
    height: 37px;
  }
}

@media screen and (max-width: 767px) {
  .footer-menu {
    padding-bottom: 0px;
  }

  .info-paymend {
    gap: 0px;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
  }

  .paymend-menthod {
    column-gap: 2%;
  }

  .info-paymend .w-\[55\%\],
  .info-paymend .w-\[30\%\] {
    width: 100%;
  }

  .paymend-menthod a {
    width: 40px;
    height: 40px;
  }

  .license-info {
    padding-bottom: 20px;
  }

  .license-info ul li {
    width: 49% !important;
    max-width: unset !important;
  }

  .footer-menu2 ul {
    flex-wrap: wrap;
  }

  .footer-menu2 ul li .flex-icon01 {
    justify-content: flex-start;
  }

  .license-info .list-icon02 .flex-icon01 {
    display: flex;
    align-content: flex-start;
    flex-direction: column;
  }

  .license-info .list-icon03 .flex-icon01,
  .license-info .list-icon04 .flex-icon01 {
    flex-wrap: unset;
  }

  .license-info .flex h3 {
    font-size: 16px;
  }

  .fan-club {
    gap: 5px;
  }

  .footer-info-top h3,
  .footer-info-top p {
    font-size: 16px;
  }

  .vip-club-gt .fan-club {
    padding-right: 5px;
  }
  .company-gt {
    padding-left: 5px;
  }
  .vip-club-gt {
    padding-right: 0px;
    padding-left: 5px;
  }
  .company-gt img {
    max-width: 90px;
  }

  .text-789bet {
    font-size: 16px;
  }

  .list-logo-footer {
    gap: 10px;
  }

  .list-logo-footer img {
    max-width: 40px;
    width: 100%;
  }
}

@media screen and (max-width: 400px) {
  .list-logo-footer {
    gap: 3px;
  }

  .paymend-menthod a {
    width: 33px;
    height: 33px;
  }
}