.mobile {
  display: none !important;
}

@media only screen and (max-width: 1730px) {}

@media only screen and (max-width: 1200px) {}

/* ********************Style Mobile ******************** */

@media only screen and (max-width: 550px) {

  .box-tu-van {
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 1px;
  }

  .box-tu-van .text-top-1 p {
    font-size: 20px;
  }

  .box-tu-van .text-top-2 .p-1 {
    font-size: 24px;
  }

  .box-tu-van .text-top-2 .p-2 {
    font-size: 24px;
    margin-top: -15px;
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
  }

  #form-tu-van .form-group input {
    height: 40px;
    background: #F5F5F5;
    font-size: 12px;
  }

  #form-tu-van .div-button .btn-dang-ky-tu-van {
    font-size: 18px;
    height: 45px;
    width: 190px;
    background: #FFC600;
    transition: background 0.3s, color 0.3s;

  }

  #form-tu-van .div-button .btn-dang-ky-tu-van span {
    font-family: 'SVN XBold' !important;
    font-size: 24px;
    color: #2D3091;
    transition: color 0.3s;
  }

  .div-button {
    margin-top: 10px;
  }




  .section-12 .text-1 p {
    font-size: 24px;
  }

  .section-12 .text-2 p {
    font-size: 18px;
  }

  .section-12 .text-2 {
    background-color: #FFC600;
  }

  /* ---thuy mb-  */
  /* ----------thuy -------- */
  .div-box-order {
    flex-wrap: wrap;
    padding-bottom: 410px;
  }

  .div-box-order .div-i-1 {
    width: 100%;
    display: none;
  }

  .div-box-order .div-i-2 {
    width: 100%;
  }

  .div-box-order .box-order {
    left: 0px;
    width: 100% !important;

  }

  .div-box-order .img-i-sp {
    width: 133% !important;
    left: -54px;
    max-width: none !important;

    bottom: -9%;
  }

  .div-box-order .img-i-1 {
    bottom: 0px;
    top: auto;
  }




  .section-12-mb .text-1 p {
    font-size: 24px;
    font-family: 'SVN Bold' !important;
    margin-top: -10px;
  }

  .section-12-mb {
    margin-top: -40px;
  }

  .section-12-mb .text-2 p {
    background: #FFC600;
    font-size: 18px;
    font-family: 'SVN Bold' !important;
    width: 302px;
    margin-left: 29px;
    margin-top: -26px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 9px;
    margin-bottom: -4px;
  }

  .section-12-mb .div-box-order .box-order {
    border-radius: 0px;
    margin-top: -140px;
  }

  .section-12-mb .img-i-1,
  .img-i-2,
  .img-i-3,
  .img-i-sp {
    display: none;
  }

  .section-12-mb .col-item-1 .box-order .text-1 .p-1 {
    font-size: 18px;
  }

  .section-12-mb .col-item-1 .box-order .text-1 .p-2 {
    font-size: 28px;
  }

  .section-12-mb .col-item-1 .img-inner {
    margin-top: -356px;
  }

  .section-12-mb .col-item-2 {
    margin-top: -30px;
  }

  .form-order-nn3 .form-group input {
    font-size: 16px;
    height: 2.507em;
  }



  .section-footer-mb .menu-1 {
    font-size: 12px;
    color: #0B2064;
    font-family: 'Montserrat' !important;
    margin-top: -10px;
  }

  .section-footer-mb .row-1 .text-1 p {
    font-size: 12px;
    padding-inline: 20px;
  }

  .section-footer-mb .row-1 .text-2 p {
    font-family: 'SVN Bold' !important;
    padding-inline: 10px;
  }

  .section-footer-mb .row-1 .text-3 {
    font-size: 14px;
    margin-top: -15px;
  }

  .section-footer-mb .row-2 .text-1 p {
    font-size: 12px;
    font-family: 'SVN Bold' !important;
  }

  .section-footer-mb .row-2 .text-2 p {
    font-size: 24px;
    font-family: 'SVN Bold' !important;
    margin-top: -15px;
    font-family: 'Montserrat' !important;
    font-weight: 700;
  }

  .section-footer-mb .row-2 .text-3 {
    font-size: 12px;
    margin-top: -30px;

  }

  .section-footer-mb .ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
    border-bottom-style: none;
  }

  .section-footer-mb .menu-link-2 .ux-menu-link__text {
    margin-top: -10px;
  }

  .section-footer-mb .menu-link-3 .ux-menu-link__text {
    margin-top: -20px;
  }

  .section-footer-mb .menu-link-4 .ux-menu-link__text {
    margin-top: -30px;
  }

  .section-footer-mb .menu-link-5 .ux-menu-link__text {
    margin-top: -40px;
  }

  .section-footer-mb .menu-link-6 .ux-menu-link__text {
    margin-top: -50px;
  }

  .section-footer-mb .row-2 {
    margin-top: -35px;
  }

  .section-footer-mb .row-2 .text-1 p {
    border-bottom: 1px solid #000000;
    width: 160px;
  }

  .section-footer-mb {
    margin-top: -15px;
  }

  .section-footer-mb .row-1 {}

  .section-footer-mb .ux-logo-link {
    margin-top: -20px;
  }



  /* --------thủy style hiệu ứng--------  */


  .section-1-header-mb .row-1 .img-2 {
    width: 40px !important;
    margin-top: 6px;
    margin-left: 105px;
  }


  /* --------thủy style hiệu ứng--------  */


  /* --------------thủy style tiếp css---------  */

  .line-mb-1 {
    max-width: 80%;
    margin: 0px auto;
    margin-bottom: -33px;
  }


  .mb-h-u-1 {
    width: 113% !important;
    position: relative;
    left: -8px;
  }

  .mb-h-u-2 {
    width: 113% !important;
    position: relative;
    right: 15px;
  }




  @keyframes moveUpDown {

    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-10px);
      /* Điều chỉnh độ cao mũi tên di chuyển */
    }
  }

  @keyframes changeColor {

    0%,
    100% {
      color: #ffeb3b;
      /* Màu vàng khi mũi tên ở dưới */
    }

    50% {
      color: #ffffff;
      /* Màu trắng khi mũi tên ở trên */
    }
  }

  /* --ti------  */


  /* Animation trượt lên cho img-hh-3 */
  /* Animation trượt lên cho img-hh-3 */
  @keyframes slideUp {
    0% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(-20px);
    }
  }

  /* Animation trượt xuống cho img-hh-3 */
  @keyframes slideDown {
    0% {
      transform: translateY(-20px);
    }

    100% {
      transform: translateY(0);
    }
  }

  .slide-up {
    animation: slideUp 0.5s forwards;
  }

  .slide-down {
    animation: slideDown 0.5s forwards;
  }

  /* Animation cho việc hiện ra và đứng yên */
  @keyframes appear {
    0% {
      opacity: 0;
      visibility: hidden;
    }

    100% {
      opacity: 1;
      visibility: visible;
      transform: translateX(0);
    }
  }

  /* Animation cho việc trượt sang trái và biến mất */
  @keyframes slideLeft {
    0% {
      transform: translateX(0);
      opacity: 1;
      visibility: visible;
    }

    100% {
      transform: translateX(calc(-100vw - 200px));
      opacity: 0;
      visibility: hidden;
    }
  }

  /* Animation cho việc trượt ngược về phải */
  @keyframes slideRightFast {
    0% {
      transform: translateX(calc(-100vw - 200px));
      opacity: 1;
      visibility: visible;
    }

    100% {
      transform: translateX(0);
      opacity: 0;
      visibility: hidden;
    }
  }

  .appear {
    animation: appear 0.3s forwards;
  }

  .slide-left {
    animation: slideLeft 1s forwards;
  }

  .slide-right-fast {
    animation: slideRightFast 0.3s forwards;
  }




  /* -----------nữa nè--------  */
  .s-95-1,
  .s-95-2,
  .s-95-3,
  .s-95-4 {
    position: absolute !important;
    top: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0s ease-in-out;
    z-index: 3;
  }

  .img-md-1 {
    display: none;
  }

  .img-md-1-mb {
    position: relative !important;
    left: 12px;
    max-width: 92%;
    margin: 0px auto;
    display: block;
  }

  .section-footer-mb .col-3 {
    margin-top: -70px;
  }

  .section-footer-mb .col-3 .text-3 {
    margin-top: -35px;
  }



  /* ----------vao viec di------  */
  .section-mb-dbb {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 50;
  }

  .img-y-db {
    position: absolute !important;
    top: 16px;
    right: 31px;
    width: 33px !important;
  }





  /* ----------con lai thuy--------  */
  #form-tu-van .form-group label.error {
    font-size: 11px !important;
  }

  .section-12-mb .col-item-1 .box-order .text-1 .p-1 {
    padding-bottom: 9px;
  }

  .section-12-mb .text-2 {
    margin-bottom: 21px;
  }


  .wp-form-tu-van {
    margin-bottom: -47px;
  }



  .seciton-2-mb .row-1 .text-1 p {
    animation: textColorChange 2s infinite ease-in-out;
  }

  @keyframes textColorChange {
    0% {
      color: #2E3191;
    }

    50% {
      color: #BD1E2D;
    }

    100% {
      color: #2E3191;
    }
  }
}

