/*========== min ==========*/
@media (min-width:641px) {
    /*========== Form ==========*/
    .fields .field.half { 
        width: 50%;
    }
    .fields .field.more-t {
        margin-top: 30px;
    }
    
}

@media (min-width:768px) {
    .ct-br-bf-m { display: block; }
    .visible-mobile { display: none !important; }
    .non-table-scroll {
        height: auto;
        max-height: 400px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .non-table-scroll::-webkit-scrollbar {
        width: 5px;
        border-radius: 50px;
        background-color: #999;
    }
    .detail-transfer {
        display: none !important;
    }
    .non-table-scroll::-webkit-scrollbar-track,
    .non-table-scroll::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background-color: #efefef;
    }
    .non-table-scroll::-webkit-scrollbar-track {
        background-color: #efefef;
        border-radius: 50px;
    }
    .non-table-scroll::-webkit-scrollbar-thumb {
        width: 5px;
        background-color: #999;
    }
    .non-table-scroll::-webkit-scrollbar-thumb:hover {
        width: 5px;
        background-color: #efefef;
    }
    .row.account-management-summary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

@media (max-width:992px) {
    .ct-br-mobile { display: block; }
}

@media (max-width: 767px) {
    /* body .popup-content-style .mfp-content,
	body .column-main .column-main-content,
	body .transfer-wrapper,
    body .content-bg-white,
    body .popup-content-authen-style .mfp-content .white-popup-block.wide-popup, .wide-popup{
		padding-left: 10px;
		padding-right: 10px;
	} */
}

@media (min-width:992px) {
    .visible-device { display: none !important; }
    .panel, .panel-overlay { display: none; }
    .container-sm {
        width: 750px;
    }
    .ct-br-desktop { display: block; }
    .popup-content-style-type .form.more-t {
        margin-top: 19px;
    }
    .sc-heading-f-left {
       float: left;
        margin-bottom: 0;
        margin-top: 15px;
        margin-right: 10px;
    }
    .favourite-t {
        margin-top: 30px;
    }
    .form-schedule .sc-btn.more-t {
        margin-top: 26px;
    }
    .sc-ct-inner.fixed-lock {
        padding-top: 0;
        height: 100vh;
        overflow: hidden;
    }
    .row.summary-email-detail > div:first-child {
        padding-left: 45px;
    }
    .row.summary-email-detail > div:last-child {
        padding-left: 60px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
    .container.md {
        width: 1000px;
    }
    .container-sm {
        width: 750px;
    }
    .container.fluid {
        width: 100%;
    }
    .sc-full-no-lock {
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    
}

@media (min-width:1280px) {
    .card-bottom >  div.row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .card-bottom > div.row:before,
    .card-bottom > div.row:after {
        display: none;
    }
    .card-bottom >  div.row > div {
        width: auto;
    }
}

@media (min-width:1441px) {
    .column-main.column-fix-width {
        width: 1185px;
    }
    .sc-full-page  .sc-heading .desc {
        font-size: 16px;
        line-height: 1.6;
    }
    #popup-announcement .content .announcement {
        max-height: 460px;
    }
    .announcement-content-single .sc-heading {
        margin-bottom: 30px;
    }
    .k-web-shopping-card-non-cards .k-web-shopping-card-non-card {
        position: relative;
        overflow: hidden;
        height: 550px;
    }
    
}

/*========== min and max ==========*/
@media (min-width:1199px) and (max-width:1300px) {
    .account-management-summary-list .top .detail {
        font-size: 13px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    /* .sc-full-page .sc-heading p.desc.c-white.space {
        margin-top: 7%;
    } */
    /* .sc-full-page  .sc-heading .desc {
        font-size: 26px;
        line-height: 1.6;
    } */
    .error-page .image.space-img img {
        margin-top: 30%;
    }
    .footer-full {
        position: fixed;
        bottom: 20px;
    }
    .sc-inner-fullpage {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 30%;
        padding-left: 30px;
        padding-right: 30px;
    }
    /* .sc-inner-fullpage .sc-heading h1, 
    .sc-inner-fullpage .sc-heading .heading-h1 {
        font-size: 46px;
    } */
    .body-fullpage {
        overflow: hidden;
    }
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .sc-full-page .sc-heading p.desc.c-white.space {
        margin-top: 7%;
    }
    .sc-full-page  .sc-heading .desc {
        font-size: 26px;
        line-height: 1.6;
    }
}

@media (min-width:1024px) 
and (max-height: 1366px) 
and (max-width: 1366px)
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1.5) {
    .sc-full-page .sc-heading p.desc.c-white.space {
        margin-top: 3%;
    }
    .sc-full-page  .sc-heading .desc {
        font-size: 18px;
        line-height: 1.6;
    }
    .sc-inner-fullpage .sc-heading h1, 
    .sc-inner-fullpage .sc-heading .heading-h1 {
        font-size: 30px;
    }
    .sc-inner-fullpage {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 16%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .sc-full-page .sc-heading p.desc.c-white.space {
        margin-top: 3%;
    }
    .sc-full-page  .sc-heading .desc {
        font-size: 18px;
        line-height: 1.6;
    }
    .error-page .image.space-img img {
        margin-top: 50%;
    }
    .footer-full {
        position: fixed;
        bottom: 20px;
    }
    .sc-inner-fullpage {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 45%;
    }
    .body-fullpage {
        overflow: hidden;
    }
}



/*========== max ==========*/
@media (max-width:1366px) {
    .header .menu-right .user .detail {
        max-width: 350px;
    }
}
@media (max-width:1340px) {
    .header .menu-right .user .detail {
        max-width: 280px;
    }
}

@media (max-width:1280px) {
    .header .menu-right .user .detail {
        max-width: 200px;
    }
}

/* need firefox > 68 */
/* @supports (-webkit-line-clamp: 2) {
    .header .menu-right .user .detail .name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
} */

@media (max-width:1300px) {
    /* Non Table - START */
    .non-table .list { font-size: 13px; }
    .non-table .list:first-child { width: 10%; }
    .non-table .list:nth-child(2) { width: 10%; }
    .non-table .list:nth-child(3) { width: 10%; }
    .non-table .list:nth-child(4) { width: 10%; }
    .non-table .list:nth-child(5) { width: 10%; }
    .non-table .list:nth-child(6) { width: 10%; }
    .non-table .list:nth-child(7) { width: 10%; }
    .non-table .list:nth-child(8) { width: 10%; }
    .non-table .list:nth-child(9) { width: 20%; }
    .non-table .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .btn.hv-icon .ic { font-size: 8px; vertical-align: middle; }
    .non-table-02 .list { font-size: 13px; }
    .non-table-02 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-03 .list { font-size: 13px; }
    .non-table-03 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-04 .list { font-size: 13px; }
    .non-table-04 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-05 .list { font-size: 13px; }
    .non-table-05 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-06 .list { font-size: 13px; }
    .non-table-06 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-07 .list { font-size: 13px; }
    .non-table-07 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-08 .list { font-size: 13px; }
    .non-table-08 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-09 .list { font-size: 13px; }
    .non-table-09 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-10 .list { font-size: 13px; }
    .non-table-10 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-11 .list { font-size: 13px; }
    .non-table-11 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-12 .list { font-size: 13px; }
    .non-table-12 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-13 .list { font-size: 13px; }
    .non-table-13 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    .non-table-14 .list { font-size: 13px; }
    .non-table-14 .list a.btn {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
    }
    /* Non Table - END */
}

@media (max-width:1250px) {
    .select-transfer-wrapper.account-management .select-transfer-list .caption {
        font-size: 11px;
    }
}

@media (max-width:1199px) {
    .sc-ct-bg-white .ct-bg-white .menu-step { right: -40px; top: -45px; }
    .sc-ct-bg-white .ct-bg-white .menu-step .hidden-menu-step { display: none; }
    .sc-ct-bg-white .ct-bg-white .menu-step ul li { display: inline-block; }
    .sc-ct-bg-white .ct-bg-white .menu-step ul li .num:after {
        width: 41px;
        height: 1px;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        top: 13px;
        right: -43px;
    }
    .column-main .header .main-menu,
    .header .menu-right .user .detail { display: none; }
    .column-main.visible-md .header .main-menu { display: block; }
    .transfer-wrapper .tab-menu { right: auto; left: 0; }
    .transfer-wrapper .tab-menu .list li { margin-right: 12px; }
    .transfer-wrapper .menu-step .num { margin-right: 0; }
    .transfer-wrapper .menu-step .hidden-menu-step { display: none; }
    .transfer-wrapper { 
        max-width: 100%; 
        margin-top: 40px;
        padding: 10px; 
        border-radius: 0;
    }
    .transfer-wrapper.more-p {
        max-width: 100%;
    }
    .transfer-wrapper .menu-step {    
        right: 0;
        top: -70px; 
    }
    .transfer-wrapper .menu-step ul li { display: inline-block; padding-left: 36px; }
    .transfer-wrapper .menu-step ul li .num:after  {
        width: 41px;
        height: 1px;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        top: 13px;
        right: -43px;
    }
    .transfer-wrapper.more-p { padding: 40px 20px; margin-top: 15px; }
    .transfer-wrapper.more-p .menu-step { top: -45px; }
    .transfer-wrapper .menu-step ul li .num.last {
        margin-right: 0;
    }
    .k-web-shopping-card-non-cards .k-web-shopping-card-non-card .caption { padding: 20px; }
}

@media (max-width:1024px) {
    .column-main .header .main-menu li,
    .header .menu-right .menu-list li { margin-right: 15px; }
    .card-bottom >  div.row > div { width: 100%; margin-bottom: 10px; }
    
}

/* Css for iPad lanscape */
@media only screen 
and (min-device-width : 768px) 
and (min-device-height: 768px)
and (max-device-width : 1024px) 
and (orientation : landscape) {

    .column-main .header .main-menu {
        display: block;
    }
}

@media only screen 
and (min-device-width : 1024px) 
and (min-device-height: 1366px)
and (max-device-width : 1366px) 
and (orientation : portrait) {

    .column-main .header .main-menu {
        display: block;
    }
}

@media only screen and (min-width: 991px) {
    .column-main .header .main-menu {
        display: block;
    }
}


@media (max-width:991px) {
    .hidden-menu-step { display: none; }
    .hidden-device { display: none !important; }
    .ct-br-device { display: block !important; }
    .column-menu { display: none; }
    .column-main,
    .column-main .header { width: 100%; }
    .column-main .header { padding: 0 20px; }
    .column-container { overflow: hidden; display: inherit; }
    .column-container:before { background-image: none; }
    .column-main .header { background-color: #465968; }
    .column-container .column-main .header {
        display: flex;
        justify-content: space-between;
    }
    .column-main.visible-md .header .main-menu { display: none; }
    .business-type .column-container .column-main .header { 
        background-color: #02A040; 
        display: flex;
        justify-content: space-between;
    }
    .header .menu-right .menu-list { padding-left: 0; margin-left: 10px; }
    .header .menu-right .menu-list:before { background-color: transparent; }
    .header .menu-right .menu-list li .ic { color: #fff; }
    .header .menu-right .menu-list li{ margin-right: 7px; }
    .business-type .column-container:before {
        background-image: none;
    }
    .user-expand { 
        left: auto;
        right: -80px;
    }
    .column-main .header .logo { 
        margin-left: 45px; 
    }
    .column-main .header .logo img { height: 30px; }
    .column-main .column-main-content { padding: 40px 20px; position: relative; }
    .sc-ct-bg-white .ct-bg-white.hv-menu-step {
        margin-top: 100px;
    }
    .header .menu-right .user .image img {
        width: 30px;
        height: 30px;
    }
    .header .menu-right .user .image:after,
    .header .menu-right > .user > .image {
        width: 38px;
        height: 38px;
    }
    .header .user-expand-list > .user-expand-list-profile > .image {
        width: 38px;
        height: 38px;
    }
    .header .menu-right > .user {
        padding-left: 10px;
    }
    .sc-ct-bg-white .ct-bg-white .menu-step {
        width: 100%;
        text-align: center;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -60px;
    }
    .sc-ct-bg-white .ct-bg-white .menu-step ul li { 
        display: inline-block;
        margin-right: 30px;
    }
    .sc-ct-bg-white .ct-bg-white .menu-step ul li:last-child {
        margin-right: 0;
    }
    .sc-ct-bg-white .ct-bg-white .menu-step ul li .num {
        width: 40px;
        height: 40px;
        line-height: 36px;
        font-size: 16px;
    }
    .sc-ct-bg-white .ct-bg-white .menu-step ul li .num:after {
        width: 41px;
        height: 1px;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        top: 17px;
        right: -43px;
    }
    
    .popup-content-style .mfp-content .menu-step {  }
    .form-pending-wrapper .sc-btn { text-align: left; }
    .form-pending-wrapper .sc-btn .btn,
    .form-pending-wrapper .sc-btn.less-t-no-bt .btn {
        margin-top: 15px;
    }
    .popup-content-style-type .summary-qr.half { text-align: left; }
    .popup-content-style-type .qr-summary { padding: 0 10px; }
    .popup-content-style-type .qr-summary .fields { margin-left: 0; margin-right: 0; }
    .form-pending.pending-approval .heading {
        margin: 20px 0;
    }
    .form-pending.pending-approval .field:first-child {
        width: 100%;
    }
    .form-pending.pending-approval .field {
        width: 50%;
    }
    .form-schedule .field,
    .form-schedule .field.quarter { width: 50%; }
    .popup-content-style-type-b .qr-summary {
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .credit-card-detail .credit-card-detail-list:last-child { margin-top: 40px; }
    .form-schedule .choice {
        margin-top: 0;
    }
    .content-step-two .summary-favourite {
        margin-bottom: 20px;
    }
    .bill-search-select {
        max-width: 500px;
        margin: auto;
        margin-bottom: 20px;
    }
    .bill-search-select select {
        height: 35px;
    }
    .bill-search-select .select:after {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .products-register-content .bottom .products-list:last-child {
        margin-bottom: 0;
    }
    .mainpage-setting-menu.ct-r {
        margin-top: 0;
    }
    .form.form-search {
        max-width: 100%;
    }
    .popup-select-category {
        margin-bottom: 20px;
    }
    /* #popup-change-pattern-02 .content,
    .popup-change-pattern-qr .content {
        height: 370px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 10px;
    } */
    #popup-change-pattern-02 .content > div,
    .popup-change-pattern-qr .content > div {
        height: 380px;
        overflow: hidden;
        overflow-y: scroll;
        /* padding: 10px; */
    }
    #popup-change-pattern-02 .content.extended > div, 
    .popup-change-pattern-qr .content.extended > div {
        height: auto;
    }
    .popup-content-style-type .mfp-content .content .icon .ic, 
    .popup-content-style .mfp-content .content .icon .ic, 
    .popup-content-thank-you-style .mfp-content .content .icon .ic {
        margin-top: 0;
    }
    #popup-change-pattern-02 .content .qr-wrqpper,
    .popup-change-pattern-qr .qr-wrqpper {
        margin-bottom: 30px;
    }
    .form-schedule .sc-btn.more-t {
        margin-top: 15px;
    }
    .popup-content-style-type-b .mfp-content .popup-modal-dismiss,
    .popup-content-style-type-b .mfp-content .popup-modal-dismiss-next { right: 0; top: -40px; }
    .popup-content-style .mfp-content .menu-step { 
        right: -10px;
        top: -50px;
    }
    .popup-content-style .mfp-content .menu-step ul li { display: inline-block; padding-left: 40px; }
    .popup-content-style .mfp-content .menu-step ul li:last-child { margin-right: 0; }
    .popup-content-style .mfp-content .menu-step ul li .num:after {
        width: 41px;
        height: 1px;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        top: 13px;
        right: -43px;
    }
    .popup-content-authen-style .mfp-content .popup-modal-dismiss { right: 0; top: -40px; }
    .dropdown-menu ul.submenu {
        padding-left: 19px;
        padding-top: 10px;
    }
    .summary-wrapper .successful-detail {
        padding-left: 18px;
        padding-right: 18px;
    }
    .mt-sm-2 { margin-top: 2rem; }
    .qr-summary .scan-mobile + .ct-br-device {
        display: none !important;
    }
}

@media (max-width:767px) {
    .qr-summary .scan-mobile + .ct-br-device {
        display: block !important;
    }
    .visible-device-qr {
        display: block;
    }
    .scan-mobile {
        color: #4dcc89;
        text-decoration: underline;
    }
    .otp form {
        margin-top: 16px !important;
    }
    .ct-br-m { display: block; }
    .hidden-mobile { display: none !important; }
    .header-full { 
        padding-left: 20px;
        padding-right: 20px;
        top: 30px;
    }
    .header-full .menu-left { margin-top: -6px; }
    .container { padding-left: 20px; padding-right: 20px; }
    .row { margin-left: -20px; margin-right: -20px; }
    .row.old-row {
        margin-left: -15px; 
        margin-right: -15px;
    }
    .content-step-two .summary-wrapper {
        height: 400px;
    }
    .content-step-two .summary-wrapper .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .content-step-two .summary-wrapper .row .col-md-6:first-child {
        margin-bottom: 10px;
    }
    .column-main .column-main-content { padding: 20px; }
    .column-main-content.fix-col .row {
        margin-left: -10px; 
        margin-right: -10px;
    }
    .account-select .account-lists {
        padding: 0;
        width: 100%;
    }
    .account-select .account-lists:last-child:before { background-color: transparent; }
    .account-management-summary-list .middle .list span,
    .account-management-summary-list .middle .list {
        font-size: 12px;
    }
    .account-management-summary-list .middle .list .num {
        font-size: 11px;
    }
    .sc-ct-bg-white { padding-top: 100px; overflow: hidden; }
    .sc-ct-inner {
        padding-top: 100px;
        overflow: hidden;
    }
    .sc-ct-inner .ct-bg-transparent {
        margin-top: 0;
        padding: 20px;
    }
    .sc-ct-bg-white .ct-bg-white { margin-top: 40px; padding: 20px; }
    .sc-ct-bg-white .btn.fixed-width { width: 110px;; }
    .application-channels-list { margin-bottom: 20px; }
    .application-channels-list:last-child { margin-bottom: 0; }
    .sc-ct-bg-white .ct-bg-white .menu-step ul li {
        margin-right: 15px;
    }
    .sc-ct-bg-white .credit-number-input span {
        font-size: 30px;
        margin: 0 3px;
        margin-top: 3px;
    }
    .sc-ct-bg-white .confirm-data {
        margin-left: -20px;
        margin-right: -20px;
    }
    .sc-ct-bg-white .confirm-list { padding-left: 20px; padding-right: 20px; }
    .sc-ct-bg-white .confirm-list .detail { margin-top: 10px; }
    .sc-ct-bg-white  .otp {
        margin-left: -20px;
        margin-right: -20px;
    }
    .sc-ct-bg-white  .otp .form { margin-top: 30px; }
    .popup-content-style .mfp-content {
        padding: 20px;
    }
    .popup-content-style .mfp-content .account-select .account-lists {
        width: 100%;
    }
    .popup-content-style .mfp-content .account-arrow {
        margin-top: 35px;
        margin-bottom: 10px;
        transform: rotate(90deg);
    }
    .popup-content-style .mfp-content .popup-modal-dismiss,
    .popup-content-style .mfp-content .popup-modal-back,
    .popup-content-style .mfp-content .popup-modal-dismiss-02,
    .popup-content-style-type .mfp-content .popup-modal-dismiss,
    .popup-content-style-type .mfp-content .popup-modal-dismiss-next,
    .popup-content-style-alert .mfp-content .popup-modal-dismiss { right: 0; top: -40px; }
    .popup-content-style-type .mfp-content { padding: 20px; }
    .popup-content-style-type-b .mfp-content { padding: 20px; }
    .select-transfer-m { margin-top: 15px; }
    .fieldset-select-custom { padding: 10px; }
    .successful-wrapper { padding: 20px; }
    .successful-detail:first-child { margin-top: 30px; }
    .successful-wrapper:after { background-image: none; }
    .popup-content-style-type .transfer-wrapper {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .popup-content-style-type .successful-detail {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .popup-content-style-type-b .transfer-wrapper { margin-left: 0; margin-right: 0; }
    .form.form-pending .fields .field:not(:first-child) {
        margin-top: 15px;
    }
    .pending-heading .btn {
        float: left;
        margin-top: 10px;
    }
    .pending-heading .sc-btn { float: left; }
    .pending-heading .sc-btn p { margin-top: 18px; }
    .notification-wrapper { width: 100%; }
    .account-management-heading .price span {
        margin-left: 0;
        margin-top: 0;
        display: block;
    }
    .account-management-heading .price.credit-card span {
        margin-left: 0;
    }
    .account-management-summary-list .bottom a {
        margin: 0 2px;
    }
    .account-management-summary-list .middle {
        padding: 10px;
    }
    .change-account .select:after, 
    .change-account .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
        margin-top: 0;
    }
    .change-account .input-clear.filled select {
        color: #4DCD8A;
    }
    .table.table-account-management thead {
        position: static;
    }
    .table.table-account-management thead.three tr th, 
    .table.table-account-management tbody.three tr td,
    .table.table-account-management thead.four tr th, 
    .table.table-account-management tbody.four tr td {
        width: auto;
        float: none;
    }
    .table-scroll {
        margin-top: 0;
    }
    .table.table-account-management thead tr {
        display: contents;
    }
    .form-pending.pending-approval .heading {
        margin: 0;
    }
    .form-schedule .field,
    .form-schedule .field.quarter,
    .form-pending.pending-approval .field { width: 100%; }
    .setting-security .details .detail {
        width: 100%;
        margin-bottom: 10px;
    }
    .setting-security .details .detail:last-child {
        text-align: left;
    }
    .setting-security-slider .slick-next,
    .setting-security-slider .slick-prev {
        display: none !important;
    }
    .profiles { text-align: center; }
    .profiles .profile:first-child,
    .profiles .profile {
        width: 100%;
        margin-bottom: 20px;
        border-right: 0;
    }
    .input-own-card-payment { 
        width: 100%;
    }
    .header-full .menu-right a { font-size: 14px; }
    .sc-ct-bg-white .captcha-input input { width: 55%; }
    .sc-ct-bg-white .captcha-input img { width: 45%; }
    .popup-content-style-alert .mfp-content { padding: 20px; }
    .popup-content-style-alert .mfp-content .btn { width: 150px; }
    .k-web-shopping-card-non-card .image img {
        height: auto;
        min-height: auto;
        object-fit: cover;
        position: static;
        transform: none;
    }
    .k-web-shopping-card-non-cards .k-web-shopping-card-non-card {
        height: auto;
    }
    .popup-content-authen-style .mfp-content .k-web-shopping-card-non-cards .k-web-shopping-card-non-card .caption {
        padding: 30px 30px 110px 30px;
    }
    .k-web-shopping-card-non-cards .heading-logo .img-inline {
        display: block;
        margin: 10px auto;
    }
    .k-web-shopping-card-non-cards .heading-logo { font-size: 20px;}
    .k-web-shopping-card-non-cards { display: inline-block; }
    .k-web-shopping-card-non-cards .k-web-shopping-card-non-card { width: 100%; display: inline-block; }
    .k-web-shopping-card-non-cards .k-web-shopping-card-non-card .image img { 
        /* -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0; */
        border-radius: 0;
    }
    .k-web-shopping-card-non-cards {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        overflow: hidden;
        padding-bottom: 0;
    }
    .k-web-shopping-card-non-cards .action {
        position: fixed;
        bottom: 0;
        z-index: 1;
        background: #fff;
        width: 100%;
        padding: 10px 20px;
        left: 0;
        box-shadow: 0 -3px 5px rgb(244 243 249 / 90%);
    }
    .k-web-shopping-card-non-cards .k-web-shopping-card-non-card .caption { text-align: center; padding: 20px 20px 70px; }
    .k-web-shopping-card-non-cards .k-web-shopping-card-non-card .caption .btn { width: 100%; margin: 0 auto 10px; display: block; }
    .btn-detail {
        float: none;
        margin-left: 10px;
        margin-right: 0;
    }
    
    /* Non Table - START */
    .visible-ip-pro { display: block !important; }
    .hidden-ip-pro { display: none !important; }
    .non-table .list .c-big { font-size: 20px; }
    .non-table .list:first-child,
    .non-table .list:nth-child(2),
    .non-table .list:nth-child(3),
    .non-table .list:nth-child(4),
    .non-table .list:nth-child(5),
    .non-table .list:nth-child(6),
    .non-table .list:nth-child(7),
    .non-table .list:nth-child(8),
    .non-table .list:nth-child(9) { width: 100%; }
    .non-table .list:nth-child(9) { text-align: center; }
    .non-table .list { text-align: left; }
    .non-table .top .list { text-align: center; }
    .non-table .top .list.full { width: 100%; }
    .non-table .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table .bottom .list.vertical {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    .non-table .bottom .list.vertical p:first-child {
        font-size: 13px;
        font-weight: bold;
    }
    .non-table .bottom .list.vertical p {
        width: 100%;
        text-align: left;
    }
    .non-table .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .btn.hv-icon .ic { font-size: 12px; }
    .non-table .bottom .lists {
        padding: 10px;
    }
    .non-table .bottom .lists.sc-paginations { padding-right: 5px; }
    .non-table.form-pending .bottom .list .choice { text-align: left; }
    .non-table .list .btn-edit { margin-right: 10px; }
    .non-table .bottom .lists .paginations-wrapper { padding-right: 0; }
    .non-table-paginations { text-align: right; margin-bottom: 10px; }
    .non-table-02 .list .c-big { font-size: 20px; }
    .non-table-02 .list:first-child,
    .non-table-02 .list:nth-child(2),
    .non-table-02 .list:nth-child(3),
    .non-table-02 .list:nth-child(4),
    .non-table-02 .list:nth-child(5),
    .non-table-02 .list:nth-child(6),
    .non-table-02 .list:nth-child(7),
    .non-table-02 .list:nth-child(8),
    .non-table-02 .list:nth-child(9) { width: 100%; }
    .non-table-02 .list:nth-child(9) {text-align: right;}
    .non-table-02 .list { text-align: left; }
    .non-table-02 .top .list { text-align: center; }
    .non-table-02 .top .list.full { width: 100%; }
    .non-table-02 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-02 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-02 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-02 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-02 .bottom .lists {
        padding: 10px;
    }
    .non-table-02 .list .btn-edit { margin-right: 10px; }
    .non-table-02 .bottom .lists .paginations-wrapper,
    .non-table-02 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-02 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-03 .list .c-big { font-size: 20px; }
    .non-table-03 .list:first-child,
    .non-table-03 .list:nth-child(2),
    .non-table-03 .list:nth-child(3),
    .non-table-03 .list:nth-child(4),
    .non-table-03 .list:nth-child(5),
    .non-table-03 .list:nth-child(6),
    .non-table-03 .list:nth-child(7) { width: 100%; }
    .non-table-03 .list { text-align: left; }
    .non-table-03 .top .list { text-align: center; }
    .non-table-03 .top .list.full { width: 100%; }
    .non-table-03 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-03 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-03 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-03 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-03 .bottom .lists {
        padding: 10px;
    }
    .non-table-03 .list .btn-edit { margin-right: 10px; }
    .non-table-03 .bottom .lists .paginations-wrapper,
    .non-table-03 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-03 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-04 .bottom .lists .sc-btn .link {
        width: 100%;
        margin-top: 10px;
    }
    .non-table-04 .list .c-big { font-size: 20px; }
    .non-table-04 .list:first-child,
    .non-table-04 .list:nth-child(2),
    .non-table-04 .list:nth-child(3),
    .non-table-04 .list:nth-child(4),
    .non-table-04 .list:nth-child(5),
    .non-table-04 .list:nth-child(6),
    .non-table-04 .list:nth-child(7) { width: 100%; }
    .non-table-04 .list { text-align: left; }
    .non-table-04 .top .list { text-align: center; }
    .non-table-04 .top .list.full { width: 100%; }
    .non-table-04 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-04 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-04 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-04 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-04 .bottom .lists {
        padding: 10px;
    }
    .non-table-04 .list .btn-edit { margin-right: 10px; }
    .non-table-04 .bottom .lists .paginations-wrapper,
    .non-table-04 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-04 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-05 .list .c-big { font-size: 20px; }
    .non-table-05 .list:first-child,
    .non-table-05 .list:nth-child(2),
    .non-table-05 .list:nth-child(3),
    .non-table-05 .list:nth-child(4),
    .non-table-05 .list:nth-child(5),
    .non-table-05 .list:nth-child(6),
    .non-table-05 .list:nth-child(7),
    .non-table-05 .list:nth-child(8),
    .non-table-05 .list:nth-child(9){ width: 100%; }
    .non-table-05 .list { text-align: left; }
    .non-table-05 .top .list { text-align: center; }
    .non-table-05 .top .list.full { width: 100%; }
    .non-table-05 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-05 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-05 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-05 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-05 .bottom .lists {
        padding: 10px;
    }
    .non-table-05 .list .btn-edit { margin-right: 10px; }
    .non-table-05 .bottom .lists .paginations-wrapper,
    .non-table-05 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-05 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-06 .list .c-big { font-size: 20px; }
    .non-table-06 .list:first-child,
    .non-table-06 .list:nth-child(2),
    .non-table-06 .list:nth-child(3),
    .non-table-06 .list:nth-child(4),
    .non-table-06 .list:nth-child(5),
    .non-table-06 .list:nth-child(6) { width: 100%; }
    .non-table-06 .list { text-align: left; }
    .non-table-06 .top .list { text-align: center; }
    .non-table-06 .top .list.full { width: 100%; }
    .non-table-06 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-06 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-06 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-06 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-06 .bottom .lists {
        padding: 10px;
    }
    .non-table-06 .list .btn-edit { margin-right: 10px; }
    .non-table-06 .bottom .lists .paginations-wrapper,
    .non-table-06 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-06 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-07 .list .c-big { font-size: 20px; }
    .non-table-07 .list:first-child,
    .non-table-07 .list:nth-child(2),
    .non-table-07 .list:nth-child(3),
    .non-table-07 .list:nth-child(4),
    .non-table-07 .list:nth-child(5),
    .non-table-07 .list:nth-child(6) { width: 100%; }
    .non-table-07 .list { text-align: left; }
    .non-table-07 .top .list { text-align: center; }
    .non-table-07 .top .list.full { width: 100%; }
    .non-table-07 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-07 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-07 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-07 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-07 .bottom .lists {
        padding: 10px;
    }
    .non-table-07 .list .btn-edit { margin-right: 10px; }
    .non-table-07 .bottom .lists .paginations-wrapper,
    .non-table-07 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-07 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-08 .list .c-big { font-size: 20px; }
    .non-table-08 .list:first-child,
    .non-table-08 .list:nth-child(2),
    .non-table-08 .list:nth-child(3),
    .non-table-08 .list:nth-child(4),
    .non-table-08 .list:nth-child(5) { width: 100%; }
    .non-table-08 .list { text-align: left; }
    .non-table-08 .top .list { text-align: center; }
    .non-table-08 .top .list.full { width: 100%; }
    .non-table-08 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-08 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-08 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-08 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-08 .bottom .lists {
        padding: 10px;
    }
    .non-table-08 .list .btn-edit { margin-right: 10px; }
    .non-table-08 .bottom .lists .paginations-wrapper,
    .non-table-08 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-08 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-09 .list .c-big { font-size: 20px; }
    .non-table-09 .list:first-child,
    .non-table-09 .list:nth-child(2),
    .non-table-09 .list:nth-child(3),
    .non-table-09 .list:nth-child(4),
    .non-table-09 .list:nth-child(5) { width: 100%; }
    .non-table-09 .list { text-align: left; }
    .non-table-09 .top .list { text-align: center; }
    .non-table-09 .top .list.full { width: 100%; }
    .non-table-09 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-09 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-09 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-09 .bottom .list p.sub-list {
        width: 100%;
        float: right;
        text-align: right;
    }
    .non-table-09 .bottom .list p.sub-list.first {
        width: auto;
    }
    .non-table-09 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-09 .bottom .lists {
        padding: 10px;
    }
    .non-table-09 .list .btn-edit { margin-right: 10px; }
    .non-table-09 .bottom .lists .paginations-wrapper,
    .non-table-09 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-09 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-10 .list .c-big { font-size: 20px; }
    .non-table-10 .list:first-child,
    .non-table-10 .list:nth-child(2),
    .non-table-10 .list:nth-child(3),
    .non-table-10 .list:nth-child(4),
    .non-table-10 .list:nth-child(5),
    .non-table-10 .list:nth-child(6) { width: 100%; }
    .non-table-10 .list { text-align: left; }
    .non-table-10 .top .list { text-align: center; }
    .non-table-10 .top .list.full { width: 100%; }
    .non-table-10 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-10 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-10 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-10 .bottom .list p.sub-list {
        width: 100%;
        float: right;
        text-align: right;
    }
    .non-table-10 .bottom .list p.sub-list.first {
        width: auto;
    }
    .non-table-10 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-10 .bottom .lists {
        padding: 10px;
    }
    .non-table-10 .list .btn-edit { margin-right: 10px; }
    .non-table-10 .bottom .lists .paginations-wrapper,
    .non-table-10 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-10 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-11 .list .c-big { font-size: 20px; }
    .non-table-11 .list:first-child,
    .non-table-11 .list:nth-child(2),
    .non-table-11 .list:nth-child(3),
    .non-table-11 .list:nth-child(4),
    .non-table-11 .list:nth-child(5) { width: 100%; }
    .non-table-11 .list { text-align: left; }
    .non-table-11 .top .list { text-align: center; }
    .non-table-11 .top .list.full { width: 100%; }
    .non-table-11 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-11 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-11 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-11 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-11 .bottom .lists {
        padding: 10px;
    }
    .non-table-11 .list .btn-edit { margin-right: 10px; }
    .non-table-11 .bottom .lists .paginations-wrapper,
    .non-table-11 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-11 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-12 .list .c-big { font-size: 20px; }
    .non-table-12 .list:first-child,
    .non-table-12 .list:nth-child(2),
    .non-table-12 .list:nth-child(3) { width: 100%; }
    .non-table-12 .list { text-align: left; }
    .non-table-12 .top .list { text-align: center; }
    .non-table-12 .top .list.full { width: 100%; }
    .non-table-12 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-12 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-12 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-12 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-12 .bottom .lists {
        padding: 10px;
    }
    .non-table-12 .list .btn-edit { margin-right: 10px; }
    .non-table-12 .bottom .lists .paginations-wrapper,
    .non-table-12 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-12 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-13 .list .c-big { font-size: 20px; }
    .non-table-13 .list:first-child,
    .non-table-13 .list:nth-child(2),
    .non-table-13 .list:nth-child(3),
    .non-table-13 .list:nth-child(4),
    .non-table-13 .list:nth-child(5) { width: 100%; }
    .non-table-13 .list { text-align: left; }
    .non-table-13 .top .list { text-align: center; }
    .non-table-13 .top .list.full { width: 100%; }
    .non-table-13 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-13 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-13 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-13 .bottom .list p.show-full {
        width: 100%;
        text-align: left;
    }
    .non-table-13 .bottom .list p.sub-list {
        width: 100%;
        float: right;
        text-align: right;
    }
    .non-table-13 .bottom .list p.sub-list.first {
        width: auto;
    }
    .non-table-13 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-13 .bottom .lists {
        padding: 10px;
    }
    .non-table-13 .list .btn-edit { margin-right: 10px; }
    .non-table-13 .bottom .lists .paginations-wrapper,
    .non-table-13 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-13 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-13 .bottom .list .interbank-account-info .interbank-account-detail {
        right: 0;
        left: auto;
    }
    .non-table-13 .bottom .list .interbank-account-info .arrow { left: 94%; }
    .non-table-14 .list .c-big { font-size: 20px; }
    .non-table-14 .list:first-child,
    .non-table-14 .list:nth-child(2),
    .non-table-14 .list:nth-child(3),
    .non-table-14 .list:nth-child(4),
    .non-table-14 .list:nth-child(5),
    .non-table-14 .list:nth-child(6),
    .non-table-14 .list:nth-child(7),
    .non-table-14 .list:nth-child(8) { width: 100%; }
    .non-table-14 .list { text-align: left; }
    .non-table-14 .top .list { text-align: center; }
    .non-table-14 .top .list.full { width: 100%; }
    .non-table-14 .bottom .list {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .non-table-14 .bottom .list p:first-child { 
        display: block; 
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .non-table-14 .bottom .list p:last-child {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-size: 14px;
    }
    .non-table-14 .bottom .list p.sub-list {
        width: 100%;
        float: right;
        text-align: right;
    }
    .non-table-14 .bottom .list p.sub-list.first {
        width: auto;
    }
    .non-table-14 .list a.btn {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        font-size: 13px;
    }
    .non-table-14 .bottom .lists {
        padding: 10px;
    }
    .non-table-14 .list .btn-edit { margin-right: 10px; }
    .non-table-14 .bottom .lists .paginations-wrapper,
    .non-table-14 .bottom .lists .sc-btn { padding-right: 0; }
    .non-table-14 .bottom .lists.sc-paginations {
        padding-right: 5px;
    }
    .non-table-14 .bottom .list .interbank-account-info .interbank-account-detail {
        right: 0;
        left: auto;
    }
    .non-table-14 .bottom .list .interbank-account-info .arrow { left: 94%; }
    .list.arrow {
        padding: 0px 10px !important;
    }
    .recent-transaction-non-tabel-detail .list {
        display: none !important;
    }
    .recent-transaction-non-tabel-detail.lists {
        padding: 0 10px 10px  !important;
    }
    .recent-transaction-non-tabel-detail .list.details {
        display: block !important;
        padding: 0 5px;
    }
    .recent-transaction-non-tabel-detail .list.details p:first-child {
        display: none;
    }
    .recent-transaction-non-tabel-detail .list.details p:last-child{
        width: 100%;
    }
    /* Non Table - END */

    .no-f-m {
        float: none !important;
        margin-top: 10px;
    }
    .sc-heading.no-bt-m:after {
        content: '';
        display: table;
        clear: both;
    }
    .sc-heading.no-bt-m {
        margin-bottom: 0;
    }
    .sc-heading.no-bt-m h3 { width: 100%; }
    .form .field.third {
        width: 100%;
    }
    .popup-content-style-type-b .qr-summary { padding-left: 0; padding-right: 0; }
    .popup-content-style-type-b .summary-qr-ct { max-width: 100%; }
/*
    .scan-mobile-img { height: 0; overflow: hidden; }
    .scan-mobile-img.show { height: auto; }
*/
    .accordion-qr-mobile {
        cursor: pointer;
        margin-bottom: 20px;
    }
    .popup-content-style .mfp-content .btn.fixedwidth,
    .popup-content-style-type-b .mfp-content .btn.fixedwidth {
        width: calc(100% / 2 - 5px);
    }
    /* Products Register - Prompt Pay - START */
    .prompt-pay-lists {
        display: inline-block;
        padding: 15px;
    }
    .prompt-pay-lists .left,
    .prompt-pay-lists .right {
        width: 100%;
        display: inline-block;
    }
    .prompt-pay-lists .right {
        text-align: left;
        margin-top: 20px;
    }
    .prompt-pay-lists .right.no-center { padding-left: 0; margin-top: 50px; }
    .arrow-right {
        transform: rotate(90deg);
        top: 45%;
    }
    /* Products Register - Prompt Pay - END */
    .popup-announcement-style .mfp-content .popup-modal-dismiss {
        right: 0; top: -50px;
    }
    .announcement-bar {
        padding: 10px 20px;
        height: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .popup-announcement-style .mfp-content {
        padding: 25px;
    }
    .announcement-bar .right {
        width: 100%;
        text-align: center;
        line-height: 1;
    }
    .announcement-bar .left {
        width: 100%;
        padding-right: 20px;
    }
    .main.main-hv-announcement {
        padding-top: 57px;
    }
    .main.main-hv-announcement .column-main .header {
        top: 57px;
    }
    .announcement-show .main.main-hv-announcement {
        padding-top: 89px;
    }
    .announcement-show .main.main-hv-announcement .column-main .header {
        top: 89px;
    }
    .announcement-bar .left .ic {
        display: block;
    }
    .choice-other.inline-choice {
        width: 100%;
    }
    .prompt-pay-lists .edit.more-t {
        top: 80%;
        right: 10px;
    }
    .prompt-pay-lists .caption.edit-id { width: 81%; }
    .transfer-wrapper { margin-top: 15px; padding: 20px; }
    .transfer-wrapper .tab-menu {
        position: relative;
        /* white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom: 20px;
        padding-bottom: 20px; */
        top: 0;
    }
    .transfer-wrapper .tab-menu.disable-scroll .scroll-wrapper{
        display: none;
    }
    /* .transfer-wrapper .tab-menu::-webkit-scrollbar {
        height: 5px;
        border-radius: 50px;
        background-color: #999;
    }
    .transfer-wrapper .tab-menu::-webkit-scrollbar-track,
    .transfer-wrapper .tab-menu::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background-color: #efefef;
    }
    .transfer-wrapper .tab-menu::-webkit-scrollbar-track {
        background-color: #efefef;
        border-radius: 50px;
    }
    .transfer-wrapper .tab-menu::-webkit-scrollbar-thumb {
        height: 5px;
        background-color: #999;
    }
    .transfer-wrapper .tab-menu::-webkit-scrollbar-thumb:hover {
        width: 5px;
        background-color: #efefef;
    } */
    .transfer-wrapper .tab-menu .list li.active:after, 
    .transfer-wrapper .tab-menu .list li:hover:after,
    .mainpage-setting-menu li.active:after,
    .mainpage-setting-menu li:hover:after,
    .no-scrollbar .transfer-wrapper .tab-menu .list li:hover:after,
    .no-scrollbar .mainpage-setting-menu li:hover:after { 
        background-image: none; 
    }
    .no-scrollbar .transfer-wrapper .tab-menu .list li.active:after, 
    .no-scrollbar .mainpage-setting-menu li.active:after { 
        background-image: linear-gradient(to right, #00a850 0%, #61d699 100%); 
    }
    .mainpage-setting-menu li.active,
    .mainpage-setting-menu li:hover {
        color: #4dcd8a;
    }

    /* START Menu Scrollbar */
    .transfer-wrapper .tab-menu .list,
    .breadcrumb + .table-overflow,
    .mainpage-setting-menu + .scroll-wrapper {
        position: relative;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .breadcrumb + .table-overflow,
    .mainpage-setting-menu + .scroll-wrapper  {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .transfer-wrapper .tab-menu .list::-webkit-scrollbar,
    .breadcrumb + .table-overflow::-webkit-scrollbar,
    .mainpage-setting-menu::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }
    .transfer-wrapper .tab-menu  .list::-webkit-scrollbar-thumb,
    .breadcrumb + .table-overflow::-webkit-scrollbar-thumb {
        background: linear-gradient(13deg, #4dcd8a 14%,#22c77d 64%);
        border-radius: 15px;
    }
    .transfer-wrapper .tab-menu  .list::-webkit-scrollbar-thumb:hover,
    .breadcrumb + .table-overflow::-webkit-scrollbar-thumb:hover{
        background: linear-gradient(13deg, #4DCD8A 14%,#16b36f 64%);
    }
    .transfer-wrapper .tab-menu  .list::-webkit-scrollbar-track,
    .breadcrumb + .table-overflow::-webkit-scrollbar-track{
        background: #ffffff;
        border-radius: 15px;
        box-shadow: inset 7px 10px 12px #f0f0f0;
    }

    .transfer-wrapper .tab-menu .horizontal-scroll,
    .table-overflow + .scroll-wrapper .horizontal-scroll ,
    .mainpage-setting-menu + .scroll-wrapper .horizontal-scroll {
        width: 180px;
        height: 4px;
        background: linear-gradient(13deg, #4dcd8a 14%,#22c77d 64%);
        display: block;
        border-radius: 10px;
        transition: all 0.1s linear;
        position: relative;
        z-index: 1;
    }

    .mainpage-setting-menu + .scroll-wrapper .horizontal-scroll {
        width: 100%;
    }
    

    .transfer-wrapper .tab-menu  .scroll-wrapper {
        width: 100%;
        background-color: #f0f0f0;
        height: 4px;
        position: absolute;
        bottom: 0;
        overflow: hidden;
        border-radius: 10px;
        z-index: 0;
    }

    .mainpage-setting-menu + .scroll-wrapper  {
        width: 100%;
        background-color: #f0f0f0;
        height: 4px;
        overflow: hidden;
        border-radius: 10px;
    }   

    /* .breadcrumb + .table-overflow > table:after, */
    .table-overflow + .scroll-wrapper {
        content: '';
        width: 100%;
        background-color: #dcdcdc;
        background-image: none !important;
        height: 4px;
        /* position: absolute; */
        bottom: 0px;
        left: 0;
        overflow: hidden;
        border-radius: 10px;
    }
    .transfer-wrapper .tab-menu .list {
        height: 30px;
    }
    .scrollbar {
        position: relative;
        height: 5px;
        overflow: hidden;
    }

    .mainpage-setting-menu + .scrollbar {
        margin-top: 0;
    }
    
    .track {
        left: 0;
        position: absolute;
        top: 0;
        background: #ececec;
        /* Take full size */
        height: 100%;
        width: 100%;
    }
    .thumb {
        left: 0;
        position: absolute;
        
        /* Take full width */
        width: 100%;
        height: 5px;
        background: linear-gradient(13deg, #4dcd8a 14%,#22c77d 64%);
        border-radius: 38px;
    }

    .account-management-menu { 
        margin-top: 0;
    }
    
    /* END Menu Scrollbar */
    .search-item .input-search-wrap { padding-right: 0; }
    .search-item .input-search-wrap .input-search { right: 15px; }
    .change-account.favorites { float: right; }
    .favorites .favorite li { margin-right: 10px; }
    .a-center-m { text-align: center; }
    .select-custom .select2-container .select2-selection--single .select2-selection__rendered .select-custom-modify-2 { 
        font-size: 12px;
        white-space: pre-wrap;
        line-height: 1.5;
        top: 5px;
    }
    .select2-results__options .select-cutom-inner-txt span {
        line-height: 1.3;
    }
    .select-custom .select2-container .select2-selection--single .select2-selection__rendered .select-custom-modify-3 { 
        top: -3px; 
        font-size: 12px;
        line-height: 1.4;
    }
    .select-custom .select2-container .select2-selection--single .select2-selection__rendered .select-custom-modify-4 { 
        text-align: left;
        left: 55px;
        top: 14px;
    }
    .select-custom .select2-container .select2-selection--single .select2-selection__rendered .select-custom-modify-42 {
        font-size: 14px;
        margin-top: -31px;
        text-align: right;
    }
    .transfer-wrapper .menu-step {
        right: -25px;
        top: -38px;
    }
    .transfer-wrapper.other-service-wrapper .name-list .name,
    .transfer-wrapper.other-service-wrapper .name-list .note { position: static; }
    .popup-content-authen-style .mfp-content .content {
        height: 600px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .content-bg-white .line.more-t {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .panel-body { padding-bottom: 100px !important; }
    .select-custom .select2-container .select2-selection--single .select2-selection__rendered[title] .select-custom-modify-42 {
        text-align: left;
        margin-top: 0px;
    }
    .select-custom-right-col {
        width: 100%;
        padding: 10px;
        border-top: 1px solid #ccc;
    }
    .select-custom-right-col.no-money {
        padding: 0;
        border-top: 0;
    }
    .custom-select-wrapper {
        flex-wrap: wrap;
        padding-top: 5px;
    }
    .select-cutom-inner-txt {
        margin-bottom: 5px;
        padding-right: 20px;
    }
    .form.form-transfer .select2-container .select2-selection--single[style="height: 50px;"] {
        height: auto !important
    }
    .custom-select-wrapper-single-bookbank {
        padding: 0 10px;
    }
    .select-custom .select2-container--default .select2-selection--single .select2-selection__rendered {
        height: auto;
        line-height: 50px;
        padding: 0;
    }
    .select-custom-right-col > div {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
    
    .select-custom-right-col > div > span {
        margin-bottom: 0 !important;
    }
    .select-custom .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
        line-height: 47px;
    }
    .select2-selection--single .select-custom-left-col {
        padding: 5px 10px;
    }
    .table-bottom {
        display: block;
    }
    .table-bottom .action {
        text-align: right;
    }
    .step-two-heading > h3.f-left {
        width: 70%;
        line-height: 1.3;
        vertical-align: middle;
        word-break: break-word;
    }
    .content-step-two .date {
        margin-top: 6px;
    }
    .successful-profile.upload-file .image { width: 40%; }
    .mfp-container { padding-top: 60px; padding-bottom: 40px; }
    .bottom .list .interbank-account-info .interbank-account-detail p {
        width: 100%;
        display: block !important;
        text-align: left;
    }
    .error-page .image.space-img img {
        margin-top: 20px;
        max-width: 90px;
    }
    .mobile-page-scroll.sc-full {
        height: auto;
        background: none;
    }
    .bg-gradient-mobile-theme-dark {
        background: linear-gradient(180deg, rgba(70,89,104,1) 0%, rgba(35,45,52,1) 100%);
        min-height: auto;
    }
    .mobile-page-scroll.sc-full .sc-inner {
        height: 100vh;
        padding-bottom: 30px;
        position: static;
        overflow: hidden;
    }
    .mobile-page-scroll.sc-full  .header-full {
        margin-top: 30px;
        position: static;
    }
    /* h1.font-xs-small, .heading-h1.font-xs-small {
        font-size: 20px;
    } */
    .search-item .fields > .field {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .mobile-page-scroll.sc-full .footer-full {
        position: static;
    }
    .mobile-page-scroll.sc-full .container {
        height: auto;
    }
    .search-item .fields > .field > h3.f-left {
        width: 50%;
    }
    
    .search-item .fields > .field > .change-account.favorites {
        width: 50%;
        float: none;
        margin-left: 0;
        margin-top: 0;
    }
    
    .search-item .fields > .field > .input.input-search-wrap {
        width: 100%;
    }
    .search-item .fields > .field > .change-account.favorites .input {
        width: 100%;
    }
    .search-item .fields > .field > .change-account.favorites .select {
        width: 100%;
    }
    .select-transfer-wrapper.favourite-name {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    
    .select-transfer-wrapper.favourite-name .summary .image img {
        width: 100%;
        height: unset;
        object-fit: cover;
        /* border: none; */
        /* border-radius: 0; */
        aspect-ratio: 1/1;
    }
    
    .select-transfer-wrapper.favourite-name .summary .image {
        width: 54px;
        height: 54px;
        object-fit: cover;
        /* border-radius: 50%; */
        overflow: hidden;
        /* border: 2px solid #ccc; */
    }
    
    .select-transfer-wrapper.favourite-name .heading {
        width: 50%;
    }
    
    .select-transfer-wrapper.favourite-name .summary {
        width: 50%;
        padding: 10px 0;
    }
    .sc-full-page .footer-full  {
        position: static;
        padding-bottom: 20px;
    }
    .sc-inner-fullpage {
        padding-left: 20px;
        padding-right: 20px;
    }
    .header-fullpage {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
    }
    .login-step-slider .slick-next {
        right: 0;
    }
    .login-step-slider .slick-prev {
        left: 0;
    }
    tr.th-desktop {
        display: none;
    }
    tr.th-mobile {
        display: table-row;
    }
    .table.table-account-modern tbody tr td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
    }
    
    .table.table-account-modern tbody tr td:before {
        content: attr(data-label);
    }
    #popup-change-pattern-02 .content .qr-wrqpper,
    .popup-change-pattern-qr .qr-wrqpper {
        border: 0;
        border-bottom: 1px solid #4DCD8A;
        border-radius: 0;
        padding: 0 10px 30px;
        margin-bottom: 30px;
    }
    .popup-content-style-type .qr-summary {
        margin: 0 auto;
    }
    .qr-summary .heading-h4 {
        margin-bottom: 0;
    }
    .popup-content-style .mfp-content .choice-profile .choice-label-profile {
        width: 17px;
        margin-top: 0;
        margin-bottom: 40px;
        vertical-align: middle;
        float: none;
        display: inline-block;
    }
    .choice-profile .field {
        padding-bottom: 8px;
    }
    
    .choice-profile .fields {
        margin-bottom: 0;
    }
    
    .choice-profile .alert-rsso {
        margin-top: 0;
    }
    .popup-content-style .mfp-content .choice-profile .profile-details {
        margin-bottom: 10px;
        display: inline-block;
        width: 90%;
        vertical-align: middle;
        float: none;
    }
    .card-container {
        display: block;
    }
    .card-detail-top {
        width: 100%;
        padding: 10px;
        font-size: 12px;
    }
    .pay-the-card .right {
        float: none;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .pay-the-card .right .card-name-label {
        width: 60px;
        line-height: 1;
    }
    .pay-the-card .right .card-name {
        text-align: right;
        font-size: 14px;
        line-height: 1;
        margin-top: 1px;
    }
    .card-detail-bottom {
        border-top: 1px solid #ccc;
        padding: 10px;
        font-size: 12px;
    }
    .pay-the-card {
        padding: 0;
    }
    .card-detail-top .image {
        width: 38px;
    }
    .list .approver-name {
        text-align: right;
    }
}

@media (max-width:640px) {
    .popup-content-style-type .mfp-content .btn.fixedwidth {
        width: 110px;
        line-height: 35px !important;
        padding: 0 !important;
        height: auto !important;
        border: 0 !important;
    }
    /* .mfp-wrap { top: 0 !important;} */
    .btn.fixed-width,
    .form.form-transfer .btn { 
        width: auto;
        min-width: 115px;
    }
    .action .sc-bookmark {
        margin-right: 0px;
        max-width: 33.33%;
        vertical-align: top;
        padding: 0 5px;
        width: 100%;
    }
    .action .sc-bookmark.bookmark-l {
        max-width: 100%;
    }
    .transfer-wrapper.more-p .action {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
    }
    .column-main-content h1.heading-h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .btn.btn-small-fix {
        width: 120px !important;
        height: 40px !important;
        line-height: 40px !important;
        border: 0 !important;
    }
    .btn.btn-small-fix-wrapped {
        min-width: 124px;
        width: unset !important;
        max-width: 50%;
        min-height: 40px;
        max-height: 60px;
        height: unset !important;
        line-height: 1.25 !important;
        border: 0 !important;
        white-space: normal;
        display: flex;
        align-items: center;
        justify-content: center;
    }    
    .popup-content-style .mfp-content .btn {
        width: 120px;
        border: 0 !important;
        height: 40px;
        line-height: 40px;
    }
    .account-management-heading.d-column .price span {
        font-size: 20px;
    }
    .account-management-header .account-management-link {
        max-width: 40%;
    }
    .ct-br-ip-normal {
        display: block;
    }
    .list .approver-name {
        text-align: right;
    }
}

@media (max-width:500px) {
    .mobile-page-scroll.sc-full .sc-inner {
        overflow: scroll;
    }
    .bg-gradient-mobile-theme-dark {
        overflow: scroll;
    }
}

@media (max-width:375px) {
    .form.form-transfer .btn { width: 130px; }
        .transfer-wrapper.other-service-wrapper .btn {
        width: 130px;
    }
    .sc-full-no-lock.sc-mobile-no-scroll .sc-ct-inner {
        height: 100vh;
    }
    
}

/* iPhone 5s */
@media (max-width:374px) {
    .d-block-small {
        display: block !important;
    }
    .pay-the-card .right .card-name {
        font-size: 10px;
    }
    .btn.fixed-width,
    .form.form-transfer .btn { 
        width: auto !important;
        height: auto !important;
        line-height: 1em !important;
        padding: 10px 13px !important;
        min-width: 100px;
        border: 0;
        margin: 0 auto;
    }
    .file-upload-wrapper .file-upload-action {
        width: 100%;
    }
    /* .file-upload-wrapper .file-upload-action {
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
    } */
    .custom-file-upload.show-detail {
        width: 34%;
    }
    .form.form-transfer .file-upload-wrapper .file-upload-action .btn {
        /* width: 65px;
        font-size: 10px; */
        padding: 0 !important;
        /* display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto; */
    }
    .form.form-transfer .file-upload-wrapper .file-upload-action .btn .btn {
        padding: 0 !important;
    }
    .custom-file-upload .file-upload-wrapper .file-upload-input {
        height: 56px;
        /* position: absolute; */
        width: 100%;
        height: 100%;
        padding: 0;
        color: transparent !important;
    }
    .custom-file-upload .file-upload-wrapper .file-upload-input::placeholder {
        color: transparent;
    }
    .file-upload-wrapper {
        height: 46px;
    }
}

@media (max-width:360px) {
    .sc-form-full .login-logo { margin-bottom: 20px; }
    .sc-form-full .policy { font-size: 12px; }
    .sc-form-full .btn { height: 45px; line-height: 45px; }
    .popup-content-style-alert .mfp-content .btn { width: 120px; }
}

@media (max-width:320px) {
    .ct-br-se { display: block !important; }
    .ct-br-ip-normal {
        display: none !important;
    }
    .column-main .header .logo img {
        height: 20px;
    }
    .btn {
        white-space: inherit !important;
        height: auto !important;
        line-height: 1 !important;
        padding: 10px !important;
    }
    .change-account .select { width: 135px; }
    ul.paginations span, 
    ul.paginations a {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
    ul.paginations .prev, 
    ul.paginations .next {
        line-height: 25px;
    }
    .select-custom .select2-container .select2-selection--single .select2-selection__rendered .select-custom-modify-4 {
        left: 50px;
        font-size: 10px;
    }
    .select-custom-modify-2,
    .select-custom-modify-3 { left: 40px; font-size: 10px; }
    .select-custom .select2-container .select2-selection--single .select2-selection__rendered .select-custom-modify-42 {
        font-size: 10px;
    }

    .detail-show { width: 58%; }
    
    .add-favourite-form .file-upload-wrapper .file-upload-action .btn {
        display: none !important;
    }
    .add-favourite-form .file-upload-wrapper .file-upload-input {
        width: 80px;
        height: 80px;
    }
    .btn.btn-small-fix {
        width: 100px !important;
        height: auto !important;
        padding: 5px !important;
        line-height: 1.6em !important;
        border: 0 !important;
    }
    .btn.btn-small-fix-wrapped {
        width: 115px !important;
        min-height: 40px;
        max-height: 60px;
        padding: 5px !important;
        height: unset !important;
        line-height: 1.1 !important;
        border: 0 !important;
        white-space: normal;
        display: flex;
        align-items: center;
        justify-content: center;
    }    
    .popup-content-style-type .mfp-content .content-type-list .type-list,
    .popup-content-style .mfp-content .content-type-list .type-list {
        padding-left: 10px;
        padding-right: 10px;
    }
    .popup-content-style-type .mfp-content .content-type-list .ic,
    .popup-content-style .mfp-content .content-type-list .ic {
        font-size: 18px;
        position: relative;
        top: -3px;
    }
    .list .approver-name {
        text-align: right;
    }
}


/* Max HEIGHT */
@media  screen and  (min-height: 768px)  {
    .content-step-two .summary-wrapper.popup-choice-profile {
        height: 550px;
    }
}
@media  screen and  (max-height: 768px)  {
    .sc-inner-fullpage {
        overflow: hidden;
    }
}
@media  screen and  (max-height: 650px)  {
    .sc-inner-fullpage {
        min-height: 100vh;
        overflow: scroll;
        padding-bottom: 50px;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .sc-inner-fullpage::-webkit-scrollbar {
        display: none;
      }
    .sc-inner-fullpage .sc-heading {
        margin-bottom: 0px;
    }
    .sc-inner-fullpage .sc-heading p.desc.c-white.space {
        margin-top: 1%;
    }
    .sc-full-page  .sc-heading .desc {
        font-size: 15px;
    }
    .content-step-two .summary-wrapper {
        height: 400px;
    }
}