@charset "utf-8";
/* CSS Document*/
body.page-dangnhaptk {
    overflow: visible;
}

.title-page {
    margin-bottom: 1.5rem;
}

#mtmember-alert-updatepassword {
    line-height: 22px;
}
/**22-10-29 - kHACH HANG THAN THIET****************************************/
#accordionFlushdangnhaptk .accordion-button:focus {
    box-shadow: none;
    ;
}

#accordionFlushdangnhaptk .accordion-item:not(:first-of-type) {
    margin-top: .75rem;
}

#accordionFlushdangnhaptk .accordion-item:not(:first-of-type) {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

#accordionFlushdangnhaptk .accordion-button {
    padding-top: 1rem;
    padding-bottom: .85rem;
    letter-spacing: 1px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}

    #accordionFlushdangnhaptk .accordion-button:not(.collapsed) {
        color: var( --color-red);
    }
/*************/
.dangnhaptk-form {
    --width-boxitem: 520px;
    position: relative;
    overflow: hidden;
    max-width: var( --width-boxitem );
    background-color: var( --bs-light);
    padding: 0em;
    margin: 1.5rem auto 5rem;
}

    .dangnhaptk-form.form-process {
        cursor: progress;
    }
        /* .dangnhaptk-form.form-process::before{
	position: absolute; left: 0; top: 0; z-index: 1099;
	content: ""; display: block;
	width: 100%; height: 100%;
	background: rgba(0,0,0,.1);
} */
        .dangnhaptk-form.form-process::after {
            --bs-text-opacity: 1;
            --bs-spinner-width: 2rem;
            --bs-spinner-height: 2rem;
            --bs-spinner-vertical-align: -0.125em;
            --bs-spinner-border-width: 0.25em;
            --bs-spinner-animation-speed: 0.75s;
            --bs-spinner-animation-name: spinner-border;
            position: absolute;
            left: calc( 50% - 1rem );
            top: calc( 50% - 1rem );
            z-index: 1100;
            content: "";
            display: inline-block;
            color: var( --bs-primary);
            width: var(--bs-spinner-width);
            height: var(--bs-spinner-height);
            vertical-align: var(--bs-spinner-vertical-align);
            border: var(--bs-spinner-border-width) solid currentcolor;
            border-right-color: transparent;
            border-radius: 50%;
            animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
        }

.dangnhaptk-formwrapper {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
}

.dangnhaptk-form-boxitem {
    min-height: 100%;
    flex: 0 0 auto;
    max-width: var( --width-boxitem );
    width: 100%;
    padding: 2rem 2rem;
}

.dangnhaptk-formwrapper.otp {
    transform: translateX( calc( var( --width-boxitem ) * -1) );
}

.dangnhaptk-formwrapper.password {
    transform: translateX( calc( var( --width-boxitem ) * -2 ) );
}

.dangnhaptk-formwrapper.forget-password {
    transform: translateX( calc( var( --width-boxitem ) * -3 ) );
}

.dangnhaptk-form-boxitem .form-control {
    line-height: 30px;
    margin-bottom: .25rem;
}

    .dangnhaptk-form-boxitem .form-control:active,
    .dangnhaptk-form-boxitem .form-control:focus {
        box-shadow: none;
    }

.dangnhaptk-form-boxitem .btn {
    font: bold 15px/20px var( --ftitle);
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: .75rem;
}

.dangnhaptk-form-boxitem .btn-forget-password {
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    color: var( --bs-primary);
}

    .dangnhaptk-form-boxitem .btn-forget-password:hover *,
    .dangnhaptk-form-boxitem .btn-forget-password:hover {
        color: var( --color-red) !important;
    }
/***************************************/
.dangnhaptk-form-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.dangnhaptk-form-header-avatar {
    display: inline-block;
    width: 125px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    background: url(/Images/logo.png) no-repeat center center;
    background-size: cover;
    background-color: #fff;
    margin: 0 auto 1rem;
}

.dangnhaptk-form-header-title {
    margin: 0;
    padding: 0;
    font: 500 21px/26px var( --ftitle);
    text-transform: capitalize;
    color: #393939;
}
/***************************************/
.dangnhaptk-boxcontent {
    background-color: #fff;
    padding: 2rem 3rem;
    border-radius: .375rem;
    box-shadow: 0 .25rem .5rem rgba(var(--bs-body-color-rgb),.075);
}