@media only screen and (max-width: 320px) {
  .seciton-2-mb .row-1 .text-1 p {
    font-size: 12px;
    margin-left: -12px;
  }

  .box-tu-van .text-top-2 .p-1 {
    font-size: 20px;
  }

  .box-tu-van .text-top-2 .p-2 {
    font-size: 20px;
  }

  .box-tu-van .text-top-1 p {
    font-size: 16px;
  }


  .section-12-mb .text-1 p {
    font-size: 20px;
  }

  .section-12-mb .text-2 p {
    margin-left: 0px;
  }

  .form-order-nn3 .wp-btn-order .btn-order {
    font-size: 17px;
  }

  .section-footer-mb .row-1 .text-1 p {
    font-size: 11px;
  }

  .section-footer-mb .menu-link-2 .ux-menu-link__text {}

  .section-footer-mb .row-2 {}

  .section-footer-mb .row-2 .ux-menu-link {
    font-size: 10px;
  }

  .section-footer-mb .row-2 .text-2 p {
    font-size: 18px;
    padding-bottom: 8px;
  }
}

/* ********************End Style Mobile******************** */

@media only screen and (max-width: 550px) {
  .icon-close-red {

    width: 46px !important;
    position: absolute !important;
    top: -13px;
    right: 5px;
  }

  .section-3-mb .sld-1 {
    max-width: 84%;
    margin: 0px auto;
  }

  .section-3-mb .sld-1 .col {
    padding: 0px;
  }

  .section-3-mb .sld-1 .text-1 p {
    font-size: 18px;
    color: #0C4394;
    padding: 0px;
    position: relative;
    top: -13px;
    font-family: 'SVN Medium' !important;
  }

  .section-3-mb .sld-1 .text-1 {
    width: fit-content;
    display: inline-block;
  }

  .section-3-mb .sld-1 .icon-box-text {
    text-align: center;
  }

  .section-3-mb .sld-1 .flickity-page-dots {
    display: none !important;
  }

  .section-3-mb .sld-1 {
    margin-bottom: -10px;
  }

  .div-box-order {
    padding-bottom: 80px;
  }

  .section-12-mb .img-icon-db {
    margin-top: -81px;
    margin-bottom: -97px;
    position: relative;
    z-index: 10;
    left: 51%;
    width: 181px !important;
  }

  .section-mb-dbb {
    background: #fff;
    height: 60px;
  }
}

