@media screen and (max-width: 1300px) {
  .home-wrapper .post-data-sync .post-data-sync-wrapper .list-item-wrapper .item .bg7,
  .home-wrapper .post-data-sync .post-data-sync-wrapper .list-item-wrapper .item .bg8 {
    object-fit: contain;
    width: 100%;
  }
  .home-wrapper .custom-360 .custom-360-wrapper .image-wrapper .bg9 {
    left: unset;
  }
  .home-wrapper .custom-360 .custom-360-wrapper .image-wrapper .multi-arrow {
    display: none;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper .list-item-wrapper .item .bg10,
  .home-wrapper .multi-promotion .multi-promotion-wrapper .list-item-wrapper .item .bg11 {
    object-fit: contain;
    width: 100%;
  }
  .home-wrapper .control-panel .control-panel-wrapper .image-wrapper .bg13 {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1216px) {
  .home-wrapper {
    --padding-inline: 0px;
  }
  .home-wrapper .top-bar .top-bar-wrapper {
    padding-inline: 20px;
    height: 56px;
  }
  .home-wrapper .top-bar .top-bar-wrapper .left-content .logo {
    width: 109px;
  }
  .home-wrapper .top-bar .top-bar-wrapper .left-content .list-item-wrapper {
    display: none;
  }
  .home-wrapper .top-bar .top-bar-wrapper .right-content .item,
  .home-wrapper .top-bar .top-bar-wrapper .right-content .button {
    display: none;
  }
  .home-wrapper .top-bar .top-bar-wrapper .right-content .toggle-menu {
    display: block;
  }
  .home-wrapper .top-bar:has(input[id=toggle-mobile-menu]:checked) .toggle-menu-img {
    content: url(../../assets/images/icon/close.svg);
  }
  .home-wrapper .top-bar:has(input[id=toggle-mobile-menu]:checked) .dropdown-mobile {
    grid-template-rows: 1fr;
  }
  .home-wrapper .top-bar .dropdown-mobile {
    display: grid;
    grid-template-rows: 0fr;
    background-color: white;
    border-top: 1px solid #d9d9d9;
    transition: grid 0.4s;
  }
  .home-wrapper .top-bar .dropdown-mobile-content {
    overflow: hidden;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item {
    --item-height: 54px;
    --item-padding-inline: 20px;
    --background-item-color: rgba(128, 128, 128, 0.199);
    display: flex;
    flex-direction: column;
    margin-top: 10px;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-item {
    height: var(--item-height);
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-item:hover {
    background-color: var(--background-item-color);
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-item .title-wrapper {
    padding-inline: var(--item-padding-inline);
    display: flex;
    gap: 20px;
    color: #323c55;
    font-size: 16px;
    font-weight: 400;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-item .title-wrapper img {
    transition: all 0.3s;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-item input[class=dropdown-child-item-input] {
    display: none;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-item:has(input[class=dropdown-child-item-input]:checked) + .dropdown-child-content-wrapper {
    grid-template-rows: 1fr;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-item:has(input[class=dropdown-child-item-input]:checked) .title-wrapper {
    color: #34499d;
    font-weight: 500;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-item:has(input[class=dropdown-child-item-input]:checked) .title-wrapper img {
    rotate: 180deg;
    content: url(../../assets/images/icon/arrow-blue.svg);
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-content-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    background-color: white;
    transition: grid 0.3s;
    width: 100%;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-content-wrapper .dropdown-child-content {
    overflow: hidden;
    padding-inline: 20px;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-content-wrapper .dropdown-child-content .list-item-wrapper {
    margin-block: 10px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    border: 0.5px solid rgba(217, 217, 217, 0.9);
    padding: 10px;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-content-wrapper .dropdown-child-content .list-item-wrapper__item {
    padding: 10px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-content-wrapper .dropdown-child-content .list-item-wrapper__item:hover {
    background-color: #e0f8fa;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-content-wrapper .dropdown-child-content .list-item-wrapper__item:hover .content .title {
    color: #34499d;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-content-wrapper .dropdown-child-content .list-item-wrapper__item:hover .content .description {
    color: #35a1da;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-content-wrapper .dropdown-child-content .list-item-wrapper__item .image {
    width: 24px;
    height: 24px;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-content-wrapper .dropdown-child-content .list-item-wrapper__item .image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-content-wrapper .dropdown-child-content .list-item-wrapper__item .content .title {
    color: #323c55;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .dropdown-child-content-wrapper .dropdown-child-content .list-item-wrapper__item .content .description {
    color: rgba(50, 60, 85, 0.7);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .item,
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .item-special {
    height: var(--item-height);
    padding-inline: var(--item-padding-inline);
    color: #323c55;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: unset;
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .item:hover {
    background-color: var(--background-item-color);
  }
  .home-wrapper .top-bar .dropdown-mobile-content .list-dropdown-item .item-special {
    margin-top: 15px;
  }
  .home-wrapper .banner-home .banner-home-wrapper {
    height: 332px;
  }
  .home-wrapper .banner-home .banner-home-wrapper .left-content {
    padding-top: 40px;
  }
  .home-wrapper .banner-home .banner-home-wrapper .left-content .title-1 {
    font-size: 24px;
    line-height: 28px;
  }
  .home-wrapper .banner-home .banner-home-wrapper .left-content .title-2 {
    font-size: 20px;
    line-height: 30px;
  }
  .home-wrapper .banner-home .banner-home-wrapper .left-content .title-3 {
    font-size: 16px;
    line-height: 24px;
  }
  .home-wrapper .banner-home .banner-home-wrapper .right-content .content-wrapper {
    zoom: 0.45;
    margin-left: unset;
    margin-inline: auto;
  }
  .home-wrapper .representation-customer {
    padding-block: 15px;
  }
  .home-wrapper .representation-customer .representation-customer-wrapper {
    height: 120px;
  }
  .home-wrapper .representation-customer .representation-customer-wrapper .title-1 {
    font-size: 20px;
    line-height: 48px;
  }
  .home-wrapper .representation-customer .representation-customer-wrapper .title-1 span {
    font-size: 24px;
  }
  .home-wrapper .representation-customer .representation-customer-wrapper .list-logo-wrapper {
    display: none;
  }
  .home-wrapper .representation-customer .representation-customer-wrapper .mySwiper-logos {
    display: block;
    padding-inline: 20px;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper {
    padding-inline: 20px;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .title-1 {
    font-size: 20px;
    line-height: 30px;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .title-2 {
    font-size: 24px;
    line-height: 31px;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .title-3 {
    font-size: 16px;
    line-height: 24px;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .image-wrapper {
    padding-inline: 30px;
    margin-top: 25px;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .image-wrapper .dots2 {
    top: 50%;
    transform: translateY(-50%);
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .title-4 {
    margin-top: 46.65px;
    font-size: 20px;
    line-height: 30px;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .list-item-wrapper {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper {
    padding-block: 40px;
    padding-inline: 20px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .title-1 {
    font-size: 20px;
    line-height: 30px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .title-2 {
    font-size: 24px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .title-3 {
    font-size: 16px;
    line-height: 24px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .list-item-wrapper {
    margin-top: 20px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .list-item-wrapper .item .badge-title-1 {
    width: 80px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .list-item-wrapper .item .badge-title-2 {
    width: 76px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .list-item-wrapper .item .bg7 {
    margin-top: 38px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .list-item-wrapper .item .bg8 {
    margin-top: 12px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .list-item-wrapper .item .bg7,
  .home-wrapper .post-data-sync .post-data-sync-wrapper .list-item-wrapper .item .bg8 {
    object-fit: contain;
    width: 100%;
  }
  .home-wrapper .custom-360 .custom-360-wrapper {
    height: 582px;
    padding-inline: 30px;
  }
  .home-wrapper .custom-360 .custom-360-wrapper .title-1 {
    font-size: 24px;
    line-height: 36px;
  }
  .home-wrapper .custom-360 .custom-360-wrapper .title-2 {
    font-size: 20px;
    line-height: 45px;
  }
  .home-wrapper .custom-360 .custom-360-wrapper .title-3 {
    font-size: 16px;
    line-height: 24px;
    margin-top: unset;
  }
  .home-wrapper .custom-360 .custom-360-wrapper .title-3 br {
    display: none;
  }
  .home-wrapper .custom-360 .custom-360-wrapper .image-wrapper {
    margin-top: 25px;
    padding-inline: 30px;
  }
  .home-wrapper .custom-360 .custom-360-wrapper .image-wrapper .multi-arrow,
  .home-wrapper .custom-360 .custom-360-wrapper .image-wrapper .waves {
    display: none;
  }
  .home-wrapper .custom-360 .custom-360-wrapper .image-wrapper .bg9 {
    margin-inline: auto;
    object-fit: contain;
    width: 100%;
    left: unset;
  }
  .home-wrapper .multi-promotion {
    margin-top: 350px;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper {
    padding-inline: 20px;
    padding-bottom: 40px;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper .title-1 {
    font-size: 20px;
    line-height: 30px;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper .title-2 {
    font-size: 24px;
    line-height: 45px;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper .title-3 {
    font-size: 16px;
    line-height: 24px;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper .title-3 br {
    display: none;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper .list-item-wrapper {
    margin-top: 2px;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper .list-item-wrapper .item .badge-title-3 {
    width: 120px;
    top: 0;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper .list-item-wrapper .item .badge-title-4 {
    width: 111px;
    top: 0;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper .list-item-wrapper .item .bg10,
  .home-wrapper .multi-promotion .multi-promotion-wrapper .list-item-wrapper .item .bg11 {
    object-fit: contain;
    width: 100%;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper {
    height: 566px;
    padding-block: 25px;
    padding-inline: 20px;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .title-1 {
    font-size: 20px;
    line-height: 30px;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .title-2 {
    font-size: 24px;
    line-height: 32px;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .title-3 {
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .title-3 br {
    display: none;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .dots3 {
    right: 20px;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .image-wrapper {
    margin-top: 25px;
    padding-inline: 30px;
    height: 440px;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .image-wrapper .badge-title-5 {
    top: -25px;
    width: 96px;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .image-wrapper .bg12 {
    object-fit: contain;
    width: 100%;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .image-wrapper .dots4 {
    left: 0;
  }
  .home-wrapper .control-panel {
    margin-top: 350px;
  }
  .home-wrapper .control-panel .control-panel-wrapper {
    padding-inline: 20px;
  }
  .home-wrapper .control-panel .control-panel-wrapper .title-1 {
    font-size: 20px;
    line-height: 30px;
  }
  .home-wrapper .control-panel .control-panel-wrapper .title-2 {
    font-size: 24px;
    line-height: 45px;
  }
  .home-wrapper .control-panel .control-panel-wrapper .title-3 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
  }
  .home-wrapper .control-panel .control-panel-wrapper .title-3 br {
    display: none;
  }
  .home-wrapper .control-panel .control-panel-wrapper .image-wrapper {
    margin-top: 25px;
    padding-inline: 30px;
    height: 273px;
  }
  .home-wrapper .control-panel .control-panel-wrapper .image-wrapper .bg13 {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  .home-wrapper .control-panel .control-panel-wrapper .image-wrapper .badge-title-6 {
    width: 96px;
    bottom: -9px;
  }
  .home-wrapper .advanced-report {
    margin-top: 40px;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper {
    padding-block: 40px;
    padding-inline: 20px;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper .title-1 {
    font-size: 20px;
    line-height: 30px;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper .title-2 {
    font-size: 24px;
    line-height: 32px;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper .title-3 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper .title-3 br {
    display: none;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper .image-wrapper {
    padding-inline: 30px;
    margin-top: 25px;
    padding-top: 13px;
    height: 410px;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper .image-wrapper .bg14 {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper .image-wrapper .badge-title-7 {
    width: 76.5px;
    top: -13px;
  }
  .home-wrapper .partner-integration .partner-integration-wrapper {
    padding-top: 40px;
    padding-inline: 20px;
  }
  .home-wrapper .partner-integration .partner-integration-wrapper .title-1 {
    font-size: 24px;
    line-height: 36px;
  }
  .home-wrapper .partner-integration .partner-integration-wrapper .title-2 {
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
  }
  .home-wrapper .partner-integration .partner-integration-wrapper .title-2 br {
    display: none;
  }
  .home-wrapper .partner-integration .partner-integration-wrapper .bg15 {
    height: unset;
    margin-top: 8px;
    padding-inline: 30px;
  }
  .home-wrapper .customer-rating {
    margin-top: unset;
    padding-bottom: 40px;
    --padding-inline-1: 20px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper {
    padding-inline: var(--padding-inline-1);
    overflow-x: hidden;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .title {
    font-size: 24px;
    line-height: 28px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .title-2 {
    font-size: 16px;
    line-height: 24px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating {
    padding-inline: unset;
    width: calc(100dvw - 2 * var(--padding-inline-1));
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item {
    grid-template-columns: 3fr 4fr;
    gap: 60px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left {
    height: 437.97px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .eclipse-1 {
    display: none;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .button-next {
    display: none;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .user-avatar {
    width: 268px;
    height: 392px;
    margin-left: unset;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .dot {
    width: 146px;
    left: 151px;
    right: unset;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .waving {
    left: 122.76px;
    right: unset;
    bottom: 0;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .eclipse-2 {
    width: 84px;
    left: 228px;
    right: unset;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .right .quote-star-wrapper {
    display: flex;
    gap: 30.24px;
    align-items: flex-start;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .right .quote-star-wrapper .quote {
    content: url("../../assets/images/icon/quote-blue.svg");
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .right .quote-star-wrapper .star {
    margin-top: unset;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .right .description {
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .right .footer {
    margin-top: 42px;
  }
  .home-wrapper .faq {
    padding-inline: 20px;
    padding-block: 40px;
  }
  .home-wrapper .faq .title {
    font-size: 24px;
    line-height: 28px;
  }
  .home-wrapper .faq .title-2 {
    font-size: 16px;
    line-height: 24px;
  }
  .home-wrapper .faq .accordion-custom {
    gap: 20px;
    margin-top: 25px;
  }
  .home-wrapper .faq .accordion-custom .item {
    padding-bottom: 20px;
  }
  .home-wrapper .faq .accordion-custom .item .title-wrapper .title {
    font-size: 18px;
    font-size: 600;
  }
  .home-wrapper .video-how-to {
    padding-block: 25px;
    padding-inline: 20px;
  }
  .home-wrapper .video-how-to .title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
  }
  .home-wrapper .video-how-to .title-2 {
    font-size: 16px;
    line-height: 24px;
  }
  .home-wrapper .video-how-to .mySwiper-videos {
    width: 100%;
  }
  .home-wrapper .newpapers {
    padding-block: 42px;
    padding-inline: 20px;
  }
  .home-wrapper .newpapers .title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
  }
  .home-wrapper .newpapers .title-2 {
    font-size: 16px;
    line-height: 24px;
  }
  .home-wrapper .newpapers .mySwiper-papers {
    width: 100%;
  }
  .home-wrapper .our-partner {
    padding-block: 42px;
  }
  .home-wrapper .our-partner .our-partner-wrapper {
    padding-inline: 20px;
  }
  .home-wrapper .our-partner .our-partner-wrapper .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
  }
  .home-wrapper .our-partner .our-partner-wrapper .title-2 {
    font-size: 16px;
    line-height: 24px;
  }
  .home-wrapper .our-partner .our-partner-wrapper .list-item {
    display: none;
  }
  .home-wrapper .our-partner .our-partner-wrapper .mySwiper-brands {
    display: block;
    margin-top: 30px;
  }
  .home-wrapper .bottom-bar {
    padding-block: 40px;
    background-color: #f0f3f5;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper {
    padding-inline: 20px;
    grid-template-areas: "a a b b" "c c c c";
    row-gap: 30px;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .second-item {
    margin-left: auto;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .second-item .list-icon-store {
    gap: 30px;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .third-item {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 20px;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .third-item .item:nth-child(2) {
    margin-left: unset;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .third-item .item:nth-child(3) {
    margin-left: unset;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .third-item .item:nth-child(4) {
    margin-left: unset;
  }
}
@media screen and (max-width: 768px) {
  .home-wrapper .multi-promotion {
    margin-top: 140px;
  }
  .home-wrapper .control-panel {
    margin-top: 140px;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .third-item {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 650px) {
  .home-wrapper .banner-home .banner-home-wrapper .left-content .title-4 {
    font-size: 14px;
    white-space: nowrap;
  }
  .home-wrapper .banner-home .banner-home-wrapper .right-content .content-wrapper {
    zoom: 0.4;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper {
    padding-block: 25px;
    padding-inline: 20px;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .image-wrapper {
    padding-inline: unset;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .image-wrapper .dots2 {
    top: unset;
    transform: unset;
    left: -12px;
    bottom: -18px;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .title-4 {
    margin-top: 42px;
    white-space: nowrap;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .list-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .home-wrapper .bottom-bar {
    padding-block: 42px;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper {
    grid-template-areas: "a" "b" "c";
    gap: 20px;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .second-item {
    margin-left: unset;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .third-item {
    margin-top: 10px;
  }
}
@media screen and (max-width: 480px) {
  .home-wrapper .banner-home .banner-home-wrapper {
    height: 547px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .home-wrapper .banner-home .banner-home-wrapper .left-content {
    padding-top: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .home-wrapper .banner-home .banner-home-wrapper .left-content .title-3 {
    text-align: center;
    max-width: 304px;
  }
  .home-wrapper .banner-home .banner-home-wrapper .left-content .title-4 {
    font-size: 20px;
  }
  .home-wrapper .banner-home .banner-home-wrapper .right-content {
    margin-top: unset;
  }
  .home-wrapper .banner-home .banner-home-wrapper .right-content .content-wrapper {
    zoom: 0.65;
  }
  .home-wrapper .representation-customer .representation-customer-wrapper {
    padding-inline: 10px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper {
    padding-block: 25px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .title-3 {
    margin-top: 15px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .list-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .home-wrapper .custom-360 .custom-360-wrapper {
    height: 610px;
    padding-inline: 20px;
    padding-block: 25px;
  }
  .home-wrapper .custom-360 .custom-360-wrapper .image-wrapper {
    padding-inline: unset;
  }
  .home-wrapper .multi-promotion {
    margin-top: unset;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper {
    padding-block: 25px;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper .list-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper {
    height: 614px;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .dots3 {
    bottom: 58px;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .image-wrapper {
    padding-inline: unset;
    height: 318px;
  }
  .home-wrapper .control-panel {
    margin-top: unset;
  }
  .home-wrapper .control-panel .control-panel-wrapper {
    padding-block: 25px;
  }
  .home-wrapper .control-panel .control-panel-wrapper .image-wrapper {
    padding-inline: unset;
    height: 201px;
  }
  .home-wrapper .control-panel .control-panel-wrapper .image-wrapper .bg13 {
    height: unset;
  }
  .home-wrapper .control-panel .control-panel-wrapper .image-wrapper .badge-title-6 {
    width: 96px;
    bottom: 0;
  }
  .home-wrapper .advanced-report {
    margin-top: unset;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper {
    padding-block: 25px;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper .image-wrapper {
    padding-inline: unset;
    height: 280px;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper .image-wrapper .badge-title-7 {
    left: 33px;
  }
  .home-wrapper .partner-integration .partner-integration-wrapper {
    padding-block: 25px;
  }
  .home-wrapper .partner-integration .partner-integration-wrapper .bg15 {
    padding-inline: unset;
    margin-top: unset;
  }
  .home-wrapper .customer-rating {
    padding-block: 25px;
    padding-bottom: unset;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item {
    grid-template-columns: repeat(1, 1fr);
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left {
    display: flex;
    height: unset;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .eclipse-1 {
    display: unset;
    top: -32px;
    left: -8px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .user-avatar {
    width: 368px;
    height: 539px;
    margin-left: 35px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .eclipse-2 {
    width: unset;
    left: 353px;
    bottom: -38px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .right {
    padding-bottom: 25px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .right .quote-star-wrapper {
    flex-direction: column;
    gap: 20px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .right .quote-star-wrapper .star {
    align-self: center;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .right .quote-star-wrapper .quote {
    content: unset;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .right .description {
    margin-top: 10px;
  }
  .home-wrapper .faq {
    padding-block: 25px;
  }
  .home-wrapper .faq .title-2 {
    text-align: justify;
  }
  .home-wrapper .video-how-to {
    padding-block: 40px;
  }
  .home-wrapper .video-how-to .mySwiper-videos .swiper-slide .item .image-wrapper img {
    width: 305px;
  }
  .home-wrapper .video-how-to .mySwiper-videos .swiper-slide .item .text {
    margin-top: 20px;
  }
  .home-wrapper .newpapers {
    padding-block: 40px;
  }
  .home-wrapper .newpapers .mySwiper-papers .swiper-slide .item .image-wrapper {
    width: 220px;
    height: 168px;
  }
  .home-wrapper .newpapers .mySwiper-papers .swiper-slide .item .title-4 {
    white-space: unset;
    width: 220px;
  }
}
@media screen and (width < 480px) {
  .home-wrapper .banner-home .banner-home-wrapper .right-content .content-wrapper {
    zoom: 0.4;
  }
  .home-wrapper .representation-customer .representation-customer-wrapper .title-1 {
    font-size: 15px;
  }
  .home-wrapper .representation-customer .representation-customer-wrapper .title-1 span {
    font-size: 16px;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .title-1 {
    font-size: 15px;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .title-4 {
    font-size: 15px;
    line-height: 15px;
    white-space: unset;
  }
  .home-wrapper .representation-feature .representation-feature-wrapper .list-item-wrapper .item .text {
    font-size: 16px;
  }
  .home-wrapper .post-data-sync .post-data-sync-wrapper .title-1 {
    font-size: 15px;
  }
  .home-wrapper .multi-promotion .multi-promotion-wrapper .title-1 {
    font-size: 15px;
  }
  .home-wrapper .five-star-rating .five-star-rating-wrapper .title-1 {
    font-size: 15px;
  }
  .home-wrapper .control-panel .control-panel-wrapper .title-1 {
    font-size: 15px;
  }
  .home-wrapper .advanced-report .advanced-report-wrapper .title-1 {
    font-size: 15px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .user-avatar {
    width: 300px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .eclipse-1 {
    top: 47px;
    left: 15px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .eclipse-2 {
    left: 253px;
    bottom: 0;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .dot {
    top: 47px;
  }
  .home-wrapper .faq .accordion-custom .item .title-wrapper .title {
    font-size: 14px;
  }
}
@media screen and (width < 375px) {
  .home-wrapper .banner-home .banner-home-wrapper {
    height: 550px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .title {
    font-size: 20px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .user-avatar {
    width: 250px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .eclipse-2 {
    left: 253px;
    bottom: 40px;
  }
  .home-wrapper .customer-rating .customer-rating-wrapper .mySwiper-rating .swiper-slide .list-item .left .waving {
    bottom: 40px;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .second-item .list-icon-store {
    gap: 10px;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .second-item .list-icon-store img {
    width: 120px;
  }
  .home-wrapper .bottom-bar .bottom-bar-wrapper .third-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

/*# sourceMappingURL=style-mobile.css.map */