:root {
    --filter-primary-color: invert(48%) sepia(23%) saturate(4446%) hue-rotate(5deg) brightness(101%) contrast(101%);
}
.modal-open,
.modal.show
{
    overflow: auto;
    padding-right:0 !important;
}
/*              Banner       */
.banner-container-ct{
    padding-top: 16px;
    padding-left: 0;
    padding-right: 0;
}

.tk_watched{
    display: none;
}

.banner-container-ct img{
    border-radius: 12px;
    width: 100%;
    object-fit: cover;
}
.menu-container-ct{
    padding-top: 16px;
    padding-left: 20px;
    padding-right: 16px;
}
.menu-container-ct ul{
    float: left;
    margin-bottom: 0;
    padding-left: 0;
}
.menu-container-ct li{
    float: left;
    list-style: none;

}
.menu-container-ct li a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #82869E;
}
.menu-container-ct li a:hover{
    color: #434657;
    text-decoration: none;
}
.menu-container-li-ct{
    margin-left: 12px;
}
.body-container-ct{
    padding-left: 0;
    padding-right: 0;
}
.marginauto{
    margin: 0 auto;
    width: 100%;
}
.body-container-row-ct{
    padding-top: 16px;
}
.left-right{
    padding-left: 0;
    padding-right: 0;
}
.body-row-ct{
    background-color: #ffffff;
    border-radius: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.i_body-row-ct{
    background-color: #ffffff;
    border-radius: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 4px;
}

.body-row-nick-ct{
    background-color: #ffffff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.body-row-nick-detail-ct{
    background-color: #ffffff;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 12px;
}

.body-row-napgame-ct{
    background-color: #ffffff;
    border-radius: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.body-header-col-ct{
    padding-left: 8px;
    padding-right: 0;
}
.body-header-col-ct h3{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #434657;
    margin-bottom: 0;
}
.body-header-col-ct h1{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    color: #434657;
    margin-bottom: 0;
}
.body-header-ct{
    padding-bottom: 16px;
    border-bottom: 1px solid #DCDEE9;
}

.body-header-nick-detail-ct{
    padding-bottom: 24px;
}
.body-title-ct{
    padding-top: 16px;
}

.body-title-ct span,
.body-search-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}
.body-search-ct{
    padding-top: 24px;
}
.body-form-search-ct{
    padding-top: 8px;
}

.body-form-search-ct img{
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}

.input-search-ct{
    position: relative;
    border-radius: 8px;
    height: 40px;
    background-color: transparent;
    color: #434657;
    width: 343px;
    border: 1px solid #DCDEE9;
    padding-left: 44px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none !important;
    outline: none!important;
}
.input-search-ct:focus-visible{
    border-color: #F67600;
    outline: none!important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.input-search-ct:active{
    border-color: #F67600;
    box-shadow: none !important;
    outline: none!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.input-search-ct::placeholder{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.input-search-ct:hover{
    color: #82869E;
    background: #F3F3F7;;
    border: 1px solid #BCBFD6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none !important;
    outline: none!important;
}
.input-search-ct:active, .input-search-ct:focus {
    border-color: #F67600;
    background: #F3F3F7;
    color: #1B1D29;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none !important;
    outline: none!important;
}


/*Log*/
.input-search-log-ct{
    position: relative;
    border-radius: 8px;
    height: 40px;
    background-color: transparent;
    color: #434657;
    width: 260px;
    border: 1px solid #DCDEE9;
    padding-left: 44px;
    box-shadow: none !important;
    outline: none!important;
}
.input-search-log-ct:focus-visible{
    border-color: #F67600;
    box-shadow: none !important;
    outline: none!important;
}
.input-search-log-ct:active{
    border-color: #F67600;
    box-shadow: none !important;
    outline: none!important;
}
.input-search-log-ct::placeholder{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.input-search-log-ct:hover{
    color: #82869E;
    background: #F3F3F7;;
    border: 1px solid #BCBFD6;
    box-shadow: none !important;
    outline: none!important;
}
.input-search-log-ct:active, .input-search-log-ct:focus {
    border-color: #F67600;
    background: #F3F3F7;
    color: #1B1D29;
    box-shadow: none !important;
    outline: none!important;
}







.body-form-search-button-ct{
    padding-left: 12px;
    padding-right: 0;
}
.timkiem-button-ct{
    border: none;
    border-radius: 8px;
    background-color: #F67600;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    width: 120px;
    height: 40px;
    transition: .2s;
}

.timkiem-button-ct span{
    color: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    transition: .2s;
}


.modal-footer-success-row-ct a span{
    font-size: 16px;
}
.modal-footer-success-row-not-ct a span{
    font-size: 16px;
}
.timkiem-button-ct:hover{
    /*border: 1px solid #DD6A00;*/
    background-color: #DD6A00;
    color: #ffffff;
    transition: .2s;
}
.timkiem-button-ct:hover:active{
    /*border: 1px solid #C55E00;*/
    background-color: #C55E00;
    color: #ffffff;
    transition: .2s;
}
.nick-sider-header{
    padding-top: 24px;
    padding-left: 8px;
    padding-right: 8px;
}
.body-detail-ct{
    padding-top: 8px;
}

.body-detail-col-ct{
    padding: 16px 8px 16px 8px;
    width: 12.5%;
}

.body-detail-account-col-ct{
    padding: 16px 8px 16px 8px;
    width: 16.6667%;
}
.body-detail-account-col-ct img{
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.body-detail-nick-col-ct{
    /*margin: 12px 8px 12px 8px;*/
    padding: 12px 8px 12px 8px;
    width: 25%;
}
.body-detail-nick-col-ct img{
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.body-detail-nick-col-ct img.img-list-nick-category{
    /*height: 200px;*/

    height: 100%;
    object-fit: cover;
}

.body-detail-nick-slider-ct img{
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.body-detail-ctng-col-ct{
    padding: 16px 0 16px 0;
}

.body-detail-nick-slider-ct{
    padding: 0 8px 0 8px;
}

.body-detail-col-ct img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.body-detail-ctng-col-ct img{
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.body-detail-nick-col-ct .nick-item-cover-overlay img {
    border: none;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.body-detail-nick-col-ct img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top: 1px solid #DCDEE9;
    border-right: 1px solid #DCDEE9;
    border-left: 1px solid #DCDEE9;
}

.body-detail-nick-slider-ct img{
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.body-detail-col-span-ct{
    padding-top: 16px;
}
.body-detail-col-span-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}

.body-detail-account-col-span-ct{
    padding-top: 8px;
}
.body-detail-account-col-span-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}
.body-detail-account-small-span-ct{
    padding-top: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.body-detail-account-small-span-ct:empty {
    height: 25px;
}

.body-detail-account-small-span-ct small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #82869E;
    white-space: nowrap;
}
.body-detail-row-ct{
    padding-left: 8px;
    padding-right: 8px;
}
.footer-row-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}
.footer-row-ct-title span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}
.footer-row-col-ct{
    padding-top: 24px;
}
.footer-row-col-ct p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}

.footer-row-ct .content-video-in{
    max-height: 168px;
    overflow: hidden;
}
.footer-row-ct .view-more,.footer-row-ct .view-less{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #1990FF;
    padding-top: 16px;
    padding-bottom: 16px;
    cursor: pointer;
}
.footer-row-ct .view-less img{
    margin-bottom: 4px;
}
.footer-row-ct .view-more img{
    margin-bottom: 4px;
}
.footer-row-ct .view-less{
    display: none;
}

.footer-row-ct .showtext{
    max-height:initial;
}
.footer-row-ct .hidetext {
    max-height: 140px;
    overflow: hidden;
}
.section-footer{
    padding-bottom: 160px;
}
.media-mobile{
    display: none;
    background: #ffffff;
}

.body-container-detail-left-ct{
    /*width: 45%;*/
    padding-left: 0;
    padding-right: 10px;
}

.body-container-detail-right-ct{
    /*width: 55%;*/
    padding-right: 0;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
}

/*    chitiet      */
.body-title-detail-col-ct{
    padding-left: 8px;
    padding-right: 8px;
}

.body-title-detail-nick-col-ct{
    padding-left: 6px;
    padding-right: 6px;
}

.body-title-detail-col-left-ng-ct{
    padding-left: 8px;
    padding-right: 8px;
}
.body-title-detail-col-center-ng-ct{
    padding-left: 8px;
    padding-right: 4px;
}
.body-title-detail-col-right-ng-ct{
    padding-left: 4px;
    padding-right: 8px;
}
.body-title-detail-col-left-ng-ct{
    width: 60%;
}
.body-title-detail-col-right-ng-ct,
.body-title-detail-col-center-ng-ct{
    width: 20%;
}
.body-title-detail-col-ng-ct{
    padding-left: 8px;
    padding-right: 8px;
}
.body-title-detail-ct{
    padding-top: 16px;
    padding-left: 8px;
    padding-right: 8px;
}
.body-title-detail-select-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #7D7D7D;
}

.body-title-detail-select-ct{
    padding-top: 8px;
}

.body-title-detail-span-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}


.input-ratio-ct {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: #82869E;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 24px;
    margin-bottom: 0;
}

.input-ratio-ct input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.input-ratio-ct input:checked ~ .input-ratio-checkmark-ct {
    background-color: #F67600;
    border: 1px solid #F67600;
}
.input-ratio-checkmark-ct {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #ffffff;
    border: 1px solid #DCDEE9;
    border-radius: 2px;
    margin-top: 2px;
}
.input-ratio-ct input:checked ~ .input-ratio-checkmark-ct:after {
    display: block;
}
.input-ratio-ct .input-ratio-checkmark-ct:after {
    left: 4px;
    top: 2px;
    width: 5.5px;
    height: 8px;
    border: solid white;
    /* background: url(check_radio_sheet.png) left top no-repeat; */
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.input-ratio-checkmark-ct:after {
    content: "";
    position: absolute;
    display: none;
}

.body-title-detail-checkbox-col-ct{
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    width: 100%;
}
.body-title-detail-checkbox-ct{
    padding-left: 8px;
    padding-right: 8px;
    overflow: auto;
    max-height: 150px;
}
.input-ratio-ct ul,
.body-title-detail-span-ct ul{
    float: left;
    padding-left: 0;
    margin-bottom: 0;
}
.input-ratio-ct li,
.body-title-detail-span-ct li{
    float: left;
    list-style: none;
}
.body-title-detail-span-ct li{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
    cursor: pointer;
}
.option-info-ct{
    margin-left: 4px;
}
.checkbox-info-ct{
    margin-left: 4px;
}
.checkbox-info-ct img{
    margin-bottom: 4px;
}
.input-defautf-ct{
    background: #FBFBFD;
    height: 40px;
    width: 100%;
    border: 1px solid #DCDEE9;
    border-radius: 8px;
    padding-left: 8px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #7D7D7D;
}

.input-defautf-ct:hover{
    color: #82869E;
    background-color: #F3F3F7;
    border: 1px solid #BCBFD6;
}
.input-defautf-ct:active, .input-defautf-ct:focus {
    border-color: #F67600;
    background-color: #FFFFFF;
    color: #1B1D29;
    outline: none!important;
    box-shadow: none!important;
}

.input-defautf-ct::placeholder{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #7D7D7D;

}

.input-defautf-ct:focus-visible{
    outline: #F67600!important;
    box-shadow: none!important;
}
.body-title-detail-span-right-ct{
    margin-left: auto;
}
.body-title-detail-span-ct small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: #F67600;
}
.button-default-ct{
    border: none;
    border-radius: 8px;
    background-color: #F67600;
    color: #FFFFFF;
    font-weight: 600;
    padding: 12px 24px;
    width: 100%;
    height: 48px;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
}
.button-default-ct:hover{
    background-color: #DD6A00;
    color: #FFFFFF;
}
.button-default-ct:hover:active{
    background-color: #C55E00;
    color: #FFFFFF;
}


.button-default-nick-ct{
    border: none;
    border-radius: 8px;
    background-color: #F67600;
    color: #FFFFFF;
    font-weight: 600;
    padding: 12px 24px;
    width: 100%;
    height: 48px;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
}
.button-default-nick-ct:hover{
    background-color: #DD6A00;
    color: #FFFFFF;
}
.button-default-nick-ct:hover:active{
    background-color: #C55E00;
    color: #FFFFFF;
}


.button-default-not-nick-ct{
    border: 1px solid #F67600;
    border-radius: 8px;
    background-color: transparent;
    color: #F67600;
    font-weight: 600;
    padding: 12px 24px;
    width: 100%;
    height: 48px;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
}
.button-default-not-nick-ct:hover{
    background-color: #F67600;
    color: #FFFFFF;
    border: 1px solid #F67600;
}
.button-default-not-nick-ct:hover:active{
    background-color: #C55E00;
    color: #FFFFFF;
    border: 1px solid #C55E00;
}


.button-default-modal-ct{
    border: none;
    border-radius: 8px;
    background-color: #F67600;
    color: #FFFFFF;
    font-weight: 600;
    padding: 12px 24px;
    width: 100%;
    height: 48px;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
}

.button-default-modal-ct span{
    color: #FFFFFF;
    font-weight: 600;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
}
.button-default-modal-ct:hover{
    background-color: #DD6A00;
    color: #FFFFFF;
}
.button-default-modal-ct:hover:active{
    background-color: #C55E00;
    color: #FFFFFF;
}




.bottom-container-ct{
    padding-bottom: 60px;
}
.body-header-col-km-left-ct{
    padding-left: 0;
    padding-right: 0;
}
.body-header-col-km-left-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}
.body-header-col-km-right-ct{
    margin-left: auto;
}
.body-header-col-km-right-ct a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #F67600;
    cursor: pointer;
}
.body-header-col-km-right-ct ul{
    float: left;
    padding-left: 0;
    margin-bottom: 0;
}
.body-header-col-km-right-ct li{
    float: left;
    list-style: none;
}
.banner-detail-ct{
    padding: 16px 0 0 0;
}
.banner-detail-ct img{
    border-bottom-left-radius: 8px;
    width: 100%;
    object-fit: cover;
    border-bottom-right-radius: 8px;
}
.body-detail-header-right-ct{
    background-color: #ffffff;
    border-radius: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.body-detail-right-ct{
    background-color: #ffffff;
    border-radius: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 100%;
    flex: 1;
    /*margin-top: 20px;*/
}
.body-detail-right-ng-ct{
    background-color: #ffffff;
    border-radius: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 20px;
}
.body-header-col-km-left-ct small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}
.option-info-right-ct{
    margin-left: 4px;
}
.error-ct small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #DA4343;
}
.error-row-ct{
    padding-top: 4px;
}

.default-Modal .login{
    margin: 0 auto;
    max-width: 409px!important;
}

.small-log-Modal .login{
    margin: 0 auto;
    max-width: 343px!important;
}
.order-modal .login{
    margin: 0 auto;
    max-width: 480px!important;
}