@media only screen and (max-width: 320px) {
  .section-5-db .text-1 p {
    font-size: 26px;
  }

  .section-5-db .text-1 p:after {
    width: 184px;
  }

  .section-5-db .btn-dat-hang {
    height: 44px;
    margin-top: -84px;
    font-size: 22px;
  }

  .section-5-db {
    padding-bottom: 0px !important;
  }

  .countdown-container .countdown {
    gap: 11px;
  }

  .section-6 .row-2 {
    max-width: 90% !important;
  }

  .section-6 .row-2 {
    max-width: 100% !important;
  }

  .section-7 .row-1 {
    max-width: 98% !important;
  }

  .section-12-mb .div-box-order .box-order {
    width: 100% !important;
  }

  .section-5-db .text-1 p {
    font-size: 25px !important;
  }

}

.display-mb {
  display: none !important;
}

@media only screen and (max-width: 550px) {
  .section-2 .form-custom {
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .display-pc {
    display: none !important;
  }

  .display-mb {
    display: block !important;
  }

  .section-2 .form-custom {
    border-radius: 50px;
    padding: 11px !important;
    padding-top: 26px !important;
  }

  .section-2 .form-custom .title-1 {
    padding-bottom: 0px;
  }

  .section-2 {
    padding-top: 26px !important;
  }

  .section-2 .video-1 {
    margin-bottom: -38px;
  }

  .section-2 form#ads-form-2 p label {
    margin: 0px;
    line-height: 1.2;
    padding-left: 2px;
    padding-right: 2px;
    text-align: justify;
    padding-right: 13px;
  }

  .section-2 .img-title-form {
    text-align: center;
  }

  .section-2 .img-title-form img {
    width: 70%;
    margin: 0px auto;
    margin-top: -9px;
    margin-bottom: -10px;
  }

  .section-2 .form-custom {
    background: none;
    border-radius: 0px !important;
  }

  .section-2 .form-custom .div-inner-1 {
    background: linear-gradient(#2275D5, #0C4394);
    border-radius: 50px;
    padding: 16px;
    padding-top: 114px;
  }

  .form-cau-hoi .form-left {
    padding: 0px;
  }

  .section-2 .form-custom .title-1 {
    margin-bottom: -94px !important;
  }

  .section-2 .btn-dang-ky-tu-van {
    display: block;
    margin: 0px auto;
    margin-top: 18px;
    margin-bottom: -71px !important;
  }

  .section-4-mb .col {
    padding-bottom: 0px !important;
  }

  .section-4-mb {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .section-5-mb {
    padding-bottom: 0px !important;
    margin-bottom: -16px;
  }

  .section-5-mb-2 {
    background: #D9D9D9;
    padding-bottom: 0px !important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 98% !important;
    margin: 0px auto;
    margin-bottom: 14px;
  }

  .section-5-mb-2 .btn-tu-van {
    background: #BD1E2D;
    margin-top: -15px !important;
  }

  .section-5-mb-2 .btn-mua-hang {
    background: #F8DA7F;
    color: #0C4394;
    margin-bottom: -8px !important;
  }

  .section-5-mb-2 .button {
    display: block;
    max-width: 268px;
    margin: 0px auto;
    margin-bottom: 15px;
    height: 55px;
    min-height: auto;
    line-height: normal;
    font-family: 'SVN XBold' !important;
    font-size: 24px;
    padding-top: 5px;
  }

  .section-5-mb {
    padding-left: 3px !important;
  }

  .section-5-db .text-1 p {
    font-size: 32px;
    color: #0C4394;
    position: relative;
    max-width: 80%;
    margin: 0px auto;
    margin-top: -20px;
    margin-bottom: -11px;
  }

  .section-5-db {
    background: #F5F5F5 !important;
  }

  .section-5-db .text-1 p:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 24px;
    width: 265px;
    height: 3px;
    background: #0C4394;
  }

  .section-5-db {
    max-width: 97%;
    margin: 0px auto;
    border-radius: 25px;
    margin-bottom: 30px;
  }

  .section-5-db .flickity-page-dots {
    display: none;
  }

  .section-6 {
    max-width: 97%;
    margin: 0px auto;
    margin-top: -9px;
    padding-top: 24px !important;
  }

  .section-6 .img-title {
    width: 89% !important;
    margin: 0px auto;
  }

  .section-6 .row-2 {
    max-width: 80% !important;
    margin: 0px auto;
  }

  .section-7 {
    width: 97% !important;
    margin: 0px auto;
    padding-top: 0px !important;
    margin-top: -25px;
  }

  .section-7 .row-1 {
    max-width: 91% !important;
    margin: 0px auto;
  }

  .section-7 .row-1 .sld {
    margin-top: -19px;
  }

  .section-7 .row-1 .col-item-2 {
    padding-bottom: 0px !important;
  }

  .section-7 .flickity-page-dots {
    display: none;
  }

  .section-8-mb {
    width: 91% !important;
    margin: 0px auto;
    padding-bottom: 0px !important;
    margin-bottom: -29px;
  }

  .section-8-mb .img-1 {
    width: 88% !important;
    margin: 0px auto;
    padding-top: 8px;
  }

  .section-8-mb .img-hq-1 {
    padding-top: 8px;
    padding-bottom: 12px;
  }

  .section-12-mb {
    padding-top: 45px !important;
    background: #E6F2FE !important;
  }

  .section-12-mb .img-title {
    width: 88% !important;
    margin: 0px auto;
    padding-bottom: 35px;
  }

  .section-12-mb .div-box-order .box-order {
    width: 91% !important;
    margin: 0px auto;
    margin-top: -140px;
    padding-top: 27px;
    box-shadow: 2px 3px 8px 1px #dcdcdc;
  }

  .div-box-order .div-i-2 {
    background: #E6F2FE !important;
  }

  .div-box-order {
    background: #E6F2FE !important;
  }

  .section-footer-mb {
    padding-top: 0px !important;
    margin-top: -35px;
    padding-bottom: 0px !important;
  }

  .section-2 .form-custom .title-1 {
    width: 280px !important;
  }

  .section-5-db .text-1 p:after {
    left: 7%;
    width: 87%;
  }

  .row-video .col {
    padding-bottom: 0px;
    margin-bottom: -20px !important;
  }

}