/* 404 page */
@media only screen and (max-width: 768px) {
    .page-404-container {
        padding: 60px 20px;
        margin: 40px auto;
    }

    .page-404-container .row,
    .page-404-container .image-parent img {
        max-width: 90%;
    }

    .page-404-container .image-parent {
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 425px) {
    .page-404-container .page-404-heading h1 {
        line-height: 36px;
    }

    .page-404-container .page-404-heading .content-404 {
        display: block;
        min-width: fit-content;
    }

    .page-404-container .back-to-home {
        width: 90%;
    }
}

/* Policy page */
@media only screen and (max-width: 425px) {
    .policy-content.main_content {
        padding: 0 16px;
        margin-bottom: 20px;
    }

    .section.policy-partners {
        margin-bottom: 40px;
    }

    .main_policy .main_policy-content-container {
        padding: 0 16px;
    }

    .main_policy-list .accordion-item .accordion-button,
    .main_policy-list .accordion-item .accordion-button.collapsed {
        padding-left: 16px;
        padding-right: 16px;
    }

    .main_policy-list .accordion-item .accordion-body {
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* Contact page */
@media only screen and (max-width: 1179px) {
    .section.contact-container {
        max-width: 90%;
        margin: 0 auto;
    }

    .section.contact-container #contact-body-customer .wpcf7 .wpcf7-form label,
    .section.contact-container #contact-body-customer .wpcf7 .wpcf7-form label .select_product_contact_gender,
    .section.contact-container #contact-body-customer .wpcf7 .wpcf7-form input,
    .section.contact-container #contact-body-customer .wpcf7 .wpcf7-form textarea,
    .section.contact-container #contact-body-customer .wpcf7 .wpcf7-form .btn-ctf7-contact p {
        width: 100%;
    }

    .section.contact-container #contact-body-customer .wpcf7 .wpcf7-form .btn-ctf7-contact p {
        justify-content: center;
    }

    .section.contact-container #contact-body-customer .wpcf7 .wpcf7-form .btn-ctf7-contact p button,
    .section.contact-container #contact-body-customer .wpcf7 .wpcf7-form .btn-ctf7-contact p input {
        max-width: 137px;
    }
}

@media only screen and (max-width: 560px) {
    .section.contact-container {
        max-width: 94%;
    }

    .section.contact-container .contact-content {
        padding: 30px 16px !important;
    }

    .section.contact-container #contact-body-customer .wpcf7 .wpcf7-form>p {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 320px) {
    .section.contact-container #contact-body-customer .wpcf7 .wpcf7-form .btn-ctf7-contact p {
        flex-direction: column;
        gap: 20px;
    }

    .section.contact-container #contact-body-customer .wpcf7 .wpcf7-form .btn-ctf7-contact p>* {
        width: 100%;
        max-width: 100% !important;
    }
}

/* Address page */
@media only screen and (max-width: 1180px) {
    .account-profile.list-address .content-row .row {
        margin: 0 16px;
        gap: 16px;
    }
}

@media only screen and (max-width: 1024px) {
    .account-profile .content-row .popup-address-template .row {
        margin: 0;
    }

    .account-profile .content-row .panel-left .first-block:first-child {
        margin-bottom: 16px;
    }

    .account-profile .content-row .panel-right {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 990px) {
    .account-profile .panel-left .first-block {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }

    .account-profile .panel-right {
        padding: 0;
    }

    .account-profile .address-content {
        padding: 25px 16px;
    }

    .account-profile .panel-left .first-block .account-item a .panel-icon {
        width: 44px;
        min-width: 44px;
    }

    .account-profile .panel-left .first-block .account-item a .panel-text span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
        line-height: 18px;
    }
}

@media only screen and (max-width: 768px) {
    .account-profile .panel-left {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 6px;
    }

    .account-profile .content-row .panel-left div.first-block {
        padding: 0;
    }

    .account-profile .panel-left .account-item {
        width: 33%;
        min-width: 210px;
    }

    .account-profile .panel-right .address-content {
        padding: 25px 16px;
    }
}

@media only screen and (max-width: 680px) {
    .account-profile .panel-left .account-item {
        max-width: 180px;
        min-width: 170px;
    }
}