#viewMore{
    padding-right: 0!important;
}
.modal-header-success-row-ct {
    border-bottom: none!important;
}
.modal-header-success-row-ct span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    color: #434657;
}
.modal-header-success-ct {
    border-bottom: 0!important;
    padding: 20px 16px 0 16px;
}

.default-Modal .login .modal-content {
    position: relative;
    border-radius: 8px;
    /*background-color: #F3F3F7;*/
    background-color: #FFFFFF;
    z-index: 1;
    border: none;
}

.small-log-Modal .login .modal-content {
    position: relative;
    border-radius: 8px;
    background-color: #F3F3F7;
    z-index: 1;
    border: none;
}
.order-modal .login .modal-content {
    position: relative;
    border-radius: 8px;
    background-color: #FFFFFF;
    z-index: 1;
    border: none;
}
.c_order-modal .login .modal-content {
    position: relative;
    border-radius: 8px;
    background-color: #FFFFFF;
    z-index: 1;
    border: none;
}


.modal-body-success-ct {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
.modal-body-span-success-ct{
    padding-top: 24px;
}
.modal-body-span-success-ct span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}
.modal-body-span-success-ct small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #F67600;
}
.modal-footer-success-ct {
    padding-top: 20px;
    padding-bottom: 16px;
}
.modal-footer-success-col-left-ct{
    padding-left: 0;
    padding-right: 8px;
    text-align: center;
}
.modal-footer-success-col-right-ct{
    padding-left: 8px;
    padding-right: 0;
    text-align: center;
}
.nick-detail-purchase-button {
    padding-left: 0;
    text-align: center;
    padding-right: 0;
}
.modal-footer-success-row-not-ct{
    background: transparent;
    border: 1px solid #F67600;
    border-radius: 8px;
    width: 100%;
    height: 48px;
    transition: 0.2s;
}
.modal-footer-success-row-not-ct:hover{
    background: #F67600;
}
.modal-footer-success-row-not-ct:hover:active{
    background: #C55E00;
}
.modal-footer-success-row-not-ct:hover a{
    color: #FFFFFF;
}
.modal-footer-success-row-not-ct a{
    padding: 12px 16px;
    line-height: 48px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #F67600;
}
.modal-footer-success-row-not-ct a:hover{
    text-decoration: none;
    transition: 0.2s;
}


.modal-footer-success-row-ct{
    background: #F67600;;
    border: none;
    border-radius: 8px;
    width: 100%;
    height: 48px;
}
.modal-footer-success-row-ct:hover{
    background: #DD6A00;
    /*border-color: #DD6A00;*/
    transition: 0.2s;
}
.modal-footer-success-row-ct:hover:active{
    background: #DD6A00;
    transition: 0.2s;
    /*border-color: #DD6A00;*/
}
.modal-footer-success-row-ct:hover a{
    color: #ffffff;
    transition: 0.2s;
}
.modal-footer-success-row-ct a{
    padding: 12px 24px;
    line-height: 48px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
}
.modal-footer-success-row-ct a:hover{
    text-decoration: none;
}


.show-detail-service-ct .content-video-in{
    max-height: 160px;
    overflow: hidden;
}
.show-detail-service-ct .view-more,.show-detail-service-ct .view-less{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #1990FF;
    padding-top: 16px;
    /*padding-bottom: 16px;*/
    cursor: pointer;
}
.show-detail-service-ct .view-less img{
    margin-bottom: 4px;
}
.show-detail-service-ct .view-more img{
    margin-bottom: 4px;
}
.show-detail-service-ct .view-less{
    display: none;
}

.show-detail-service-ct .showtext{
    max-height:initial;
}
.show-detail-service-ct .hidetext {
    max-height: 140px;
    overflow: hidden;
}


.show-detail-caythue-ct .content-video-in{
    max-height: 172px;
    overflow: hidden;
}
.show-detail-caythue-ct-fix .content-video-in{
    max-height: 350px;
    overflow-y: scroll;
    padding-right: 0.5rem;
}
.show-detail-caythue-ct-fix .content-video-in::-webkit-scrollbar{
    width: 10px;
}
.show-detail-caythue-ct-fix .content-video-in::-webkit-scrollbar-thumb {
    background: #E4E5F0;
    border-radius: 10px;
}


.show-detail-caythue-ct .view-more,.show-detail-caythue-ct .view-less{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #1990FF;
    padding-top: 16px;
    /*padding-bottom: 16px;*/
    cursor: pointer;
}
.show-detail-caythue-ct .view-less img{
    margin-bottom: 4px;
}
.show-detail-caythue-ct .view-more img{
    margin-bottom: 4px;
}
.show-detail-caythue-ct .view-less{
    display: none;
}

.show-detail-caythue-ct .showtext{
    max-height:initial;
}
.show-detail-caythue-ct .hidetext {
    max-height: 140px;
    overflow: hidden;
}

.show-btn-password{
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 16px;
}

.show-btn-password-mobile{
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 16px;
}
.body-title-detail-media-ct{
    width: 50%;
}

.capcha-image-bg img{
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    height: 40px;
}


.show-detail-napgame-ct .content-video-in{
    max-height: 296px;
    overflow: hidden;
}
.show-detail-napgame-ct .view-more,.show-detail-napgame-ct .view-less{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #1990FF;
    padding-top: 16px;
    /*padding-bottom: 16px;*/
    cursor: pointer;
}
.show-detail-napgame-ct .view-less img{
    margin-bottom: 4px;
}
.show-detail-napgame-ct .view-more img{
    margin-bottom: 4px;
}
.show-detail-napgame-ct .view-less{
    display: none;
}

.show-detail-napgame-ct .showtext{
    max-height:initial;
}
.show-detail-napgame-ct .hidetext {
    max-height: 140px;
    overflow: hidden;
}

.body-detail-col-span-ct a:hover{
    text-decoration: none;
}
.napgamekhac span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}
.img-close-ct{
    position: absolute;
    top: 4px;
    right: 0;
    cursor: pointer;
}

.img-close-nick-ct{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

#service-detail .web-media-ct{
    /*padding-bottom: 144px;*/
}
 .web-media-ct{
    /*padding-bottom: 118px;*/
}
.modal-header-order-ct{
    border-bottom: 0!important;
    padding: 16px 16px 0 16px;
}
.modal-header-nick-ct{
    border-bottom: 0!important;
    padding: 16px 16px 0 16px;
}
.modal-header-order-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    color: #1B1D29;
}
.order-errors{
    padding-top: 8px;
}
.order-errors small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #DA4343;
}
.modal-header-nick-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #1B1D29;
}

.modal-body-order-ct{
    padding: 16px;
}

#viewMore .modal-viewmore-body {
    overflow-y: scroll;
    max-height: 500px;
    margin: 16px 8px 16px 0;
    padding: 0 8px 0 16px;
}

#viewMore .modal-viewmore-body img {
    max-width: 100%;
}

#viewMore .modal-viewmore-body::-webkit-scrollbar {
    width: 8px;
}

#viewMore .modal-viewmore-body::-webkit-scrollbar-thumb {
    background: #E4E5F0;
    border-radius: 100px;
    border: none;
}

#viewMore .modal-viewmore-body::-webkit-scrollbar-track {
    background: transparent;
}

.background-order-ct {
    background: #FBFBFD;;
    border-radius: 8px;
}
.padding-order-ct{
    padding-top: 16px;
}
.background-order-row-ct{
    padding: 12px;
}
.background-order-col-left-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #82869E;
}
.background-order-col-right-ct{
    margin-left: auto;
}

.background-order-col-right-ct small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}

.background-nick-col-top-ct small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}

.background-nick-select-left-ct small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}

.background-nick-select-right-ct{
    margin-left: auto;
}
.background-nick-col-bottom-ct{
    padding-top: 8px;
}
.modal-nick-padding{
    padding-top: 16px;
}
.background-nick-col-right-ct small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1B1D29;
}
.title-order-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}
.background-order-body-row-ct{
    padding: 12px 12px 0 12px;
}

.tragop-order-body-row-ct{
    padding: 12px 12px 12px 12px;
}

.background-order-col-right-ct img{
    width: 48px;
    object-fit: cover;
}
.background-order-body-bottom-ct{
    padding: 6px 12px 12px 12px;
}

.background-order-col-right-ct span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #F67600;
}
.padding-order-footer-ct{
    padding-top: 24px;
    /*padding-bottom: 8px;*/
}
.padding-order-footer-logs-ct{
    padding-top: 12px;
    /*padding-bottom: 8px;*/
}
.padding-nicks-footer-ct{
    padding-top: 16px;
}

.padding-order-footer-mobile-ct{
    padding-top: 178px;
    padding-bottom: 8px;
}
.body-detail-account-small-span-ct ul{
    padding-left: 0;
    margin-bottom: 0;
    float: left;
}
.body-detail-account-small-span-ct li{
    list-style: none;
    float: left;
}
.body-detail-account-small-span-ct .fist-li-account{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #1B1D29;
}
.body-detail-account-small-span-ct .second-li-account{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    color: #82869E;
    margin-left: 10px;
    text-decoration-line: line-through;
}
.body-detail-account-small-span-ct .three-li-account{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    color: #FFFFFF;
    background-color: #F67600;
    border-radius: 4px;
    margin-left: 10px;
    padding: 2px;
}
.body-detail-account-col-span-ct a:hover{
    text-decoration: none;
}

#formBookingStepMobie{
    /*display: none;*/
    position: relative!important;
}

#formBookingStepMobie fieldset {
    position: relative;
}

#fieldset-two {
    display: none;
    background: #ffffff;
}

#fieldset-three {
    display: none;
    background: #ffffff;
}

.header-mobile{
    padding: 30px;
}
.intermediary-ct{
    height: 20px;
    background: #efefef;
}
.default-overlay-ct{
    position: relative;
    cursor: pointer;
}