.dangnhaptk-boxcontent-header {
    margin: 0 0 1.25rem;
    padding: 0 0 .75rem;
    font: bold 21px/1.5 var( --ftitle);
    border-bottom: 1px solid #CCC;
    color: var( --color-red);
}
/***************************************/
.mtmember-wrapper-row {
    --bs-gutter-x: 0
}

.mtmember-wrapper-nav {
    width: 260px;
}

.mtmember-wrapper-main {
    --mtmember-main-ps: 3rem;
    --mtmember-main-pe: 3rem;
    width: calc( 100% - 260px);
}
/***************************************/
.mtmember-navigation {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 3rem;
    border: none;
    border-right: 1px solid #ccc;
    min-height: 100%;
    background: none;
    box-shadow: none;
    border-radius: 0;
}

.mtmember-navigation-list {
    position: sticky;
    top: 140px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mtmember-navigation-link {
    display: block;
    padding: .5rem 0;
    color: var( --color);
    font-size: 15px;
    line-height: 22px;
    transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
}

    .mtmember-navigation-link > i {
        margin-right: .35rem;
    }

    .mtmember-navigation-link:hover,
    .mtmember-navigation-item.active .mtmember-navigation-link {
        color: var( --color-red);
    }

    .mtmember-navigation-link:hover {
        transform: translateX(10px);
    }

.mtmember-navigation-link--arrow {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}

    .mtmember-navigation-link--arrow::after {
        position: relative;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        content: "\f30b";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin-left: auto;
        flex: 0 0 auto;
    }

    .mtmember-navigation-link--arrow:hover {
        transform: none;
        padding-left: 15px;
    }
/***************************************/
.mtmember-header {
    padding: 1.5rem var( --mtmember-main-ps );
    margin-bottom: 1.5rem;
    display: none;
}

.mtmember-header--promotion,
.mtmember-header--overview {
    display: block;
}

body.dangnhaptk-promotion .mtmember-header {
    padding-right: 0;
    padding-bottom: 0;
}

.mtmember-header-userinfo {
    margin-bottom: 2rem;
}

.mtmember-header .dangnhaptk-form-header-avatar {
    width: 100px;
}

.mtmember-header .dangnhaptk-form-header-title {
    margin-bottom: .35rem;
    color: var( --color-red);
    font-size: 21px;
}

.dangnhaptk-form-header-level {
    margin-bottom: 0;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.mtmember-header-overview {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 1rem;
    justify-content: center;
    text-align: center;
}

    .mtmember-header-overview > * {
        flex: 0 0 auto;
        width: auto;
        min-width: 180px;
        font-size: 14px;
    }

.mtmember-header-overview-icon {
    font-size: 27px;
    color: var( --color-red);
    margin-bottom: .35rem;
}

.mtmember-header-overview-quote {
    margin: 0;
}

.mtmember-header-overview-label {
    display: block;
    margin: 0 0 .15rem;
    font-weight: 300;
}

.mtmember-header-overview-value {
    font-weight: 300;
    display: block;
    color: var( --color-red);
}

.mtmember-header-package-img,
.mtmember-header-level-img {
    display: inline-block;
    width: auto;
    height: 34px;
    margin-left: .35rem;
    object-fit: contain;
    object-position: center;
}

.mtmember-header-package {
    display: none;
    margin: 0;
}

.mtmember-header-package-img {
    height: 50px;
}
/***************************************/
.mtmember-mainbox {
    padding-left: var( --mtmember-main-ps);
}
/***************************************/
.mtmember-wrapper-main .homebanner__container {
    --bs-gutter-x: 1rem;
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    max-width: 100%;
    margin-bottom: 2rem;
}

.mtmember-wrapper-main .hpro__falshsale_container {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}

.mtmember-wrapper-main .hpro__falshsale {
    padding-bottom: .75rem;
}

.mtmember-wrapper-main .hblog__container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 100%;
}
/***************************************/
.mtmember-order-nav {
    display: flex;
    word-wrap: var(--width-boxitem);
    margin-bottom: 1.5rem;
}

    .mtmember-order-nav > span {
        flex: 1 0 0;
        width: auto;
        text-align: center;
    }

    .mtmember-order-nav a {
        color: #aaa;
        font: 400 14px/20px var( --ftitle);
        text-transform: capitalize;
        display: inline-block;
        padding: .5rem 1.5rem;
        border-radius: .375rem;
        transition: background-color 0.35s linear;
        -moz-transition: background-color 0.35s linear;
        -webkit-transition: background-color 0.35s linear;
    }

        .mtmember-order-nav a.active {
            background-color: #FFEDED;
            color: var( --color-red);
        }

        .mtmember-order-nav a:hover {
            background-color: var( --color-red);
            color: #fff;
        }
/***************************************/
body.dangnhaptk-promotion .mtmember-header,
.mtmember-order-wrapper {
    max-width: 880px;
    padding-left: 5rem;
}
/***************************************/
.mtmember-order {
    border-radius: .375rem;
    padding: .75rem;
    margin-bottom: 1rem;
    background-color: #fff;
}

.mtmember-order-header {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: .5rem;
    font-weight: 300;
}

.mtmember-order-header-orderid {
    flex: 1 0 0;
    width: auto;
    font-weight: 300;
}

.mtmember-order-header-status {
    flex: 0 0 auto;
    width: auto;
    font-weight: 400;
}

    .mtmember-order-header-status.bg {
        padding: .1rem .75rem;
        border-radius: .25rem;
        font-size: 12px;
        letter-spacing: .5px;
        text-transform: capitalize;
    }

.mtmember-order-product {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #DDD;
    padding-top: .75rem;
    margin-bottom: .75rem;
}

.mtmember-order-product-img {
    flex: 0 0 auto;
    width: 72px;
    margin: 0;
}

.mtmember-order-product-info {
    flex: 0 0 auto;
    width: calc( 100% - 72px);
    padding-left: 1rem;
    font-weight: 300;
}

    .mtmember-order-product-info > p {
        margin-bottom: .25rem;
        color: #494949;
        font-size: 13px;
        line-height: 20px;
    }

        .mtmember-order-product-info > p > b {
            display: inline-block;
            min-width: 80px;
            font-weight: 300;
        }

.mtmember-order-product-info-title {
    margin: 0 0 .35rem;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
}

.mtmember-order-product-overview {
    color: var( --color-red);
    flex-direction: column;
}

.mtmember-order-product-overview-label {
    flex: 1 0 0;
}

.mtmember-order-product-overview-value {
    flex: 0 0 auto;
    width: 120px;
    text-align: right;
}

.mtmember-order-product-btn {
    display: inline-block;
    padding: .25rem 1.5rem;
    color: var( --color-red);
    border: 1px solid var( --color-red);
    border-radius: 26px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    min-width: 80px;
}

    .mtmember-order-product-btn:hover {
        background-color: var( --color-red);
        color: #fff;
    }
/***************************************/
.mtmember-order-header-orderid.col-auto {
    flex: 0 0 auto;
}

    .mtmember-order-header-orderid.col-auto:not( :first-child) {
        padding-left: 1.5rem;
    }
/***************************************/
.mtmember-order-product-detail-overview {
    flex-direction: column;
    font-weight: 300;
}

    .mtmember-order-product-detail-overview .mtmember-order-product-overview-label {
        font-weight: 300;
    }
/***************************************/
.mtmember-btn-order-readmore {
    --bs-btn-padding-x: 1.75rem;
    --bs-btn-padding-y: .35rem;
    font: 400 13px/20px var( --ftitle);
    text-transform: capitalize;
    border-radius: 20px;
    border: 1px solid #CCC;
    background-color: #fff;
    position: relative;
    display: inline-flex;
    align-items: center;
}

    .mtmember-btn-order-readmore:hover {
        border-color: var( --color-red);
        background-color: var( --color-red);
        color: #fff;
    }

    .mtmember-btn-order-readmore.loading i::before {
        --bs-spinner-width: 1rem;
        --bs-spinner-height: 1rem;
        --bs-spinner-vertical-align: -0.125em;
        --bs-spinner-border-width: 0.15em;
        --bs-spinner-animation-speed: 0.75s;
        --bs-spinner-animation-name: spinner-border;
        display: inline-block;
        width: var(--bs-spinner-width);
        height: var(--bs-spinner-height);
        vertical-align: var(--bs-spinner-vertical-align);
        border-radius: 50%;
        animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
        border: var(--bs-spinner-border-width) solid currentcolor;
        border-right-color: transparent;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important;
        content: "";
    }

    .mtmember-btn-order-readmore.loading {
        pointer-events: none;
        cursor: progress;
        border-color: var( --color-red);
        background-color: var( --color-red);
        color: #fff;
        opacity: .75;
    }
/***************************************/
.mtmember-package-current {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    border: none;
    margin-bottom: 1.5rem;
}

.mtmember-package-current-link {
    flex: 1 0 0;
    width: auto;
    text-align: center;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0 .5rem 1.5rem;
    position: relative;
}

    .mtmember-package-current-link::before {
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 1;
        content: "";
        display: block;
        width: 100%;
        border: 1px dashed #C2C2C2;
    }

    .mtmember-package-current-link::after {
        position: absolute;
        left: 50%;
        top: 100%;
        z-index: 1;
        transform: translate( -50%, -50%);
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        content: "\f111";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 19px;
        background-color: #fff;
        padding-left: .35rem;
        padding-right: .35rem;
        color: #C2C2C2;
    }

    .mtmember-package-current-link.selected::before {
        border-color: var( --color-red);
    }

    .mtmember-package-current-link.selected::after {
        content: "\f058";
        color: var( --color-red);
    }

.mtmember-package-current-item {
    display: block;
    margin: 0;
}

.mtmember-package-current-img {
    width: 100%;
    height: 50px;
    object-fit: contain;
    object-position: center;
    display: block;
    border: 1px solid #ccc;
    padding: .5rem .5rem;
    border-radius: .375rem;
    margin-bottom: .75rem;
}

.mtmember-package-current-title {
    display: block;
    margin: 0 0 .25rem;
    padding: 0;
    font: bold 14px/20px var( --ftitle);
    color: #111;
    text-transform: capitalize;
}

.mtmember-package-current-quote {
    display: block;
    color: #686868;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

.mtmember-package-current-link.active .mtmember-package-current-img {
    border-color: var( --color-red);
}

.mtmember-package-current-link.active .mtmember-package-current-title {
    color: var( --color-red);
}
/***************************************/
#navtab-khthanthien-package {
    display: flex;
    flex-wrap: nowrap;
    background-color: var( --bs-light);
    padding-top: .5rem;
}

    #navtab-khthanthien-package .nav-link {
        flex: 1 0 0;
        width: auto;
        color: var( --color);
    }

        #navtab-khthanthien-package .nav-link:hover {
            color: var( --color-red);
        }

        #navtab-khthanthien-package .nav-link:not(.active):hover {
            border-color: transparent
        }

        #navtab-khthanthien-package .nav-link.active {
            color: var( --color-red);
            font-weight: 500;
        }

