@media (max-width: 1700px) {
    .fea-atp .fea-1 {
        margin-top: -10%;
    }
    .fea-atp .fea-3 {
        margin-top: -10%;
    }
    .fea-atp .fea-4 {
        margin-top: -8%;
    }
    .fea-atp .fea-5 {
        margin-top: -12%;
    }
}

@media (max-width: 1600px) {
    .fea-atp .fea-1 {
        margin-top: -11%;
    }
    .fea-atp .fea-3 {
        margin-top: -8%;
    }
    .fea-atp .fea-5 {
        margin-top: -8%;
    }
    .fea-atp .fea-end {
        margin-top: -13%;
    }
    .fea-atp .list-fea li{
        line-height: 170%;
    }
    .fea-fb .tt-pd{
        padding-top: 20px;
    }
    .fea-fb .card-fea-fb{
        padding: 0 0;
        gap: 0;
    }
}
@media (max-width: 1500px) {
    .fea-atp .fea-start {
       margin-top: -2%;
    }
    .fea-atp .fea-end {
        margin-top: -15%;
    }
}
@media (max-width: 1400px) {
    .fea-atp .fea-name h3{
        font-size: 22px;
    }
    .fea-atp .list-fea li {
        line-height: 165%;
    }
    .fea-atp .fea-4 {
        margin-top: -10%;
    }
    .fea-atp .fea-5 {
        margin-top: -9%;
    }
    .fea-atp .fea-end {
        margin-top: -14%;
    }
    /* .fea-fb .card-fea-fb {
        padding: 2% 0;
    } */
    /*.fea-fb{
        background-size: inherit !important;
    }*/
    .introduce-fb .intro-title h2 {
        padding: 0 10%;
    }
}
@media (max-width: 1350px) {
    .fea-atp .fea-end {
        margin-top: -12%;
    }
    .fea-atp .fea-name h3 {
        font-size: 20px;
    }
    .fea-atp .fea-3 {
        margin-top: -6%;
    }
    .fea-fb .card-fea-fb .content ul {
        gap: 10px;
    }
    .fea-fb{
        background-repeat: round;
    }
}