.default-overlay-ct.related-acc-category {
    position: relative;
    padding-bottom: 60%;
}
.default-overlay-ct.related-acc-category img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.default-overlay-nick-ct{
    position: relative;
    cursor: pointer;
    padding-bottom: 60%;
}
.default-overlay-nick-ct img {
    position: absolute;
    width: 100%;
    height: 100%;
}
.default-overlay-nick-ct.nick-item-cover-overlay {
    border-top: 1px solid #DCDEE9;
    border-left: 1px solid #DCDEE9;
    border-right: 1px solid #DCDEE9;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

/*.default-overlay-ct::before{*/
/*    position: absolute;*/
/*    content: '';*/
/*    left: 0;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background: rgba(246, 118, 0, 0.2);*/
/*    opacity: 0.8;*/
/*    border-radius: 16px;*/
/*    transition: all 0.2s;*/
/*    display: none;*/
/*}*/
/*.default-overlay-ct:hover:before {*/
/*    background: rgba(246, 118, 0, 0.2);*/
/*    opacity: 0.8;*/
/*    display: block;*/
/*    z-index: 9;*/
/*    transition: all 0.2s;*/
/*}*/
.hover-overlay-ct{
    cursor: pointer;
}
.hover-overlay-ct:hover span{
    color: #F67600;
}

.nick-findter{
    cursor: pointer;
    padding-left: 12px;
    padding-right: 8px;
}
.nick-findter ul{
    padding-left: 0;
    margin-bottom: 0;
    float: left;
}
.nick-findter li{
    list-style: none;
    float: left;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.margin-findter{
    margin-left: 4px;
}

.nick-findter-row{
    margin-top: -30px;
}

.minigame-findter-row {
    margin-top: 16px;
}


/* aaaaaaaaaaaaaaa   */

.default-select-ratio{
    display: flex;
}

.default-select-ratio{
    display: flex;
    justify-content: space-between;
    padding-left: 16px;
}

.switch-input:checked + .switch-label {
    /* Switch Rail */
    /* Switch Knob */
}
.switch-input:checked + .switch-label:before {
    background-color: #F67600;
}
.switch-input:checked + .switch-label:after {
    left: 16px;
    background-color: #fff;
}

.switch {
    position: relative;
    display: inline-block;
}
/* Hide the checkbox input (only needed for `:checked` property) */
.switch-input {
    display: none;
}
/* Switch */
.switch-label {
    display: block;
    height: 22px;
    width: 36px;
    /*text-indent: -150%;*/
    clip: rect(0 0 0 0);
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* Switch Rail & Knob */
    /* Switch Rail */
    /* Switch Knob */
}
.switch-label:before,
.switch-label:after {
    content: "";
    display: block;
    position: absolute;
    cursor: pointer;
}
.switch-label:before {
    height: 22px;
    width: 36px;
    border: 1px solid #E4E5F0;
    background-color: #E4E5F0;
    border-radius: 9999em;
    transition: background-color 0.25s ease;
}
.switch-label:after {
    top: 3px;
    left: 2px;
    height: 16px;
    width: 16px;
    border-radius: 100%;
    background-color: #A7ABC3;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
    transition: left 0.25s ease;
}

.prepend-nick{
    padding-left: 0;
    padding-right: 8px;
}
.prepend-nick a{
    background: #F3F3F7;
    border-radius: 100px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    color: #434657;
    padding: 8px 40px 8px 12px;
;
}
.prepend-nick a:hover{
    text-decoration: none;
}

.close-item-nick{
    position: absolute;
    right: 16px;
    top: 4px;
    cursor: pointer;
}

.sort-nick-right{
    margin-left: auto;
}
.item-sort-nick{
    margin-left: 8px;
}
.item-sort-nick-label span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.item-sort-nick-label:hover{
    border: 1px solid #F67600;
}
.item-sort-nick-label:hover span{
    color: #F67600;
}
input[type="radio"]:checked + .item-sort-nick-label{
    border: 1px solid #F67600;
}

input[type="radio"]:checked + .item-sort-nick-label span{
    color: #F67600;
}
.sort-nick-left{
    line-height: 40px;
}
.nick-list-bg img{
    width: 100%;
    object-fit: cover;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top: 1px solid #DCDEE9;
    border-left: 1px solid #DCDEE9;
    border-right: 1px solid #DCDEE9;
}
.nick-list-bg{
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
/*input[type="radio"]:checked + .item-sort-nick-label:hover{*/
/*    border: 1px solid #BCBFD6;*/
/*}*/
/*input[type="radio"]:checked + .item-sort-nick-label:hover span{*/
/*    color: #434657;*/
/*}*/
.item-sort-nick-label{
    padding: 4px 8px;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #BCBFD6;
    margin-bottom: 0;
}

.list-item-nick{
    border-bottom: 1px solid #DCDEE9;
    border-left: 1px solid #DCDEE9;
    border-right: 1px solid #DCDEE9;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    transition: all 0.2s;
}
.list-item-nick-button {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    font-weight: 600;
    font-size: 14px;
    margin-top: 1rem;
}
.list-item-nick-body{
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}

.list-item-nick-hover-row{
    top: 0;
    transition: all 0.2s ease-out;
    position: relative;
}
.list-item-nick-hover-row:hover{
    /*border-color: #F67600;*/
    box-shadow: 0 3.4623px 6.1418px rgba(0,0,0,0.05),0 7.92923px 12.9218px rgba(0,0,0,0.05),0 9px 15px rgba(0,0,0,0.08)!important;
    top: -4px;
    border-radius: 8px;
    transition: .2s ease-out;
}
/*.list-item-nick-hover:hover .default-overlay-nick-ct.nick-item-cover-overlay {*/
/*    border-color: #F67600;*/
/*    transition: all 1s;*/
/*}*/

/*.list-item-nick-hover:hover .default-overlay-nick-ct.related-acc-detail {*/
/*    border-color: #F67600;*/
/*    transition: all 0.2s;*/
/*}*/
.list-item-nick-hover img{
    border-top: 1px solid #DCDEE9;
    border-left: 1px solid #DCDEE9;
    border-right: 1px solid #DCDEE9;
}
.list-item-nick-hover .related-acc-detail {
    border-top: 1px solid #DCDEE9;
    border-left: 1px solid #DCDEE9;
    border-right: 1px solid #DCDEE9;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.list-item-nick-hover .related-acc-detail img{
    height: 100%;
    border: none;
}
/*.list-item-nick-hover .default-overlay-nick-ct::before{*/
/*    position: absolute;*/
/*    content: '';*/
/*    left: 0;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background: rgba(246, 118, 0, 0.2);*/
/*    opacity: 0.8;*/
/*    border-top-right-radius: 12px;*/
/*    border-top-left-radius: 12px;*/
/*    transition: all 0.2s;*/
/*    display: none;*/
/*}*/
/*.list-item-nick-hover:hover .default-overlay-nick-ct:before {*/
/*    background: rgba(246, 118, 0, 0.2);*/
/*    opacity: 0.8;*/
/*    display: block;*/
/*    z-index: 9;*/
/*    transition: all 0.2s;*/
/*}*/

/*.list-item-nick-hover .default-overlay-nick-ct{*/
/*    border-top: 1px solid #DCDEE9;*/
/*    border-right: 1px solid #DCDEE9;*/
/*    border-left: 1px solid #DCDEE9;*/
/*}*/


/*  phân trang   */

.default-paginate {

    /*padding-bottom: 16px;*/
}
.default-paginate-addpadding{
    padding-bottom: 16px;
    padding-top: 20px;
}
.paginate__v1{
    padding-bottom: 16px;
    padding-top: 20px;
}

.default-paginate .pagination {
    margin: 0;
}
.default-paginate .pagination-sm .page-link {
    margin: 0 4px;
    background: #FFFFFF;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    color: #434657;
    min-width: 32px;
    height: 32px;
    text-align: center;
    padding: 4px;
    border: 1px solid #E4E5F0;
    box-shadow: none;
}
.default-paginate .pagination-sm .page-item.disabled span.page-link {
    background: transparent;
    border: none;
}
.default-paginate .pagination-sm .page-item:first-child.disabled .page-link ,
.default-paginate .pagination-sm .page-item:last-child.disabled .page-link
{
    background: #F3F3F7;
    border: 1px solid #BCBFD6;
}
.default-paginate .pagination-sm .page-item:not(.disabled,.active) .page-link:hover{
    border: 1px solid #BCBFD6;
}
.default-paginate .page-item.active .page-link,
.default-paginate .page-item .page-link:focus
{
    background: #FFFFFF;
    color: #F67600;
    border: 1px solid #F67600;
}

.default-paginate .pagination-sm .page-item:first-child .page-link,
.default-paginate .pagination-sm .page-item:last-child .page-link
{
    display: flex;
    align-items: center;
    border-radius: 4px;
    width: 32px;
}
.default-paginate .pagination-sm .page-item:first-child .page-link:after,
.default-paginate .pagination-sm .page-item:last-child .page-link:after
{
    content: '';
    display: block;
    background-position: center;
    background-repeat: repeat;
    width: 24px;
    height: 24px;
}
.default-paginate .pagination-sm .page-item:first-child .page-link:after {
    background-image: url(../image/icons/arrows/pg-back.png);
}
.default-paginate .pagination-sm .page-item:last-child .page-link:after {
    background-image: url(../image/icons/arrows/pg-next.png);
}

.modal-lmht .default-paginate .pagination-sm .page-item:first-child .page-link,
.modal-lmht .default-paginate .pagination-sm .page-item:last-child .page-link
{
    display: block;
    align-items: unset;
    width: inherit;
}
.modal-lmht .default-paginate .pagination-sm .page-item:first-child .page-link:after,
.modal-lmht .default-paginate .pagination-sm .page-item:last-child .page-link:after
{
    content: none;
}

/* Hết Phân trang */

.li-boloc{
    margin-top: 2px;
}

.prepend-nick{
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
    position: relative;
    text-overflow: ellipsis;
    margin-top: -2px;
    padding-top: 16px;
}

.prepend-nick a{
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.prepend-nick .close-item-nick{
    top: 24px;
}
.nick-findter-data{
    /*padding-top: 16px;*/
    justify-content: end;
}

.gallery {
    width: 100%;
    /*max-width: 500px;*/
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}

.gallery-slider {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.gallery-slider .swiper-slide {
    width: 100%;
    height: 320px;
    border-radius: 8px;
}

.gallery-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
    background-size: cover;
    border-radius: 8px;
}

.gallery-slider-mobile {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.gallery-slider-mobile .swiper-slide {
    width: 100%;
    height: 320px;
    border-radius: 8px;
}

.gallery-slider-mobile .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
    background-size: cover;
    border-radius: 8px;
}

.gallery-thumbs {
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.gallery-thumbs .swiper-slide {
    width: 50px;
    /*height: 58px;*/
    height: auto;
    text-align: center;
    overflow: hidden;
    opacity: 1;
    background-size: cover;
}
.gallery-thumbs .swiper-slide a{
    border-radius: 4px;
}
.gallery-thumbs .swiper-wrapper{
    border-radius: 4px;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

/*mobile*/
.gallery-thumbs-mobile .swiper-slide {
    width: 50px;
    /*height: 58px;*/
    height: auto;
    text-align: center;
    overflow: hidden;
    opacity: 1;
    background-size: cover;
}
.gallery-thumbs-mobile .swiper-slide a{
    border-radius: 4px;
}
.gallery-thumbs-mobile .swiper-wrapper{
    border-radius: 4px;
}
.gallery-thumbs-mobile .swiper-slide-active {
    opacity: 1;
}
.gallery-thumb{
    border-radius: 4px;
}
.gallery-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    border-radius: 4px;
}
.gallery-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    border-radius: 4px;
}
.gallery-thumbs-mobile .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    border-radius: 4px;
}
.gallery-thumbs-mobile .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    border-radius: 4px;
}

.gallery  .swiper-button-prev {
    height: 32px;
    width: 32px;
    background: #F3F3F7;
    left: 15px;
    top: 55%;
    border-radius: 4px;
    z-index: 200;
}
.gallery__row{
    margin: 0 auto;
}

.gallery .swiper-button-next {
    height: 32px;
    width: 32px;
    right: 15px;
    background: #F3F3F7;
    /*url("/assets/frontend/images/next_arrow.svg") no-repeat center center*/
    top: 55%;
    border-radius: 4px;
}

.gallery .swiper-button-next img{
    top: 50%;
    position: absolute;
    transform: translate(50%,-50%);
    right: 50%;
}

.gallery .swiper-button-prev img{
    top: 50%;
    position: absolute;
    transform: translate(50%,-50%);
    right: 50%;
}
.gallery .swiper-button-next:hover,
.gallery  .swiper-button-prev:hover {
    transition: all .2s;
    opacity: 80%;
}

/*vbbbbbbbbbbb*/

.gallery .swiper-button-next:after {
    display: none;
}

.gallery .arrow-right {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translate(-3px, 3px);
}

.gallery .swiper-button-prev:after {
    display: none;
}

.gallery .arrow-left {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 10px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg) translate(3px, -3px);
}
.gallery-thumb-nick{
    padding-top: 16px;
}
.gallery-right{
    padding-left: 16px;
}
.gallery-right-top{
    background: #F3F3F7;
    border: 1px solid #DCDEE9;
    border-radius: 8px;
}

.gallery-right-top-header{
    padding: 12px 16px 16px 16px;
}
.gallery-right-top-header span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #1B1D29;
}

.gallery-right-top-header small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}
.gallery-right-top-title{
    background: #FFFFFF;
    padding: 8px 16px;
}
.gallery-right-top-title span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #1B1D29;
}
.gallery-right-top-body-black{
    background: #FBFBFD;
    padding: 8px 16px;
}

.gallery-right-top-body-black.gallery-right-top-body-span:nth-child(odd) {
    background: #FBFBFD;
}

.gallery-right-top-body-black.gallery-right-top-body-span:nth-child(even) {
    background: #FFFFFF;
}

.gallery-right-top-body-black.gallery-right-top-body-span:empty {
    height: 40px;
}

.gallery-right-top-body-white{
    background: #FFFFFF;
    padding: 8px 16px;
}
.gallery-right-top-body-span span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}

.gallery-right-top-body-span small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.gallery-last-child>div:last-child{
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.gallery-footer ul{
    float: left;
    padding-left: 0;
    margin-bottom: 0;
}
.gallery-footer li{
    float: left;
    list-style: none;
}
.gallery-footer-row{
    justify-content: center;
    padding-top: 34px;
}
.gallery-footer-fisrt-li{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 48px;

    color: #82869E;
    text-decoration-line: line-through;
}
.gallery-footer-two-li{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 150%;
    color: #F67600;
    margin-left: 8px;
}
.gallery-footer-three-li{
    margin-left: 8px;
    line-height: 48px;
}
.gallery-footer-three-li span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    color: #FFFFFF;
    background: #F67600;
    border-radius: 4px;
    padding: 2px 8px;
}
.gallery-footer-bottom{
    padding-top: 4px;
    padding-bottom: 16px;
}
.gallery-footer-bottom span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.gallery-footer-row-bottom{
    justify-content: center;
}

.gallery-right-footer{
    padding-left: 16px;
    padding-top: 16px;
}





.nick-detail-button{
    background: transparent;
    border: 1px solid #F67600;
    border-radius: 8px;
    width: 100%;
    height: 60px;
    transition: 0.2s;
}
.nick-detail-button:hover{
    background: #F67600;
}
.nick-detail-button:hover:active{
    background: #C55E00;
}
.nick-detail-button:hover a{
    color: #FFFFFF;
}
.nick-detail-button a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #F67600;
}
.nick-detail-button a:hover{
    text-decoration: none;
    transition: 0.2s;
}

.nick-detail-button ul{
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 4px;
}

.nick-detail-button li{
    list-style: none;
}
.nick-detail-button small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.nick-detail-button span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #F67600;
}
.nick-detail-button:hover span{
    color: #FFFFFF;
}
.nick-detail-button:hover small{
    color: #FFFFFF;
}
.bottom-nick-slider{
    /*padding-bottom: 26px;*/
}
.title-tra-gop{
    padding-top: 16px;
}
.title-tra-gop span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}

.title-tra-gop-success{
    padding-top: 20px;
}
.title-tra-gop-success span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}

.input-modal-defautf-ct{
    background: #FBFBFD;
    height: 40px;
    width: 100%;
    border: 1px solid #DCDEE9;
    border-radius: 8px;
    padding-left: 12px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #7D7D7D;
}

.input-modal-defautf-ct:hover{
    color: #82869E;
    background: #F3F3F7;;
    border: 1px solid #BCBFD6;
    box-shadow: none;
}
.input-modal-defautf-ct:active, .input-modal-defautf-ct:focus {
    border-color: #F67600;
    background: #F3F3F7;
    color: #1B1D29;
    outline: none;
    box-shadow: none;
}
.input-modal-defautf-ct-play::placeholder{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #F67600;
    /*padding-left: 8px;*/
}
.input-modal-defautf-ct:focus-visible{
    outline: #F67600;
    outline: none;
    box-shadow: none;
}

.title-tra-gop small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #1990FF;
}
.title-tra-gop-body{
    padding-top: 36px;
    text-align: center;
}
.title-tra-gop-body span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.tragop-order-body-row-ct li{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.tragop-order-body-row-ct ul{
    padding-left: 20px;
    margin-bottom: 0;
}

/*  Scroll  */

#tra-gop-scroll{
    max-height: 200px;
    overflow: auto;
}
#tra-gop-scroll-mobile{
    max-height: 0;
    overflow: auto;
}
.background-order-ct:hover #tra-gop-scroll::-webkit-scrollbar-thumb{
    background-color: #F67600;
}

#tra-gop-scroll::-webkit-scrollbar-track
{
    position: absolute;
    top: 100px;
    left: -60px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color:  transparent;
    border: none;
}
#tra-gop-scroll::-webkit-scrollbar-thumb{
    background-color: pink;

}
#tra-gop-scroll::-webkit-scrollbar
{
    width: 4px;
    border: none;
}

#tra-gop-scroll::-webkit-scrollbar-thumb
{
    /*Màu thanh sroll*/
    background: rgba(27, 29, 41, 0.5);
    border-radius: 100px;
    border: none;
    margin-left: 20px;
    height: 20px;
}


/* Hêt */

.image-success{
    padding-top: 24px;
}

.title-tra-gop-success-row{
    padding-top: 12px;
}
.email-success-nick{
    position: relative;
}
.email-success-nick img{
    position: absolute;
    right: 8px;
    top: 16px;
    cursor: pointer;
}
.taikhoan-success-nick{
    position: relative;
}
.taikhoan-success-nick .img-copy{
    position: absolute;
    right: 8px;
    top: 16px;
    cursor: pointer;
}
.taikhoan-success-nick .img-show-password{
    position: absolute;
    right: 40px;
    top: 16px;
    width: 24px;
    cursor: pointer;
}

.show-btn-password img,
.show-btn-password-mobile img{
    width: 24px;
}
.padding-order-28-ct{
    padding-top: 28px;
}

.title-success-thanh-cong{
    padding: 12px;
}
.gallery-col-auto-left{
    width: 50%;
}
.gallery-col-auto-right{
    width: 50%;
}
.fixcungbuttonmobile {
    position: fixed;
    bottom: 0;
    left: 0;
}


.theme-404-row {
    background: #ffffff;
    padding-top: 176px;
    padding-bottom: 215px;
}

.theme-404-title{
    padding-top: 24px;
}
.theme-404-title span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 150%;
    color: #434657;
}
.theme-404-content{
    padding-top: 12px;
}
.theme-404-content small,
.theme-404-body small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #82869E;
}
.button-404{
    padding-top: 48px;
    width: 272px;
}