#navtabcontent-khthanthien-package {
    margin-bottom: 1.5rem;
    padding: 1.25rem 0rem;
}

    #navtabcontent-khthanthien-package .dcontent {
        font-size: 15px;
        line-height: 24px;
    }

        #navtabcontent-khthanthien-package .dcontent p {
            margin-bottom: .75rem;
        }
/***************************************/
.mtmember-account-wrapper {
    max-width: 760px;
    padding-left: 10rem;
}

.mtmember-account-info {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .mtmember-account-info > li {
        padding: .675rem 0;
        margin: 0;
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #BABABA;
        font-size: 14px;
        line-height: 24px;
        font-weight: 300;
    }

        .mtmember-account-info > li:last-child {
            border-bottom: 0;
        }

    .mtmember-account-info li > b {
        flex: 0 0 auto;
        width: 150px;
        text-transform: capitalize;
        font-weight: 500;
    }

    .mtmember-account-info li > span {
        flex: 0 0 auto;
        width: calc( 100% - 150px);
        padding-left: 1rem;
        text-align: right;
    }
/***************************************/
/***************************************/
/***************************************/

/***************************************/
/****** RESPONSIVE *********************************/
/***************************************/
@media screen and (max-width: 991px) {
    /***************************************/
    body.page-dangnhaptk {
        background: #fff !important;
        overflow: hidden;
    }

    body.dangnhaptk-order-detail,
    body.dangnhaptk-order {
        background: var( --bs-light) !important;
    }

    .mtmember-navigation-list {
        position: static;
        top: auto;
    }
    /***************************************/
    /***************************************/
    .mtmember-wrapper-nav,
    .mtmember-wrapper-main {
        width: 100%;
    }
    /***************************************/
    .mobile-navigation {
        display: none !important;
        pointer-events: none;
    }

    .mtmember-wrapper-nav {
        position: fixed;
        left: 0;
        bottom: 0px;
        z-index: 2500;
        background-color: #fff;
        border-radius: .5rem .5rem 0 0;
        box-shadow: 0 -.25rem .5rem rgba(var(--bs-body-color-rgb),.075);
    }

    .mtmember-navigation {
        padding: 0;
        border: none;
    }

    .mtmember-navigation-list {
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
        border: none;
        width: 100%;
    }

        .mtmember-navigation-list > li {
            flex: 1 0 0;
            width: auto;
            text-align: center;
        }

    .mtmember-navigation-item--logout,
    .mtmember-navigation-item--support {
        display: none;
    }

    .mtmember-navigation-link {
        font-size: 11px;
        line-height: 20px;
        padding-bottom: .15rem;
    }

        .mtmember-navigation-link > i {
            display: block;
            font-size: 17px;
        }

        .mtmember-navigation-link:hover {
            transform: none;
        }

    .mtmember-account-info--navigation .mtmember-navigation-link {
        font-size: 15px;
    }
    /***************************************/
    body.dangnhaptk-promotion .mtmember-header,
    .mtmember-order-wrapper {
        max-width: none;
        padding-left: 0;
    }
    /***************************************/
    .mtmember-order-nav a {
        padding-left: .35rem;
        padding-right: .35rem;
    }
    /***************************************/
    .mtmember-account-wrapper {
        max-width: none;
        padding-left: 0;
    }

    .mtmember-wrapper-main {
        padding-top: 0;
    }

    body.dangnhaptk-promotion .mtmember-wrapper-main,
    body.dangnhaptk-overview .mtmember-wrapper-main {
        padding-top: 0;
    }
    /***************************************/
    .fcart-payment-boxitem,
    .mtmember-order-product-detail-overview {
        padding: 1rem;
        font-size: 14px;
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
        font-weight: 300;
        line-height: 24px;
        border-radius: .5rem;
        background-color: #fff;
    }

    .mtmember-order-product-detail-overview {
        margin-top: 1.5rem;
        margin-bottom: .75rem;
    }

    .mtmember-order-header-status.bg {
        padding: 0 .75rem;
        border-radius: 1rem;
        font-size: 10px;
        font-weight: 500;
        line-height: 22px;
    }
    /***************************************/
    .mtmember-header--promotion {
        padding-left: .75rem !important;
        padding-right: .75rem !important;
    }

    .mtmember-header {
        display: block;
    }

    body.dangnhaptk-navigation .mtmember-wrapper-main {
        padding-top: 0;
    }
    /***************************************/
    .mtmember-account-info--navigation {
        margin-bottom: 1.5rem;
        border-bottom: 1px solid #BABABA;
    }
    /***************************************/
    /***************************************/
    /***************************************/

}
/***************************************
***************************************/
@media screen and ( max-width: 767px) {
    /***************************************/
    #accordionFlushdangnhaptk {
        margin-top: 1rem;
    }

    .dangnhaptk-form {
        --width-boxitem: 100%
    }

    .dangnhaptk-form-boxitem {
        padding: 1.5rem 1rem;
    }

    .mtmember-navigation-link {
        padding-bottom: .275rem;
    }

    /***************************************/
    .mtmember-header {
        padding: .75rem .75rem 0;
        margin-left: -.5rem;
        margin-right: -.5rem;
        margin-bottom: 1rem;
        background: linear-gradient(180deg, #DF2121 0%, rgba(198, 0, 0, 0.47) 100%);
        overflow: hidden;
        position: relative;
    }

        .mtmember-header::before {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 1;
            content: "";
            display: block;
            width: 100%;
            height: 2rem;
            background-color: #fff;
        }

    .mtmember-header-userinfo {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        margin-bottom: 1rem;
    }

    .mtmember-header .dangnhaptk-form-header-avatar {
        flex: 0 0 auto;
        width: 45px;
        margin: 0;
    }

    .dangnhaptk-form-header-info {
        display: flex;
        flex-direction: column;
        flex: 1 0 0;
        width: calc( 100% - 140px);
        padding-left: .75rem;
        padding-right: .75rem;
        text-align: left;
        color: #fff;
    }

    .dangnhaptk-form-header-level {
        justify-content: flex-start;
        order: 1;
        font-weight: 300;
        font-size: 13px;
        line-height: 22px;
    }

    .mtmember-header-package {
        flex: 0 0 auto;
        width: 50px;
        display: block;
        text-align: right;
    }

    .mtmember-header-package-img {
        height: 36px;
        max-width: 100%;
        object-fit: contain;
        object-position: center;
        background-color: #fff;
        border-radius: 50%;
        padding: 1px;
        box-shadow: 0 .5rem 1rem rgba(var(--bs-body-color-rgb),.15);
    }

    .mtmember-header-level-img {
        display: none;
    }

    .mtmember-header .dangnhaptk-form-header-title {
        color: #fff;
        order: 2;
        font-size: 17px;
        font-weight: bold;
        line-height: 20px;
        margin: 0;
    }

    .mtmember-header-overview {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        position: relative;
        z-index: 2;
        background-color: #fff;
        margin: 0 0 1rem;
        padding: .55rem 0;
        border-radius: .375rem;
        justify-content: normal;
        box-shadow: 0 3px 6px rgba( 0, 0, 0, .25);
        overflow: hidden;
    }

        .mtmember-header-overview::before {
            position: absolute;
            left: -2rem;
            bottom: 0rem;
            z-index: -1;
            content: "";
            width: calc( 100% + 4rem );
            height: 50%;
            background-color: #fff;
        }

        .mtmember-header-overview > * {
            z-index: 2;
            display: flex;
            flex-wrap: nowrap;
            width: 50%;
            min-width: 0;
            align-items: center;
            text-align: left;
        }

            .mtmember-header-overview > *:not( :first-child) {
                border-left: 1px solid #CCC;
            }

    .mtmember-header-overview-icon {
        margin: 0;
        flex: 0 0 auto;
        width: auto;
        font-size: 25px;
    }

    .mtmember-header-overview-quote {
        flex: 1 0 0;
        padding-left: .75rem;
        font-size: 13px;
        line-height: 20px;
    }

    .mtmember-header-overview-label {
        margin: 0;
    }

    .mtmember-header-overview-value {
        font-weight: bold;
    }
    /***************************************/
    #owl_home_img .owl-dots {
        position: relative;
        bottom: auto;
        width: 100%;
        transform: none;
        left: auto;
        margin-top: .35rem;
    }

        #owl_home_img .owl-dots .owl-dot:not( .active) span {
            background-color: #ccc;
        }

    .mtmember-wrapper-main .hblog__container {
        padding-left: 0;
        padding-right: 0;
    }
    /***************************************/
    .mtmember-wrapper-main .hpro__falshsale_container {
        margin-left: -.5rem;
        margin-right: -.5rem;
        max-width: calc( 100% + 1rem);
        width: calc( 100% + 1rem);
    }
    /***************************************/
    .mtmember-order-nav {
        margin-left: -.5rem;
        margin-right: -.5rem;
    }

        .mtmember-order-nav > span {
            flex: 0 0 auto;
            width: auto;
            padding-left: .5rem;
            padding-right: .5rem;
        }

            .mtmember-order-nav > span.mtmember-order-navlink-confirmed,
            .mtmember-order-nav > span.mtmember-order-navlink-new {
                flex: 1 0 0;
                padding-left: .35rem;
                padding-right: .35rem;
            }

    .mtmember-order-product-info-title {
        font-size: 13px;
    }

    .mtmember-order-product-info > p {
        margin: 0;
    }
    /***************************************/
    .mtmember-package-current-link {
        padding-left: .35rem;
        padding-right: .35rem;
    }

    .mtmember-package-current-item {
        font-size: 12px;
    }

    .mtmember-package-current-link::after {
        font-size: 15px;
        padding-left: .25rem;
        padding-right: .25rem;
    }

    .mtmember-package-current-title {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0;
    }

    .mtmember-package-current-quote {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
    }

    #navtab-khthanthien-package .nav-link {
        --bs-nav-link-padding-x: .25rem;
        font-size: 11px;
        font-weight: bold;
    }

    #navtabcontent-khthanthien-package {
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    /***************************************/
    body.dangnhaptk-account .mtmember-header-userinfo {
        flex-direction: column;
    }

    body.dangnhaptk-account .dangnhaptk-form-header-avatar {
        width: 90px;
    }
    /***************************************/
    .mtmember-order-header-orderdetail-date {
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        align-items: flex-start !important;
        font-size: 13px;
        margin-bottom: 0;
    }

        .mtmember-order-header-orderdetail-date > * {
            width: 100%;
            margin-bottom: .35rem;
            text-align: left !important;
        }

        .mtmember-order-header-orderdetail-date .mtmember-order-header-orderid.col-auto:not( :first-child) {
            padding-left: 0;
        }
    /***************************************/

}
/***************************************
***************************************/
@media screen and ( max-width: 576px) {
}
/***************************************
***************************************/
@media screen and ( min-width: 576px) and (max-width: 767px) {
}
/***************************************
***************************************/
@media screen and ( min-width: 767px) and (max-width: 1200px) {
    /*********************************/
    .mtmember-wrapper-nav {
        width: 180px;
    }

    .mtmember-wrapper-main {
        width: calc( 100% - 180px);
    }

    .mtmember-navigation {
        padding-right: 1.5rem;
    }

    .mtmember-navigation-list {
        top: 120px;
    }

    .mtmember-navigation-link {
        font-size: 14px;
    }
    /*********************************/
    .mtmember-wrapper-main .homebanner__container {
        margin-bottom: 1rem;
    }

    .mtmember-account-wrapper,
    body.dangnhaptk-promotion .mtmember-header,
    .mtmember-order-wrapper {
        padding-left: 1.5rem;
    }
    /*********************************/
    /*********************************/
    /*********************************/
    /*********************************/
    /*********************************/


}
/***************************************
***************************************/
@media screen and (min-width: 991px) and ( max-width: 1400px) {
}
/***************************************
***************************************/
@media screen and ( min-width: 767px) and (max-width: 992px) {
    .mtmember-wrapper-nav,
    .mtmember-wrapper-main {
        width: 100%;
    }

        .mtmember-wrapper-main .homebanner__container {
            margin-bottom: 1rem;
        }

        .mtmember-wrapper-main .hpro__falshsale_container {
            margin-left: -.75rem;
            margin-right: -.75rem;
            width: calc( 100% + 1.5rem);
            max-width: calc( 100% + 1.5rem);
        }

    .mtmember-order-nav a {
        padding-left: 1rem;
        padding-right: 1.5rem;
    }

    #navtabcontent-khthanthien-package {
        margin-bottom: 1rem;
    }

    .dangnhaptk-form-header-avatar {
        width: 100px;
    }

    .fcart-payment-boxitem,
    .mtmember-order-product-detail-overview {
        padding: 1.5rem;
    }
}
/***************************************
***************************************/
@media screen and (min-width: 1101px) and ( max-width: 1200px) {
    /***************************************/
    /***************************************/


}
/***************************************
***************************************/
@media screen and (min-width: 1201px) and ( max-width: 1400px) {
}

@media screen and (min-width: 1201px) and ( max-width: 1300px) {
    /***************************************/
    /***************************************/

}
/***************************************
***************************************/

@media screen and (min-width: 1201px) and ( max-width: 1250px) {
    /***************************************/
    /***************************************/


}
/***************************************
***************************************/

@media screen and (min-width: 767px) {
    /***************************************/
    #navtab-khthanthien-package {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    /***************************************/


}
/***************************************
***************************************/

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

    /***************************************/
    #navtab-khthanthien-package {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    /***************************************/
    body.dangnhaptk-update-password #bg-main {
        margin-bottom: 3rem;
    }
}
/***************************************
***************************************/

@media screen and (min-width: 1201px) {
    /***************************************/
    /***************************************/

}
/***************************************
***************************************/

@media screen and (min-width: 1400px) and (max-width: 1600px) {

    /***************************************/
    /***************************************/

}
/***************************************
***************************************/

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

}
/***************************************
***************************************/

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


}
/***************************************/
/***************************************/


/***************************************/
/***************************************/

/***************************************/
/***************************************/

/***************************************/
/***************************************/

/***************************************/
/***************************************/