@media (max-width: 1200px)  {
    .bg-feature .container-feature {
        padding: 0;
    }
    .bg-feature .uid-left-1 {
        margin-top: 0;
    }
    .bg-feature .bg-none{
        display: none;
    }
    .bg-feature .uid-right-2,
    .bg-feature .uid-left-2 {
        margin: 6% 0;
    }
    .bg-feature .uid-left-3 {
        margin-bottom: 10%;
    }
    .feature .bg-feature{
        background: none;
    }
    .fea .card-content-zalo-right-1,
    .fea .card-content-zalo-left-1,
    .fea .card-content-zalo-right-2,
    .fea .card-content-zalo-left-2,
    .fea .card-content-zalo-right-3{
        padding: 0;
    }

    .fea .fea-bg-zalo {
        background: none;
    }

    .fea .fea-bg-zalo .zalo-1,

    .fea .fea-bg-zalo .zalo-3,

    .fea .fea-bg-zalo .zalo-5{
        padding: 2% 2%;
    }
    .fea .fea-bg-zalo .zalo-2,
    .fea .fea-bg-zalo .zalo-4{
        padding: 2% 2% 2% 55%;
    }
    .fea-fb .card-fea-fb .title h2{
        font-size: 28px;
    }
    .fea-fb .card-fea-fb .content ul li,
    .fea-fb .card-fea-fb .content ul span{
        font-size: 18px;
    }
    .fea-fb .card-fea-fb .content ul{
        gap: 0;
    }
    .comment .comment-card{
        height: 475px;
    }
    .more .more-item{
        padding: 0 10px;
    }
}
@media (max-width: 1100px)  {
    .fea-fb .card-fea-fb .title h2{
        line-height: 30px;
    }
    .fea-fb .card-fea-fb .content ul li, .fea-fb .card-fea-fb .content ul span{
        font-size: 16px;
    }
    .banner .img_banner_zl .desc h1,
    .banner .img_banner_fb .desc h1{
        font-size: 60px;
        line-height: 100%;
    }
    .img_banner_fb .pad-left .content.pt-5{
            padding-top: 1rem !important;
    }
    .slick-prev{
        left: 30%;
    }
    .slick-next{
        right: 30%;
    }
    .banner .img_banner_zl {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left;
    }
}
@media (max-width: 991px) {
    .banner .img_banner .desc h5{
        font-size: 22px;
    }
    .card-register .card-title p {
        font-size: 22px;
    }
    .card-register .btn-sub .btn-send{
        font-size: 22px;
        width: 55%;
    }
    .card-register .excerpt{
        padding: 0 10%;
    }
    .introduce::before{
        left: 0;
        background-size: 40%;
    }
    .introduce .intro-left .intro-img img{
        width: -webkit-fill-available;
    }
    .introduce .intro-right .intro-title p {
        font-size: 20px;
    }
    .introduce .intro-right .desc-intro p {
        font-size: 16px;
    }
    .bg-feature .item-feature {
        padding: 0 1%;
    }
    .bg-feature .feature-title-content p {
        padding: 3% !important;
        margin: 0;
        font-size: 20px;
    }
    .bg-feature .content-1 ul {
        font-size: 15px;
        line-height: 150%;
    }
    footer .ft-logo .ft-img img{
        width: 60%;
    }
    .offset-6 {
        margin-left: 0;
    }
    .banner .img_banner_fb .pad-left{
        padding: 0;
    }
    .introduce-fb .card-top{
        justify-content: flex-start;
    }
    .fea-fb {
        background-size: inherit;
        background-repeat: no-repeat;
        background-position: center right;
    }
    .contact .contact-product .contact-text span{
        font-size: 25px;
    }
    .introduce-fb .intro-title h2{
        font-size: 34px;
        line-height: 30px;
    }
    .fea-fb{
        padding-top: 20px;
        background-size: cover !important;
    }
}
@media (max-width: 820px) {
    .feature .bg-feature .col-img {
        display: none;
    }

    .bg-feature .container-feature {
        padding: 0 7%;
    }

    .bg-feature .plr-5 {
        padding: 0 !important;
    }

    footer .pay_qr {
        padding-top: 0;
    }

    .col-sm-4.col-md-6.col-12.pr-pd {
        padding-bottom: 4%;
    }

    .pl-5.pr-5.ppl-5,
    .bg-feature .plr-5 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    } 
    .col-lg-4.col-md-12.col-12.pr-pd {
        padding-bottom: 5%;
    }

    .dot-white {
        width: 86%;
    }

    .price-product .price-prod-vnd .center {
        font-size: 64px;
    }

    .price-product .price-prod-vnd p {
        font-size: 39px;
    }

    .price-product .price-items ul li {
        font-size: 36px;
    }

    .slick-prev {
        left: 35%;
    }

    .slick-next {
        right: 35%;
    }

    .left-3, .right-3 {
        margin-top: 0;
    }