.nav-bar-parent{
    background: #FBFBFD;
    border-radius: 8px 8px 0px 0px;
    padding: 16px;
}
.nav-bar-parent-title span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #1B1D29;
}
.nav-bar-article-title span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    color: #1B1D29;
}
.nav-bar-child{
    padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    box-shadow: inset 0px -1px 0px #f1f1f1;
    padding-right: 16px;
    background: #FFFFFF;
}
.nav-bar-child.active{
    background: #FFF8F2;
    box-shadow: inset 0px -1px 0px #F1F1F1;
}


.nav-bar-child span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.nav-bar-log-top-body-col{
    padding-left: 16px;
    padding-right: 0;
}
.nav-bar-log-top-body-col span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.nav-bar-child a:hover span{
    color: #F67600;
}
.nav-bar-child a:hover svg path{
    stroke: #F67600;
}

.nav-bar-child.active span{
    color: #F67600;
}

.nav-bar-child.active svg path{
    stroke: #F67600;
}

.nav-bar-nick:last-child{
    /*box-shadow: none;*/
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.nav-bar-hr{
    margin-bottom: 20px;
}

.logs-content{
    padding: 16px;
    background: #FFFFFF;
    border-radius: 8px;
}
.logs-title span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #1B1D29;
}
.logs-search{
    padding-top: 24px;
}

.logs-table{
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
}
.logs-table .table{
    margin-bottom: 0;
    background: #FBFBFD;
    color: #434657;
    border-radius: 8px;
    text-align: center;
    /*overflow-x: auto;*/
}

.default-table{
    border: 1px solid #BCBFD6;
    border-radius: 8px;
    /*padding-bottom: 16px;*/
}

.default-table .table td{
    border-top: none!important;
}

.logs-table .table th{
    border-top: none;
    border-bottom: 1px solid #BCBFD6;
    padding: 12px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #1B1D29;
    white-space: nowrap;
}
.logs-table .table tr{
    padding: 12px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.first-tr{
    background: #FFFFFF;
}

.second-tr{
    background: #FBFBFD;
}
.logs-table .table tr td{
    padding: 12px;
    vertical-align: middle;
}


.logs-table .table tr:last-child{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.logs-table .table tr:last-child td:first-child{
    border-bottom-left-radius: 8px;
    /*border-bottom-right-radius: 8px;*/
}
.logs-table .table tr:last-child td:last-child{
    border-bottom-right-radius: 8px;
}
.logs-table .table-striped tbody tr:nth-of-type(odd){
    background: #FFFFFF;
}

.logs-table .table-hover tbody tr:hover {
    color: #434657;
    background-color: #FFFFFF;
}
.logs-table .table-hover tbody tr:hover:nth-of-type(odd){
    color: #434657;
    background-color: #FBFBFD;
}

.modal-logs-txns .modal-header-nick-ct span{
    font-size: 18px;
}
#openFinter .modal-content{
    background: #ffffff;
}
/*.logs-table .table tr td,*/
/*.logs-table .table th{*/
/*    white-space: nowrap;*/
/*}*/

.overlay-find{
    text-align: center;
    background: #DA4343;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    position: absolute;
    right: 4px;
    top: -4px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #FFFFFF;
    display: none;
}
.footer-row-ct .content-video-in span{
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 150%;
    color: #434657!important;
}
.show-detail-service-ct .content-video-in span{
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 150%;
    color: #434657!important;
}
.show-detail-service-ct .content-video-in p{
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 150%;
    color: #434657!important;
}
.show-detail-caythue-ct .content-video-in p{
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 150%;
    color: #434657!important;
}

.show-detail-caythue-ct-fix .content-video-in p{
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 150%;
    color: #434657!important;
}

.show-detail-caythue-ct .content-video-in span{
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 150%;
    color: #434657!important;
}

.show-detail-caythue-ct-fix .content-video-in span{
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 150%;
    color: #434657!important;
}

.footer-row-ct .content-video-in p{
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 150%;
    color: #434657!important;
}
.show-detail-napgame-ct .content-video-in p{
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 150%;
    color: #434657!important;
}
.show-detail-napgame-ct .content-video-in span{
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 150%;
    color: #434657!important;
}
.refund-default{
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #F67600;
    border: 1px solid #F67600;
    border-radius: 8px;
    padding: 4px 6px;
    cursor: pointer;
    transition: .2s;
}
.refund-default:hover{
    background-color: #F67600;
    color: #ffffff;
    transition: .2s;
}
.refund-default:hover:active{
    background-color: #C55E00;
    color: #ffffff;
    transition: .2s;
}
.table-logs::-webkit-scrollbar {
    width: 10px;
    height: 6px;
    margin-top: -50px!important;
}

.table-logs::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #E4E5F0;
    margin-top: -50px!important;
}

.table-logs .badge-danger{
    border-color: #DA4343;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #FFFFFF;
    /*width: 94px;*/
    border-radius: 4px;
}

.table-logs .badge-warning{
    border-color:  #FFA940;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #FFFFFF;
    /*white-space: pre-wrap;*/
    border-radius: 4px;
}
.table-logs .badge-success{
    border-color:  #30CD60;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #FFFFFF;
    /*width: 94px;*/
    border-radius: 4px;
}
.refund-default-tt{
    margin-left: 6px;
}
.delete-account p{
    margin-bottom: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.padding-logs-tra-gop{
    padding-top: 12px;
}
.small-logs-tra-gop small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #1990FF;
}
.logs-tra-gop-row{
    padding: 12px;
}
.span-logs-tra-gop{
    padding-top: 16px;
}
.span-logs-tra-gop span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}
.padding-order-16-ct{
    padding-top: 16px;
}

.web-media-ct-fix{
    /*min-height: 100%;*/
}
.detail-service-col{
    width: 50%;
}

.profile-category{
    min-height: 100%;
}
.nav-bar-hr:last-child{
    margin-bottom: 0;
}
.profile-category-body{
    padding-bottom: 16px;
}
.text-profile-default span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #82869E;
}

.text-profile-default small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}
.profile-auto{
    width: 20%;
}
.profile-row{
    padding-top: 16px;
}
.profile-row:first-child{
    padding-top: 32px;
}

.change-password-row span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1B1D29;
}
.change-password-first{
    padding-top: 32px;
}
.change-password-col-last{
    padding-top: 16px;
}
.change-password-last{
    padding-top: 24px;
}
.change-password-default{
    width: 50%;
}
.default-table p{
    margin-bottom: 8px;
}
.default-table p:last-child{
    margin-bottom: 0;
}

#table-notdata td{
    padding-top: 22px;
    padding-bottom: 22px;
}
#table-notdata td span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}

.footer-default{
    background: #2A2A2A;
}
.footer-copy{
    background: #121212;
}

.footer-copy span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #7D7D7D;

}
.footer-copy .row{
    padding: 16px 0;
}
.footer-copy small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #F67600;
}

.footer-default-row{
    padding-left: 12px;
    padding-right: 12px;
}
.footer-default-col{
    width: 25%;
    padding-left: 12px;
    padding-right: 12px;
}
.footer-default-body-row{
    padding: 24px 0;
}

.footer-default-body-col{
    padding-bottom: 12px;
}
.footer-default-body-col:last-child{
    padding-bottom: 0;
}
.footer-default-body-row img{
    max-width: 200px;
    height: auto;
    object-fit: cover;
}
.footer-default-body-row span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #F3F3F3;
}

.footer-default-body-row small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #DBDBDB;
}
.footer-default-icon-col{
    padding-left: 6px;
    padding-right: 6px;
    /*width: 20%;*/
}
.footer-default-icon-row{
    padding-left: 6px;
    padding-right: 6px;
}
.footer-default-icon-col{
    width: 52px;
    height: 40px;
}
.footer-default-icon-col img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.footer-default-two-row{
    padding: 24px 0;
}
.footer-default-foor-row{
    padding: 24px 0;
}

.footer-default-two-row h4{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    margin-bottom: 0;
}
.footer-default-foor-row h4{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    margin-bottom: 0;
}
.footer-default-two-col{
    padding-bottom: 20px;
}
.footer-default-two-col:last-child{
    padding-bottom: 0;
}

.footer-default-two-row ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.footer-default-foor-row ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.footer-default-two-row ul li{
    padding-bottom: 12px;
}
.footer-default-foor-row li{
    padding-bottom: 22px;
}
.footer-default-two-row ul li::before {
    content: "\2022";
    color: #F67600;
    font-weight: bold;
    display: inline-block;
    width: 12px;
}
.footer-default-two-row ul li a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #DBDBDB;
}

.footer-default-foor-row li a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #DBDBDB;
}

.footer-default-two-row ul li a:hover{
    color: #F67600;
}

.footer-default-foor-row li a:hover{
    color: #F67600;
}
.footer-default-two-row ul li:last-child{
    padding-bottom: 0;
}
.footer-default-foor-row ul li:last-child{
    padding-bottom: 0;
}
.footer-default-three-col{
    padding-top: 28px;
}
.footer-default-three-col-image{
    padding: 0 6px;
    width: 50%;
}
.footer-default-three-col-image-left{
    width: 136px;
    height: auto;
}
.footer-default-google{
    padding-top: 4px;
}
.footer-default-three-col-image-right img{
    width: auto;
    height: 76px;
}
.footer-default-three-row-image{
    padding-left: 8px;
    padding-right: 8px;
}
.footer-default-ul-foor img{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

/* Xem thêm */

.__icon__default:after
{
    content: '';
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}


.__icon__default.--sm__default {
    width: 16px;
    height: 16px;
}
.global__link__default {
    display: flex;
    color: #1990FF;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    align-items: center;
    justify-content: center;
}
.global__link__default:hover {
    color: #1473CC;
}
.global__link__default:focus {
    color: #0F5699;
}

.__icon__default.--link__default {
    -webkit-mask: var(--path) center/contain;
    background-color: #1990FF;
    margin-top: 4px;
}
.global__link__default:hover .__icon__default.--link__default {
    background-color: #1473CC;
}
.global__link__default:hover .__icon__default.--link__default {
    background-color: #0F5699;
}


/*Xem thêm footer*/

.__icon__footer:after
{
    content: '';
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}


.__icon__footer.--sm__footer {
    width: 24px;
    height: 24px;
}
.global__link__footer {
    display: flex;
    color: #1990FF;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    align-items: center;
    justify-content: start;
    transition: .2s;
}
.global__link__footer:hover {
    color: #F67600;
    transition: .2s;
}
.global__link__footer:focus {
    color: #C55E00;
}

.__icon__footer.--link__footer {
    -webkit-mask: var(--path) center/contain;
    background-color: #DBDBDB;
    /*margin-top: 4px;*/
    margin-right: 8px;
}
.global__link__footer:hover .__icon__footer.--link__footer {
    background-color: #F67600;
    transition: .2s;
}


/*end xem thêm footer*/



/*Xem thêm profile*/

.__icon__profile:after
{
    content: '';
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}


.__icon__profile.--sm__profile {
    width: 24px;
    height: 24px;
}

.global__link__profile {
    display: flex;
    color: #1990FF;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    align-items: center;
    justify-content: start;
    transition: .2s;
}
.global__link__profile:hover {
    color: #F67600;
    transition: .2s;
}
.global__link__profile:focus {
    color: #C55E00;
}

.__icon__profile.--link__profile {
    background-image: var(--path);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.global__link__profile:hover .__icon__profile.--link__profile {
    filter: var(--filter-primary-color);
    transition: .2s;
}

.nav-bar-child a:hover .global__link__profile .__icon__profile.--link__profile {
    filter: var(--filter-primary-color);
    transition: .2s;
}

.nav-bar-child.active .__icon__profile.--link__profile {
    filter: var(--filter-primary-color);
    transition: .2s;
}

    /*end xem thêm profile*/




.content-video-in-add::after {

    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) );
}

.swiper-slide-col{
    height: 60px;
}

.footer-detail-account{
    background: #FBFBFD;
    border-radius: 8px;
}
.footer-detail-account-col{
    padding-top: 16px;
    /*padding-bottom: 20px;*/
}

.button-success-secondary {
    width: 100%;
    background: transparent;
    border: 1px solid #F67600;
    border-radius: 8px;
}

.button-success-secondary a {
    display: block;
    color: #F67600;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
}

.button-success-secondary:hover {
    background: #F67600;
}

.button-success-secondary:hover:active {
    background: #C55E00;
}

.button-success-secondary:hover a {
    color: #FFFFFF;
}

.button-success-secondary:disabled {
    border: 1px solid #7D7D7D;
}

.button-success-secondary:disabled a {
    color: #7D7D7D;
    font-weight: 400;
}

.button-success-secondary:disabled:hover {
    background: transparent;
}

.button-success-secondary:disabled:hover a {
    color: #7D7D7D;
}

.button-success-primary {
    width: 100%;
    border: 1px solid #F67600;
    border-radius: 8px;
    background-color: #F67600;
}

.button-success-primary a {
    display: block;
    color: #FFFFFF;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
}

.button-success-primary:hover {
    background-color: #DD6A00;
}

.button-success-primary:hover:active {
    background-color: #C55E00;
}

.body-box-loadding{
    text-align: center;
    position: relative;
    min-height: 450px;
}
.result-amount-loadding{
    min-height: 245px !important;
}
.pulser {
    text-align: center;
    display: block;
    margin: 0 auto;
    border-radius: 100px;
    margin-top: 8px;
    width: 30px;
    height: 30px;
    border: 10px solid #F67600;
    animation-name: pulse, fadeout;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
}
@keyframes pulse {
    0% { transform: scale(0); }
    100% { transform: scale(1); -webkit-filter: blur(5px); }
}
.loading-data__timkiem{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(50%,-50%);
}

#openFinter::-webkit-scrollbar {
    display: none!important;
}

.add-child{
    padding-top: 16px;
}

.chat-box{
    background: #FFFFFF;
    border: 1px solid #DCDEE9;
    border-radius: 8px;
}

.chat-box-row{
    padding: 8px 12px;
}
.chat-box-col:first-child{
    padding-top: 0;
}
.chat-box-col{
    padding-top: 16px;
}

.chat-box-col span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}

.chat-box-col small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #82869E;

}

.header-chat{
    background: #F3F3F7;
   border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.header-chat{
    padding: 8px 12px;
}
.header-chat span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #434657;
}

.header-chat small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #F67600;
    margin-left: 12px;
}

.body-chat-col{
    padding: 8px 12px;
}
.body-chat-col-dark{
    background: #FBFBFD;
}
.body-chat-col:last-child{
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
}
.body-chat-title span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
}

.body-chat-content small{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #A7ABC3;
}

.body-chat-content span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #434657;
    margin-left: 12px;
}

#chat-scroll{
    max-height: 260px;
    overflow: auto;
}

.chat-hover:hover #chat-scroll::-webkit-scrollbar-thumb{
    background-color: #F67600;
}

