@media (max-width: 1200px) {

    
    main.skin-idx.user-home {
        padding-top: 0;
    }
    .header-user{
        transition: all .3s ease;
    }
    header.zindex-mobile-menu .header-user {
        z-index: 99;
        padding-top: 50px;
    }
    .alertify-notifier.ajs-right .ajs-message.ajs-visible{
        right: 280px;
    }
    .ajs-message{
        max-width: 280px;
        width: 280px !important;
    }
    .bg-body-light {
        background: #efefef;
    }
    /*header*/

    .slogan-section {
        max-width: 850px;
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        margin-bottom: 0px;
        line-height: 24px;
    }
    .title-section {
        font-size: 22px !important;
        text-align: center;
        margin-bottom: 25px;
        text-transform: none;
        font-weight: 700;
        color: var(--color-text);
    }
    .section-service-banner .title-section{
        margin-bottom: 10px;
    }
    .section-service-01 .video iframe {
        width: 341px !important;
        height: 200px !important;
    }
    .section-service-01 .content-service .video{
        padding-top: 45%;
    }
    .header-top {
        padding: 20px 0;
        background: #fff;
        
    }

    .header-top > .header-right {
        display: flex;
    }

    .header-top .header-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .btn-action-header > a {
        display: inline-block;
        height: 36px;
        line-height: 34px;
        border: 1px solid var(--color-main);
        padding: 0 15px;
        border-radius: 7px;
        margin-left: 20px;
        font-size: 16px;
        white-space: nowrap;
    }

    .btn-action-header.btn-promotion > a {
        background: #cef1ff;
        color: var(--color-highlight);
        border-color: #cef1ff;
    }

    .btn-action-header.btn-login > a {
        color: var(--color-main);
    }
    .btn-minicart > a {
        display: flex;
        height: 36px;
        width: 36px;
        margin-left: 20px;
        background: var(--light);
        border-radius: 7px;
        align-items: center;
        justify-content: center;
    }

    .btn-minicart img {
        height: 24px;
        width: 24px;
    }

    .btn-app img {
        height: 28px;
        width: 18px;
        object-fit: contain;
    }
    .btn-app:hover > span img {
        filter: invert(64%) sepia(12%) saturate(1676%) hue-rotate(131deg) brightness(99%) contrast(91%);
    }
    .btn-app {
        margin-left: 10px;
        padding: 18px 0 18px 10px;
    }
    .btn-action-header.btn-promotion > a:hover {
        background: var(--color-highlight);
        color: var(--white);
        border-color: var(--color-highlight);
    }
    .btn-app:hover .content-app {
        opacity: 1;
        filter: opacity(1);
        visibility: visible;
    }
    .btn-action-header.btn-login > a:hover {
        color: var(--white);
        background: var(--color-main);
    }

    .btn-minicart > a:hover {
        background-image: linear-gradient(left, #058dc2, #4abab9);
        background-image: -webkit-linear-gradient(left, #058dc2, #4abab9);
        background-image: -o-linear-gradient(left, #058dc2, #4abab9);
        background-image: -moz-linear-gradient(left, #058dc2, #4abab9);
    }

    .btn-minicart > a:hover img {
        filter: invert(109%) sepia(0%) saturate(0%) hue-rotate(172deg) brightness(277%) contrast(100%);
    }
    .btn-minicart > a:hover img{
        filter: inherit;
    }
    .main-menu > ul.navbar-nav > li > a.nav-link:hover {
        color: var(--color-main);
    }
    .header-top .logo img {
        height: 32px;
    }
    .menu-container img {
        height: 20px;
    }

    .header-top > .container > .row > div:nth-child(2) {
        display: flex;
        justify-content: flex-end;
    }
    .section-menu-mb sapn > img {
        height: 16px;
        width: 23px;
    }
    /*header*/

    .section-tab-list-domain {
        background: #f2f4f8;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 0;
    }

    .nav-tabs .nav-link {
        border: 0;
        color: #707070 !important;
        font-size: 16px;
        padding: 8px 15px;
        white-space: nowrap;
    }

    .nav-tabs {
        border: 0;
    }

    .nav-tabs .nav-link.active {
        border-radius: 5px;
        background: #4abab9;
        color: #fff !important;
        font-weight: 700;
    }

    .nav-tabs li.nav-item {
        margin-right: 5px;
    }

    .nav-tabs li.nav-item:last-child {
        margin-right: 0;
    }
    .list-tab {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
    }

    .list-tab .nav-tabs {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-wrap: nowrap;
    }

    .row {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }

    .row > div {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }
    /*footer*/
    body {
        padding-bottom: 65px;
        position: relative;
    }

    .toolbar-section {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        display: flex;
        z-index: 101;
        background-size: 100% cover;
        background-position: top;
    }

    .toolbar-section .item {
        flex: 0 0 20%;
        max-width: 20%;
        padding: 10px 0;
    }

    .toolbar-section .item a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .toolbar-section .item span.name {
        font-size: 12px;
        color: #b1b1b1;
    }

    .toolbar-section .item .icon img {
        height: 18px;
        object-fit: contain;
    }

    .toolbar-section .item.item-center {
        padding: 0;
        position: relative;
        top: -18px;
        height: 67px;
    }

    .toolbar-section .item.item-center img {
        height: 67px;
        width: 67px;
    }
    .toolbar-section .item .icon {
        margin-bottom: 5px;
    }
    .toolbar-section .item.item-center span.icon {
        margin-bottom: 0;
    }
    /*footer*/

    /*login*/

    .section-login .info-form {
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(100vh - 50px);
        flex-direction: column;
    }

    .section-login .info-form form {
        max-width: 450px;
        width: 100%;
    }

    .section-login .info-form .login-app {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
        
    }
    /*.g_id_signin {
          width: 40px;
          height: 40px;
          overflow: hidden;
          border-radius: 5px;
          border: 1px solid #ccc;
        }*/
    .section-login .info-form .login-app > .item {
        padding: 0;
        margin: 0 15px;
        max-width: 50px;
        overflow: hidden;
    }

    .section-login .info-form .login-app > .item > span {
        width: 85px;
        height: 50px;
        border-radius: 5px;
        background: #eeeeee;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
    }

    .section-login .info-form .login-app > .item > span img {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

    .section-login .info-form .of-line-through {
        text-align: center;
        position: relative;
        margin-bottom: 30px;
    }

    .section-login .info-form .of-line-through:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 0.5px;
        background: #ddd;
        left: 0;
        top: 60%;
        transform: translateY(-50%);
    }

    .section-login .info-form .of-line-through span {
        display: inline-block;
        background: #fff;
        position: relative;
        z-index: 1;
        padding: 0 10px;
    }

    .section-login .info-form .form-group {
        margin-bottom: 20px;
    }

    .section-login .info-form .form-group label {
        margin-bottom: 15px;
        color: #000000;
        font-size: 1.1rem;
    }

    .section-login .info-form .form-group input {
        height: 48px;
        padding: 10px 15px;
        background: #f5f6f6;
        border-radius: 5px;
        font-size: 16px;
    }

    .section-login .info-form .forgot-password a {
        color: #9f9f9f;
    }

    .section-login .info-form .forgot-password {
        margin-bottom: 20px;
    }

    .section-login .info-form .btn-submit {
        width: 100%;
        background: var(--color-main);
        border-radius: 5px;
        height: 48px;
        padding: 0;
        color: var(--white);
        font-size: 16px;
        border: 1px solid var(--color-main);
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .section-login .info-form .btn-submit:hover {
        background: none;
        color: var(--color-main);
    }

    .section-login .info-form .register a {
        color: var(--color-main);
    }
    .section-login .info-form .title-section {
        margin-bottom: 25px;
    }
    .section-login .info-form .login-app > .item.item-facebook > span {
        background: #1877f2;
        color: var(--white);
    }

    .section-login .info-form .form-group span.show-btn {
        position: absolute;
        right: 15px;
        bottom: 17px;
    }

    .section-login .info-form .form-group > span {
        position: relative;
    }
    .section-login .info-form .forgot-password a:hover {
        color: var(--color-main);
    }

    .section-login .info-form .register a:hover {
        color: #000;
    }
    .section-login .item-login-left .logo img {
        height: 40px;
    }
    .section-login .info-form .login-app > .item > span:hover {
        background: #b7b7b7;
    }
    .modal-account button.close {
        position: absolute;
        top: 5px;
        right: 10px;
        z-index: 1;
        opacity: 2;
    }

    .modal-account button.close svg {
        width: 28px;
        height: 28px;
    }
    /*login*/
    .btn-main-block a {
        background: var(--color-main);
        display: block;
        border-radius: 5px;
        height: 56px;
        color: var(--white);
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /*menu*/

    .back-drop {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        z-index: 100;
        opacity: 0;
        filter: opacity(0);
        visibility: hidden;
    }
    .menu-section {
        opacity: 0;
        position: fixed;
        width: 330px;
        top: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        z-index: 100;
        background-color: #fff;
        overflow: auto;
        -webkit-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        -webkit-transform: translate3d(330px, 0, 0);
        -moz-transform: translate3d(330px, 0, 0);
        -ms-transform: translate3d(330px, 0, 0);
        -o-transform: translate3d(330px, 0, 0);
        transform: translate3d(330px, 0, 0);
        -webkit-transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.51, 0.82);
        transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.51, 0.82);
        -webkit-box-shadow: -0.1rem 0 0.3rem rgba(0, 0, 0, 0.2);
        -moz-box-shadow: -0.1rem 0 0.3rem rgba(0, 0, 0, 0.2);
        box-shadow: -0.1rem 0 0.3rem rgba(0, 0, 0, 0.2);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .back-drop.open {
        opacity: 1;
        filter: opacity(1);
        visibility: visible;
    }
    .menu-section.open {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .menu-top {
        display: block;
        position: relative;
        margin: 20px;
    }

    .menu-section >.menu-info >.content-menu > ul {
        background-color: transparent;
        position: static;
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }
    .menu-section >.menu-info >.content-menu  > ul li {
        display: block;
        margin-right: 0;
        margin-left: 0;
        position: relative;
    }

    .menu-section >.menu-info >.content-menu  > ul li a {
        display: block !important;
        height: 40px;
        line-height: 40px;
        padding: 0 40px 0 20px !important;
        color: #000;
    }
    .menu-section >.menu-info >.content-menu  > ul > li > .entry-menu {
        position: absolute;
        opacity: 0;
        filter: opacity(0);
        visibility: hidden;
        -webkit-transition: all 0.05s ease;
        transition: all 0.05s ease;
        z-index: 17;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    }
    .menu-section .entry-menu {
        background-color: transparent;
    }
    .menu-section >.menu-info >.content-menu .has-child > .entry-menu {
        position: static;
        padding: 0;
        min-width: auto;
        width: auto;
        display: none;
        opacity: 1;
        filter: opacity(1);
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .menu-section .grower {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 14px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        opacity: 1;
        z-index: 1;
        pointer-events: auto;
        color: #c5c5c5;
    }
    .menu-section .has-child {
        position: relative;
    }

    .menu-section .grower::after {
        content: "\f0d7";
        font-family: "Font Awesome 6 Pro";
        vertical-align: bottom;
        font-weight: 900;
    }
    .menu-section .grower.open::after {
        content: "\f0d8";
    }
    .menu-section .content-menu {
        height: calc(100vh - 250px);
        overflow-y: scroll;
    }

    ul.menu-login {
        padding-left: 0;
        display: flex;
        justify-content: space-between;
    }

    ul.menu-login > li {
        list-style: none;
    }

    ul.menu-login > li > a {
        width: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 42px;
        border-radius: 5px;
        background: var(--color-main);
        color: var(--white);
    }

    ul.menu-login > li > a.login {
        background: #d9d9d9;
        color: var(--black);
    }
    .btn-close-menu {
        text-align: right;
        margin-bottom: 15px;
    }

    .btn-close-menu a {
        color: #000;
        font-size: 27px;
    }
    .menu-section >.menu-info >.content-menu  .has-child > .entry-menu>li>a {
        padding: 0 40px 0 30px !important;
    }
    .menu-section .download {
        padding: 20px;
    }

    .menu-section .download a {
        background: #D4F3F1;
        height: 56px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--black);
    }
    .menu-section .download a i {
        font-size: 20px;
    }
    .pla-color-main::placeholder {
        color: var(--color-main);
    }
    .member {
        display: flex;
        align-items: center;
    }

    .member .avatar img {
        width: 42px;
        height: 42px;
        object-fit: cover;
        border-radius: 50%;
        border: 2px solid var(--color-main);
    }

    .member .avatar {
        margin-right: 15px;
    }

    .member .info {
        flex: 1 1;
    }
    .title-view-all .more a {
        color: #939393;
    }
     .header-top.header-top-home {
        background: var(--color-main);
    }
    nav.breadcrumbs-section a img {
        width: 18px;
        height: 18px;
        position: relative;
        top: -3px;
    }

    nav.breadcrumbs-section a {
        position: relative;
        padding-right: 10px;
        margin-right: 10px;
        color: #797979;
    }

    nav.breadcrumbs-section a:before {
        content: '/';
        position: absolute;
        right: -3px;
        top: 0;
    }

    nav.breadcrumbs-section a:last-child:before {
        display: none;
    }

    nav.breadcrumbs-section a:last-child {
        margin-right: 0;
        padding-right: 0;
    }
    .breadcrumbs {
        background: #EBEBEB;
    }
    .header-top-home a.btn-menu-mobile img {
        filter: brightness(0) invert(1);
    }
    .breadcrumbs-section {
        padding: 15px 0;
    }
    /*naptien*/
    .section-recharge .content-recharge {
        background: var(--white);
    }

    .section-recharge .content-recharge {
        padding: 15px;
        border-radius: 10px;
    }

    .section-recharge .content-recharge .title {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .section-recharge .content-recharge .info .item-info {
        display: flex;
        align-items: center;
        border: 1px solid var(--color-main);
        background: #F2FBFA;
        padding: 5px 10px;
        border-radius: 8px;
    }

    .section-recharge .content-recharge .info .item-info .avatar {
        flex: 0 0 40px;
        margin-right: 15px;
    }

    .section-recharge .content-recharge .info .item-info .avatar img {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        border: 1px solid #fff;
    }

    .section-recharge .content-recharge .info .item-info .name-price {
        flex: 1 1;
    }

    .section-recharge .content-recharge .info .item-info .name-price .price {
        font-weight: 700;
    }

    .section-recharge .content-recharge .info .item-info .name-price .name {
        margin-bottom: 5px;
    }
    .item-input input {
        border: 1px solid var(--color-main);
        background: #fff;
        padding: 10px;
        border-radius: 8px;
        color: #000;
        font-size: 16px;
        height: 56px;
    }
    .section-payment .info  label.custom-control-label {
        background: #fff;
        display: flex;
        width: 100%;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #E2E2E2;
        align-items: center;
    }

    .section-payment  .custom-control-input:checked ~ .custom-control-label::before {
        border-color: #4abab9;
        background-color: #b0e9e9;
        color: #b0e9e9;
    }
    .section-payment .custom-control-input:checked ~ .custom-control-label {
        border: 1px solid var(--color-main);
        background: #F2FBFA;
    }

    .custom-radio .custom-control-label::before {
        border-radius: 50%;
    }
    .section-payment .info .custom-control-label::after, .section-payment .info .custom-control-label::before {
        right: 10px;
        left: inherit !important;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        border: 0;
        background: #e3e3e300;
        border-radius: 50%;
    }

    .section-payment .info  .custom-control {
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
        padding-left: 0;
    }

    .section-payment .info .custom-control-input:checked ~ .custom-control-label::after {
        background: #71DAD9;
    }

    .section-payment .info label.custom-control-label span.img {
        flex: 0 0 30px;
        margin-right: 15px;
    }

    .section-payment .info label.custom-control-label span.img img {
        border-radius: 5px;
        overflow: hidden;
        width: 30px;
        height: 30px;
    }

    .section-payment .info .custom-control-input:checked ~ .custom-control-label::before {
        background: var(--color-main);
        z-index: 1;
    }

    .section-payment .info .custom-control-label::before {
        width: 12px;
        height: 12px;
    }

    .section-payment .info .custom-control-label::before {
        width: 10px;
        height: 10px;
        right: 14px;
    }
    .section-recharge {
        margin-bottom: 20px;
    }
    /*naptien*/

    /*giao_dich*/
    .section-transaction-history .content-payment .item-transaction {
        background: #fff;
        padding: 10px;
        border-radius: 8px;
        margin-bottom: 15px;
    }

    .section-transaction-history .item-transaction .content-item {
        display: flex;
    }

    .section-transaction-history .item-transaction .content-item .avatar {
        flex: 0 0 43px;
        max-width: 43px;
        margin-right: 10px;
    }

    .section-transaction-history .item-transaction .content-item .info-right {
        flex: 1 1;
        display: flex;
        justify-content: space-between;
    }
    .section-transaction-history .item-transaction .content-item .info-right .date {
        font-size: 14px;
        color: #808080;
    }
    /*giao_dich*/
    /*thong_bao*/
    .section-notification .item-notification  .content-item {
        background: #fff;
        padding: 10px;
        border-radius: 8px;
        display: flex;
        margin-bottom: 15px;
        border: 1px solid #fff;
    }

    .section-notification .item-notification .content-item .avatar {
        flex: 0 0 32px;
        height: 32px;
        background: #F5F5F5;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
    }

    .section-notification .item-notification .content-item .avatar img {
        width: 24px;
        height: 24px;
    }

    .section-notification .item-notification .content-item .info-right {
        flex: 1 1;
    }

    .section-notification .item-notification .content-item .info-right .name {
        color: #808080;
    }

    .section-notification .item-notification .content-item .info-right .date {
        color: #808080;
        font-size: 14px;
    }
    .section-notification .item-notification .active .content-item {border-color: var(--color-main);background: #F2FBFA;}
    
    .section-notification .item-notification .active .content-item .avatar {
        background: #4ABAB933;
    }
    
    .section-notification .item-notification .active .content-item .avatar img {
        filter: invert(73%) sepia(5%) saturate(5970%) hue-rotate(127deg) brightness(92%) contrast(92%);
    }
    
    .section-notification .item-notification .active .content-item .info-right .name span {
        color: var(--color-main);
    }
    /*thong_bao*/

    /*check_out*/
    .section-checkout-time .content-time .title {
        font-size: 30px;
        color: var(--color-main);
        font-weight: 700;
        margin-bottom: 25px;
    }

    .section-checkout-time  .custom-control-label, .item-service-01 .custom-control-label  {
        background: #fff;
        width: 100%;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #fff;
        color: #6A6A6A;
        font-size: 14px;
    }

    .section-checkout-time .custom-control-input:checked ~ .custom-control-label::before{
        border-color: #4abab9;
        background-color: #87F1F0;
        color: #b0e9e9;
    }

    
    .section-checkout-time .custom-control-input:checked ~ .custom-control-label {
        border: 1px solid var(--color-main);
        background: #F2FBFA;
    }

    .item-service-01 .custom-control-input:checked ~ .custom-control-label {
        border: 1px solid var(--color-main);
        background: #ffffff;
    }

    .section-checkout-time .info .custom-control-label::after, .section-checkout-time .info .custom-control-label::before {
        right: 10px;
        left: inherit !important;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        border: 0;
        background: #e3e3e300;
        border-radius: 50%;
    }

    .section-checkout-time .info .custom-control-input:checked ~ .custom-control-label::after {
        background: #71DAD9;
    }

    .section-checkout-time .custom-control , .item-service-01 .custom-control{
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0;
        /* display: block; */
    }

    .section-checkout-time .custom-control-label::after, .section-checkout-time .custom-control-label::before,
    .item-service-01 .custom-control-label::after, .item-service-01 .custom-control-label::before  {
        right: 10px;
        left: inherit !important;
        top: 19px;
        width: 18px;
        height: 18px;
        border: 0;
        background: #DEDEDE;
        border-radius: 50%;
    }
    .section-checkout-time .custom-control-input:checked ~ .custom-control-label::after {
        background: var(--color-main);
    }


    .section-checkout-time .custom-control-label::after,
    .item-service-01 .custom-control-label::after {
        width: 10px;
        height: 10px;
        right: 14px;
        top: 23px;
        background: #ffffff;
    }

    .section-checkout-time .custom-control-label .top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        align-items: center;
    }

    .section-checkout-time .custom-control-label .top spanlast-child {
        margin-right: 17px;
    }

    .section-checkout-time .custom-control-label .center {
        padding-bottom: 10px;
        border-bottom: 1px dashed #707070;
        margin-bottom: 7px;
        font-size: 16px;
    }

    .section-checkout-time .custom-control-label .top {
        color: #000;
    }

    .section-checkout-time .custom-control-label .top .price {
        font-size: 20px;
    }
    .section-checkout-time .custom-control-label .top .month {
        margin-right: 20px;
    }

    .list-ckeckout-service .item-ckeckout-service {
        background: #fff;
        padding: 15px;
        border-radius: 8px;
        height: 100%;
    }
    .list-ckeckout-service {
        overflow-x: auto;
    }
    
    .list-ckeckout-service>.row {
        width: 1440px;
        max-width: unset;
        position: relative;
    }
    
    .list-ckeckout-service>.row>div {
        flex: 0 0 320px;
        max-width: 320px;
        position: relative;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
    }
    
    .list-ckeckout-service .item-ckeckout-service .icon {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    
    .list-ckeckout-service .item-ckeckout-service .icon span.icon-left {
        display: flex;
        flex: 0 0 56px;
        height: 56px;
        background: var(--color-main);
        border-radius: 17px;
        align-items: center;
        justify-content: center;
    }
    
    .list-ckeckout-service .item-ckeckout-service .icon span.icon-left img {
        width: 30px;
        height: 30px;
    }
    
    .list-ckeckout-service .item-ckeckout-service .icon .icon-right img {
        width: 24px;
        height: 24px;
    }
    
    .list-ckeckout-service .item-ckeckout-service .name {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
        min-height: 43px;
    }
    
    .list-ckeckout-service .item-ckeckout-service .ontion .custom-control {
        margin-right: 0;
        display: block;
        width: 100%;
        padding-left: 0;
        margin-bottom: 15px;
    }
    
    .list-ckeckout-service .custom-control-label {
        background: #F9F9F9;
        width: 100%;
        display: block;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #fff;
    }
    
    .list-ckeckout-service .item-ckeckout-service .ontion .custom-control:last-child {
        margin-bottom: 0;
    }
    
    .list-ckeckout-service .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #b0e9e9;
        color: #b0e9e9;
    }
    .list-ckeckout-service .custom-control-input:checked ~ .custom-control-label {
        border: 1px solid var(--color-main);
        background: #F2FBFA;
    }
    
    .list-ckeckout-service .custom-control-label::after, .list-ckeckout-service .custom-control-label::before {
        right: 10px;
        left: inherit !important;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        border: 0;
        background: #DEDEDE;
        border-radius: 50%;
    }
    
    .list-ckeckout-service .custom-control {
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
        padding-left: 0;
    }
    
    .list-ckeckout-service .custom-control-input:checked ~ .custom-control-label::after {
        background: var(--color-main);
    }
    
    
    .list-ckeckout-service .custom-control-label::after {
        width: 12px;
        height: 12px;
        right: 13px;
        background: #ffffff;
    }
    div::-webkit-scrollbar, div::-webkit-scrollbar{
      display:none;
    }

    .section-checkout-time {
        margin-bottom: 15px;
    }
    .item-service-01 .custom-control-label::after {
        left: 19px !important;
        right: inherit;
        width: 12px;
        height: 12px;
    }
    
    .item-service-01 .custom-control-label::before {
        left: 0;
        right: inherit;
    }
    
    .item-service-01 .custom-control-label .name-price {margin-left: 40px;display: flex;justify-content: space-between;}
    
    .item-service-01 .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #4ABAB9;
        background-color: #4ABAB9;
    }
    
    .item-service-01 .custom-control-input:checked ~ .custom-control-label::after {
        background: #B3EBEA;
    }
    
    .item-service-01 .custom-control-label::before {
        width: 20px;
        height: 20px;
    }
    
    .item-service-01 .custom-control-label .name-price .btn-down i {color: var(--color-main);font-size: 16px;}
    
    .item-service-01 .custom-control-label .name-price .name {
        color: #000;
        margin-bottom: 10px;
    }
    
    .item-service-01 .custom-control-label .time-price-all {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px dashed #C1C1C1;
        margin-top: 15px;
        padding-top: 15px;
        display: none;
    }
    
    .item-service-01 .custom-control-label .time-price-all .time .form-control {
        padding: 0;
        height: 40px;
        border-radius: 5px;
        border-color: var(--color-main);
        font-size: 16px;
        padding: 0 10px;
    }
    
    .item-service-01 .custom-control-label .time-price-all .price-all {
        font-size: 18px;
        color: #000;
    }
    .item-service-01 .custom-control-input:checked ~ .custom-control-label .time-price-all {
        display: flex;
    }
    .item-service-01 .custom-control-label .name-price .left .name {
        font-size: 15px;
    }
    
    .item-service-01 .custom-control-label .name-price .left .price {
        font-size: 16px;
        color: #000;
    }
    
    .item-service-01 .custom-control-input:checked ~ .custom-control-label .btn-down i::before {
        content: "\f077";
    }
    /*check_out*/
    .btn-success {
        height: 48px;
        display: inline-block;
        background-color: var(--color-main) !important;
        border-color: var(--color-main) !important;
        line-height: 46px;
        padding: 0 30px;
        border-radius: 8px;
    }

    .section-success {
        padding-top: 70px;
    }

    .section-success .info-success .img img {
        height: 130px;
        margin: 0 auto;
        display: table;
    }

    .section-success .info-success .description-success {
        text-align: center;
        margin: 25px 0;
        font-size: 18px;
    }
    ul.pagination {
        display: flex;
        align-items: center;
        padding-left: 0;
        justify-content: center;
    }

    ul.pagination>li {
        list-style: none;
        margin: 0 10px;
    }

    ul.pagination>li>a {
        color: #797979;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
    }
    ul.pagination>li>a.next {
        color: var(--color-main);
    }
    ul.pagination>li>a.active {
        background: var(--color-main);
        color: #fff;
    }
    /*quan_ly*/
    .section-service-manage {
        padding: 40px 0;
    }

    .section-service-manage .item .img {
        margin: 0 auto;
        display: flex;
        width: 60px;
        height: 60px;
        border-radius: 15px;
        background: var(--color-main);
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }

    .section-service-manage .item .img img {
        width: 34px;
        height: 34px;
    }

    .section-service-manage .item {
        margin-bottom: 30px;
    }

    .section-service-manage .item .name a {
        color: #000;
    }

    .section-service-manage .list>.row>div:nth-child(1) .item .img {
        background: #A78BFA;
    }

    .section-service-manage .list>.row>div:nth-child(2) .item .img {
        background: #06B6D4;
    }

    .section-service-manage .list>.row>div:nth-child(3) .item .img {
        background: #3B82F6;
    }

    .section-service-manage .list>.row>div:nth-child(4) .item .img {
        background: #14B8A6;
    }
    .section-service-manage .list>.row>div:nth-child(5) .item .img {
        background: #F59E0B;
    }

    .section-service-manage-detail {
        padding: 40px 0;
    }

    .section-service-manage-detail .content-manage .list-menu {
        margin-bottom: 30px;
    }

    .section-service-manage-detail .content-manage .list-menu ul {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
    }

    .section-service-manage-detail .content-manage .list-menu ul>li {
        list-style: none;
        margin-right: 5px;
    }

    .section-service-manage-detail .content-manage .list-menu ul>li>a {
        display: inline-block;
        height: 34px;
        padding: 5px 15px;
        border-radius: 6px;
        color: #797979;
    }

    .section-service-manage-detail .content-manage .list-menu ul>li>a.active {
        background: #D4F3F1;
        color: var(--color-main);
    }

    .section-service-manage-detail .content-manage .info {
        text-align: center;
    }

    .section-service-manage-detail .content-manage .info img {
        height: 184px;
        margin-bottom: 30px;
    }
    /*quan_ly*/
}


/*tab_ten_mien*/
@media (max-width:992px){
    html, body{
        font-size: 14px;

    }

    .domain-ext-ft .content-brand-trust .img {
      margin-bottom: 20px;
      display: block;
    }
    .section-brand-trust .content-brand-trust .content .info p i {
      font-size: 18px;
      margin-right: 10px;
    }
    .section-list-link-article {
        padding: 20px 0;
    }
    .list-top-domain-data {
        flex-wrap: wrap;
    }

    .list-top-domain-data .top-domain-item {
        flex: 0 0 32%;
        width: 32%;
        margin-bottom: 10px;
    }
    .item-article-hot .inner-content .name{
        margin: 5px 0;
    }
    .breadcrumbs{
        display: block;
    }
    .pricing-item-order-1{
        order: 1;
    }
    .pricing-item-order-2{
        order: 2;
    }
    .section-attracting-visitors{
        padding: 25px 0;
    }
    .section-attracting-visitors .content-attracting-visitors{
        margin-bottom: 10px;
    }
    .section-tab-price-service .item .icon-name{
        padding-bottom: 10px;
        margin-bottom: 20px
    }
    .section-service-email-02.box-linux-07 {
        background: #fff;
        padding-top: 20px;
    }
    .section-service-email-02 .title-section{
        margin-bottom: 20px;
    }
    .section-tab-price-service .content-table-price{
        
       
    }
    .slogan-section{
        margin-bottom: 15px;
    }
    .price_domain_table .table tr td {
        min-width: 120px;
    }
    .section-what-customers-about-domain.section-what-customers-about{
        display: none !important;
    }
    .btn-page-domain{
        min-width: auto;
    }
    .arcontactus-widget.arcontactus-message {
        bottom: 80px !important;
        right: 3px !important;
    }
    .section-detail-article .name a{
        font-size: 1.4rem;
    }
    div#toc_container {
        display: none !important;
    }
    .begin-sticky ol.breadcrumb {
        padding-bottom: 5px;
    }
    
    .section-footer-top{
        display: none;
    }
    .mobile-top-header{
        display: block;
    }
    .header-right{
        display: none;
    }
    main{
        padding-top: 70px;
    }
    /*banner*/
    .section-list-service {
        margin-bottom: 30px;
    }

    .section-list-service .item .img {
       
        max-height: 140px;
    }
    .img-banner-search {
        padding-top: 75%;
    }

    .img-banner-search img {
        object-fit: contain;
    }
    .header-top>.container>.row {
        align-items: center;
    }
    .section-list-service .list>.row {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }

    .section-list-service .list>.row>div {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

    /*banner*/

    /*dich_vu_nhan_hoa*/
    .list{
        margin: 30px 0;
    }
    .section-service-nh .title-section {
        font-size: 1.4rem !important;
        text-align: left;
        margin-bottom: 10px;
    }
    .section-service-nh .row > div {
        padding: 0;
    }
    .section-service-nh .item .img {
        border-radius: 15px;
        background: linear-gradient(180deg, #4ABAB9 0%, #048DC1 100%);
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
    .section-service-nh .list .item {
        margin-bottom: 10px;
    }

    .section-service-nh .list .item .name a {
        color: #000;
        font-size: 13px;
    }

    .section-service-nh .item .img img {
        width: 30px;
        height: 30px;
        object-fit: contain;
    }


    /*dich_vu_nhan_hoa*/
    .section-tab-list-domain .content-domain .nav-tabs {
        margin-bottom: 30px !important;
    }
    /*dich_vu_nhan_hoa*/

    /*tab_ten_mien*/

    .section-tab-list-domain .content-domain .table-list-domain table thead tr th {
        border-bottom: 1px solid #ddd;
        border-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

    .section-tab-list-domain .content-domain .table-list-domain table thead tr th:nth-child(2) {
        display: flex;
        justify-content: flex-end;
    }

    .section-tab-list-domain .content-domain .table-list-domain table tbody>tr>td {
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        border-top: 0;
        padding-bottom: 10px;
    }

    .section-tab-list-domain .content-domain .table-list-domain table tbody>tr>td:nth-child(2) {
        display: flex;
        justify-content: flex-end;
    }
    .table-list-domain table>tbody>tr>td .domain_com {
        color: #1900FF;
    }

    .table-list-domain table>tbody>tr>td.domain_com {
        color: #1900FF;
    }

    .table-list-domain table>tbody>tr>td.domain_net {
        color: #0080FF;
    }

    .table-list-domain table>tbody>tr>td.domain_vn {
        color: #FF0000;
    }

    .table-list-domain table>tbody>tr>td.domain_com_vn {
        color: #FF8103;
    }

    .table-list-domain table>tbody>tr>td.domain_edu_vn {
        color: #07B7A5;
    }


    .section-tab-list-domain .content-domain .table-list-domain table tbody>tr>td.name {
        font-weight: 700;
    }

    .content-domain .link-domain>a {
        display: inline-block;
        padding: 0 20px;
        border-radius: 6px;
        color: var(--color-main);
        margin-top: 20px;
        line-height: 35px;
        height: 38px;
    }
    .item-article-hot {
        margin-bottom: 1.5rem;
    }
    .list-link .row {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .list-link .row .category-img a {
        max-width: 70px;
        height: 70px;
        border-radius: 70px;
    }

    .list-link .category-item {
        width: 160px;
    }

    .list-link .category-text a {
        font-size: 1.15rem;
    }

    .list-link .category-img {
        margin-right: 1rem;
    }
    .item-article-hot-left.item-article-hot-left .img{
        padding-top: 60%;
    }
    .item-article-hot.item-article-hot-left .inner-content{
        margin-top: 0;
    }
    .item-article-hot.item-article-hot-left .inner-content .name a{
        font-size: 1.5rem;
        margin: .6rem 0;
    }
    .section-article-hot .meta{
        font-size: 1rem;
    }
    .section-title .related-title{
        font-size: 2rem;
    }
    .section-list-article-page.bg-light .item-article {
        background: #fff;
        margin-bottom: 1rem;
    }
    .section-list-article-page.bg-light .item-article .inner-content {
        padding: 5px;
    }

    .section-list-article-page .item-article .img {
        margin-bottom: 0;
    }

    .section-list-article-page .item-article .inner-content .name {
        font-size: 1rem;
    }

    .section-list-article-page.bg-light .item-article .img {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0px;
    }
    .main-article-content img {
        width: 100% !important;
        height: auto;
    }
    .item-online-support {
        padding-left: 0;
        margin-top: 10px;
    }
    .section-detail-article {
        padding: 30px 0;
    }

    .content-detail-article {
        padding: 10px;
        border-radius: 5px;
    }
    .section-detail-article .content-detail-article>.name{
        font-size: 1.5rem;
        line-height: 1.2;
    }

    .section-detail-article .category-date .category-name {
        margin: 0;
        width: 100%;
        margin-bottom: 10px;
        display: none;
    }

    .section-detail-article .category-date {
        flex-wrap: wrap;
        font-size: 1rem;
        margin: 10px 0;
    }
    .news-meta .news-meta-item {
        margin-bottom: 5px;
    }
    div#toc_container {
        position: fixed;
        right: 0;
        top: 50%;
    }
    .dowload-app {
        background: #747D8C;
        padding: 10px 0;
    }

    .dowload-app .item-left {
        display: flex;
        align-items: center;
    }

    .dowload-app .item-left .icon {
        background: var(--color-main);
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        margin-right: 10px;
    }

    .dowload-app .item-left .icon img {
        height: 17px;
    }

    .dowload-app .item-left .text {
        font-weight: 700;
        color: #fff;
    }

    .dowload-app .item-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-right: 5px;
    }

    .dowload-app .item-right a {
        width: 63px;
        height: 33px;
        background: var(--color-main);
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icon-close-download {
        position: absolute;
        right: -6px;
        top: -15px;
        z-index: 99;
        color: #fff;
        width: 23px;
        text-align: center;
        height: 23px;
    }

    .header-user {
        position: relative;
        z-index: 123;
        margin-top: 60px;
    }

    .header-user:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 70%;
        background: var(--color-main);
        z-index: -1;
    }

    .header-user .content {
        box-shadow: 0px 0px 4px 0px #00000040;
        background: #fff;
        border-radius: 10px;
        padding: 15px;
    }

    .header-user .content .user-top {
        border-bottom: 1px solid #C2C2C2;
        padding-bottom: 15px;
    }

    .header-user .content .user-bottom>ul {
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .header-user .content .user-bottom>ul>li {
        list-style: none;
        flex: 0 0 25%;
    }

    .header-user .content .user-bottom>ul>li>a {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #000;
    }

    .header-user .content .user-bottom>ul>li>a>img {
        height: 34px;
        margin-bottom: 10px;
    }

    .header-user .content .user-bottom {
        padding-top: 15px;
    }

    .header-user .content .user-top .title {
        display: flex;
        justify-content: space-between;
    }
    .header-user .content .user-top .title img {
        height: 20px;
        width: 20px;
    }

    .header-user .content .user-top .account {
        position: relative;
    }

    .header-user .content .user-top .account:before {
        content: '';
        position: absolute;
        right: -7px;
        width: 1px;
        height: 30px;
        background: #C2C2C2;
        top: 5px;
    }
    
    .section-list-service .list::-webkit-scrollbar, .list-tab::-webkit-scrollbar{
      display:none;
    }
    .section-list-service .list>.row {
        width: 1040px;
        max-width: unset;
        position: relative;
    }

    .section-list-service .list {
        overflow-x: auto;
    }
    .section-list-service .list>.row>div {
        flex: 0 0 260px;
        max-width: 260px;
        position: relative;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
    }
    .section-list-service{
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .col_domain_price .col_price_inner {
        padding: 32px 32px 24px;
        min-height:250px;
        border: 1px solid rgba(29, 29, 29, 0.08);
        border-radius: 24px;
        background: #fff;
        width: 280px;
    }
    .view_more_style_1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .view_more_style_1 a {
        margin: 0;
    }
    .row.list-domain-home {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
    }
    .title_header_1, .title-section{
        font-size: 1.4rem !important;
        text-transform: unset;
        color: var(--color-text);
    }
    .col_domain_price .col_price_inner{
        padding: 1rem;
    }
    .col_price_title{
        font-size: 1.1rem;
    }
    .section-search-domain {
        background: var(--color-main);
        padding: 2.5rem 0;
        
        
    }
    .section-search-domain .info .title-section {
        color: var(--white) !important;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .section-search-domain .info .slogan {
        color: var(--white);
    }

    .section-search-domain .info .title-slogan {
        margin-bottom: 15px;
    }

    .section-search-domain .info .form-search-domain .form-group input.form-control {
        padding: 0px 20px 0px 50px;
        font-size: 1rem;
        height: 46px;
        line-height: 46px !important;
        border-radius: 5px;
        padding-right: 3rem;
        padding-left: 1rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .section-search-domain .info .form-search-domain .form-contact {
        position: relative;
    }
    .section-service-domain {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .list-note>.row {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .section-note-domail .content-note-domail .list-note .item {
        margin-bottom: 0;
    }

    .list-note>.row .col-6 {
        flex: 0 0 160px;
        max-width: 160px;
        
    }
    .list-note>.row .col-6 .description{
        text-align: justify;
        
    }
    
    .section-service-domain .item .img {
        height: 60px;
        width: 60px;
        background: var(--color-main);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 10px;
    }

    .section-service-domain .item .img img {
        height: 36px;
        width: 36px;
        object-fit: contain;
    }

    .section-service-domain .item .name a {
        color: #000;
    }

    .section-service-domain .item .name {
        line-height: 1.2;
        font-size: 14px;
    }
    .section-list-endow-domain .item-domain {
        background: #fff;
        margin-bottom: 15px;
        padding: 15px;
        border-radius: 10px;
    }

    .section-list-endow-domain .item-domain .domain {
        display: flex;
        align-items: center;
    }

    .section-list-endow-domain .item-domain .domain .name {
        flex: 0 0 50px;
        height: 50px;
        border-radius: 10px;
        background: var(--color-main);
        margin-right: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 700;
    }
    .section-list-endow-domain .price{
        font-size: 1.2rem;
    }

    .domain_com {
        color: #d64e0a;
    }

    .domain_net {
        color: #0080ff;
    }

    .domain_vn {
        color: #06b337;
    }

    .domain_com_vn {
        color: #ff8103;
    }

    .domain_edu_vn {
        color: #07b7a5;
    }

    .domain_xyz {
        color: #8b57e5;
    }

    .name.domain_com {
        background: #f6dacc !important;
    }

    .name.domain_xyz {
        background: #e7dcfa !important;
    }

    .name.domain_net {
        background: #cbe5fe !important;
    }

    .name.domain_vn {
        background: #dbf0e1 !important;
    }
    .section-list-endow-domain .title-section {
        font-size: 18px;
        color: var(--color-main);
        margin-bottom: 20px;
    }

    .section-domain-congratulations {
        padding-top: 30px;
        padding-bottom: 25px;
    }

    .section-domain-congratulations .content .img img {
        height: 140px;
    }

    .section-domain-congratulations .content {
        text-align: center;
    }

    .section-domain-congratulations .content .img {
        margin-bottom: 15px;
    }

    .section-domain-congratulations .content .info p {
        margin-bottom: 5px;
    }

    .section-domain-congratulations .content .info .domain {
        margin-top: 5px;
        color: var(--color-main);
        font-weight: 700;
        margin-bottom: 15px;
    }
    .domain-info .custom-control {
        margin-right: 0;
        padding-left: 0;
        display: block;
        width: 100%;
    }

    .domain-info .custom-control-input:checked ~ .custom-control-label {
        background: #fff;
        border: 1px solid var(--color-main);
        color: #000;
    }

    .domain-info .custom-control-input:checked ~ .custom-control-label::before,
    .section-related-domain-names .custom-control-input:checked ~ .custom-control-label::before {
        border-color: #4abab9;
        background-color: #b0e9e9;
        color: #b0e9e9;
    }
    .domain-info .custom-control .custom-control-label {
        padding: 10px 15px;
        border-radius: 8px;
        text-align: left;
        display: flex;
        flex-direction: column;
        background: #fff;
        border: 1px solid #fff;
    }

    .domain-info .custom-control-label::before,
    .domain-info .custom-control-label::after {
        right: 10px;
        left: inherit !important;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        border: 0;
        background: #e3e3e3;
    }
    .domain-info .custom-control .custom-control-label span.name {
        margin-bottom: 5px;
        color: var(--color-main);
        font-weight: 700;
    }
    .domain-info .custom-control-label::after {
        background: #fff;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        right: 14px !important;
    }

    .domain-info .custom-control-input:checked ~ .custom-control-label::after,
    .section-related-domain-names .custom-control-input:checked ~ .custom-control-label::after {
        background: var(--color-main);
    }

    .section-related-domain-names .info .custom-control {
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
        padding-left: 0;
    }

    .section-related-domain-names .info .custom-control .custom-control-label {
        background: #fff;
        display: flex;
        width: 100%;
        padding: 15px;
        border-radius: 8px;
        flex-direction: column;
        border: 1px solid #fff;
    }
    .section-related-domain-names .custom-control-input:checked ~ .custom-control-label {
        border: 1px solid var(--color-main);
    }
    .section-related-domain-names .custom-control-label::after,
    .custom-control-label::before {
        right: 10px;
        left: inherit !important;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        border: 0;
        background: #e3e3e3;
        border-radius: 50%;
    }

    .section-related-domain-names .custom-control-label::after {
        background: #fff;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        right: 14px !important;
    }
    .section-related-domain-names .title-section {
        margin-bottom: 20px;
        font-size: 18px;
    }
    .section-related-domain-names .info .custom-control .custom-control-label .name {
        margin-bottom: 5px;
    }

    .section-related-domain-names .info .custom-control .custom-control-label span {
        color: #797979;
    }

    .section-search-domain.search-domain-list-domain {
        padding: 40px 0 25px;
        margin-bottom: 0;
    }

    .section-search-domain.search-domain-list-domain .list-domain {
        margin-top: 20px;
    }

    .section-search-domain.search-domain-list-domain .list-domain ul {
        padding-left: 0;
    }

    .section-search-domain.search-domain-list-domain .list-domain ul > li {
        list-style: none;
    }

    .section-search-domain.search-domain-list-domain .list-domain ul {
        padding: 0;
        display: flex;
        margin: 0 -7.5px;
        flex-wrap: wrap;
    }

    .section-search-domain.search-domain-list-domain .list-domain ul > li {
        list-style: none;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 7.5px;
        margin-bottom: 15px;
    }

    .section-search-domain.search-domain-list-domain .list-domain ul > li > .custom-control.custom-checkbox {
        padding: 0;
    }

    .section-search-domain.search-domain-list-domain .custom-control-label::before {
        left: 0;
    }

    .section-search-domain.search-domain-list-domain .custom-control-label::after,
    .section-search-domain.search-domain-list-domain .custom-control-label::before {
        display: none;
    }

    .section-search-domain.search-domain-list-domain .custom-control-input:checked ~ .custom-control-label {
        color: var(--color-main);
        background: #fff;
    }

    .section-search-domain.search-domain-list-domain .custom-control-label {
        display: inline-block;
        width: 100%;
        height: 36px;
        text-align: center;
        line-height: 31px;
        border-radius: 5px;
        color: #fff;
        border: 1px solid #fff;
    }

    .section-search-domain.search-domain-list-domain > .title {
        margin-bottom: 15px;
    }
    .section-related-domain-names .custom-control-input:checked ~ .custom-control-label .name {
        color: var(--color-main);
    }

    .bottom-scoll-continue {
        background: #fff;
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        display: block;
        z-index: 99;
        padding: 15px;
    }

    .bottom-scoll-continue span.btn {
        background: var(--color-main);
        display: block;
        border-radius: 5px;
        height: 56px;
        color: var(--white);
        font-size: 16px;
    }

    .section-related-domain-names-vn {
        padding-top: 25px;
        padding-bottom: 40px;
    }
    .section-domain-code .domain-info {
        margin-bottom: 30px;
    }

    .section-domain-code .content .img {
        margin-bottom: 30px;
    }

    .section-domain-code .content .section-auth-code input.form-control {
        font-size: 16px;
        height: 56px;
        border-radius: 5px;
        padding: 10px;
    }

    .section-domain-code .domain-info .custom-control-label::before,
    .section-domain-code  .domain-info .custom-control-label::after{
        display:none;
    }

    .section-domain-code .domain-info .custom-control {
        background: #EDF6F6;
    }

    .section-domain-code .domain-info .custom-control-input:checked ~ .custom-control-label {
        background: #EDF6F6;
    }

    .section-domain-code .domain-info .custom-control-input:checked ~ .custom-control-label span.note {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .section-content-who .info-who table.table tbody tr:nth-child(2n + 1) td {
        background: #fff;
    }

    .section-content-who .info-who table.table tbody tr td {
        border: 0;
        width: 50%;
    }
    .section-content-who .info-who table.table tbody tr td:nth-child(2) {
        text-align: right;
    }
    .header-top-home img{
        filter: contrast(0) brightness(200%);
    }
    .section-banner-search-domain .content-banner .info .title{
        font-size: 1.6rem;
        color: #fff;
        margin-bottom: .5rem;
    }
    .section-banner-search-domain .content-banner{
        position: inherit;
        transform: unset;
    }
    .section-banner-search-domain .content-banner .info .slogan {
        font-size: 1.1rem;
        margin-bottom: 1rem;
        color: #fff;
    }
    .form-search-domain form.form-contact{
        display: block;
    }
    .form-search-domain form.form-contact .form-group input.form-control{
        max-width: 100%;
        width: 100%;

    }
    .section-search-domain .info .form-search-domain .dropdown{
        display: none;
    }
    .section-search-domain .info .form-search-domain .form-contact button {
        position: absolute;
        top: 0px;
        right: 0;
        padding: 0 10px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70px;
    }
    .section_locking_search .form-search-domain form {
        display: flex;
    }
    .section_locking_search form.form-search-domain-validate .form-group input.form-control {
        height: 46px;
    }
    
    .section_locking_search .form-search-domain form.form-contact button{
        height: 46px;
    }
    .section-banner-search-domain>img{
        display: none;
    }
    .section-list-domain-price-year .content-price-year .list-price-top .item-price-year {
        flex: 0 0 280px;
        width: 280px;
        max-width: 280px;
    }
    .skin_backorder_new {
        background: #4ABAB9;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .skin_backorder_new .form-search-domain form.form-contact .form-group input.form-control {
        height: 46px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .skin_backorder_new .form-search-domain form.form-contact button {
        height: 46px;
    }

    .skin_backorder_new .form-search-domain form {
        display: flex;
    }
    .section-list-domain-price-year .content-price-year .list-price-top {
        flex-wrap: nowrap;
        overflow: auto;
    }
    .backorder_result{
        padding-top: 30px;
    }
    .backorder_result .section-list-domain-price-year{
        padding-bottom: 30px;
    }
    .backorder_result .btn-add-to-cart {
        text-align: center;
    }
    span.icon-search-domain{
        font-size: 1rem;
        padding-left: 10px;
        padding-right: 10px;
        display: none;
    }
    .section-domain-available-domain .content{
        background: #fff;
    }
    .section-domain-available-domain .content .info{
        padding: 1rem;
    }
    .section-domain-available-domain .content .info .name{
        font-size: 1.4rem;
        text-align: center;
    }
    .section-domain-available-domain .content .info .price-item {
        margin-top: .6rem;
        margin-bottom: .6rem;
    }
    .section-domain-available-domain .content .info .price-item span.price-amount.price-discount{
        font-size: 1.4rem;
        font-weight: 600;
    }
    .section-domain-available-domain .content .info .btn-add a:not(.continue_to_checkout){
        height: 38px;
        line-height: 36px;
        font-weight: 500;
        font-size: 1.1rem;
        width: 120px;
        margin-top: 10px;
    }
    .section-list-domain-price-year .content-price-year .list-price-top .item-price-year .info .price{
        font-size: 1.3rem;
        margin-bottom: 10px;
        font-weight: bold;
        
    }
    .btn-add-suggest{
        justify-content: center;
    }
    .un_select.un_select_top > div .del{
        margin-left: 15px;
    }
    a.continue_to_checkout {
        padding: 8px 14px;
    }
    .section-domain-available-domain .content .info .discount{
        float: right;
    }
    .section-table-price-hosting .tab-hosting ul {
        padding: 0;
        flex-wrap: nowrap;
        width: 100%;
        overflow: auto;
        padding: 1.2rem 0;
    }
    .item-price.item-price-center .title {
        padding-right: 1.5rem;
    }
    .section-table-price-hosting .tab-hosting ul>li.nav-item>a>img {
        display: none;
    }

    .section-table-price-hosting .tab-hosting ul>li.nav-item {
        width: 180px;
        max-width: 180px;
        flex: 0 0 180px;
        margin-right: 15px;
        text-align: center;
    }

    .section-table-price-hosting .tab-hosting ul>li.nav-item>a {
        background: #fff;
        font-size: 14px;
        border-radius: 5px;
        display: inline-block;
        margin-bottom: 0 !important;
        height: auto;
        font-size: 1rem;
        width: 180px;
        max-width: 180px;
        padding: .8rem;
        border: 1px solid #EBEBEB;
    }
    .title-section.title-tab-hosting-mobile {
        display: block;
        margin: 0;
        text-align: center;
        padding-top: 20px;
        
    }
    .section-table-price-hosting .tab-hosting ul> li.nav-item > a.active, .section-table-price-hosting .tab-hosting ul>li.nav-item>a:hover {
        font-size: 1rem;
        width: 180px;
        max-width: 180px;
        flex: 0 0 180px;
        text-align: center;
        font-weight: 500;
    }

    main.skin-service.view-group {
        background: #efefef;
    }

    .section-table-price-hosting .tab-hosting{
        background: transparent;
        margin-bottom: 1rem;
    }
    .section-table-price-server{
        padding-bottom: 0;
        padding-top: 20px !important;
    }
    .section-table-price-server .title-section{
        text-align: center;
        margin-bottom: 1rem;
    }
    .section-table-price-server .content-table-price>ul{
        margin-bottom: 1.2rem !important;
        flex-wrap: nowrap;
        overflow: auto;
        padding: 1rem 0;
        justify-content: start;
        overflow: auto;
    }
    .sologan-section{
        display: none;
    }
    .section-table-price-server .content-table-price>ul>li{
        width: calc(50% - 10px);
    }
    .section-table-price-server .content-table-price>ul>li>a {
        font-size: 1rem;
        height: auto;
        line-height: normal;
        padding: .8rem 1.3rem;
    }
    .section-table-price-server .content-table-price>ul>li>a.active {
        font-size: 1rem;
        font-weight: 500;
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price {
        background: #fff;
        border-radius: 10px;
        padding: 1.3rem !important;
        text-align: left;
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price .title {
        text-align: left;
        color: var(--color-main);
        font-size: 1.4rem;
        text-transform: uppercase;
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price .description{
        margin-bottom: .8rem;
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price .link-add-cart .btn-add-cart {
        height: 40px;
        line-height: 40px;
        text-align: center;
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price .link-add-cart {
        margin-bottom: 1.2rem;
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price.item-price-center .title-center {
        /*border-radius: 3px;
        padding: 10px!important;
        height: auto;
        line-height: .7rem;
        top: 14px;
        right: 24px;
        left: auto;
        transform: unset;
        position: inherit;
        float: right;*/

        position: absolute;
        color: #fff;
        background: var(--color-highlight);
        padding: 3px 59px;
        top: 8px;
        right: -130px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        text-align: center;
    }
    .section-table-price-hosting .content-table-price .info-table-price .info-emty>.row{
        /*flex-wrap: nowrap;
        overflow: auto;*/
    }
    .section-table-dedicated-server.section-table-price-hosting .content-table-price .info-table-price .info-emty>.row{
        flex-wrap: wrap;
        overflow: auto;
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price.item-price-center .title-center:before {
        display: none;
    }
    .section-table-price-hosting .content-table-price .info-table-price .info-emty>.row>div {
        /*max-width: 330px;
        flex: 0 0 330px;
        width: 330px;
        display: flex;*/
        margin-bottom: 20px !important;
    }

    .section-table-dedicated-server.section-table-price-hosting .content-table-price .info-table-price .info-emty>.row>div {
        max-width: 100%;
        flex: 0 0 100%;
        width: 100%;
        display: flex;
        margin-bottom: 20px !important;
    }
    .section-table-price-hosting .info-table-price .title-section {
        font-size: 1.4rem;
        text-align: center;
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price .info p{
        font-size: 1rem;
        flex-wrap: wrap;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price .price>span{
        font-size: 2rem !important;
    }
    .section-table-dedicated-email.section-table-price-hosting {
        padding: 20px 0;
    }
    .section-table-dedicated-email.section-table-price-hosting .title-section {
        text-align: center;
    }
    .section-table-dedicated-email .slogan-section {
        display: none;
    }
    .section-table-dedicated-server.section-table-price-hosting{
        padding: 20px 0;
    }
    .section-table-dedicated-server .slogan-section{
        display: none;
    }
    .section-table-dedicated-server .title-section{
        text-align: center;
    }
    .item-price.item-price-center {
        border-color: var(--color-highlight) !important;
    }
    .item-price.item-price-center .info p i{
        background: #058dc24d !important;
        color: var(--color-highlight) !important;
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price.item-price-center .link-add-cart .btn-add-cart{
        background: var(--color-highlight);
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price.item-price-center .title{
        color: var(--color-highlight);
    }
    .item-price.item-price-email .price span{
        font-size: 2rem;
    }
    .item-price .link-more {
        text-align: center;
    }
    .content-domain .item-bottom .note-domain{
        font-size: 1rem;
    }
    .section-characteristic, .section-difference-ht, .section-punctions-hosting, .section-interface-store-hosting,.section-we-hosting.section-we-hosting-domain, .section-description-email, .section-strong-governance, .section-download-umail, .section-note-dedicated-server, .section-internal-feature-sever {
        display: none;
    }
    .link-dktv-price{
        display: none;
    }
    .section-table-price-hosting .content-table-price .info-table-price .link-dktv-price a{
        margin-top: 1.5rem;
        border-radius: 5px;
    }
    .section-attracting-visitors .content-attracting-visitors .content {
        padding: 0;
    }

    .section-attracting-visitors .content-attracting-visitors .content.content-text-right {
        padding: 0;
    }

    .section-attracting-visitors .content-attracting-visitors .content .title-section {
        margin-bottom: 10px;
    }

    .section-table-price-web {
        margin-top: 20px;
    }
    .logo-footer img {
        display: none;
    }
    .section-banner-email .img-baner img{
        height: 15rem;
        width: 100%;
        object-fit: cover;
    }
    .section-banner-email .content-text .info .title{
        font-size: 1.4rem;
        margin-bottom: 15px;
    }
    .section-banner-email .content-text .info .form-support form.form-contact .form-group input.form-control{
        width: 100%;
    }
    form.form-contact .form-group{
        width: 100%;
    }
    .section-banner-email .content-text .info .form-support form.form-contact button{
        width: 140px;
        padding: 0 10px;
    }
    .section-table-price-hosting {
        
    }
    .section-questions-domain{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .section-questions-domain .card>.card-header .btn.btn-link {
        padding: 10px;
        font-size: 1rem;
    }
    .row.row_cart_inner .col-md-9,.row.row_cart_inner .col-md-3 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .cart_service_item {
        flex-wrap: wrap;
        border-bottom: 2px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .cart_service_item_serv.cart_service_item_name {
        width: 100%;
    }
    .list-package .item-package .custom-control label.custom-control-label .description{
        display: none;
    }
    .list-package .row .col-lg-3 {
        width: 220px;
        flex: 0 0 220px;
        max-width: 220px;
    }
    .cycle_info .discount{
        margin-bottom: 0;
    }
    .list-package .row {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
    }
    .require-item-input {
        max-width: 100%;
        width: 100%;
        min-width: 1px;
        font-size: 1rem;
    }

    .cart_service_item .cart_service_item_serv.cart_service_item_pricing {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 5px;
    }
    .service-dm-name {
        width: calc(100% - 60px);
        align-self: start;
    }
    .cart_service_dm {
        justify-content: space-between;
        align-items: center;
    }
    .cart_service_cycle.domain_select_cycle.mt- {
        /* height: 40px; */
        padding: 10px 0;
    }
    .section-related-domain-names .custom-control-label::after, .custom-control-label::before {
        width: 15px;
        height: 15px;
    }
    .service-dm-text {
        width: 100%;
    }
    .require_item_wrapper {
        width: 100%;
        margin-top: 5px;
    }
    #dropdown_nh_support .dropdown-menu{
        width: calc(100vw - 10px);
    }
    .section-checkout-step_01{
        padding: 20px 0;
    }
    .title-checkout {
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    .cart-header-text {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #dropdown_nh_support button {
        font-size: 1.2rem;
    }
    .cart_service_item_wrapper{
        padding: 15px;
    }
    .cart_service_item_wrapper .title-checkout{
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }
    .list-package .item-package .custom-control label.custom-control-label{
        border-top-width: 4px;
    }
    a.delete_cart {
        order: 3;
        font-size: 1.1rem;
    }
    .mobile-top-header {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .top-header-cart {
        margin-right: 2rem;
    }
    .top-header-cart a {
        font-size: 1.4rem;
        color: #ffff;
        position: relative;
    }
    .top-header-cart a span {
        position: absolute;
        font-size: .6em;
        top: -10px;
        width: 18px;
        height: 18px;
        background: red;
        color: #fff;
        right: -10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        overflow: hidden;
        font-weight: 500;

    }
    .header-page-service a.top-header-cart-icon {
        color: #333;
    }
    .header-page-service .top-header-cart a span {
        background: red;
        color: #fff;
    }
    .require_item_wrapper .icon-check-success {
        position: absolute;
        right: 5px;
        top: calc(50% - 15px);
    }
    .section-checkout-list .item-add-package .list-package .form-check .form-check-label {
        padding-left: 10px;
        display: flex;
    }

    #dropdown_nh_support button {font-size: 1.1rem;}

    .delete_all_cart {
    }

    .section-checkout-list .item-add-package .list-package .form-check .form-check-label .name-package {
        flex-flow: column;
    }
    .section-checkout-list .item-add-package .list-package .form-check .form-check-label::before, .section-checkout-list .item-add-package .list-package .form-check .form-check-label::after {
        left: 90%;
        top: calc(50% - 10px);
    }
    .section-checkout-list .item-add-package .list-package .form-check .form-check-input:checked ~ .form-check-label::after{
        left: 92%;
        top: 22%;
    }
    .section-checkout-list .item-add-package .list-package .form-check .form-check-label .name-package span.price {
        display: flex;
        justify-content: space-between;
    }
    .section-checkout-list .item-add-package .title {
        font-size: 1rem;
    }

    .domain_plus .box .desc ul li {
        flex-flow: column;
        padding: 10px 0;
    }
    .breadcrumb_inner {
        flex-flow: column;
        align-items: start;
    }

    .domain_plus .box .desc p {
        margin-bottom: 5px;
    }
    .domain_plus .box .desc h2 {
        font-size: 1.2rem;
        margin-bottom: 5px;
    }

    .domain_plus .box img {
        margin: 0;
        max-width: 80px;
    }
    .box .css-checkbox-x2:checked ~ label.css-label-checkbox-x2:after {
        top: -6px;
    }
    .domain_plus .box .desc ul li .row .col-first-plus label{
        margin-bottom: 0;
        font-weight: 500;
        margin-left: 10px;
        font-size: 1.1rem;

    }
    .addon_service_inner_checkbox label {
        margin-bottom: 0;
    }
    section.domain_plus {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .addon_service_inner_checkbox{
        margin-bottom: 5px;
    }
    .btn-popup {
        height: 35px !important;
        line-height: 35px;
        padding: 0;
        border-radius: 5px;
    }
    .header-page-service .btn-minicart img {
        filter: unset;
    }
    .btn-minicart .cart_count{
        top: -5px;
        right: -5px;
    }
    .user-top .price {
        font-size: 1.15rem;
    }
    .section-login .info-form {
        padding-left: 15px;
        padding-right: 15px;
        background: #fff;
    }
    .skin-login {
        background: #fff;
    }
    .manage-content {
        min-height: 300px;
        background: #fff;
    }
    .section-service-manage {
        background: #fff;
    }
    .item-login-left{
        display: none !important;
    }
    .login-header{
        display: block;
    }
    .login-header img {
        max-width: 190px;
        
        margin-bottom: 20px;
    }
    .domainvn_register_loader{
        z-index: 100;
        border-radius: 20px;
    }
    #suggest_domain_list_2023 {
        width: 100%;
        padding: 0;
        max-height: 100%;
    }
    .section-list-domain-price-year .content-price-year .list-price-bottom .item-domain-relate-to {
        background: #fff;
        padding: 15px;
        margin-bottom: 15px;
    }

    .section-list-domain-price-year .content-price-year .list-price-top .item-price-year .info{
        padding: 15px;
    }
    .section-list-domain-price-year .content-price-year .list-price-bottom .item-domain-relate-to .div-whois-pricing:nth-child(2) {
        
    }
    .item-domain-relate-to .div-whois-pricing .domain_add_cart {
        height: 36px;
        font-size: 1rem;
        max-width: 140px;
        margin: 0px auto;
        display: block;
       
    }
    .item-domain-relate-to .div-whois-pricing .continue_to_checkout {
        height: 36px;
        font-size: 1.1rem;
        max-width: 180px;
        margin: 0px auto;
        display: block;
       
    }
    .section-list-domain-price-year .content-price-year .list-price-bottom .item-domain-relate-to .name{
        word-break: break-word;
        text-align: center;
    }
    .item-domain-relate-to .price {
        font-size: 1.3rem;
        text-align: center;
        display: block;
        font-weight: bold;
        
        margin: 10px 0;
        display: flex;
        justify-content: center;
    }
    .item-domain-relate-to .price del {
        color: #333;
        font-weight: normal;
        font-size: 1rem;
    }

    .item-domain-relate-to .price ins {
        font-size: 1.25rem;
    }
    .domain_whois_status {
        justify-content: space-between;
        height: 100%;
    }
    .content-price-year{
        overflow: hidden;
    }
    .content-price-year .title{
        font-size: 1.3rem;
    }
    .un_select.un_select_top {
        height: auto;
        align-items: center;
    }
    .btn-add-to-cart a:hover{
        border-color: var(--color-main);
    }
    a.continue_to_checkout {
        
        width: 140px;
        text-align: center;
        font-size: 1rem;
        line-height: 16px;
    }
    .view-register_domain{
        padding-bottom: 25px;
    }
    .addon_wrap_inner {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .addon_wrap_inner .box {
        width: 280px;
        flex: 0 0 280px;
        max-width: 280px;
        margin-right: 15px;
        height: 100%;
        flex-flow: column;
        border-radius: 10px;
        height: auto;
        padding: 10px;
    }
    .addon_wrap_inner .row-check-plus{
        min-height: 100%;
    }
    .domain_plus .box .desc p {
        display: flex;
        height: 100%;
        flex-direction: column;
        width: 100%;
        justify-content: space-between;
    }
    .select_popup.w100{
        width: 100%;
        justify-content: space-between;
        flex-flow: column wrap;
    }
    .addon_wrap_inner .box .box-icon {
        display: flex;
        
    }
    .list-service-in-cart{
        border-radius: 10px;
    }
    .addon_wrap_inner .box:last-child{
        margin-right: 0;
    }
    .hosting_change {
        margin-top: 5px;
        margin-bottom: 5px;
        justify-content: space-between;
        flex-flow: column wrap;

    }
    .select-addon-item select {
        height: 35px;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .select-addon-item {
        width: 100%;
        margin: 5px 0;
    }
    .select_popup.w55 {
        width: 100%;
    }
    .hosting_change a.popup-with-move-anim {
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: space-between;
        align-items: center;
        margin-top: 5px;
    }
    .select_popup a {
        display: block;
        width: 100%;
        
    }
    .select_popup a span {
        
    }
    .domain_plus .box .desc ul li .container {
        padding-left: 7px;
        padding-right: 7px;
    }
    .domain_plus .box .desc ul li .container .row .col-sm-7,.domain_plus .box .desc ul li .container .row .col-sm-5 {
        padding-left: 0;
        padding-right: 0;
    }
    .hosting_change .select_popup p {
        display: flex;
        flex-direction: row !important;
        align-items: center;
    }
    .service_group_hosting_popup .row {
        /*width: 100%;
        flex-wrap: nowrap;
        overflow: auto;*/
    }
    .pupop_service_cycle .mfp-content{
        width: 100%;
    }
    .plus ul li.check__hosting {
       /* margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        width: 280px;
        flex: 0 0 280px;*/
    }
    .info_cus_cart>.row>.col-md-6:first-child {
        order: 2;
    }
    .panel-box-shop.info .box-info-content {
        padding: 10px;
    }

    .skin-cart .section-checkout-step_01 {
        padding-bottom: 20px;
    }
    .panel-box-shop.info .box-info-domain li {
        flex-flow: column wrap;
    }

    li.section_declaration .name-product {
        width: 100%;
    }

    .declaration_acc_info {
        width: 100%;
        margin: 10px 0;
    }

    .list-buttons-domain {
        width: 100%;
    }
    .panel-box-shop.info .box-info-domain .list-buttons-domain {
        /* float: right; */
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .more.more-cloud-note{
        padding: 0;
    }
    .mfp-content #form_register #customer_info li{
        width: 100%;
        margin-bottom: 5px;
    }
    h3.title-mod-blue{
        font-size: 1.15rem;
    }
    .container.txt-date {
        padding-left: 0;
        padding-right: 0;
    }

    .container.txt-date select {
        margin-bottom: 5px;
    }
    .section-article-hot{
        padding-top: 15px;
    }
    .nh-sidebar .section-list-article-page .section-title .related-title{
        margin-top: 15px;
    }
    .nh-sidebar .section-list-article-page .item-article .inner-content .name{
        margin: 0;
    }
    .nh-sidebar .vertical-cat-new .inner-content {
        width: calc(100% - 90px);
        height: 100%;
    }
    .nh-sidebar .vertical-cat-new .inner-content .name a {
        line-height: 20px;
    }
    .item-article .inner-content .name{
        margin: 10px 0;
    }
    .section-list-article-page{
        padding: 30px 0;
    }
    section.promotion_detail{
        padding:  0;
    }
    .promotion-page-title h3 {
        font-size: 22px;
        margin-top: 10px;
    }
    .list_btn_domain{
        width: 100%;
        justify-content: center;
    }
    .section-note-domail{
        padding: 20px 0;
    }
    .section-note-domail .title-section{
        margin-bottom: 20px;
        text-align: center;
    }
    .section-note-domail .content-note-domail .list-note .item .img {
        margin-bottom: 0;
    }

    .section-note-domail .content-note-domail .list-note .item .inner-content .name {
        margin: 10px 0;
    }
    .section-note-domail .content-note-domail .list-note .item .img img{
        width: 60px;
        height: 60px;
    }
    .section-note-service-domail{
        padding-top: 20px;
        padding-bottom: 20px;
        background: #fff;
    }
    .item-menu-footer .list-img-fanpage {
        justify-content: space-between;
        margin-top: 20px;
        width: 100%;
    }

    .footer-inline-icon {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .section-footer-top .item-list-footer {
        margin: 0;
    }

    .section-footer-top {
        padding: 20px 0 0;
    }
    .section-footer-bottom {
        padding: 10px 0;
    }
    .title-footer{
        display: none;
    }
    .logo-footer{
        display: none;
    }
    .footer-inline-icon span {
        width: 100%;
        margin: 0;
        text-align: left;
        padding: 0;
    }
    .nhanhoa_group{
        margin-top: 10px;
        display: none;
    }
    .section-footer-top:before {
        left: 0;
    }
    .section-note-service-domail .content-note-service-domail .content{
        padding: 10px 0;
    }
    .content-what-customers-about .slogan-section{
        margin-bottom: 20px;
    }
    .section-note-service-domail .content-note-service-domail .content .title-section{
        font-size: 1.3rem;
        margin-bottom: 15px;
    }
    .section-note-service-domail .content-note-service-domail{
        margin-bottom: 0px;
       
        padding: 10px;
        border-radius: 5px;
    }
    .section-note-service-domail .content-note-service-domail:nth-child(2n){
       
    }
    .section-note-service-domail .content-note-service-domail .content .info{
        line-height: 30px;
    }
    .view-price_ssl .section-table-price-hosting .info-table-price .info-emty .item-price .title{
/*        height: 52px;*/
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price .gift{
        margin-bottom: 10px;
    }
    .section-compare{
        padding: 20px 0;
        margin-top: 20px;
    }
    .section-compare .info-content-compare{
        padding:0;
        margin-top: 0px;
    }
    .compare_body .compare_row .compare_col:first-child {
        width: 150px;
        font-weight: 600;
        position: absolute;
        background-color: #fff;
        font-size: 14px;
        height: 100px;
        align-items: center;
        justify-content: start;
        display: flex;
        box-shadow: 4px 0 4px -5px #33333336;
    }
    .compare_body .compare_row .compare_col:not(:first-child) {
        width: 100px !important;
        flex: 0 0 100px;
    }
    .compare_body .compare_row {
        flex-wrap: nowrap;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .compare_body .compare_row .compare_col:nth-child(2) {
        margin-left: 150px;
    }
    .compare_body .compare_row:first-child .compare_col {
        font-weight: 700;
        text-transform: uppercase;
        height: 50px;
    }
    .compare_service {
        padding: 10px;
    }
    .item-feature .title {
        height: 90px;
        overflow: hidden;
    }
    .compare_body::-webkit-scrollbar-track {
        height: 6px !important;
    }
    .compare_panel {
        height: 150px;
    }
    .compare_header {
        display: none!important;
    }
    .section-we-hosting .content-text .item .icon-link{
        margin-top: 0;
    }
    .section-we-hosting .content-text .item .description{
        height: auto;
    }
    .compare_footer{
        display: none;
    }
    .compare-row-head{
        display: block;
    }
    .vps_compare_table table tr th {
        padding: 10px !important;
        font-size: 1.1rem !important;
    }

    .vps_compare_table table tr td {
        padding: 10px;
    }

    .vps_compare_table thead th:first-child {
        width: 120px !important;
        word-break: break-word;
    }
    .section-compare.section-compare-service-vps {
        padding:  25px 0;
        margin: 0;
    }
    .section-compare .title-section {
        text-align: center;
        margin-bottom: 10px;
    }
    .section-table-price-web {
        margin-top: 0px !important;
        padding: 25px 0 !important;
    }
    .section-table-price-web .content-table-price {
        padding-bottom: 20px;
    }
    .cart_service_item_wrapper.cart-header-title {
        display: none;
    }
    .cart_service_item_serv.cart_service_item_fee {
    width: 100%;
        margin-top: 10px;
    }

    .cart_service_cycle.domain_select_cycle {
        width: 100%;
        margin: 5px 0;
    }

    .cart_service_cycle.domain_select_cycle select {
        width: 100%;
    }

    .cart_service_cycle.domain_select_cycle {
        width: 50% !important;
    }
    .service-dm-icon {
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
    }
    .service-dm-desc{
        font-size: 13px;
        margin-bottom: 5px;
    }
    .choose-another-package{
        display: none;
    }
    .list-payment-methods li .custom-control label.custom-control-label::before{
        top: 50%;
    }
    .cart_discount_item {
        text-align: center;
        width: 49%;
        align-self: center;
    }
    .whois_protect_section .cart_service_item_serv.cart_service_item_pricing b{
        width: 30px;
        display: block;
    }
    .cart_discount_item .discount {
        margin: 0;
        padding: 9px 18px;
    }
    #result_main_domain .view_whois.sm-whois.bg-warning{
        font-size: 14px !important;
    }
    #alert-danger>.alert_sub, #alert-warning>.alert_sub, #alert-success>.alert_sub {
        max-width: 95vw;
    }
    .section-list-domain-price-year .content-price-year .list-price-top .item-price-year .info .name span {
        font-size: 1.15rem;
        font-weight: 500;
    }
    .section-list-domain-price-year .content-price-year .list-price-top .item-price-year .info .price del {
        font-size: 1.1rem;
        color: #333;
        font-weight: normal;
    }
    .accept_declare_section .form-check label {
        font-size: 1rem;
        padding-left: 35px;

    }

    .accept_declare_section .form-check .form-check-label::before {
        width: 30px;
        height: 30px;
    }
    .accept_declare_section .form-check .form-check-input:checked ~ label.form-check-label::after{
        top: calc(50% - 18px);
    }
    div#kyc_modal_pop .ant-col-8 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100%;
    }
    .ant-col-8,
    .ant-col-16 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .title-checkout.title-checkout-complete{
        line-height: 27px;
    }
    .panel-box-shop .panel-header span{
        font-size: 15px;
    }
    #app{
        margin: 20px;
    }
    .mw100{
        width: 100% !important;
    }
    .btn-add-to-cart a:not(.continue_to_checkout){
        max-width: 160px;
        width: 160px;
        margin: 0 auto;
    }
    .btn-add-to-cart a.process{
        max-width: 160px;
        width: 160px;
        margin: 0 auto;
        display: block;
    }
    .domain_whois_status .view_whois{
        max-width: 160px;
        width: 160px;
        margin: 0 auto;
        display: block;
    }
    .item-menu-footer .list-img-fanpage>li>a{
        margin-bottom: 5px;
    }
    .domain_whois_status .price ins{
        font-size: 1.25rem;
    }
    .btn_save_require_item {
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .section-page-404 .content>.img img {
        max-width: 100%;
    }
    .banner_locking_domain{
        display: none;
    }
    .section_locking_search {
        padding-top: 60px;
        padding-bottom: 60px;
        background: #4ABAB9;
    }
    .service-breadcrumbs{
        display: block;
    }
    .form-dm-newcart .Form-label-radio + .Form-label-text::before, .form-dm-newcart .Form-label-checkbox + .Form-label-text::before{
        width: 25px;
        height: 25px;
        font-size: 14px;
        line-height: 24px;
    }
    .form-dm-newcart .btn-declaration-confirm{
        margin: 20px auto;
        background: #058DC2;
        
        max-width: 50%;
    }
    .panel-box-shop.info .box-info-domain .name-product .name-ser, .panel-box-shop.info .box-info-domain .name-product .domain{
        color: var(--color-highlight);
        font-weight: 500;
    }
    .form-dm-newcart .vps_template {
        flex-wrap: wrap;
        margin-bottom: 5px;
    }
    .form-dm-newcart .title_dk{
        justify-content: center;
    }
    .col-cloud-os {
        flex-wrap: wrap;
    }

    .declare_form_vps .col-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .declare_form_vps .col-lg-5 {
        margin-bottom: 5px;
        font-weight: 500;
        font-size: 15px;
    }
    .choose-profile-col {
        width: 100%;
    }

    .choose-profile-wrapper {
        flex-wrap: wrap;
    }

    .form-dm-newcart .Form-label-radio + .Form-label-text, .form-dm-newcart .Form-label-checkbox + .Form-label-text {
        margin: 0;
    }

    ul.chose-profile.chose-profile-exist {
        width: 100%;
    }

    ul.chose-profile li .col-lg-4 {
        width: 100%;
        flex: 0 0 100%;
        padding: 0;
        margin-bottom: 5px;
    }
    .list_btn_domain a {
        margin-bottom: 0;
        background: var(--color-highlight);
        border: 0;
        text-transform: capitalize;
    }
    .section-compare .info-content-compare table.table tbody tr > td > a{
        width: auto;
    }
    .section-compare .info-content-compare table.table thead>tr>th{
        font-size: 14px;
    }
    .menu-icon-main{
        display: none;
    }
    section.price_domain_table .html_content {
        padding: 0;
    }
    section.html_content .container {
        padding: 0;
    }
    figure.des {
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
    }
    figure.html_tab.clearfix {
        overflow: auto;
    }
    .software_desc h2{
        font-size: 1.2rem !important;
        margin: 10px 0;
    }
    .banggia-header ul.nav {
        flex-wrap: nowrap;
        width: 100%;
        overflow: auto;
        justify-content: start;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .banggia-header ul.nav li {
        margin: 0;
        text-align: center;
        margin-right: 10px;
    }

    .banggia-header ul.nav li a {
        display: block;
        width: auto;
    }

    .banggia-header {
        padding: 35px 0;
    }

    .price_domain_table .table thead th {
        min-width: 100px;
    }
    table.specifications.table.list_pirce{
        overflow: auto;
    }
    .col_domain_price_icon{
        
        height: 35px !important;
    }
    span.col_domain_price_pricing {
        font-size: 1rem;
    }
    .col_domain_price_wrapper{
        gap: 5px;
    }
    .item-dashboard-search-left .img {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .item-dashboard-search-left>.name {
        font-size: 1.5rem;
        margin: 10px 0;
    }

    .item-dashboard-search-left .description {
        text-align: justify;
    }

    .section-dashboard-search {
        background: #fff;
        padding-bottom: 20px;
    }
    .content-dashboard-search-right>.title {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }

    .content-dashboard-search-right {
        /* padding: 10px; */
    }

    .content-dashboard-search-right .form-search .form-group input.form-control {
        font-size: 1rem;
        height: 45px;
    }

    .content-dashboard-search-right .form-search button.btn.btn-form {
        height: 45px;
        padding: 10px;
    }
    .section-brand-trust .content-brand-trust .content .title-section {
        font-size: 1.3rem;
    }

    .section-brand-trust .content-brand-trust .content .info p {
        margin-bottom: 10px;
        text-align: justify;
    }

    .view-domain_ext_new .section-brand-trust {
        padding: 30px 0;
    }
    .view-domain_ext_new .btn-add-to-cart {
        text-align: center;
    }
    .promotion-page-title p {
        margin: 0;
        margin-bottom: 10px;
    }
    .section-table-price-hosting .info-table-price .info-emty .item-price .info{
        margin-bottom: 0;
    }
    .select_popup_region a {
        display: flex;
    }
    .region-tab-wrapper a {
        margin: 0;
        
    }

    .region-tab-wrapper {
        margin-bottom: 10px;
    }

    .check_cloud_mmo_region {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }

    .check_cloud_mmo_region ul li .region-list-item {
        flex-flow: column wrap;
        flex: 0 0 75%;
    }

    .check_cloud_mmo_region ul li {
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        flex-flow: row;
    }

    .check_cloud_mmo_region ul li .region-list-item:first-child {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%;
        align-self: start;
    }

    .check_cloud_mmo_region .box>ul {
        padding: 5px;
        line-height: 20px;
        height: 48px;
    }
    .check_cloud_mmo_region {
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    ul.row.region-data-list {
        min-height: 300px;
    }
    .section-checkout-list .item-add-package .description{
        margin-bottom: 10px;
    }
    .cart-cloud-region{
        margin: 5px 0;
    }
    .package-hide{
        display: block;
    }
    .list-payment-methods .custom-control-label{
        font-size: 1rem;
    }
    .alertify .ajs-dialog{
        margin: 25% auto;
    }
    .section-strong-governance.email-advances {
        display: block;
        padding: 25px 0;
        background: #fff;
    }
    .section-strong-governance.email-advances .col-lg-3 {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .section-is-hide {
        width: 100%;
    }
    .section-strong-governance .content-strong-governance .info .item .img {
        width: 50px;
        height: 50px;
        margin: 0px auto;
    }
    .section-strong-governance .content-strong-governance .info .item {
        padding: 10px;
        background: #fff;
    }
    .section-strong-governance .content-strong-governance .info .item .img img {
        width: 30px;
        height: 30px;
    }
    .row-quick-search-profile .col-md-9{
        max-width: 70%;
        width: 70%;
        flex: 0 0 70%;
    }
    .row-quick-search-profile .col-md-3{
        max-width: 30%;
        width: 30%;
        flex: 0 0 30%;
    }
    .row-quick-search-profile .col-md-3 .add_profile_link{
        height: 40px;
        display: block;
        line-height: 30px;
    }
    .box-shopcart-container .panel-body-shop label{
        margin: 0;
        font-size: 13px;
    }
    .panel-box-shop.info .box-info-content .text-detail{
        width: 30%;
    }
    .section-questions-domain .title-section {
        text-align: center;
        margin-bottom: 20px;
    }
    .btn-completed-cart {
        margin-bottom: 20px;
    }

    p.total-text.col-lg-12 {}

    .description-success p {
        font-size: 1.2rem;
    }
    .section-success{
        padding: 50px 0;
    }
    section.software_desc img {
        max-width: 120px;
        display: block;
        margin: 0 auto;
    }

    section.software_desc .col-md-3 {
        order: 1;
    }

    section.software_desc .col-md-9 {
        order: 2;
    }
    .view-license section.price_domain_table h2{
        font-size: 1.5rem;
    }
    .license-header h1 {
        margin: 15px 0;
    }
    section.software_price table thead tr th{
        font-size: 1.2rem !important;
    }
    .section-guide-tabs section.guide ul li {
        flex: 0 0 100%;
        margin: 5px 0;
    }

    .section-guide-tabs {
        box-shadow: none;
    }

    .section-guide-tabs .nav-tabs {
        flex-wrap: nowrap;
        overflow: auto;
        justify-content: start;
    }
    article.acc-info {
        margin-top: 15px;
    }
    .account-qty input {
        height: 36px;
        max-width: 40px;
    }

    .account-qty-item .btn-outline-secondary {
        height: 36px;
    }
    .account-qty .account-qty-item{
        font-size: 1rem;
    }
    .reseller-price-table ul.nav {
        justify-content: center;
    }
    section.price_domain_table.reseller-price-table .nh_tab_content .container {
        padding-left: 0;
        padding-right: 0;
    }
    section.software_desc h4{
        font-size: 1.1rem;
    }
    /*customer FAQ*/

    .section-lis-policy {
      padding: 40px 0;
    }
    .section-forn-help-center .title-section {
      text-align: center;
      font-size: 1.3rem;
      margin-bottom: 20px;
    }
    .section-forn-help-center form.form-search .form-group .form-control {
      width: 100%;
      height: 46px;
      font-size: 1rem;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
    .section-forn-help-center form.form-search .form-group {
      width: 100% !important;
    }
    .section-forn-help-center form.form-search .btn-form {
        height: 46px;
        font-size: 1rem;
        line-height: 1.3;
    }
    .section-forn-help-center {
      padding: 40px 0;
    }
    .section-lis-policy .content-list-policy .item {
        background: #fff;
        padding: 10px;
    }
    .section-faq-service {
      padding-top: 30px;
      padding-bottom: 30px;
      background: #fff;
    }
    .section-faq-service .card {
      margin-bottom: 10px;
      padding: 10px;
    }
    .section-lis-policy .content-list-policy .item .name{
        font-size: 13px;
    }
    .section-faq-service .title-section {
      margin-bottom: 20px;
    }
    .section-faq-service .info-faq-right .img {
      margin: 20px 0;
    }
    .section-faq-service .info-faq-right .send-form-service .form-group .form-control {
      height: 42px;
      border-radius: 8px;
      font-size: 1rem;
    }
    .section-faq-service .info-faq-right .info-bottom {
      margin-bottom: 25px;
    }
    .btn-service-02 {
      padding: 10px 25px;
    }
    .section-faq-service .card .info {
      font-size: 1rem;
      line-height: 1.5;
    }
    /*customer FAQ*/
    a.btn-news-common{
        font-size: 12px;
    }
    .ui-autocomplete{
        max-width: 345px !important;
    }
    .main-news-breadcrumb .breadcrumb-item.active {
      display: none;
    }
}