/* 
    section#header {
        padding-top: 12%;
    } */

    .fea-atp,
    .price-product,
    .feature .bg-feature{
        background: none;
    }

    .fea-atp .fea-1,
    .fea-atp .fea-2,
    .fea-atp .fea-3,.fea-atp .fea-4,.fea-atp .fea-5{
        margin-top: 0;
    }

    .fea-atp .fea-end {
        margin-top: 0;
    }

    .feature .bg-feature .bg-none {
        display: none;
    }

    .feature .bg-feature .apt-left-1,
    .feature .bg-feature .apt-left-2,
    .feature .bg-feature .apt-left-3,
    .feature .bg-feature .apt-left-4,
    .feature .bg-feature .apt-right-1,
    .feature .bg-feature .apt-right-2,
    .feature .bg-feature .apt-right-3,
    .feature .bg-feature .apt-right-4 {
        margin: 0 0 5% 0;
    }
    .introduce-apt .intro-top .intro-img img{
        width: 100%;
    }
    .comment .comment-card{
        height: 340px;
    }
    .feature .feature-title h2,.fea .box-fea h2, .comment .comment-title h2, .price-product .price-title h2, .introduce-apt .intro-title h2, .fea-atp .feature-title h2{
        font-size: 26px;
    }
    .feature .feature-title span, .comment .comment-title span, .price-product .price-title span, .introduce-apt .intro-title span, .fea-atp .feature-title span{
        font-size: 26px;
    }
    .bg-feature .uid-left-2 {
        margin: 6% 0;
    }
    .bg-feature .uid-right-1
    {
        margin-top: 0;
    }
    .bg-feature .uid-left-3,
    .bg-feature .uid-right-3{
        margin-bottom: 1%;
    }
    .bg-feature .uid-left-1 {
        margin-top: 0;
    }
    .bg-feature .uid-right-2 {
        margin: 6% 0;
    }
    .fea-uid .fea-bg-uid-left, .fea-uid .fea-bg-uid-bot-left,.fea-uid .fea-bg-uid-right,.fea-uid .fea-bg-uid-bot-right
    {
        position: initial;
        display: flex;
        justify-content: center;
    }
    .fea-uid .fea-uid-content {
        padding: 5% 25% 20% 18%;
    }
    .fea-uid .fea-uid-content-right {
        padding: 2% 14% 20% 24%;
    }
    .fea-uid .fea-uid-content-bot-left {
        padding: 6% 26% 20% 10%;
    }
    .h-fea{
        height: auto;
    }
    .fea-uid .fea-uid-content-bot-right {
        margin: 17% 15% 0% 25%;
    }
    .res{
        margin-top: -8%;
    }
    .feature .img-h img{
        width: 100%;
    }
    .fea .box-card{
        padding: 0;
    }
    .fea .fea-bg-zalo .zalo-2, .fea .fea-bg-zalo .zalo-4{
        padding: 2%;
    }
    .abc{
        right: 5%;
    }
    #hotline{
        display: none;
    }
    .phone-mobie{
        display: initial !important;
        margin-left: 30%;
    }
}
@media (max-width: 768px) {
    .banner .img_banner_atp .title h1,
    .banner .img_banner_tiktok .title h1,
    .banner .img_banner_system .title h1,
    .banner .img_banner .title h1,
    .banner .img_banner_uid .title h1{
        font-size: 40px;
    }
    .banner .img_banner_atp .desc h5,
    .banner .img_banner_tiktok .desc h5,
    .banner .img_banner_system .desc h5,
    .banner .img_banner .desc h5,
    .banner .img_banner_uid .desc h5{
        font-size: 16px;
    }
    .banner .pad-left .content{
        padding: 0 !important;
    }
    .banner .img_banner_atp .content .list-content li,
    .banner .img_banner_tiktok .content .list-content li,
    .banner .img_banner_system .content .list-content li,
    .banner .img_banner .content .list-content li,
    .banner .img_banner_uid .content .list-content li{
        font-size: 14px;
    }
    .card-register .card-title p {
        font-size: 16px;
    }
    .card-register .card-title span {
        font-size: 26px;
    }
    .card-register .input-name input, .card-register .input-phone input {
        height: 40px;
    }
    .card-register .input-phone {
        padding-bottom: 2% !important;
    }
    .card-register .btn-sub .btn-send {
        font-size: 15px;
        width: 80%;
        height: 50px;
    }
    .card-register .excerpt {
        padding: 0 10%;
        font-size: 10px;
    }
    .introduce .intro-right .intro-title p {
        font-size: 15px;
    }
    /* .introduce .intro-right .desc-intro p {
        font-size: 12px;
    } */
    .feature .feature-title span,.fea .box-fea span, .comment .comment-title span, .price-product .price-title span {
        font-size: 25px;
    }
    .feature .feature-title h2, .comment .comment-title h2, .price-product .price-title h2 {
        font-size: 25px;
    }
    .bg-feature .container-feature {
        padding: 0 4%;
    }
    .bg-feature .pad-mid {
        padding-top: 0;
    }
    .banner .img_banner_fb .pad-left{
        padding-top: 0%;
    }
    .banner .img_banner_fb .pad-left{
        font-size: 48px;
    }
    .contact .contact-product .contact-text span {
        font-size: 24px;
    }
    .slick-next{
        right: 24%;
    }
    .slick-prev{
        left: 24%;
    }
    footer .ft_policy p{
        padding: 0;
    }
    .introduce-fb .intro-title h2{
        padding: 0;
        font-size: 28px;
    }
}