#chat-scroll::-webkit-scrollbar-track
{
    position: absolute;
    top: 100px;
    left: -60px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color:  transparent;
    border: none;
}
#chat-scroll::-webkit-scrollbar-thumb{
    background-color: pink;

}
#chat-scroll::-webkit-scrollbar
{
    width: 8px;
    border: none;
}

#chat-scroll::-webkit-scrollbar-thumb
{
    /*Màu thanh sroll*/
    background: #D9D9D9;
    border-radius: 24px;
    border: none;
    margin-left: 20px;
    height: 20px;
}
.work-col:first-child{
    padding-top: 0;
}
.work-col{
    padding-top: 8px;
}

/* Hêt */


#openDelete .modal-body-order-ct{
    padding-top: 24px;
 }

.textarea-default {
    font-family: 'Open Sans';
    color: #A7ABC3;
    width: 100%;
    height: 100px;
    padding: 12px;
    box-sizing: border-box;
    border: 1px solid #DCDEE9;
    border-radius: 8px;
    background-color: #FBFBFD;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    resize: none;
    outline: none;
    transition: all ease .2s;
}
.textarea-default:hover
{
    background: #F3F3F7;
    color: #82869E;
}
.textarea-default:focus {
    background-color: #FFFFFF;
    border: 1px solid #F67600;
    color: #434657;
}


.minigame-scroll{
    max-height: 496px;
    overflow: auto;
}
.minigame-scroll-mobile{
    max-height: 0;
    overflow: auto;
}

.minigame-scroll::-webkit-scrollbar-track
{
    position: absolute;
    top: 100px;
    left: -60px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color:  transparent;
    border: none;
}
.minigame-scroll::-webkit-scrollbar-thumb{
    background-color: pink;

}
.minigame-scroll::-webkit-scrollbar
{
    width: 6px;
    border: none;
}

.minigame-scroll::-webkit-scrollbar-thumb
{
    /*Màu thanh sroll*/
    background: #E4E5F0;
    border-radius: 100px;
    border: none;
    margin-left: 20px;
    height: 20px;
}


.leaderboard-table .content-video-in{
    max-height: 470px;
    overflow: hidden;
}

#squaredesktop img{
    width: 100%;
}
#squaredesktop .box{
    min-width: 40px;
    min-height: 40px;
    padding: 10px;
}
.item_spin {
    text-align: center;
    position: relative;
}

.item_spin .ani-zoom {
    position: absolute;
    display: block;
    width: 80px;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.item_spin .ani-zoom img{
    width: 100%;
}

.item_slot_inner {
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}




.the-a-lich-su{
    padding: 0.75rem 0;
    font-weight: 600;
    display: flex;
    font-size: 16px;
    justify-content: center;
}
.logs-vat-pham-left{
    padding-left: 0;
    padding-right: 8px;
}
.logs-vat-pham-right{
    padding-left: 8px;
    padding-right: 0;
}
.item_spin{
    width: 418px;
}
.rotation-button-quanhuy{
    width: 180px;
    bottom: 30px;
}
.rotation-button-quanhuy img{
    width: 100%;
}




@media screen and (min-width: 1200px){
    #viewMore span {
        font-size: unset;
    }
    .item_slot {
        background-size: 100% auto !important;
        width: 100%;
        height: 455px;
    }

    .item_play_spin_five_record {
        width: 100%;
        height: 412px;
        background-size: 694px 396px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
    }

    .item_five_record_inner {
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
    }

    .theme_3_imagebanner{
        max-height: 230px;
    }
    .c_order-modal .login{
        margin: 0 auto;
        max-width: 1380px!important;
        padding: 16px;
    }
}

