@media screen and (min-width: 1920px) {}

@media screen and (min-width: 1600px) {
    .rowfull-margin {
        width: 1440px;
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding: 0 0px 80px;
    }

}

@media screen and (min-width: 1500px) {
    .row-headmenu {
        max-width: 1440px;
        width: 1440px;
    }

    .row.block-news-items {
        /* max-width: 1440px;
        width: 1440px; */
        width: calc(1440px + 22px);
        max-width: calc(1440px + 22px);
    }

    .rowfull-margin.row-package-suggest {
        max-width: 1440px;
        width: 1440px;
    }

    footer.footer .row-fptlogo {
        max-width: 1440px;
        width: 1440px;
    }


    .link-footer-desktop {
        padding-left: 0;
        padding-right: 0;
        width: 1440px;
        max-width: 1440px;
    }

    .footer .rowfull-margin {
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
    }

    footer.footer .row-link-foot {
        max-width: 1440px;
        width: 1440px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1441px) {
    .link-footer-desktop {
        width: 1440px;
        max-width: 1440px;
        padding: 0;
    }

    .row.block-news-items {
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        width: 1440px;
    }
}
@media screen and (min-width: 1440px) {


    .row-headmenu {
        /* max-width: 1400px;
        width: 1400px; */
    }

    footer.footer .row-fptlogo {
        max-width: 1400px;
        width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }

    footer.footer .row-link-foot {
        max-width: 1400px;
        width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }

    .rowfull-margin.row-package-suggest {
        padding-left: 0;
        padding-right: 0;
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .footer .rowfull-margin {
        padding-left: 15px;
        padding-right: 15px;

        padding-left: 0;
        padding-right: 0;
    }
    .main-container{
        padding: 110px 235px;
    }
}


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

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

}
@media screen and (max-width: 1499px) {
    .row.block-news-items {
        width: 1440px;
        max-width: 1440px;
    }

}
@media screen and (max-width: 1440px) {
    .container.container--full-row.classic-content>.row {
        margin-left: 0;
        margin-right: 0;
    }
    .main-container{
        padding: 110px 76px;
    }
    .row.block-news-items {
        width: calc(100% + 10px);
        max-width:  calc(100% + 10px);
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media screen and (max-width: 1400px) {
    .div-table table.table-bbdt-top {
        width: 1000px;
        max-width: 1000px;
    }
}

@media screen and (max-width: 1439px) {
    .footer .rowfull-margin {
        padding-left: 10px;
        padding-right: 10px;
    }

    .link-footer-desktop {
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
    }

    .row.block-news-items {

    }

    .footer .rowfull-margin {
        padding-left: 15px;
        padding-right: 15px;
    }



    .rowfull-margin.row-package-suggest {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width: 1280px) {
    .scroll_horizontal .list-item {
        width: 360px;
    }

    .scroll_horizontal .list-item:nth-last-of-type(1) {
        width: 345px;
    }

    .scroll_horizontal .list-item:nth-last-of-type(1) .store-info {
        width: 100%;
    }

    .store-info-block.scroll_horizontal:hover::-webkit-scrollbar-thumb {
        background: rgba(231, 231, 231, 1);
    }

    .block-news-items {
        display: flex;
        overflow-x: auto;
    }

    .news-block-home {
        min-width: 330px;
        margin-bottom: 5px;
    }

    .block-news-items::-webkit-scrollbar {
        height: 8px;
        width: 8px;
    }

    .block-news-items::-webkit-scrollbar-track {
        background-color: rgba(209, 213, 219, 0);
    }

    .block-news-items:hover::-webkit-scrollbar-thumb {
        background: rgba(231, 231, 231, 1);
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }

    .block-news-items::-webkit-scrollbar-thumb {
        /* background: rgba(231, 231, 231, 1); */
    }

    .div-table table.table-bbdt-top {
        width: 1000px;
        max-width: 1000px;
    }
}

@media screen and (max-width: 1199px) {
    .col-md-20-percent {
        width: 33.33%;
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 1024px) {
    .div-table table {
        width: 850px;
        max-width: 850px;
    }

    .pagination.customize>li>a.prev,
    .pagination.customize>li>a.next {
        width: 128px;
    }

    .pagination.customize>li>a.prev {
        padding-left: 22px;
        padding-right: 12px;
    }

    .pagination.customize>li>a.next {
        padding-left: 12px;
        padding-right: 22px;
    }

    .pagination.customize>li>a.prev::after {
        left: 2px;
    }

    .pagination.customize>li>a.next::after {
        right: 2px;
    }

    .col-right .img-quangcao {
        padding-right: 10px;
    }

    .rowfull-margin .row.block-news-items {
        /* margin-left: 0;
        margin-right: 0; */
    }

    footer.footer .row-link-foot .col-left {
        width: 50%;
        padding-right: 20px;
    }

    footer.footer .row-link-foot .col-right {
        width: 50%;
    }

    .row.block-news-items {
        margin-left: 0px;
        margin-right: 0px;
    }

    .footer .rowfull-margin {
        padding-left: 8px;
        padding-right: 8px;
    }

    .row-main-banner {
        padding-top: 106px;
    }

    .link-footer-desktop {
        width: calc(100% - 10px);
        max-width: calc(100% - 10px);
    }
    .rowfull-margin.row-store-info {
    }
    .main-container{
        padding: 110px 40px;
    }
    .total-row{
        font-weight: 600;
        font-size: 16px;
    }
    .price{
        font-weight: bold;
        font-size: 28px;
    }
}

/* end 1024px */

/* 991px */
@media screen and (max-width: 991px) {
    .new-title-label {
        padding-left: 15px;
        padding-right: 15px;
    }

    .link-footer-mobile {
        display: block;
        padding: 20px 15px 0;
    }

    .link-footer-mobile .logo-fpt-footer img{
        height: 36px;
    }

    .link-footer-desktop {
        display: none;
    }

    .scroll_horizontal {
        border-bottom: 1px solid rgba(37, 37, 37, 0);
        padding: 5px 0 13px;
    }

    .scroll_horizontal .list-item .store-info::after {
        width: 0;
    }

    .scroll_horizontal .list-item .store-info {
        width: 96%;
        margin-right: 2%;
        border: 1px solid #e7e7e7;
        padding: 4px 20px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        /* box-shadow: 0px 1px 9px 0 rgba(22, 22, 26, 0.1); */
    }

    .store-info .arrow {
        margin-right: 0;
    }

    .pagination.customize>li>a.prev,
    .pagination.customize>li>a.next {
        width: 120px;
    }

    .footer .rowfull-margin {
        padding-left: 0px;
        padding-right: 0px;
    }

    .new-title-label h2 {
        font-size: 32px;
    }




    .nav-search>form {
        top: 0px;
        width: calc(100vw - 28px);
    }

    .box-intro-large {
        margin-top: 0px;
        padding-top: 70px;
    }

    .col-md-20-percent {
        width: 50%;
    }

    .box-intro-large img {
        height: auto;
    }

    .breadcrumb-service {
        padding-left: 16px;
        padding-right: 16px;
    }

    .rowfull-margin.first-section,
    .first-section {
        padding-top: 70px;
        /* padding-top: 102px; */
    }

    .pagination.customize>li>a.prev,
    .pagination.customize>li>a.next {
        width: 40px;
        height: 40px;
        padding-left: 0;
        padding-right: 0;
    }
    .pagination.customize>li>a.prev::after {
        left: 8px;
    }
    .pagination.customize>li>a.next::after {
        right: 8px;
    }

    .pagination.customize>li>a i {
        display: none;
    }

}
/* end 991px */



@media screen and (max-width: 834px) {}
/* //820 */
@media screen and (max-width: 834px) {
    .scroll_horizontal .list-item {
        width: 340px;
    }
    .total-row{
        font-size: 17px;
    }
    .price{
        font-size: 25px;
    }
}
/* 768px */
@media screen and (max-width: 768px) {
    .nav-toggle {
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

    .container.width-parent {
        padding-left: 5px;
        padding-right: 5px;
    }

    .col-left .img-quangcao img {
        height: 400px;
    }

    .col-right .img-quangcao img {
        height: 190px;
    }

    .row-main-banner {
        padding-top: 70px;
    }

    /* page user info */






    .custom-select-box select {
        font-size: 17px;
    }

    /* pagination */
    .pagination.customize>li>a.prev,
    .pagination.customize>li>a.next {
        width: 48px;
        padding-left: 0;
        padding-right: 0;
    }

    .pagination.customize>li>a i {
        display: none;
    }

    .pagination.customize>li>a.prev::after {
        left: 12px;
    }

    .pagination.customize>li>a.next::after {
        right: 12px;
    }

    .pagination.page-numbers>li>a {
        width: 41px;
    }

    .rowfull-margin .row.block-news-items {
        padding-left: 0px;
    }

    .footer .rowfull-margin {
        padding-left: 0px;
        padding-right: 0px;
    }

    .link-footer-mobile {
        padding: 20px 15px 20px;
    }

    .store-info .arrow {
        display: none;
    }

    .new-title-label {
        padding-bottom: 48px;
    }

    .new-title-label h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .new-title-label p {
        font-size: 16px;
    }

    .scroll_horizontal.store-info-block {
        margin: 16px 0 0;
    }

    .rowfull-margin.row-package-suggest {
        padding-bottom: 23px;
    }

    .rowfull-margin.block-news {
        padding: 20px 0;
    }


    .nav-search>form {
        top: -70px;
        width: calc(100vw - 28px);
    }


    /* popup fid */
    .fid-popup-container .fid-popup-close {
        right: 2%;
    }

    .fid-popup-container a {
        width: 100%;
    }

    .rowfull-margin {
        padding-bottom: 40px;
    }
    .rowfull-margin.row-store-info {
        /* padding-bottom: 22px;
        padding-bottom: 0px; */
    }
    .scroll_horizontal .list-item {
        width: 300px;
    }
    .padding_new_title_label {
        /* padding-bottom: 48px; */
    }
    .rowfull-margin.row-goi-de-xuat {
        padding-bottom: 40px;
        padding-top: 10px;
    }
    .rowfull-margin.row-goi-de-xuat-homepage {
        padding-bottom: 40px;
        padding-top: 10px;
    }
/* end 768px */
}


/* 767 */
@media screen and (max-width: 767px) {




    .block-news-items .news-block-home:nth-of-type(1) {
        padding-left: 0;
    }




    .package-tab input:checked~.package-tab__content {
        background: #fff;
        border: 0;
    }

    .label-title .icon-user {
        display: inline-block;
    }

    /* payment history  */
    .payment-mobile {
        background: #fff;
        /* border: 1px solid #E6E6E6; */
        border: 0;
        padding: 20px 15px 15px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        margin-bottom: 24px;
    }

    .wrapper-table {
        background: #fff;
        padding: 8px 16px 8px;
        border: 0;
    }


    .pagination.customize>li>a.prev,
    .pagination.customize>li>a.next {
        width: auto;
        background: #fff;
    }

    .pagination.customize>li>a i {
        display: block;
    }

    .pagination.customize>li>a.next {
        padding-left: 12px;
        padding-right: 22px;
    }

    .pagination.customize>li>a.prev {
        padding-left: 22px;
        padding-right: 12px;
    }

    .pagination.customize>li>a.next::after {
        right: 2px;
    }

    .pagination.customize>li>a.prev::after {
        left: 2px;
    }

    .pagination.page-numbers>li>a {
        width: 48px;
    }

    .list-menu-user li a {
        position: relative;
        padding: 18px 20px 24px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;

    }

    .list-menu-user li a::before {
        content: '';
        position: absolute;
        width: calc(100% + 8px);
        height: 1px;
        background: #D1D1D1;
        bottom: 7px;
        left: -4px;
    }

    .list-menu-user li:nth-last-of-type(1) a:before {
        width: calc(100% + 4px);
    }

    .list-menu-user li a.active::before {
        display: none;
    }

    .list-menu-user li {
        margin-bottom: 3px;
    }


    .col-md-20-percent {
        width: 100%;
    }

    .rowfull-margin.custom--pad-bottom {
        padding-bottom: 40px;
    }


    .div-table table {
        width: 690px;
        max-width: 690px;
        min-width: unset;
    }

    table.table-pmhs>tbody>tr>td:nth-of-type(2),
    table.table-pmhs>thead>tr>th:nth-of-type(2) {
        max-width: 336px;
        width: 336px;
    }

    table.table-pmhs>tbody>tr>td:nth-of-type(3),
    table.table-pmhs>thead>tr>th:nth-of-type(3) {
        max-width: 140px;
        width: 140px;
    }

    .div-table table>thead>tr>th:nth-last-of-type(1),
    .div-table table>tbody>tr>td:nth-last-of-type(1) {
        max-width: 150px;
        width: 150px;
    }
    .main-container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 92px 25px  ;
    }
    .content-left,
    .content-right {
        width: 100%;
        max-width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .tick-icon {
        width: 40px;
        height: 40px;
        margin: 32px auto 12px auto;
        display: block;
        vertical-align: middle;
    }
    .title-success{
        font-size: 20px;
        margin-top: -15px;

    }
    .badge-warning{
        padding: 8px 9px;
        font-size: 15px;
    }
    .description{
        font-size: 14px;
        line-height: 24px;

    }
    .btn-confirm{
        margin-bottom: 15px;
    }
    .content-right h2{
        display: none;
    }
    .section-header{
     margin-top: 15px;
    }
    .total-row{
        font-weight: 600;
        font-size: 16px;
    }
    .price{
        font-weight: bold;
        font-size: 24px;
    }
    .section{
        padding-bottom: 10px;
    }
}

/* end 767 */


/* 540px */
@media screen and (max-width: 540px) {
    .container.width-parent {
        padding-left: 15px;
        padding-right: 15px;
    }


    .link-footer-mobile {
        padding: 20px 15px 20px;
    }

    .block-news-items .news-block-home:nth-of-type(1) {
        padding-left: 0;
    }


    .pagination.customize>li>a i {
        display: none;
    }

    .pagination.customize>li>a.prev,
    .pagination.customize>li>a.next {
        width: 48px;
        height: 48px;
    }

    .pagination.page-numbers {
        display: none;
    }

    .pagination.page-numbers.mobile {
        display: flex;
        color: #888888;
    }

    .pagination.page-numbers.mobile span {
        color: #000;
        font-weight: 600;
        padding: 0 5px;
    }

    .pagination.customize>li>a.prev,
    .pagination.customize>li>a.next {
        padding-left: 0;
        padding-right: 0;
        background: #fff;
    }

    .pagination.customize>li>a.prev::after {
        left: 11px;
    }

    .pagination.customize>li>a.next::after {
        right: 11px;
    }

    .footer .rowfull-margin {
        padding-left: 0px;
        padding-right: 0px;
    }

    .scroll_horizontal {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 0;
    }

    .scroll_horizontal .list-item,
    .scroll_horizontal .list-item:nth-last-of-type(1) {
        width: 320px;
    }

    .store-details span {
        font-size: 16px;
        padding-bottom: 0;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        margin-bottom: 4px;
    }

    .store-details p {
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;

    }

    .custom-banner .carousel-control.right .arrow,
    .custom-banner .carousel-control.left .arrow {
        display: none;
    }

    .list-menu-user li {
        margin-bottom: 0px;
    }


    .add-contact-footer>div.col-xs-6,
    .map-gray-bottom {
        width: 100%;
    }

    .talking-numbers div.col-5:nth-of-type(1),
    .talking-numbers div.col-5:nth-of-type(2),
    .talking-numbers div.col-5:nth-of-type(3) {
        width: 100%;
        margin-bottom: 20px;
    }

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

    .box-intro-large img {
        width: 100%;
        height: 260px;
    }

    .breadcrumb-service li {
        min-width: 116px;
        padding: 16px 0;
        max-width: 122px;
        text-align: center;
    }

    .breadcrumb-service {
        margin-left: 16px;
        margin-right: 16px;
    }


    .breadcrumb-service li a {
        font-size: 14px;
    }

    .breadcrumb-service li a span {
        line-height: 20px;
        margin-top: 4px;
        /* text-wrap: auto; */
        max-width: 170px;
    }

    .breadcrumb-service li a img {
        width: 24px;
        height: 24px;
    }

    .new-title-label h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .new-title-label p {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }

    /* popup fid */
    .fid-popup-container .fid-popup-close {
        right: 12px;
    }

    .fid-popup-content .title {
        font-size: 16px;
        font-weight: 590;
        line-height: 22px;
        margin-bottom: 16px;
    }

    .fid-popup-container {
        min-width: 94%;
        height: auto;
        max-height: 550px;
        padding: 16px 12px 16px 16px;
    }

    .popup--list-user {
        max-height: 355px;
    }

    .container.container--full-row.classic-content {
        padding-left: 0;
        padding-right: 0;
    }

    .news-block-home {
        min-width: 75%;



    }
    .popup--list-user::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }
    .user-child {
        padding: 12px 30px 12px 12px;
    }
    .user-child h5 {
        font-size: 14px;
        font-weight: 590;
        line-height: 20px;
    }
    .user-child p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .checkmark {
        width: 16px;
        height: 16px;
    }
    .radio-button-container input:checked~.checkmark {
        width: 17px;
        height: 17px;
        background-size: 17px;
    }
    .scroll_horizontal .list-item .store-info {
        height: 90px;
    }

    .new-title-label {
        padding-bottom: 40px;
        padding-top: 0px;
    }
    .padding_new_title_label {
        /* padding-bottom: 10px;
        padding-top: 0; */
    }
    .rowfull-margin.row-goi-de-xuat-homepage {
        padding-top: 0;
    }
    .rowfull-margin.row-store-info {
        padding-bottom: 25px;
    }
    .block-breadcrumb-service {
        margin-bottom: 40px;
    }
    /* end 540 */
}


/* 430 */
@media screen and (max-width: 430px) {

    .scroll_horizontal .list-item,
    .scroll_horizontal .list-item:nth-last-of-type(1) {
        width: 77%;
    }
}

/* end 430 */
@media screen and (max-width: 414px) {
    .fid-popup-content .title {
    }
}

@media screen and (max-width: 390px) {
    .fid-popup-content .title {
        font-size: 17px;
    }

}

/* 375  */
@media screen and (max-width: 375px) {

}

/* end 375 */
@media screen and (max-width: 360px) {
    .popup--list-user {
        max-height: 326px;
    }

    .col-left .img-quangcao img,
    .col-right .img-quangcao img {
        /* height: auto; */
    }
}

@media only screen and (max-width: 360px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 2) {

    /*350*/
    .col-left .img-quangcao img {
        height: 250px;
    }

    .col-right .img-quangcao img {
        height: 113px;
    }
}