@media (max-width: 555px) {
    .bg-feature .container-feature {
        padding: 0;
    }
    .bg-feature .ppl-5{
        padding: 0 28px !important;
    }
    .bg-feature .item-feature {
        padding: 0 0 15px 0;
    }
    .bg-feature .pad-mid {
        /*padding-top: 5%;*/
        padding-bottom: 5%;

    }
    .feature .fea-pb .padb {
        margin-bottom: 20px;
    }
    .bg-feature .fea-pb{
        padding-bottom: 0 !important;
    }
    .col.col-sm.col-md.item-feature{
        padding: 0;
    }
    .row.mx-auto.container-feature.pb-4 {
        padding-bottom: 0 !important;
    }
    p.pl-4.pr-4.pt-4 {
        text-align: center;
    }
    .col-sm-6.pt-5.pb-5 {
        padding-top: 0 !important;
    }
    .introduce .intro-right .content-intro {
        padding: 5% 0;
    }
    .banner .img_banner_atp .title h1,
    .banner .img_banner_tiktok .title h1,
    .banner .img_banner_system .title h1,
    .banner .img_banner .title h1,
    .banner .img_banner_uid .title h1{
        font-size: 32px;
        text-align: center;
        margin-top: 5%;
    }
    .dot{
        margin-left: 30%;
    }
    .banner .img_banner_atp .pad-left,
    .banner .img_banner_tiktok .pad-left,
    .banner .img_banner_system .pad-left,
    .banner .img_banner .pad-left,
    .banner .img_banner_uid .pad-left{
        padding: 0 3%;
    }
    .feature .feature-title h2,.fea .box-fea h2 .comment .comment-title h2, .price-product .price-title h2 {
        font-size: 20px;
    }
    .feature .feature-title span,.fea .box-fea span, .comment .comment-title span, .price-product .price-title span {
        font-size: 20px;
    }
    .reason .reason-title h2, .more .more-title .p-title {
        font-size: 20px;
        padding: 0 1%;
    }
    .price-product {
        background: none;
        background-size: inherit;
        padding-bottom: 0 !important;
    }
    .feature .feature-img::before {
        background: none;
    }
    .reason-title.pt-5 {
        padding-top: 0 !important;
    }
    .col-sm-4.mt-4 {
        padding-bottom: 5%;
    }

    .row.pt-5.pb-5 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    footer .ft_policy p, footer .ft_pay p {
         padding-top: 0;
    }
    .col-lg-5.col-md-5.col-12.pt-5.pb-5 {
        padding-bottom: 0 !important;
    }
    .contact .contact-product .contact-text span {
        font-size: 17px;
    }
    .contact .contact-product .contact-text p {
        font-size: 13px;
    }
    .contact .contact-product .btn-contact .btn-con {
        height: 53px;
        font-size: 15px;
    }
    .btn-price.pb-5.pt-5 {
        padding-top: 0 !important;
    }
    .col-sm-4.pr-pd {
        margin-bottom: 5%;
    }
    .price-product .row.mt-5.mb-5 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    .more-title.pt-5 {
        padding-top: 0 !important;
    }
    .more .container .pt-5{
        padding-top: 0 !important;
    }
    .more .pb-5{
        padding-bottom: 0 !important;
    }
    .price-product .price-prod-vnd .center {
        font-size: 36px;
    }
    .price-product .price-prod-vnd p {
        font-size: 20px;
    }
    .price-product .price-items ul li {
        font-size: 16px;
    }
    .bg-feature .content-1 ul {
        line-height: 200%;
    }
    .col-lg-2.col-md-5.col-12.dis-no {
        display: none;
    }
    .slick-prev {
        left: 18%;
    }
    .slick-next {
        right: 18%;
    }
    /* section#header {
        padding-top: 25%;
    } */
    .img-uid-fea{
        display: none;
    }
    .fea-uid .fea-uid-content,
    .fea-uid .fea-uid-content-right,
    .fea-uid .fea-uid-content-bot-left{
        padding: 0;
    }
    .fea-uid .fea-uid-content-bot-right {
        margin: 0;
    }
    .fea-uid .fea-bg-uid-left, .fea-uid .fea-bg-uid-bot-left, .fea-uid .fea-bg-uid-right, .fea-uid .fea-bg-uid-bot-right{
        margin-top: 0;
    }
    .feature .feature-title span,.fea .box-fea span .comment .comment-title span, .price-product .price-title span, .introduce-apt .intro-title span, .fea-atp .feature-title span, .fea-uid .feature-title span{
        font-size: 26px;
    }
    .feature .feature-title h2, .comment .comment-title h2, .price-product .price-title h2, .introduce-apt .intro-title h2, .fea-atp .feature-title h2, .fea-uid .feature-title h2,.fea .box-fea h2{
        font-size: 26px;
    }
    .banner .img_banner .title p, .banner .img_banner_atp .title p,.banner .img_banner_tiktok .img_banner_system .title p, .banner .img_banner_uid .title p{
        font-size: 40px;
        text-align: center;
    }

    .fea .card-system-1,
    .fea .card-system-2,
    .fea .card-system-3,
    .fea .card-system-4,
    .fea .card-system-5,
    .fea .card-system-6,
    .fea .card-tiktok-1 ,
    .fea .card-tiktok-2 ,
    .fea .card-tiktok-3 ,
    .fea .card-tiktok-4 ,
    .fea .card-tiktok-5 {
        height: auto;
        border-radius: 40px;
    }

    .fea .icon-box-tiktok{
        display: none;
    }

    .fea .card-box-tiktok .mg-zalo-top-2,
    .fea .card-box-tiktok .mg-zalo-top-3,
    .fea .card-box-tiktok .mg-zalo-top-4,
    .fea .card-box-tiktok .mg-zalo-top-5,
    .fea .card-box-tiktok .mg-zalo-top-6,
    .fea .card-box-tiktok .mg-top-2,
    .fea .card-box-tiktok .mg-top-3,
    .fea .card-box-tiktok .mg-top-4,
    .fea .card-box-tiktok .mg-top-5{
        margin-top: 5%;
    }
    .banner .img_banner .title p, .banner .img_banner_atp .title p, .banner .img_banner_uid .title p, .banner .img_banner_zalo .title p, .banner .img_banner_tiktok .title p .img_banner_system .title p {
        font-size: 40px;
        text-align: center;
    }
    .abc {
        left: auto;
        top: 22%;
    }
    .popup-inner{
        width: 90%;
    }
    .phone-mobie {
        margin-left: 8%;
/*        border: 2px solid #991212;*/
        border-radius: 20px;
    }
    .phone-mobie {
        width: 50%;
    }
    .phone-mobie a {
        margin: 6%;
    }
    .phone-mobie a{
        font-size: 18px;
    }
    .footer_content{
        display: none;
    }
    .ft-none{
        display: none !important;
    }
    .banner .img_banner_zl .desc h1,
    .banner .img_banner_fb .desc h1 {
        font-size: 40px;
        text-align: center;
    }
    .fea-fb .card-fea-fb .title h2{
        text-align: center  ;
    }
    .fea-fb {
    margin-top: 1rem !important;
}
}
@media (max-width: 500px) {
    .bg-feature .container-feature {
        padding: 0;
    }
}