@media only screen and (max-width: 560px) {
    .account-profile .panel-left .account-item {
        width: 50%;
        max-width: unset;
    }

    .account-profile .panel-right .address-detail-button .btn-address-delete,
    .account-profile .panel-right .address-detail-button .popup-address-template,
    .account-profile .panel-right .address-detail-button .popup-address-template .btn-address-edit,
    .account-profile .panel-right .address-content .add-address-container button {
        width: 100%;
    }

    .account-profile .panel-right .address-content .address-table tr td {
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {
    .account-profile .content-row .row {
        margin: 0;
    }
}

@media only screen and (max-width: 425px) {
    .account-profile .panel-left .account-item {
        max-width: 190px;
        min-width: 180px;
    }

    .account-profile .address-content .address-table tr {
        display: flex;
    }

    .account-profile .address-content .address-table tbody {
        width: 100%;
        display: flex;
        gap: 10px;
    }

    .account-profile .panel-left .first-block .account-item a .panel-icon {
        width: 59px;
        height: 59px;
    }

    .account-profile .content-row .panel-left .first-block {
        justify-content: unset;
    }
}

@media only screen and (max-width: 375px) {
    .account-profile .address-detail-notification .image-parent {
        width: 21px;
        height: 21px;
    }

    .account-profile .panel-left .account-item {
        width: 100%;
        max-width: unset;
    }
}

/* Bussiness page - Tax */
@media only screen and (max-width: 425px) {
    .account-profile.list-tax-address table tr {
        display: flex;
    }

    .account-profile.list-tax-address .address-detail-content table tr th,
    .account-profile.list-tax-address .address-detail-content table tr td {
        padding: 0;
    }

    .account-profile.list-tax-address .address-detail-content table tbody {
        gap: 10px;
    }
}

/* Popup Address */
@media only screen and (max-width: 768px) {
    #popup-address-template_add .modal-dialog {
        min-width: fit-content;
        max-width: 580px;
    }

    #popup-address-template_add .modal-dialog .modal-container {
        width: 100%;
    }

    #popup-address-template_add #f-add-btn-close {
        display: block;
        opacity: 1;
        background: url(../img/svg/close.svg);
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
        padding: 0;
        z-index: 10;
        filter: brightness(0) invert(1);
    }

    #popup-address-template_add #f-add-checkbox-wrapper .col-12 {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 560px) {
    #popup-address-template_add .modal-dialog .modal-container {
        padding: 16px;
    }

    #popup-address-template_add .modal-dialog .modal-body {
        padding: 20px 16px 30px;
    }

    .popup-address-template .single-checkbox {
        width: unset;
    }
}

@media only screen and (max-width: 480px) {
    #popup-address-template_add .modal-dialog {
        top: 0 !important;
    }

    #popup-address-template_add .modal-dialog .modal-header {
        padding-top: 40px;
    }

    #popup-address-template_add .modal-dialog .modal-container {
        padding: 0;
    }

    #popup-address-template_add .modal-dialog .modal-container .modal-content {
        border: 2px solid #FF6B00;
        min-height: 100vh;
    }

    #popup-address-template_add .modal-dialog .modal-body {
        padding: 20px 12px 30px;
        justify-content: center;
    }

    #popup-address-template_add .modal-dialog .modal-header .popup-image {
        display: none;
    }

    #popup-address-template_add #f-add-btn-close {
        filter: unset;
    }
}

@media only screen and (max-width: 425px) {
    #popup-address-template_add #f-add-btn-close {
        filter: none;
    }

    #popup-address-template_add .modal-dialog .modal-container {
        width: 100vw !important;
    }

    #popup-address-template_add .modal-dialog .modal-container .modal-content {
        width: 100%;
    }

    #popup-address-template_add .form-label {
        display: flex !important;
    }

    #popup-address-template_add .f-add-location-select-tab .f-add-location-tabitem {
        font-size: 14px !important;
        line-height: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #popup-address-template_add .single-checkbox {
        column-gap: 12px;
    }
}

@media only screen and (max-width: 375px) {
    #popup-address-template_add #form-add-address .form-label {
        display: -webkit-box !important;
    }
}

@media only screen and (max-width: 320px) {
    #popup-address-template_add .f-add-location-wrapper .f-add-location-select-tab .f-add-location-tabitem {
        font-size: 12px !important;
        line-height: 14px;
    }

    #popup-address-template_add .add-address label {
        font-size: 13px;
    }

    #popup-address-template_add .single-checkbox {
        column-gap: 10px;
    }
}

/* Popup Tax */
@media only screen and (max-width: 768px) {
    #popup-tax-template_add .modal-dialog {
        min-width: fit-content;
        max-width: 580px;
    }

    #popup-tax-template_add .modal-dialog .modal-container {
        width: 100%;
    }

    #popup-tax-template_add #f-tax-btn-close {
        display: block;
        opacity: 1;
        background: url(../img/svg/close.svg);
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
        padding: 0;
        z-index: 10;
        top: 10px;
    }
}

@media only screen and (max-width: 560px) {
    #popup-tax-template_add .modal-dialog .modal-container {
        padding: 16px;
    }

    #popup-tax-template_add .modal-dialog .modal-body {
        padding: 20px 16px 30px;
    }
}

@media only screen and (max-width: 480px) {
    #popup-tax-template_add .modal-dialog {
        top: 0 !important;
    }

    #popup-tax-template_add .modal-dialog .modal-header {
        padding-top: 40px;
    }

    #popup-tax-template_add .modal-dialog .modal-container {
        padding: 0;
    }

    #popup-tax-template_add .modal-dialog .modal-container .modal-content {
        border: 2px solid #FF6B00;
        min-height: 100vh;
    }

    #popup-tax-template_add .modal-dialog .modal-body {
        padding: 20px 12px 30px;
        justify-content: center;
    }

    #popup-tax-template_add .modal-dialog .modal-header .popup-image {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    #popup-tax-template_add .modal-dialog .modal-container {
        width: 100vw !important;
    }

    #popup-tax-template_add .modal-dialog .modal-container .modal-content {
        width: 100%;
    }

    #popup-tax-template_add .form-label {
        display: flex !important;
    }

    #popup-tax-template_add .f-add-location-select-tab_tax .f-add-location-tabitem_tax {
        font-size: 14px !important;
        line-height: 18px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #popup-tax-template_add .single-checkbox {
        column-gap: 12px;
    }
}