/*  Lap top  */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .body-header-col-ct h3{
        font-size: 20px!important;
        line-height: 40px!important;
    }
    .body-header-col-ct h1{
        font-size: 20px!important;
        line-height: 40px!important;
    }
    .body-title-detail-checkbox-col-ct{
        width: 100%;
    }
    .body-title-detail-media-ct{
        width: 50%;
    }
    .body-detail-account-col-ct {
        width: 20%;
    }
    .body-detail-nick-col-ct {
        width: 25%;
    }

    .body-detail-nick-col-ct img.img-list-nick-category{
        height: 175px;
    }

    .body-detail-nick-slider-ct {
        width: 25%;
    }

    /*.show-detail-caythue-ct .content-video-in{*/
    /*    max-height: 366px;*/
    /*}*/
    .show-detail-service-ct .content-video-in {
        /*max-height: 250px;*/
    }
    #service-detail .web-media-ct {
        /*padding-bottom: 24px;*/
    }
    .bottom-container-ct {
        padding-bottom: 60px;
    }
    .section-footer{
        padding-bottom: 90px;
    }
    .body-row-napgame-ct{
        padding-bottom: 20px;
    }

    .prepend-nick{
        white-space: nowrap;
        overflow: hidden;
        max-width: 140px;
        position: relative;
        text-overflow: ellipsis;
        margin-top: -2px;
    }

    .prepend-nick a{
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .body-search-ct{
        padding-top: 20px;
    }
    .padding-order-28-ct{
        padding-top: 24px;
    }
    .gallery-footer-two-li{
        font-size: 28px;
    }
    .gallery-footer-three-li{
        line-height: 40px;
    }
    .gallery-footer-fisrt-li{
        line-height: 40px;
    }
    .gallery-col-auto-left{
        width: 60%;
    }
    .gallery-col-auto-right{
        width: 40%;
    }
    .theme-404-title span{
        font-size: 30px;
    }
    .table-logs{
        display: block;
        width: auto;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .show-detail-napgame-ct .content-video-in{
        max-height: 364px;
    }
    .detail-service-col{
        width: 100%;
    }
    .body-title-detail-col-ct:last-child{
        padding-top: 16px;
    }
    .show-detail-caythue-ct-fix .content-video-in {
        max-height: 422px;
        overflow: hidden;
    }
    .footer-row-ct .view-more, .footer-row-ct .view-less{
        padding-top: 0;
        padding-bottom: 0;
    }
    .show-detail-caythue-ct .content-video-in{
        max-height: 132px;
    }
    .footer-default-col{
        width: 50%;
    }
    .footer-default-body-row:first-child{
        padding-bottom: 0;
    }
    .footer-default-body-row img{
        height: 64px;
    }
    .logs-search{
        padding-top: 20px;
    }
    .item_slot-ba-qua{
        height: 334px!important;
    }
    .item_slot-ba-qua .item_slot_inner{
        bottom: 80px!important;
    }
    .item_slot {
        background-size: 100% auto !important;
        width: 100%;
        height: 455px;
    }
    .item_play_spin_five_record {
        width: 100%;
        height: 306px;
        background-size: 562px 336px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
    }

    .item_five_record_inner {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
    }
    .c_order-modal .login{
        margin: 0 auto;
        max-width: 1060px!important;
        padding: 16px;
    }

    .fix_ads-banner-second_top{
        height: 358px!important;
        width: 100%;
    }
    /*.fix_ads-banner-second_top{*/
    /*    height: 212px!important;*/
    /*}*/
    /*.item-article-content-secon{*/
    /*    padding: 0 8px;*/
    /*    bottom: 8px;*/
    /*}*/
    /*.item-article-content{*/
    /*    padding: 0 8px;*/
    /*    bottom: 8px;*/
    /*}*/
    .f_box-product{
        margin-bottom: 12px!important;
        background: #ffffff;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 16px;
    }
    .top_box-product{
        padding-right: 8px!important;
    }
    .center_swiper-general_right{
        padding-right: 8px!important;
        padding-left: 8px!important;
    }
    .end_swiper-general_right{
        padding-left: 8px!important;
    }

    /*.top_box-product{*/
    /*    padding: 12px 16px 0px 16px;*/
    /*}*/
    /*.end_swiper-general_right{*/
    /*    padding-right: 16px;*/
    /*    padding-left: 6px;*/
    /*}*/
    /*.center_swiper-general_right{*/
    /*    padding-left: 16px;*/
    /*    padding-right: 6px;*/
    /*}*/

    /*#c_slider_banner .fix_ads-banner-second{*/
    /*    width: 100%;*/
    /*    margin-bottom: 8px;*/
    /*}*/

    /*.item-article-name{*/
    /*    font-size: 14px!important;*/
    /*}*/
    /*.item-article-user{*/
    /*    font-size: 10px!important;*/
    /*}*/
}

/*  Ipat  */
@media (min-width: 768px) and (max-width: 992px) {
    .fix_ads-banner-second_top{
        height: 212px!important;
    }
    .item-article-content-secon{
        padding: 0 8px;
        bottom: 8px;
    }
    .item-article-content{
        padding: 0 8px;
        bottom: 8px;
    }
    .f_box-product{
        margin-bottom: 12px!important;
        background: #ffffff;
        width: 100%;
        margin: 0 auto;
    }
    .top_box-product{
        padding: 12px 16px 0px 16px;
    }
    .end_swiper-general_right{
        padding-right: 16px;
        padding-left: 6px;
    }
    .center_swiper-general_right{
        padding-left: 16px;
        padding-right: 6px;
    }

    #c_slider_banner .fix_ads-banner-second{
        width: 100%;
        margin-bottom: 8px;
        height: 95px;
    }

    #c_slider_banner .fix_ads-banner-fecond{
        width: 100%;
        margin-bottom: 12px;
    }

    .item-article-name{
        font-size: 14px!important;
    }
    .item-article-user{
        font-size: 10px!important;
    }



    .body-detail-col-ct {
        padding: 12px 8px 12px 8px !important;
        width: 20% !important;
    }





    .body-detail-ctng-col-ct {
        padding: 12px 0 12px 0 !important;
    }

    .body-detail-nick-col-ct {
        padding: 12px 0 12px 0 !important;
    }

    .body-detail-nick-col-ct img.img-list-nick-category{
        height: 150px;
    }

    .body-detail-nick-slider-ct {
        padding: 0 12px 0 12px !important;
    }

    .footer-row-col-ct {
        padding-top: 16px !important;
    }

    .body-container-detail-right-ct {
        padding-left: 0 !important;
    }

    .body-container-detail-left-ct {
        padding-right: 0 !important;
    }

    .body-detail-header-right-ct {
        margin-top: 20px !important;
        border-radius: 0 !important;
    }

    .body-row-ct {
        border-radius: 0 !important;
    }
    .i_body-row-ct {
        border-radius: 0 !important;
    }

    .body-row-nick-ct {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .body-row-napgame-ct {
        border-radius: 0 !important;
    }

    .banner-detail-ct img {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .body-detail-right-ct {
        border-radius: 0 !important;
    }

    .body-detail-right-ng-ct {
        border-radius: 0 !important;
    }

    .bottom-container-ct {
        padding-bottom: 0 !important;
    }

    .body-detail-account-col-ct {
        width: 25%;
    }

    .body-detail-nick-col-ct {
        width: 33.3333%;
    }

    .body-detail-nick-slider-ct {
        width: 33.3333%;
    }

    .input-search-ct {
        width: 270px;
    }

    .body-detail-account-small-span-ct .fist-li-account {
        font-size: 16px;
    }

    .section-footer {
        padding-bottom: 0;
    }

    /*.footer-row-ct .view-more, .footer-row-ct .view-less {*/
    /*    padding-top: 8px !important;*/
    /*    padding-bottom: 8px !important;*/
    /*}*/

    .footer-row-col-ct p {
        margin-bottom: 8px !important;
    }

    #service-detail .web-media-ct {
        /*padding-bottom: 24px;*/
    }

    .body-row-napgame-ct {
        padding-bottom: 16px;
    }

    .item-sort-nick {
        margin-left: 8px;
    }

    .body-header-col-ct h3 {
        font-size: 20px;
    }
    .body-header-col-ct h1 {
        font-size: 20px;
    }
    .nick-findter-row {
        /*margin-top: -32px;*/
    }

    .body-header-ct img {
        width: 32px;
    }

    .prepend-nick {
        white-space: nowrap;
        overflow: hidden;
        max-width: 140px;
        position: relative;
        text-overflow: ellipsis;
        margin-top: -2px;
    }

    .prepend-nick a {
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .nick-findter-data {
        overflow-x: auto;
        /*margin-top: 16px;*/
        width: 100%;
        flex-wrap: nowrap;
        justify-content: start;
    }

    .body-search-ct {
        padding-top: 16px;
    }

    .nick-list-bg img {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .padding-order-28-ct {
        padding-top: 24px;
    }

    .body-header-nick-detail-ct img {
        width: 32px;
    }

    .body-header-nick-detail-ct {
        padding-bottom: 20px;
    }

    .gallery-footer-row {
        padding-top: 24px;
    }

    .gallery-footer-bottom {
        padding-bottom: 20px;
    }

    .gallery-right {
        padding-left: 0;
    }

    .gallery-right-top-header {
        padding-bottom: 12px;
    }

    .gallery-right-footer {
        padding-left: 0;
        padding-top: 20px;
    }

    .body-row-nick-detail-ct {
        border-radius: 0;
    }

    .body-detail-nick-slider-ct {
        padding: 0 8px 0 8px !important;
    }

    .nick-sider-header {
        padding-top: 20px;
    }
    .gallery-footer-two-li{
        font-size: 24px;
    }
    .gallery-footer-three-li{
        line-height: 32px;
    }
    .gallery-footer-fisrt-li{
        line-height: 32px;
    }
    .gallery-right{
        padding-top: 20px;
    }
    .gallery-col-auto-left{
        width: 60%;
    }
    .gallery-col-auto-right{
        width: 40%;
    }
    .theme-404-row{
        padding-top: 176px;
        padding-bottom: 680px;
    }
    .theme-404-title span{
        font-size: 28px;
    }
    .navbar-media{
        display: none;
    }

    .profile-category{
        min-height: calc(100vh - 51px - 56px);
    }
    .change-password-first{
        padding-top: 24px;
    }
    .footer-row-ct .view-more, .footer-row-ct .view-less{
        padding-top: 16px;
        padding-bottom: 0;
    }
    .footer-row-ct .content-video-in{
        max-height: 128px;
    }
    .show-detail-napgame-ct .content-video-in{
        max-height: 182px;
    }
    .show-detail-napgame-ct .view-more, .show-detail-napgame-ct .view-less{
        padding-top: 8px;
    }
    .show-detail-caythue-ct .content-video-in{
        max-height: 132px;
    }
    .show-detail-caythue-ct-fix .content-video-in{
        max-height: 132px;
    }
    .footer-default-col{
        width: 50%;
    }
    .footer-default-body-row:first-child{
        padding-bottom: 0;
    }
    .footer-default-body-row{
        padding-top: 20px;
    }
    .footer-default-two-row,
    .footer-default-foor-row{
        padding-top: 20px;
    }
    .footer-default-three-col{
        padding-top: 24px;
    }

    .footer-default-foor-row li{
        padding-bottom: 20px;
    }
    .footer-default-body-row img{
        height: 56px;
    }
    .swiper-slide-col {
        height: 72px;
    }
    .logs-search{
        padding-top: 20px;
    }
    .item_slot {
        background-size: 100% auto !important;
        width: 100%;
        height: 455px;
    }

    .item_play_spin_five_record {
        width: 100%;
        height: 412px;
        background-size: 694px 396px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
    }

    .item_five_record_inner {
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
    }
    .c_order-modal .login{
        margin: 0 auto;
        max-width: 850px!important;
        padding: 16px;
    }
}

@media only screen and (min-width: 573px) and (max-width: 768px) {
    .fix_ads-banner-second_top{
        height: 212px!important;
    }
    .item-article-content-secon{
        padding: 0 8px;
        bottom: 8px;
    }
    .item-article-content{
        padding: 0 8px;
        bottom: 8px;
    }
    .f_box-product{
        margin-bottom: 12px!important;
    }
    .body-detail-col-ct {
        padding: 12px 8px 12px 8px;
        width: 25%!important;
    }
    .body-detail-ctng-col-ct{
        padding: 12px 0 12px 0!important;
    }
    .body-detail-nick-col-ct{
        padding: 12px 0 12px 0!important;
    }
    .body-detail-nick-col-ct img.img-list-nick-category{
        height: 125px;
    }
    .body-detail-nick-slider-ct{
        padding: 0 8px 0 8px!important;
    }

    .input-search-ct{
        width: 250px!important;
    }
    .body-search-ct{
        padding-top: 16px!important;
    }

    .body-container-detail-right-ct{
        padding-left: 0!important;
    }
    .body-container-detail-left-ct{
        padding-right: 0!important;
    }
    .body-detail-header-right-ct{
        margin-top: 20px!important;
        border-radius: 0!important;
    }
    .i_body-row-ct{
        border-radius: 0!important;
    }
    .body-row-ct{
        border-radius: 0!important;
    }
    .body-row-nick-ct{
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }

    .body-row-napgame-ct{
        border-radius: 0!important;
    }
    .banner-detail-ct img{
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
    .body-detail-right-ct{
        border-radius: 0!important;
    }
    .body-detail-right-ng-ct{
        border-radius: 0!important;
    }

    .bottom-container-ct{
        padding-bottom: 0!important;
    }
    .body-detail-account-col-ct {
        width: 33.333%;
    }
    .body-detail-nick-col-ct {
        width: 50%;
    }

    .body-detail-nick-slider-ct {
        width: 50%;
    }
    .body-detail-account-small-span-ct .fist-li-account {
        font-size: 16px;
    }
    .body-header-col-ct h3{
        font-size: 20px;
    }
    .body-header-col-ct h1{
        font-size: 20px;
    }
    .body-header-ct img{
        width: 30px;
    }

    .section-footer{
        padding-bottom: 0;
    }
    .footer-row-ct .view-more, .footer-row-ct .view-less{
        padding-top: 12px!important;
        padding-bottom: 0px!important;
    }
    .footer-row-col-ct p{
        margin-bottom: 8px!important;
    }
    #service-detail .web-media-ct{
        /*padding-bottom: 24px;*/
    }
    .body-row-napgame-ct{
        padding-bottom: 16px;
    }
    .timkiem-button-ct{
        width: 90px;
    }

    .prepend-nick{
        white-space: nowrap;
        overflow: hidden;
        max-width: 140px;
        position: relative;
        text-overflow: ellipsis;
        margin-top: -2px;
    }

    .prepend-nick a{
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .nick-findter-data{
        overflow-x: auto;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: start;
    }
    .body-search-ct{
        padding-top: 12px;
    }
    .item-sort-nick {
        margin-left: 0;
        margin-right: 16px;
    }
    .nick-list-bg img {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    .padding-order-28-ct{
        padding-top: 20px;
    }

    .gallery-right-footer{
        padding-left: 0!important;
    }

    .body-header-nick-detail-ct img {
        width: 32px;
    }

    .body-header-nick-detail-ct {
        padding-bottom: 20px;
    }

    .gallery-footer-row {
        padding-top: 20px;
    }

    .gallery-footer-bottom {
        padding-bottom: 20px;
    }

    .gallery-right {
        padding-left: 0;
    }

    .gallery-right-top-header {
        padding-bottom: 12px;
    }

    .gallery-right-footer {
        padding-left: 0;
        padding-top: 20px;
    }

    .body-row-nick-detail-ct {
        border-radius: 0;
    }

    .body-detail-nick-slider-ct {
        padding: 0 8px 0 8px !important;
    }

    .nick-sider-header {
        padding-top: 20px;
    }
    .gallery-footer-two-li{
        font-size: 24px;
    }
    .gallery-footer-three-li{
        line-height: 32px;
    }
    .gallery-footer-fisrt-li{
        line-height: 32px;
    }
    .gallery-right{
        padding-top: 20px;
    }
    .password-mobile{
        padding-top: 16px;
    }
    .chitiet-nick-input{
        padding-top: 16px;
    }
    .gallery-col-auto-left{
        width: 60%;
    }
    .gallery-col-auto-right{
        width: 40%;
    }
    .theme-404-title span{
        font-size: 24px;
    }
    .gallery-slider .swiper-slide{
        height: 260px;
    }
    .gallery-slider-mobile .swiper-slide{
        height: 260px;
    }
    .navbar-media{
        display: none;
    }
    .input-search-log-ct{
        width: 200px;
    }
    .detail-service-col{
        width: 100%;
    }
    .profile-category{
        min-height: calc(100vh - 51px - 56px);
    }
    .profile-row:first-child{
        padding-top: 24px;
    }
    .profile-auto{
        width: 30%;
    }
    .change-password-first{
        padding-top: 24px;
    }
    .overlay-find{
        right: -4px;
    }
    .logs-table{
        padding-top: 16px;
    }
    .footer-row-ct .content-video-in{
        max-height: 128px;
    }
    .footer-row-col-ct{
        padding-top: 16px;
    }
    .show-detail-napgame-ct .content-video-in{
        max-height: 134px;
    }
    .show-detail-caythue-ct .content-video-in{
        max-height: 132px;
    }

    .show-detail-caythue-ct-fix .content-video-in{
        max-height: 132px;
    }

    .footer-default-col{
        width: 50%;
    }
    .footer-default-body-row img{
        height: 48px;
    }
    .footer-default-two-row{
        padding-top: 16px;
    }
    .footer-default-two-col{
        padding-bottom: 16px;
    }
    .footer-default-body-row{
        padding-top: 16px;
    }
    .footer-default-body-row:first-child{
        padding-bottom: 0;
    }
    .footer-default-three-col{
        padding-top: 16px;
    }
    .footer-default-three-col-image-left{
        width: 120px;
    }
    .footer-default-foor-row li{
        padding-bottom: 16px;
    }
    .footer-default-three-col-image-right img{
        height: 68px;
    }
    .footer-default-three-col-image{
        padding: 0 4px;
    }
    .footer-default-three-col-image-left img{
        width: 100%;
    }
    .swiper-slide-col {
        height: 64px;
    }
    .logs-search{
        padding-top: 16px;
    }
    .default-paginate-addpadding{
        height: calc( 100vh - 52px - 56px - 150px);
    }

    .table-logs{
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .rotation-button-quanhuy{
        width: 120px;
        bottom: 24px;
    }
    .item_slot-ba-qua .item_slot_inner{
        bottom: 86px!important;
    }
    .item_slot-ba-qua{
        height: 334px!important;
    }
    .item_slot {
        background-size: 100% auto !important;
        width: 100%;
        height: 455px;
    }

    .item_play_spin_five_record {
        width: 100%;
        height: 310px;
        background-size: 530px 310px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
    }

    .item_five_record_inner {
        position: absolute;
        bottom: 32px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
    }

    .c_order-modal .login{
        margin: 0 auto;
        max-width: 640px!important;
        padding: 16px;
    }

    .f_box-product{
        margin-bottom: 12px!important;
        background: #ffffff;
        width: 100%;
        margin: 0 auto;
    }
    .top_box-product{
        padding: 12px 16px 0px 16px;
    }
    .end_swiper-general_right{
        padding-right: 16px;
        padding-left: 6px;
    }
    .center_swiper-general_right{
        padding-left: 16px;
        padding-right: 6px;
    }

    #c_slider_banner .fix_ads-banner-second{
        width: 100%;
        margin-bottom: 8px;
        height: 95px;
    }
    #c_slider_banner .fix_ads-banner-fecond{
        width: 100%;
        margin-bottom: 12px;
    }
    .item-article-name{
        font-size: 14px!important;
    }
    .item-article-user{
        font-size: 10px!important;
    }

}

@media only screen and (min-width: 376px) and (max-width: 573px) {
    #detailContent iframe{
        max-width: 100%;
        height: auto;
    }
    .fix_ads-banner-second_top{
        height: 212px!important;
    }
    .f_box-product{
        margin-bottom: 12px!important;
    }
    .logs-table{
        padding-top: 16px;
    }
    .overlay-find{
        right: -4px;
    }
    .navbar-media{
        display: none;
    }
    .media-web {
        display: none !important;
    }

    .body-header-col-ct h3 {
        font-size: 16px !important;
    }
    .body-header-col-ct h1 {
        font-size: 16px !important;
        line-height: 30px;
    }
    .body-header-ct img {
        width: 24px !important;
    }

    .body-detail-ctng-col-ct .default-overlay-ct.related-acc-category img {
        border-radius: 8px;
    }

    .body-row-ct {
        border-radius: 0 !important;
    }

    .i_body-row-ct {
        border-radius: 0 !important;
    }

    .body-row-nick-ct {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .body-row-napgame-ct {
        border-radius: 0 !important;
    }

    .body-title-ct span, .body-search-ct span {
        font-size: 14px !important;
    }

    .input-search-ct {
        width: 100% !important;
    }

    .media-mobile {
        display: block !important;
    }

    .body-detail-col-ct {
        padding: 4px 8px 6px 4px;
        width: 33.33% !important;
    }

    .body-detail-ctng-col-ct {
        padding: 4px 0 4px 0 !important;
    }

    .body-detail-nick-col-ct {
        padding: 4px 0 4px 0 !important;
    }

    .body-detail-nick-slider-ct {
        padding: 0 4px 0 4px !important;
    }

    .body-detail-row-ct {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .body-detail-ct {
        padding-top: 14px !important;
    }

    .body-detail-col-span-ct span {
        font-size: 14px !important;
    }

    .body-detail-col-span-ct {
        padding-top: 8px !important;
    }

    .section-footer {
        padding-bottom: 0 !important;
    }

    .footer-row-col-ct {
        padding-top: 8px !important;
    }

    .media-mobile {
        display: block !important;
    }

    .banner-mobile-container-ct {
        background-color: #FBFBFD !important;
        padding: 12px 16px 12px 16px !important;
    }

    .body-container-row-mobile-ct {
        padding-top: 0 !important;
    }

    .banner-mobile-row-ct {
        /*padding-top: 12px!important;*/
    }

    .banner-mobile-back {
        width: 10% !important;
    }

    .banner-mobile-span h3 {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 150% !important;
        color: #1B1D29;
        margin-bottom: 0;
    }
    .banner-mobile-span h1{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700!important;
        font-size: 18px!important;
        line-height: 150%!important;
        color: #1B1D29;
        margin-bottom: 0;
    }

    .banner-mobile-span p{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700!important;
        font-size: 18px!important;
        line-height: 150%!important;
        color: #1B1D29;
        margin-bottom: 0;
    }
    .modal-footer-success-row-not-ct a {
        padding: 12px 32px !important;
    }

    .body-header-ct {
        padding-bottom: 8px !important;
    }

    /*.banner-container-ct {*/
    /*    padding-top: 12px !important;*/
    /*}*/

    .body-container-detail-left-ct {
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }

    .body-container-detail-right-ct {
        padding-left: 0 !important;
    }

    .body-detail-right-ct {
        border-radius: 0 !important;
        padding-bottom: 16px !important;
    }

    .body-detail-right-ng-ct {
        border-radius: 0 !important;
    }

    .body-title-detail-col-ct {
        padding-right: 6px !important;
    }

    .body-title-detail-col-ct {
        padding-left: 6px !important;
    }

    .body-title-detail-span-ct span {
        font-size: 14px !important;
    }

    .body-title-detail-span-ct li {
        font-size: 14px !important;
    }

    .password-mobile {
        padding-top: 12px !important;
    }

    .password-mobile-napgame {
        /*padding-top: 12px!important;*/
    }

    .button-default-ct {
        height: 48px !important;
        font-size: 16px !important;
    }

    .bottom-container-ct {
        padding-bottom: 0 !important;
    }

    .body-title-detail-checkbox-col-ct {
        width: 100%;
    }

    .body-search-ct {
        padding-top: 16px !important;
    }

    .back-position-ct {
        position: absolute;
        top: 2px;
        left: 0;
    }

    .media-ctbg-ct {
        /*margin-top: 20px!important;*/
    }

    .modal-body-success-ct {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .body-detail-nick-col-ct img.img-list-nick-category{
        height: 100px;
    }

    .body-detail-nick-slider-ct {
        width: 50%;
        padding: 6px 6px 6px 6px !important;
    }

    .body-detail-account-col-ct {
        width: 50%;
        padding: 8px 8px 16px 8px !important;
    }

    .body-detail-account-small-span-ct .fist-li-account {
        width: 100%;
        display: block;
        font-size: 14px;
        line-height: 28px;
    }

    .body-header-col-ct h3 {
        font-size: 20px;
    }
    .body-header-col-ct h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .body-header-ct img {
        width: 30px;
    }

    .body-detail-account-col-span-ct.body-detail-title-fixed {
        min-height: 50px;
    }

    .body-detail-account-col-span-ct span {
        font-size: 14px !important;
    }

    .body-detail-account-small-span-ct small {
        font-size: 14px !important;
    }

    #formBookingStepMobie {
        display: block !important;
        position: relative !important;
    }

    .header-mobile {
        height: 48px !important;
        padding: 0 !important;
    }

    .web-media-ct {
        padding-bottom: 16px !important;
    }

    .body-title-detail-span-ct small {
        font-size: 16px !important;
    }

    .modal-header-success-row-ct span {
        font-size: 18px !important;
    }

    .modal-footer-success-ct {
        padding-bottom: 16px !important;
    }

    .modal-body-success-ct {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .modal-body-success-ct {
        padding-bottom: 0 !important;
    }

    .modal-footer-success-col-left-ct {
        padding-right: 6px !important;
    }

    .modal-footer-success-col-right-ct {
        padding-left: 6px !important;
    }

    .modal-body-success-ct {
        padding-top: 28px !important;
    }

    .modal-body-span-success-ct small {
        font-size: 14px !important;
    }

    .modal-body-span-success-ct span {
        font-size: 14px !important;
    }

    .show-detail-service-ct .view-more, .show-detail-service-ct .view-less {
        font-size: 12px !important;
    }

    .body-row-napgame-ct {
        padding-bottom: 0px;
    }

    .body-detail-right-ng-ct {
        margin-top: 0 !important;
    }

    .nick-list-bg img {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .nick-findter {
        cursor: pointer;
        padding-left: 12px;
        padding-right: 0;
        margin-top: 0px;
    }

    .mobile-find {
        padding-top: 12px;
    }

    .body-detail-account-small-span-ct .second-li-account {
        margin-left: 0;
    }

    .body-detail-account-small-span-ct .three-li-account {
        margin-left: 6px;
    }

    .prepend-nick {
        white-space: nowrap;
        overflow: hidden;
        max-width: 140px;
        position: relative;
        text-overflow: ellipsis;
        margin-top: -2px;
    }

    .prepend-nick a {
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .nick-findter-data {
        overflow-x: auto;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: start;
    }

    .padding-order-28-ct {
        padding-top: 16px;
    }

    .gallery-right-footer {
        padding-left: 0 !important;
    }

    .body-header-nick-detail-ct img {
        width: 24px;
    }

    .body-header-nick-detail-ct {
        padding-bottom: 16px;
    }

    .gallery-footer-row {
        padding-top: 16px;
    }

    .gallery-footer-bottom {
        padding-bottom: 16px;
        padding-top: 0;
    }

    .gallery-right {
        padding-left: 0;
    }

    .gallery-right-top-header {
        padding-bottom: 12px;
    }

    .gallery-right-footer {
        padding-left: 0;
        padding-top: 16px;
    }

    .body-row-nick-detail-ct {
        border-radius: 0;
    }

    .body-detail-nick-slider-ct {
        padding: 0 6px 0 6px !important;
    }

    .nick-sider-header {
        padding-top: 16px;
    }

    .gallery-right-top-header {
        padding: 12px;
    }

    .gallery-footer-two-li {
        font-size: 20px;
    }

    .gallery-footer-three-li {
        line-height: 24px;
    }

    .gallery-footer-fisrt-li {
        line-height: 24px;
    }

    .order-modal .modal-dialog {
        /*margin: auto;*/
    }

    .gallery-right {
        padding-top: 16px;
    }

    .password-mobile {
        padding-top: 16px;
    }

    .gallery-right-footer {
        padding-top: 16px;
    }

    .image-success {
        padding-top: 20px;
    }
    .title-tra-gop-body{
        padding-top: 24px;
    }
    .chitiet-nick-input{
        padding-top: 12px;
    }
    .gallery-col-auto-left{
        width: 70%;
    }
    .gallery-col-auto-right{
        width: 30%;
    }
    .modal-footer-success-row-ct a{
        padding: 12px;
    }
    .gallery-right-top-title{
        padding: 8px 12px;
    }
    .gallery-right-top-body-black{
        padding: 8px 12px;
    }
    .padding-order-footer-ct{
        /*padding-bottom: 16px;*/
    }
    .padding-order-footer-logs-ct{
        /*padding-bottom: 8px;*/
    }
    .button-default-nick-ct{
        font-size: 14px;
    }
    .button-default-not-nick-ct{
        font-size: 14px;
    }
    .title-tra-gop-body{
        text-align: left;
    }
    .data-scroll-mobile{
        margin-left: auto;
    }
    .thong-tin-tra-gop-mobile{
        padding: 12px 12px 16px 12px;
    }
    .thong-tin-tra-gop-mobile span{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 150%;
        color: #434657;
    }
    #tra-gop-scroll{
        max-height: 200px;
    }
    .tragop-order-body-row-ct{
        padding: 0;
    }
    .theme-404-title span{
        font-size: 20px;
    }
    .button-404{
        padding-top: 24px;
    }
    .gallery-slider .swiper-slide{
        height: 200px;
    }
    .gallery-slider-mobile .swiper-slide{
        height: 200px;
    }
    .gallery {
        border-radius: 0px;
    }

    .gallery-slider {
        border-radius: 0px;
    }

    .gallery-slider .swiper-slide {
        border-radius: 0px;
    }

    .gallery-slider .swiper-slide img {
        border-radius: 0px;
    }

    .gallery-slider-mobile {
        border-radius: 0px;
    }
    .gallery-slider-mobile .swiper-slide {
        border-radius: 0px;
    }

    .gallery-slider-mobile .swiper-slide img {
        border-radius: 0px;
    }

    .body-header-nick-detail-title-mobile{
        padding-bottom: 0;
    }
    .gallery-thumb-nick{
        padding-top: 0;
    }
    /*.nav-bar-hr:first-child{*/
    /*    margin-top: 20px;*/
    /*}*/
    .nav-bar-parent{
        border-radius: 0;
    }
    .nav-bar-nick:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .default-Modal .login{
        padding: 12px;
    }
    .small-log-Modal .login{
        padding: 12px;
    }
    .order-modal .login{
        padding: 12px;
    }
    .bottom-container-ct-fix{
        margin-top: 20px;
    }
    .body-row-napgame-ct{
        padding-bottom: 16px;
        margin-bottom: 20px;
    }
    .bottom-nick-slider {
        padding-bottom: 0;
    }
    .max-header-fix{
        height: calc(100vh - 51px - 80px);
    }
    .input-search-log-ct{
        width: 220px;
    }
    .nick-findter-row{
        margin-top: -32px;
        float: right;
        width: 120px;
    }
    .footer-row-ct .view-more, .footer-row-ct .view-less{
        padding-bottom: 0;
    }
    .button-404{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 12px;
    }
    .theme-404-row{
        padding-top: 158px;
    }
    .detail-service-col{
        width: 100%;
    }
    .media-col-558{
        padding-top: 16px;
    }
    .profile-row:first-child{
        padding-top: 16px;
    }
    .profile-auto{
        width: 35%;
    }
    .profile-category{
        min-height: calc(100vh - 52px - 56px);
    }
    .logs-content{
        border-radius: 0;
    }
    .text-profile-default span,
    .text-profile-default small{
        font-size: 14px;
    }
    .change-password-first{
        padding-top: 16px;
    }
    .change-password-last{
        padding-top: 16px;
    }
    .change-password-default{
        width: 100%;
    }
    .footer-row-ct .content-video-in{
        max-height: 120px;
    }
    .show-detail-napgame-ct .content-video-in{
        height: 112px;
    }
    .show-detail-napgame-ct .view-more, .show-detail-napgame-ct .view-less{
        padding-top: 12px;
    }

    .footer-default-col{
        width: 100%;
    }
    .footer-default-col{
        padding-left: 16px;
        padding-right: 16px;
    }
    .footer-default-body-row{
        padding-top: 32px;
        padding-bottom: 16px;
    }
    .footer-default-body-col:first-child{
        padding-bottom: 16px;
    }
    .footer-default-two-row{
        padding-top: 16px;
        padding-bottom: 0;
    }
    .footer-default-two-col{
        padding-bottom: 16px;
    }
    .media-footer{
        padding-top: 32px!important;
    }
    .media-footer-order-one{
        order: 4;
    }
    .media-footer-order-two{
        order: 1;
    }
    .media-footer-order-three{
        order: 2;
    }
    .media-footer-order-foor{
        order: 3;
    }
    .media-footer-li{
        padding-right: 16px;
        padding-left: 16px;
        padding-bottom: 10px!important;
    }
    .footer-default-three-col{
        padding-top: 6px;
    }
    .footer-default-foor-row{
        padding-top: 32px;
    }
    .media-footer-two{
        padding-bottom: 20px!important;
    }
    .footer-default-foor-row li{
        padding-bottom: 14px;
    }
    .footer-default-foor-row{
        padding-bottom: 0;
    }
    .footer-default-body-col{
        padding-bottom: 8px;
    }
    .swiper-slide-col {
        height: 75px;
    }
    .logs-search{
        padding-top: 16px;
    }
    .gallery-right-top-header span{
        font-size: 14px;
    }
    .gallery-right-top-header small{
        font-size: 14px;
    }
    .gallery-right-top-title span{
        font-size: 14px;
    }
    .footer-row-ct span{
        font-size: 14px;
    }
    .default-table{
        border: none!important;
    }
    .logs-table{
        padding-left: 0;
        padding-right: 0;
    }
    .default-paginate-addpadding{
        height: calc( 100vh - 52px - 56px - 150px);
    }
    .table-logs{
        display: block;
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .chat-box-col span,
    .chat-box-col small{
        font-size: 14px;
    }
    .chat-box-col{
        padding-top: 12px;
    }

    .rotation-button-quanhuy{
        width: 120px!important;
        bottom: 24px!important;
    }
    .rotation-button-quanhuy img{
        width: 100% !important;
    }

    .item_slot-ba-qua .item_slot_inner{
        bottom: 32px!important;
    }
    .item_slot-ba-qua{
        height: 334px!important;
    }
    .item_slot {
        background-size: 320px 230px !important;
        width: 320px!important;
        height: 230px!important;
        margin: auto;
    }
    .item_play_spin_five_record {
        width: 100%;
        height: 210px;
        background-size: 390px 220px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
    }

    .item_five_record_inner {
        position: absolute;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
    }
    .mobile-rutvatpham{
        font-size: 16px;
        margin-bottom: 0;
    }
    .c_order-modal .login{
        margin: 0 auto;
        padding: 16px;
    }

    .f_box-product{
        margin-bottom: 12px!important;
        background: #ffffff;
        width: 100%;
        margin: 0 auto;
    }
    .top_box-product{
        padding: 12px 16px 0px 16px;
    }
    .end_swiper-general_right{
        padding-right: 16px;
        padding-left: 6px;
    }
    .center_swiper-general_right{
        padding-left: 16px;
        padding-right: 6px;
    }

    #c_slider_banner .fix_ads-banner-second{
        width: 100%;
        margin-bottom: 8px;
        height: 95px;
    }
    #c_slider_banner .fix_ads-banner-fecond{
        width: 100%;
        margin-bottom: 12px;
    }
    .item-article-name{
        font-size: 14px!important;
    }
    .item-article-user{
        font-size: 10px!important;
    }
    .item-article-content{
        padding: 0 8px;
        bottom: 8px;
    }
    .item-article-content-secon{
        padding: 0 8px;
        bottom: 8px;
    }
}

@media only screen and (min-width: 495px) and (max-width: 573px) {
    .fix_ads-banner-second_top{
        height: 212px!important;
    }
    .f_box-product{
        margin-bottom: 12px!important;
    }
    .nick-findter-row{
        margin-top: -32px;
        float: right;
        width: 120px;
    }
    .order-modal .modal-dialog{
        margin: auto;
    }

}

@media only screen and (max-width: 376px) {
    #detailContent iframe{
        max-width: 100%;
        height: auto;
    }
    .fix_ads-banner-second_top{
        height: 212px!important;
    }
    .item-article-content{
        padding: 0 8px;
        bottom: 8px;
    }
    .item-article-content-secon{
        padding: 0 8px;
        bottom: 8px;
    }
    .f_box-product{
        margin-bottom: 12px!important;
        background: #ffffff;
        width: 100%;
        margin: 0 auto;
    }
    .top_box-product{
        padding: 12px 16px 0px 16px;
    }
    .end_swiper-general_right{
        padding-right: 16px;
        padding-left: 6px;
    }
    .center_swiper-general_right{
        padding-left: 16px;
        padding-right: 6px;
    }

    #c_slider_banner .fix_ads-banner-second{
        width: 100%;
        margin-bottom: 8px;
        height: 95px;
    }
    #c_slider_banner .fix_ads-banner-fecond{
        width: 100%;
        margin-bottom: 12px;
    }
    .item-article-name{
        font-size: 14px!important;
    }
    .item-article-user{
        font-size: 10px!important;
    }

    .f_box-product{
        margin-bottom: 12px!important;
    }
    .c_order-modal .login{
        margin: 0 auto;
        padding: 16px;
    }
    .mobile-rutvatpham{
        font-size: 16px;
        margin-bottom: 0;
    }
    .item_play_spin_five_record {
        width: 100%;
        height: 210px;
        background-size: 390px 220px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
    }

    .item_five_record_inner {
        position: absolute;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
    }


    .item_slot-ba-qua .item_slot_inner{
        bottom: 32px!important;
    }
    .item_slot-ba-qua{
        height: 334px!important;
    }
    .item_slot {
        background-size: 320px 230px !important;
        width: 320px!important;
        height: 230px!important;
        margin: auto;
    }
    .rotation-button-quanhuy{
        width: 90px!important;
        bottom: 16px!important;
    }
    .rotation-button-quanhuy img{
        width: 100% !important;
    }
    .chat-box-col{
        padding-top: 12px;
    }
    .chat-box-col span,
    .chat-box-col small{
        font-size: 14px;
    }
    .table-logs{
        display: block;
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .default-paginate-addpadding{
        height: calc( 100vh - 52px - 56px - 150px);
    }
    .logs-table{
        padding-left: 0;
        padding-right: 0;
    }
    .default-table{
        border: none!important;
    }
    .footer-row-ct span{
        font-size: 14px;
    }
    .gallery-right-top-title span{
        font-size: 14px;
    }
    .gallery-right-top-header small{
        font-size: 14px;
    }
    .gallery-right-top-header span{
        font-size: 14px;
    }
    .logs-search{
        padding-top: 16px;
    }
    .swiper-slide-col {
        height: 75px;
    }
    .show-detail-napgame-ct .content-video-in{
        height: 112px;
    }
    .show-detail-napgame-ct .view-more, .show-detail-napgame-ct .view-less{
        padding-top: 12px;
    }
    .footer-row-ct .content-video-in{
        max-height: 120px;
    }
    .change-password-default{
        width: 100%;
    }
    .change-password-first{
        padding-top: 16px;
    }
    .change-password-last{
        padding-top: 16px;
    }
    .text-profile-default span,
    .text-profile-default small{
        font-size: 14px;
    }

    .profile-row:first-child{
        padding-top: 16px;
    }
    .profile-auto{
        width: 50%;
    }
    .profile-category{
        min-height: calc(100vh - 52px - 56px);
    }
    .logs-content{
        border-radius: 0;
    }

    .media-col-558{
        padding-top: 12px;
    }
    .detail-service-col{
        width: 100%;
    }
    .theme-404-row{
        padding-top: 158px;
    }
    .button-404{
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        padding: 12px;
    }
    .footer-row-ct .view-more, .footer-row-ct .view-less{
        padding-bottom: 0;
    }
    .input-search-log-ct{
        width: 220px;
    }

    .navbar-media{
        display: none;
    }
    .max-header-fix{
        height: calc(100vh - 51px - 80px);
    }
    .bottom-nick-slider {
        padding-bottom: 0;
    }
    .bottom-container-ct-fix{
        margin-top: 20px;
    }
    .default-Modal .login{
        padding: 12px;
    }
    .small-log-Modal .login{
        padding: 12px;
    }
    .order-modal .login{
        padding: 12px;
    }
    .nav-bar-nick:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .nav-bar-parent{
        border-radius: 0;
    }
    .gallery-thumb-nick{
        padding-top: 0;
    }
    .body-header-nick-detail-title-mobile{
        padding-bottom: 0;
    }
    .gallery {
        border-radius: 0px;
    }

    .gallery-slider {
        border-radius: 0px;
    }

    .gallery-slider .swiper-slide {
        border-radius: 0px;
    }

    .gallery-slider .swiper-slide img {
        border-radius: 0px;
    }

    .gallery-slider .swiper-slide{
        height: 200px;
    }
    .button-404{
        padding-top: 24px;
    }
    .theme-404-title span{
        font-size: 20px;
    }
    .tragop-order-body-row-ct{
        padding: 0;
    }
    #tra-gop-scroll{
        max-height: 200px;
    }
    .thong-tin-tra-gop-mobile{
        padding: 12px 12px 16px 12px;
    }
    .thong-tin-tra-gop-mobile span{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 150%;
        color: #434657;
    }
    .title-tra-gop-body{
        margin-left: auto;
    }
    .title-tra-gop-body{
        text-align: left;
    }
    .data-scroll-mobile{
        margin-left: auto;
    }
    .button-default-not-nick-ct{
        font-size: 14px;
    }
    .button-default-nick-ct{
        font-size: 14px;
    }
    .padding-order-footer-logs-ct{
        /*padding-bottom: 12px;*/
    }
    .gallery-right-top-body-black{
        padding: 8px 12px;
    }
    .gallery-right-top-title{
        padding: 8px 12px;
    }
    .gallery-col-auto-left{
        width: 75%;
    }
    .gallery-col-auto-right{
        width: 25%;
    }
    .chitiet-nick-input{
        padding-top: 12px;
    }
    .title-tra-gop-body{
        padding-top: 20px;
    }
    .image-success {
        padding-top: 20px;
    }
    .gallery-right-footer{
        padding-top: 16px;
    }
    .password-mobile{
        padding-top: 16px;
    }
    .gallery-right{
        padding-top: 16px;
    }
    .modal-footer-success-row-ct a{
        padding: 12px;
    }
    .gallery-footer-two-li{
        font-size: 20px;
    }
    .gallery-footer-three-li{
        line-height: 24px;
    }
    .gallery-footer-fisrt-li{
        line-height: 24px;
    }
    .gallery-right-footer{
        padding-left: 0!important;
    }

    .body-header-nick-detail-ct img {
        width: 24px;
    }

    .body-header-nick-detail-ct {
        padding-bottom: 12px;
    }

    .gallery-footer-row {
        padding-top: 12px;
    }

    .gallery-footer-bottom {
        padding-bottom: 12px;
        padding-top: 0;
    }

    .gallery-right {
        padding-left: 0;
    }

    .gallery-right-top-header {
        padding-bottom: 12px;
    }

    .gallery-right-footer {
        padding-left: 0;
        padding-top: 12px;
    }

    .body-row-nick-detail-ct {
        border-radius: 0;
    }

    .body-detail-nick-slider-ct {
        padding: 0 6px 0 6px !important;
    }

    .nick-sider-header {
        padding-top: 12px;
    }
    .gallery-right-top-header{
        padding: 12px;
    }



    .padding-order-28-ct{
        padding-top: 16px;
    }
    .prepend-nick{
        white-space: nowrap;
        overflow: hidden;
        max-width: 140px;
        position: relative;
        text-overflow: ellipsis;
        margin-top: -2px;
    }

    .prepend-nick a{
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .nick-findter-data{
        overflow-x: auto;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: start;
    }
    .body-detail-account-small-span-ct .three-li-account{
        margin-left: 6px;
    }
    .body-detail-account-small-span-ct .second-li-account{
        margin-left: 0;
    }
    .nick-findter {
        cursor: pointer;
        padding-left: 12px;
        padding-right: 0;
        /*margin-top: 8px;*/
    }
    .mobile-find{
        padding-top: 12px;
    }
    .body-detail-right-ng-ct{
        margin-top: 0!important;
    }
    .body-row-napgame-ct{
        padding-bottom: 16px;
        margin-bottom: 20px;
    }
    .show-detail-service-ct .view-more, .show-detail-service-ct .view-less{
        font-size: 12px!important;
    }
    .modal-body-span-success-ct span{
        font-size: 14px!important;
    }
    .modal-body-span-success-ct small{
        font-size: 14px!important;
    }
    .modal-body-success-ct{
        padding-top: 28px!important;
    }
    .modal-footer-success-col-left-ct{
        padding-right: 6px!important;
    }
    .modal-footer-success-col-right-ct{
        padding-left: 6px!important;
    }
    .modal-body-success-ct{
        padding-bottom: 0!important;
    }
    .modal-footer-success-ct{
        padding-bottom: 16px!important;
    }
    .modal-header-success-row-ct span{
        font-size: 18px!important;
    }
    .body-title-detail-span-ct small{
        font-size: 16px!important;
    }
    .web-media-ct{
        padding-bottom: 16px!important;
    }
    .header-mobile{
        height: 48px!important;
        padding: 0!important;
    }
    .body-detail-account-col-ct {
        width: 50%;
        padding: 8px 8px 16px 8px!important;
    }
    .body-detail-nick-col-ct {
        width: 50%;
        padding: 6px 6px 6px 6px!important;
    }
    .body-detail-nick-slider-ct {
        width: 50%;
        padding: 6px 6px 6px 6px!important;
    }
    .body-detail-account-small-span-ct .fist-li-account {
        font-size: 14px;
        display: block;
        width: 100%;
    }
    .body-header-col-ct h3{
        font-size: 20px;
    }
    .body-header-col-ct h1{
        font-size: 20px;
    }
    .body-header-ct img{
        width: 30px;
    }
    .body-detail-account-col-span-ct.body-detail-title-fixed {
        min-height: 50px;
    }
    .body-detail-account-col-span-ct span{
        font-size: 14px!important;
    }
    .body-detail-account-small-span-ct small{
        font-size: 12px!important;
    }
    #formBookingStepMobie{
        display: block!important;
        position: relative!important;
    }

    .modal-body-success-ct{
        padding-left: 12px!important;
        padding-right: 12px!important;
    }
    .media-ctbg-ct{
        /*margin-top: 20px!important;*/
    }
    .back-position-ct{
        position: absolute;
        top: 2px;
        left: 0;
    }
    .body-search-ct{
        padding-top: 16px!important;
    }
    .body-title-detail-media-ct{
        width: 100%;
    }
    .body-title-detail-checkbox-col-ct{
        width: 100%;
    }
    .bottom-container-ct{
        padding-bottom: 0!important;
    }
    .button-default-ct {
        height: 48px!important;
        font-size: 16px!important;
    }
    .password-mobile{
        padding-top: 12px!important;
    }
    .password-mobile-napgame{
        /*padding-top: 12px!important;*/
    }
    .body-title-detail-span-ct li{
        font-size: 14px!important;
    }
    .body-title-detail-span-ct span{
        font-size: 14px!important;
    }
    .body-title-detail-col-ct{
        padding-right: 6px!important;
    }
    .body-title-detail-col-ct{
        padding-left: 6px!important;
    }
    .body-detail-right-ct{
        border-radius: 0!important;
        padding-bottom: 16px!important;
    }
    .body-detail-right-ng-ct{
        border-radius: 0!important;
    }
    .body-container-detail-right-ct{
        padding-left: 0!important;
    }
    .body-container-detail-left-ct{
        padding-right: 0!important;
        padding-bottom: 0!important;
    }
    .banner-container-ct{
        padding-top: 12px!important;
    }
    .body-header-ct{
        padding-bottom: 8px!important;
    }
    .modal-footer-success-row-not-ct a{
        padding: 12px 20px!important;
    }
    .banner-mobile-back{
        width: 10% !important;
    }

    .banner-mobile-span h3{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700!important;
        font-size: 18px!important;
        line-height: 150%!important;
        color: #1B1D29;
        margin-bottom: 0;
    }
    .banner-mobile-span h1{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700!important;
        font-size: 18px!important;
        line-height: 150%!important;
        color: #1B1D29;
        margin-bottom: 0;
    }

    .banner-mobile-span p{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700!important;
        font-size: 18px!important;
        line-height: 150%!important;
        color: #1B1D29;
        margin-bottom: 0;
    }
    .banner-mobile-row-ct{
        /*padding-top: 12px!important;*/
    }
    .body-container-row-mobile-ct{
        padding-top: 0!important;
    }
    .banner-mobile-container-ct{
        background-color: #FBFBFD!important;
        padding: 12px 16px 12px 16px!important;
    }
    .media-mobile{
        display: block!important;
    }
    .media-web{
        display: none!important;
    }
    .body-header-col-ct h3{
        font-size: 14px!important;
    }
    .body-header-col-ct h1{
        font-size: 14px!important;
        line-height: 30px;
    }
    .body-header-ct img{
        width: 24px!important;
    }
    .body-row-ct{
        border-radius: 0!important;
    }
    .i_body-row-ct{
        border-radius: 0!important;
    }
    .body-row-nick-ct{
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
    .body-row-napgame-ct{
        padding-bottom: 16px;
        margin-bottom: 20px;
    }
    .body-title-ct span, .body-search-ct span{
        font-size: 14px!important;
    }
    .input-search-ct{
        width: 100% !important;
    }
    .media-mobile{
        display: block!important;
    }
    .body-detail-col-ct {
        padding: 4px 8px 6px 4px;
        width: 33.33%!important;
    }
    .body-detail-ctng-col-ct{
        padding: 4px 0 4px 0!important;
    }
    .body-detail-nick-col-ct{
        padding: 4px 0 4px 0!important;
    }
    .body-detail-row-ct{
        padding-left: 8px!important;
        padding-right: 8px!important;
    }
    .body-detail-ct{
        padding-top: 14px!important;
    }
    .body-detail-col-span-ct span{
        font-size: 14px!important;
    }
    .body-detail-col-span-ct{
        padding-top: 8px!important;
    }
    .section-footer{
        padding-bottom: 0!important;
    }
    .footer-row-col-ct{
        padding-top: 8px!important;
    }

    .body-detail-account-col-ct {
        width: 50%;
        padding: 8px 8px 16px 8px!important;
    }
    .body-detail-nick-col-ct {
        width: 50%;
        padding: 6px 6px 6px 6px!important;
    }

    .body-detail-account-small-span-ct .fist-li-account {
        font-size: 14px;
    }
    .body-header-col-ct h3{
        font-size: 20px;
    }
    .body-header-col-ct h1{
        font-size: 20px;
        line-height: 30px;
    }
    .body-header-ct img{
        width: 30px;
    }
    .body-detail-account-col-span-ct span{
        font-size: 14px!important;
    }
    .body-detail-account-small-span-ct small{
        font-size: 12px!important;
        /*line-height: 24px!important;*/
    }
    .body-detail-account-small-span-ct .second-li-account{
        line-height: 24px!important;
    }
    .nick-list-bg img {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .footer-default-col{
        width: 100%;
    }
    .footer-default-col{
        padding-left: 16px;
        padding-right: 16px;
    }
    .footer-default-body-row{
        padding-top: 32px;
        padding-bottom: 16px;
    }
    .footer-default-body-col:first-child{
        padding-bottom: 16px;
    }
    .footer-default-two-row{
        padding-top: 16px;
        padding-bottom: 0;
    }
    .footer-default-two-col{
        padding-bottom: 16px;
    }
    .media-footer{
        padding-top: 32px!important;
    }
    .media-footer-order-one{
        order: 4;
    }
    .media-footer-order-two{
        order: 1;
    }
    .media-footer-order-three{
        order: 2;
    }
    .media-footer-order-foor{
        order: 3;
    }
    .media-footer-li{
        padding-right: 16px;
        padding-left: 16px;
        padding-bottom: 10px!important;
    }
    .footer-default-three-col{
        padding-top: 6px;
    }
    .footer-default-foor-row{
        padding-top: 32px;
    }
    .media-footer-two{
        padding-bottom: 20px!important;
    }
    .footer-default-foor-row li{
        padding-bottom: 14px;
    }
    .footer-default-foor-row{
        padding-bottom: 0;
    }
    .footer-default-body-col{
        padding-bottom: 8px;
    }
}

@media only screen and (max-width: 1199px){
    .body-detail-nick-col-ct {
        width: 50%;
        padding: 6px 6px 6px 6px !important;
    }
}
.comment-item-own{
    justify-content: flex-end;
}
.comment-info-own{
    text-align: right;
}
.comment-detail-own{
    margin-left: 0;
    margin-right: 0.5rem;
}
.comment-info-own span::before{
    display: none !important;
}
.comment-info-own span::after {
    content: "";
    height: 3px;
    width: 3px;
    background-color: #82869E;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 8px;
}
.comment-interact-own{
    text-align: right;
}
.comment-interact-own span{
    margin-right: 0 !important;
    margin-left: 2.5rem;
}
.comment-content-own{
    text-align: right;
}

.lammoi_lichsu{
    font-size: 14px;
    color: #ffffff;
    background: #DD6A00;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
}
/*#start-played{*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/
/*#start-played:after {*/
/*    animation: shine 1.5s infinite linear alternate;*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -110%;*/
/*    left: -210%;*/
/*    width: 120%;*/
/*    height: 120%;*/
/*    opacity: 0;*/
/*    transform: rotate(30deg);*/
/*    background: rgba(255, 255, 255, 0.13);*/
/*    background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);*/
/*}*/
/*@keyframes shine {*/
/*    to {*/
/*        opacity: 1;*/
/*        top: -90%;*/
/*        left: -30%;*/
/*        transition-property: left, top, opacity;*/
/*        transition-duration: 0.7s, 0.7s, 0.15s;*/
/*        transition-timing-function: ease;*/
/*    }*/
/*}*/

#detailContent img{
    max-width: 100%;
    height: auto;
}

/* Suggest list */
.suggest-list {
    background-color: #fff;
    border: 1px solid #E4E5F0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    z-index: 1;
    position: absolute;
    top: 100%;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 290px;
    overflow-y: auto;
}
.suggest-list:empty {
    display: none;
}
.suggest-list::-webkit-scrollbar {
    width: 8px;
}

/* Handle */
.suggest-list::-webkit-scrollbar-thumb {
    background: rgba(188, 191, 214, 0.5);
    border-radius: 14px;
}

.suggest-list .suggest-item {
    text-align: left;
    padding: 12px;
    cursor: pointer;
}
.suggest-list .suggest-item:not(:last-child) {
    box-shadow: inset 0 -1px 0 #E4E5F0;
}
/* End suggest list */