@media only screen and (max-width: 375px) {
    #popup-tax-template_add .form-label {
        display: -webkit-box !important;
    }
}

@media only screen and (max-width: 320px) {
    #popup-tax-template_add .f-add-location-wrapper_tax .f-add-location-select-tab_tax .f-add-location-tabitem_tax {
        font-size: 12px !important;
        line-height: 14px;
    }

    #popup-tax-template_add .add-address label {
        font-size: 13px;
    }

    #popup-tax-template_add .single-checkbox {
        column-gap: 10px;
    }
}

@media only screen and (max-width: 600px) {
    .style_popup-item {
        width: 400px;
    }

    .style_popup-title {
        font-size: 20px;
        padding: 28px 0 15px 0;
    }

    .style_popup-text {
        font-size: 14px;
        padding: 0 20px 0 33px;
        line-height: 22px;
        overflow: scroll;
        overflow-x: hidden;
        height: 350px;
    }

    .btn-agree {
        font-size: 14px;
        width: 150px;
    }

    .btn-disagree {
        font-size: 14px;
        width: 150px;
    }

    .btn-agree-contain {
        padding: 23px 15px 35px 0
    }

    .btn-disagree-contain {
        padding: 23px 0px 35px 0
    }
}

@media only screen and (max-width: 425px) {
    .style_popup-item {
        width: 375px;
    }

    .style_popup-title {
        font-size: 20px;
        padding: 26px 0 12px 0;
    }

    .style_popup-text {
        font-size: 13px;
        padding: 0 20px 0 25px;
        line-height: 22px;
        overflow: scroll;
        overflow-x: hidden;
        height: 350px;
    }

    .btn-agree {
        font-size: 13px;
        width: 140px;
        height: 35px;
    }

    .btn-disagree {
        font-size: 13px;
        width: 140px;
        height: 35px;
    }

    .btn-agree-contain {
        padding: 14px 15px 25px 0
    }

    .btn-disagree-contain {
        padding: 14px 0px 25px 0
    }
}

@media only screen and (max-width: 375px) {
    .style_popup-item {
        width: 300px;
    }

    .style_popup-title {
        font-size: 18px;
        padding: 20px 0 14px 0;
    }

    .style_popup-text {
        font-size: 13px;
        padding: 0 14px 0 25px;
        line-height: 20px;
        overflow: scroll;
        overflow-x: hidden;
        height: 310px;
    }

    .btn-agree {
        font-size: 10px;
        width: 115px;
        height: 28px;
    }

    .btn-disagree {
        font-size: 10px;
        width: 115px;
        height: 28px;
    }

    .btn-agree-contain {
        padding: 20px 15px 20px 0
    }

    .btn-disagree-contain {
        padding: 20px 0px 20px 0
    }
}

@media only screen and (max-width: 800px) {
    .prod-rate-container.d-frow {
        flex-direction: column;
        gap: 10px;
    }
    .detail__detail-product .detail_left .prod-feedback-container .filter-rate-prod {
        flex-direction: column;
        padding-left: 0;
    }
    .detail__detail-product .detail_left .btn-seller-detail-container {
        left: 65%
    }
    .style-single-product-d .row:has(.col-4){
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 600px) {
    .detail-seller-container.d-frow {
        flex-direction: inherit;
        gap: 10px;
    }
    .detail__detail-product .detail_left .btn-seller-detail-container {
        position: inherit;
        padding-top: 10px;
    }
    .nav-bar-title {
        width: 150px;
    }
    .nav-bar-title .ditail-cs {
        width: 150px;
        padding: 13px 0 13px 13px;
    }
    .detail__detail-product .detail_left .ask-n-ans {
        flex-direction: column;
        gap: 10px;
    }
    .detail__detail-product .detail_left .ask-n-ans .detail-filter-asn-container {
        margin-top: 0;
        margin-left: 0;
    }
    .detail-filter-asn-container .d-frow.filter-ask-n-ans {
        justify-content: inherit !important;
    }
}

@media only screen and (max-width: 375px) {
    .prod-rate-container.d-frow {
        flex-direction: column;
        gap: 10px;
    }
    .detail__detail-product .detail_left .prod-feedback-container .filter-rate-prod {
        flex-direction: column;
        padding-left: 0;
    }
    .nav-bar-title {
        width: 100px;
    }
    .nav-bar-title .ditail-cs {
        width: 100px;
        padding: 13px 0 13px 13px;
    }
}