@media screen and (max-width:1608px){
    .item-slide>.item{
        aspect-ratio:4/2;
        height:100%
    }
    .item-slide>.item>img.banner-a{
        display:none
    }
    .item-slide>.item>img.banner-b{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media screen and (max-width:1440px){
    .banner-top-info>h1{
        font-size:54px
    }
    .prices-category>h1{
        display:none
    }
    .prices-category-items{
        overflow-x:auto;
        gap:8px
    }
    .prices-category-items>.item{
        max-width:-webkit-fit-content;
        max-width:-moz-fit-content;
        max-width:fit-content;
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        padding:8px;
        padding-right:16px
    }
    .prices-category-items>.item>p{
        line-height:unset;
        white-space:nowrap;
        font-weight:600;
        font-size:12px;
        margin-top:0
    }
    .category-image{
        margin-right:8px;
        width:24px;
        height:24px
    }
    .category-image>img{
        width:14px;
        height:14px
    }
    .primary-content{
        gap:32px
    }
    .primary-benefits{
        padding:40px 0
    }
    .primary-reward{
        padding:40px 0
    }
    .primary-main{
        padding:0;
        padding-bottom:16px
    }
    .trade-table{
        margin-right:0
    }
    .primary-trade-history{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .trade-action{
        max-width:100%;
        margin-bottom:24px
    }
}
@media screen and (max-width:1144px){
    .image-vip-app{
        margin-left:auto
    }
    .image-vip-detail{
        margin-bottom:16px
    }
    .primary-vip-details{
        grid-template-columns:repeat(auto-fill,minmax(316px,1fr))
    }
    .primary-vip-details>.item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        text-align:center
    }
    .primary-vip-details>.item>h1{
        font-size:16px;
        line-height:120%;
        margin-bottom:8px
    }
    .primary-vip-details>.item>p{
        font-size:12px;
        line-height:16px
    }
    .image-vip-app{
        max-width:400px;
        width:100%
    }
    .vip-app-info>h1{
        font-size:32px;
        line-height:120%
    }
    .vip-app-info>p{
        font-size:14px;
        line-height:24px
    }
    .primary-vip-program{
        padding:40px 0
    }
    .primary-vip-program>h1{
        font-size:24px;
        line-height:120%
    }
    .primary-vip-program>p{
        font-size:12px;
        line-height:16px;
        margin:24px 0
    }
    .program-vip-info>h1{
        font-size:24px;
        line-height:32px
    }
    .content-program{
        padding:24px
    }
    .vip-details>h1{
        font-size:16px;
        line-height:24px
    }
    .vip-details>ol>li{
        font-size:12px;
        line-height:16px
    }
    .primary-vip{
        padding:40px 0
    }
    .primary-vip>h1{
        font-size:24px;
        line-height:120%;
        margin-bottom:24px
    }
    .fees-items{
        gap:16px
    }
    .fees-items>.item>h3{
        font-size:12px;
        line-height:16px;
        margin-bottom:4px
    }
    .fees-items>.item>h1{
        font-size:16px;
        line-height:21px
    }
    .fees-items>.item>p{
        font-size:12px;
        line-height:16px;
        margin-top:16px
    }
    .primary-benefit{
        padding:40px 0
    }
    .benef-items{
        margin-top:16px
    }
    .benef-items>.item{
        margin-bottom:16px
    }
    .benef-items>.item::before{
        margin-right:10px
    }
    .benef-item-data>h1{
        font-size:14px;
        line-height:24px
    }
    .benef-item-data>p{
        font-size:12px;
        line-height:16px
    }
    .benefit-details>p{
        margin-top:8px;
        font-size:12px;
        line-height:20px
    }
    .benefit-details>h3{
        font-size:10px;
        line-height:13px;
        margin-bottom:8px
    }
    .benefit-details>h1{
        font-size:32px;
        line-height:120%
    }
    .primary-affilate{
        padding:40px 0;
        gap:16px
    }
    .primary-affilate>.item{
        padding:24px
    }
    .primary-affilate>.item>h1{
        font-size:24px;
        line-height:120%
    }
    .primary-affilate>.item>p{
        font-size:12px;
        line-height:16px
    }
    .auth-user-nav{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .auth{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        height:100%;
        overflow-y:auto
    }
    .auth-main{
        height:100%
    }
    .footer-image{
        display:none
    }
    .time-info>.item{
        margin-right:24px
    }
    .auth-info{
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        max-width:100%
    }
    .auth-info>.item{
        padding:24px
    }
    .auth-info>.item>*{
        margin-bottom:16px
    }
    .auth-info>.item.auth-item-info>*{
        margin-bottom:0
    }
    .auth-info>.item.auth-item-info>.body-auth-info{
        display:none
    }
    .container-head-modal{
        padding:68px 0
    }
    .modal-header{
        right:unset;
        left:0
    }
    .confirm-info{
        padding:24px
    }
    .responsive-alerts{
        padding:8px
    }
    .prices-cryptocurrency>h1{
        margin-bottom:24px
    }
    .prices-search>.search-type-b{
        margin-top:16px
    }
    .search-type-b{
        padding:0 12px
    }
    .search-type-b>input{
        height:48px;
        font-weight:400;
        font-size:14px;
        line-height:18px
    }
    .prices-search{
        min-height:300px;
        padding:24px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .top-data-search>p{
        font-weight:400;
        font-size:14px;
        line-height:20px
    }
    .top-data-search>h1{
        font-weight:700;
        font-size:24px;
        line-height:120%
    }
    .top-data-search>h1>br{
        display:none
    }
    .primary-news-item{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .new-item-text>*{
        font-weight:400;
        font-size:12px;
        line-height:20px
    }
    .feature-info>h1{
        font-size:16px
    }
    .new-featured{
        margin-top:24px
    }
    .content-featured>.item{
        padding:24px
    }
    .new-item-content{
        padding:24px
    }
    .new-item-content>*{
        margin-bottom:16px
    }
    .new-item-content>*:last-child{
        margin-bottom:0
    }
    .new-item{
        max-width:100%
    }
    .new-featured{
        width:100%;
        margin-left:0;
        max-width:100%
    }
    .primary-trade-live{
        margin-bottom:16px
    }
    .trade-action{
        margin-bottom:16px
    }
    .trade-live{
        margin-right:16px
    }
    .primary-trade-info>.item{
        padding:24px 16px
    }
    .primary-trade-info>.item>p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size:14px
    }
    .modal-content{
        padding:16px;
        gap:24px;
        border-radius:16px
    }
    .bottom-balance{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .balance-value-items{
        max-width:100%;
        display:-ms-grid;
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
        gap:16px
    }
    .asset-info-balance{
        margin-bottom:16px
    }
    .asset-info-balance>h1{
        font-size:16px;
        line-height:120%
    }
    .asset-filter{
        display:none
    }
    .balance-info>h1{
        font-size:16px;
        line-height:120%
    }
    .balance-info>p{
        font-size:16px;
        line-height:120%
    }
    .item-balance-data>h1{
        font-size:16px;
        line-height:21px
    }
    .item-balance-data>p{
        font-size:12px;
        line-height:16px
    }
    .empty-data-table>p{
        font-size:16px;
        line-height:21px
    }
    .star-table{
        width:32px;
        background-size:18px 18px
    }
    .balance-value-visual{
        gap:16px
    }
    .balance-value-visual>.item{
        gap:4px
    }
    .balance-value-visual>.item>p{
        font-size:12px;
        line-height:16px
    }
    .primary-balance{
        padding:16px
    }
    .primary-balance>*{
        margin-bottom:24px
    }
    .balance-currency>h1{
        font-size:36px;
        line-height:120%
    }
    .responsive-navigation.hidden-nav>.nav-content>.nav-header>.logo{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .responsive-content{
        overflow-x:hidden
    }
    .primary-header{
        display:none
    }
    .responsive-wrapper{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .responsive-wrapper>.responsive-navigation{
        padding-top:24px;
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        max-width:100%;
        border-right:0
    }
    .nav-header{
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter:blur(10px);
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:10
    }
    .nav-theme-content{
        position:fixed;
        width:100%;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:20;
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    .nav-theme-content::before{
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0;
        pointer-events:none;
        position:fixed;
        content:"";
        width:100%;
        height:100%;
        top:0;
        right:0;
        bottom:0;
        left:0
    }
    .nav-theme-content.animated{
        -webkit-transition:.2s;
        transition:.2s
    }
    .nav-theme-content.animated::before{
        -webkit-transition:.2s;
        transition:.2s
    }
    .nav-theme-content.active{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    .nav-theme-content.active::before{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1;
        pointer-events:all
    }
    .nav-navigate-action{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:24px
    }
    .nav-navigate-action>.nav-theme-action{
        gap:16px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .nav-navigate-action>.nav-theme-action>.action-header{
        gap:8px
    }
    .nav-navigate-action>.nav-theme-action>.action-header>.item>.action-icon{
        width:40px;
        height:40px;
        background-size:24px 24px
    }
    .nav-theme{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:24px
    }
    .nav-theme>.auth-theme{
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        gap:16px
    }
    .nav-theme>.auth-theme>.default-button{
        max-width:100%
    }
    .nav-theme>.auth-theme>.button-c{
        width:100%;
        height:48px
    }
    .nav-theme>.auth-theme>.button-b{
        height:48px
    }
    .nav-theme>.auth-theme>.button-b>p{
        font-size:16px
    }
    .nav-main{
        max-width:260px;
        width:100%;
        position:relative;
        z-index:1;
        width:100%;
        padding:20px 16px;
        padding-bottom:24px;
        border-right-width:1px !important
    }
    .nav-types.nav-type-a{
        display:none
    }
    .nav-types.nav-type-b{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .benefit-items{
        -ms-grid-columns:1fr 24px 1fr;
        grid-template-columns:1fr 1fr;
        grid-column-gap:24px;
        grid-row-gap:24px
    }
    .benefit-icon{
        height:72px
    }
    .primary-benefits>h1{
        font-size:24px;
        line-height:120%;
        margin-bottom:16px
    }
    .primary-benefits>p{
        font-size:12px;
        line-height:20px
    }
    .benefit-info>h1{
        font-size:16px;
        line-height:120%
    }
    .benefit-info>p{
        font-size:12px;
        line-height:20px
    }
    .primary-portfolio{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .portfolio-info>h1{
        font-size:32px;
        line-height:120%;
        margin-bottom:8px
    }
    .portfolio-info>p{
        font-size:12px;
        line-height:20px;
        margin-bottom:16px
    }
    .portfolio-info>h3{
        font-size:10px;
        line-height:13px;
        margin-bottom:8px
    }
    .benefit-items{
        margin-top:24px
    }
    .portfolio-app{
        margin-top:16px;
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content;
        min-height:-webkit-fit-content;
        min-height:-moz-fit-content;
        min-height:fit-content
    }
    .portfolio-app>img{
        pointer-events:none;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content;
        height:774px;
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)
    }
    .button-b,.button-g{
        height:40px;
        padding:0 16px
    }
    .button-b>p,.button-g>p{
        font-size:12px
    }
    .auth-action>.default-button{
        height:48px
    }
    .primary-reward>h3{
        font-size:14px;
        line-height:24px;
        margin-bottom:8px
    }
    .primary-reward>h1{
        font-size:24px;
        line-height:120%;
        margin-bottom:24px
    }
    .primary-reward>h1>br{
        display:none
    }
    .form-started{
        height:56px
    }
    .form-started>input{
        font-size:12px
    }
    .form-started>.default-button{
        height:100%
    }
    footer{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .primary-footer{
        padding:24px 0
    }
    .updates-sub{
        padding:16px
    }
    .updates-sub{
        margin-bottom:24px;
        border-radius:16px
    }
    .updates-sub>.form-started{
        height:48px
    }
    .updates-sub>.form-started>.default-button{
        height:100%
    }
    .updates-sub>h1{
        font-size:16px;
        line-height:120%
    }
    .updates-sub>p{
        font-size:12px;
        line-height:20px;
        margin-bottom:16px
    }
    .social-items{
        margin-bottom:24px
    }
    .message-footer>p{
        font-size:12px;
        line-height:16px
    }
    .footer-navigation{
        -ms-grid-columns:1fr 16px 1fr;
        grid-template-columns:1fr 1fr;
        grid-column-gap:16px;
        grid-row-gap:24px
    }
    .footer-navigation>.item{
        gap:16px
    }
    .footer-navigation>.item:nth-child(odd)>h1{
        text-align:right
    }
    .footer-navigation>.item:nth-child(odd)>.footer-nav-items>.item{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .footer-navigation>.item>h1{
        font-size:14px;
        line-height:18px
    }
    .footer-nav-items{
        gap:8px
    }
    .footer-nav-items>.item{
        font-size:12px;
        line-height:16px
    }
    .container{
        padding:0 16px
    }
    .assets-filter{
        margin-bottom:16px;
        gap:8px
    }
    .assets-filter>.item{
        height:32px;
        padding:0 12px
    }
    .assets-filter>.item>p{
        font-size:12px
    }
    .asset-image{
        width:40px;
        height:40px
    }
    .top-asset-info>h1{
        font-size:14px
    }
    .top-asset-info>p{
        font-size:10px
    }
    .asset-info{
        gap:2px
    }
    .asset-info>p{
        font-size:12px;
        line-height:16px
    }
    .head-asset{
        padding:16px
    }
    .price-info{
        gap:8px
    }
    .price-asset>h1,.price-asset p{
        font-size:14px;
        line-height:18px
    }
    .gain-asset>p{
        font-size:12px
    }
    .gain-asset::before{
        width:16px;
        height:16px
    }
    .chart-info{
        height:60px
    }
    .chart-info::after{
        width:20px;
        height:20px
    }
    .body-asset{
        padding:16px;
        gap:16px
    }
    .body-asset>*{
        width:100%
    }
    .asset-items{
        gap:8px
    }
    .asset-items>.item{
        border-radius:16px
    }
    .assets-data{
        gap:16px
    }
    .banner-info{
        padding:24px
    }
    .primary-refer{
        padding:40px 0
    }
    .primary-started{
        padding:40px 0
    }
    .primary-started>h1{
        font-size:24px;
        line-height:120%;
        margin-bottom:16px
    }
    .primary-started>h3{
        font-size:14px;
        line-height:24px;
        margin-bottom:16px
    }
    .primary-refer>h1{
        font-size:24px;
        line-height:120%;
        margin-bottom:16px
    }
    .banner-top-info>h1{
        font-size:32px;
        line-height:120%
    }
    .banner-top-info>p{
        font-size:12px;
        line-height:16px
    }
    .refer-info>h1{
        font-size:16px;
        line-height:120%
    }
    .refer-info>p{
        font-size:12px;
        line-height:20px
    }
    .banner-action{
        gap:12px
    }
    .button-f{
        height:40px;
        padding:0 16px
    }
    .button-f>p{
        font-size:12px
    }
    .button-d{
        height:40px;
        padding:0 16px
    }
    .button-d>p{
        font-size:12px
    }
    .primary-content{
        gap:24px
    }
    .primary-content.asset-content{
        gap:16px
    }
    .paginate-asset{
        margin-top:16px
    }
    .top-content-slide{
        gap:16px
    }
    .top-content-slide>h3{
        font-size:10px;
        line-height:13px
    }
    .top-content-slide>h1{
        font-size:24px;
        line-height:120%
    }
    .top-content-slide>p{
        font-size:12px;
        line-height:20px;
        -webkit-line-clamp:3;
        line-clamp:3
    }
    .tns-nav{
        padding:0 24px;
        bottom:24px
    }
    .tns-outer{
        border-radius:16px
    }
    .primary-promotions>.primary-slides{
        margin-top:24px
    }
    .primary-promotions{
        padding-top:16px
    }
    .primary-promotions>h2{
        font-weight:500;
        font-size:14px;
        line-height:120%;
        margin-bottom:4px
    }
    .primary-promotions>h2:last-child{
        margin-bottom:0
    }
    .primary-promotions>h1{
        font-style:normal;
        font-weight:700;
        font-size:32px
    }
    .item-slide{
        border-radius:16px
    }
    .button-a{
        height:40px;
        padding:0 16px
    }
    .button-a>p{
        font-size:12px
    }
    .tns-nav{
        gap:6px
    }
    .responsive-wrapper>.responsive-navigation{
        padding:0
    }
    .responsive-wrapper>.responsive-navigation>.nav-content>.nav-header{
        padding:8px 16px
    }
    .nav-main{
        gap:32px
    }
    .details-modal-action{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .details-modal-coins{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .body-visual-chart{
        height:80px
    }
    .hide-modal{
        width:32px;
        height:32px;
        background-size:18px 18px;
        top:12px;
        right:12px
    }
    .witdraw-content-modal>.item>.default-input{
        height:48px
    }
    .balance-deposit-data>h1{
        font-size:16px;
        line-height:120%
    }
    .balance-deposit-data>p{
        font-size:12px;
        line-height:120%
    }
    .primary-asset-sort{
        gap:16px
    }
    .primary-asset-sort>*{
        max-width:100%
    }
    .primary-asset-sort{
        margin-top:16px
    }
    .balance-value-items.balance-value-b>.item{
        padding:16px
    }
    .sort-asset-tab-select{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .sort-asset-tab{
        display:none
    }
    .deposit-adress-data{
        padding:16px
    }
    .deposit-verif-status>p{
        font-size:12px;
        line-height:16px
    }
    .default-copy{
        padding:12px 16px
    }
    .default-copy>p{
        font-size:14px;
        line-height:18px
    }
    .deposit-adress-data>*{
        margin-bottom:16px
    }
    .deposit-adress-info>h1{
        font-size:16px;
        line-height:120%
    }
    .deposit-adress-info>p{
        font-size:14px;
        line-height:18px
    }
    .balance-deposit-info{
        padding:16px
    }
    .balance-deposit-info>h1{
        font-size:16px;
        line-height:120%
    }
    .head-modal>h1{
        font-size:20px;
        line-height:120%
    }
    .secondary-search::before{
        width:20px;
        height:20px
    }
    .empty-option>p{
        font-size:14px
    }
    .primary-input{
        height:48px
    }
    .secondary-select-head{
        height:72px
    }
    .secondary-search>input{
        font-size:14px
    }
    .secondary-head-info>h1{
        font-size:14px;
        line-height:18px
    }
    .secondary-head-info>p{
        font-size:12px;
        line-height:16px
    }
    .tag-new>.item{
        padding:0 8px;
        height:22px
    }
    .tag-new>.item>p{
        font-style:normal;
        font-weight:500;
        font-size:10px
    }
    .bottom-new{
        padding:16px
    }
    .bottom-new>p{
        font-weight:500;
        font-size:14px;
        line-height:20px
    }
    .primary-news>*{
        margin-bottom:16px
    }
}
@media screen and (max-width:1024px){
    .primary-trade-navigation{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .trade>.responsive-wrapper>.responsive-content{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
    .trade>.responsive-wrapper>.responsive-content>.responsive-body-content>.primary-main{
        padding-bottom:0
    }
    .trade>.responsive-wrapper>.responsive-content>.responsive-body-content>.primary-main>.container{
        padding:0;
        height:100%
    }
    .trade>.responsive-wrapper>.responsive-content>.responsive-body-content>.primary-main>.container>.primary-content{
        gap:16px;
        height:100%
    }
    .primary-trade-main{
        height:100%
    }
    .trade-live{
        border-radius:0;
        border:0
    }
    .primary-trade-live{
        height:100%
    }
    .primary-trade-info{
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        overflow-x:auto;
        margin:0 16px
    }
    .primary-trade-info>.item.gain-up{
        min-width:120px;
        max-width:-webkit-fit-content;
        max-width:-moz-fit-content;
        max-width:fit-content
    }
    .primary-trade-info>.item>.secondary-select>.secondary-select-body{
        left:-17px;
        top:calc(100%+19px);
        min-width:343px;
        max-width:343px
    }
    .trade-live-info{
        top:64px;
        border-radius:0;
        left:0;
        right:0;
        margin-bottom:0;
        overflow:hidden;
        bottom:88px;
        position:fixed;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-transform:translateY(-120%);
        transform:translateY(-120%)
    }
    .trade-live-info.active{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    .trade-live-info{
        max-width:100%
    }
    .tbody-order.single-type>.item{
        max-height:100%
    }
    .body-trade-live-item{
        height:100%;
        overflow:hidden;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .tbody-order{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        overflow:hidden;
        height:100%
    }
    .order-book-body{
        height:100%
    }
    .item-order-book{
        height:100%
    }
    .tbody-order>.item{
        max-height:50%
    }
    .tbody-order>.item:only-child{
        max-height:100%
    }
    .prder-book-body-items{
        height:100%;
        overflow:hidden;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .trade-table{
        top:64px;
        border-radius:0;
        left:0;
        right:0;
        margin-bottom:0;
        bottom:88px;
        position:fixed;
        max-height:100%;
        -webkit-transform:translateY(-120%);
        transform:translateY(-120%)
    }
    .trade-table.active{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    .empty-data-table>p{
        font-size:14px
    }
    .head-trade-table>.item{
        height:32px;
        padding:0 12px
    }
    .head-trade-table>.item>p{
        font-weight:500;
        font-size:12px
    }
    .body-trade-table>.item>table>tbody>tr>td{
        height:40px;
        font-weight:500;
        font-size:12px;
        line-height:16px
    }
    .auth-main{
        padding:32px 16px
    }
    .auth-info{
        overflow:unset
    }
    .head-auth-content>p{
        font-weight:400;
        font-size:12px;
        line-height:16px
    }
    .auth-info-top.large-info>p{
        font-weight:400;
        font-size:12px;
        line-height:16px
    }
    .trade-action{
        top:64px;
        border-radius:0;
        left:0;
        right:0;
        margin-bottom:0;
        bottom:88px;
        position:fixed;
        -webkit-transform:translateY(-120%);
        transform:translateY(-120%)
    }
    .trade-action.active{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    .trade-live{
        margin-right:0
    }
    .primary-trade-live{
        margin-bottom:0
    }
    .primary-trade-info>.item{
        height:75px;
        padding:16px
    }
    .auth-fill>.item>p{
        margin-bottom:4px
    }
    .auth-action>*{
        margin-bottom:16px
    }
    .auth-action>*:last-child{
        margin-bottom:0
    }
    .pass-recover>*{
        font-weight:500;
        font-size:12px;
        line-height:16px
    }
    .message-auth>p{
        font-weight:500;
        font-size:12px;
        line-height:16px
    }
    .head-auth-content>h1{
        font-weight:700;
        font-size:24px;
        line-height:31px
    }
    .auth-content>*{
        margin-bottom:24px
    }
    .auth-content>*:last-child{
        margin-bottom:0
    }
    .fill-item-auth>.default-input{
        height:48px;
        padding:0 16px
    }
    .primary-affilate-steps{
        grid-template-columns:repeat(auto-fit,minmax(158px,1fr))
    }
    .step-num{
        width:72px;
        height:72px;
        margin-bottom:32px
    }
    .step-num>p{
        width:32px;
        height:32px;
        font-size:16px
    }
    .primary-affilate-steps{
        padding:40px 0
    }
    .primary-affilate-steps>.item>h1{
        font-size:16px;
        line-height:120%
    }
    .primary-affilate-steps>.item>p{
        font-size:12px;
        line-height:20px
    }
    .primary-affilate-info{
        grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
        padding:40px 0;
        grid-gap:16px
    }
    .primary-affilate-info>.item{
        padding:24px
    }
    .primary-affilate-info>.item>h1{
        font-size:16px;
        line-height:120%
    }
    .primary-affilate-info>.item>p{
        margin-top:8px;
        font-size:12px;
        line-height:16px
    }
    .primary-listing{
        padding:40px 0
    }
    .listing{
        padding:24px;
        margin-bottom:24px
    }
    .primary-fees{
        padding:40px 0
    }
    .fees-table{
        margin-top:24px
    }
}
@media screen and (max-width:768px){
    .tns-controls{
        display:none
    }
    .nav-header{
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter:blur(10px)
    }
    .method-info>p{
        font-size:14px;
        margin-top:16px
    }
    .method-info>p>br{
        display:none
    }
    .primary-banner.banner-type-b>.item>.image-banner{
        height:252px
    }
    .squad-team-peolpe{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .primary-squad-info{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .logo-download{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .logo-download>.item{
        height:190px
    }
    .logo-download>.item>img{
        height:42px
    }
    .primary-vip-details{
        padding:40px 0
    }
    .vip-app-info{
        padding-top:40px;
        text-align:center
    }
    .vip-app-platform{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .primary-vip-app{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .step-num{
        margin-bottom:24px
    }
    .primary-vip-program>p>br{
        display:none
    }
    .primary-affilate-steps>.item>h1{
        font-size:16px
    }
    .primary-affilate-steps>.item>h1>br{
        display:none
    }
    .content-program{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .top-fill-program{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .fees-items{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .listing-fills>.item>input{
        font-size:14px;
        line-height:18px;
        height:48px
    }
    .listing-data{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .primary-affilate{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .primary-affilate>.item{
        width:calc(50% - 8px)
    }
    .primary-affilate>.item:first-child{
        width:100%
    }
    .primary-affilate-steps{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .primary-affilate-steps>.item{
        width:calc(50% - 12px)
    }
    .primary-affilate-steps>.item:last-child{
        width:100%
    }
    .primary-affilate-steps>.item:last-child>p{
        max-width:100%
    }
    .primary-benefit{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .primary-benefit.reverse-benedit{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .primary-affilate{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .refer-items>.item{
        padding:8px
    }
    .refer-items>.item>p{
        width:24px;
        height:24px;
        font-size:16px;
        top:16px;
        left:16px
    }
    .image-refer{
        height:226px
    }
    .refer-items{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .image-banner{
        max-width:540px;
        position:relative
    }
    .banner-action{
        margin-top:24px
    }
    .primary-banner{
        gap:0;
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .footer-head-info>h1{
        font-weight:700;
        font-size:24px;
        line-height:31px
    }
    .footer-time-info>h1{
        font-weight:500;
        font-size:14px;
        line-height:18px
    }
    .auth-info>.item{
        padding:16px
    }
    .time-info>.item{
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        width:72px;
        height:72px;
        margin-right:16px
    }
    .time-info>.item>h1{
        font-weight:700;
        font-size:24px;
        line-height:31px
    }
    .news-items{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        grid-row-gap:8px
    }
    .pagination>.item{
        width:100%
    }
    .prices-search{
        min-height:100%
    }
    .account-setting{
        gap:24px
    }
    .fill-account{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        gap:16px
    }
    .fill-account>.item>p{
        font-weight:500;
        font-size:12px;
        line-height:16px;
        margin-bottom:4px
    }
    .fill-account>.item>.default-input{
        height:48px;
        padding:0 16px
    }
    .fill-account>.item>.input-type-fill{
        height:48px;
        padding:0 16px
    }
    .fill-account>.item>.default-select>.head-select{
        height:48px
    }
    .fill-account>.item>.date-input>.default-input{
        height:48px
    }
    .session-details>.item>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .session-details>.item{
        gap:8px
    }
    .table-type-a>table>tbody>tr>td{
        font-size:12px
    }
    .table-type-a>table>thead>tr>td{
        font-size:10px
    }
    .action-modal>.default-button{
        height:48px;
        padding:0 24px
    }
    .action-modal>.default-button>p{
        font-size:14px
    }
    .top-2fa{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:24px
    }
    .qr-data>.item>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .qr-data>.item>p{
        font-weight:400;
        font-size:14px;
        line-height:18px
    }
    .account-setting-details{
        gap:24px
    }
    .qr-scan{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .qr-image{
        max-width:180px;
        height:180px
    }
    .code-qr>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .code-qr-content{
        gap:8px
    }
    .code-qr-content>input{
        height:58px
    }
    .qr-scan>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .head-modal-navigate>.item{
        padding:0 12px;
        height:28px;
        font-weight:500;
        font-size:12px;
        line-height:16px
    }
    .password-setting{
        gap:24px
    }
    .password-setting>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .fill-password>.item{
        gap:4px
    }
    .fill-password>.item>.default-input{
        height:56px
    }
    .referal-link{
        height:48px
    }
    .referal-link>p{
        font-weight:400;
        font-size:16px
    }
    .referal-link{
        padding-left:16px
    }
    .fill-account>.item{
        gap:0
    }
    .content-invite{
        padding:16px
    }
    .content-invite>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .ref-setting{
        gap:24px
    }
    .ref-setting>*{
        padding-bottom:24px
    }
    .ref-setting>*:last-child{
        padding-bottom:0
    }
    .reward-data>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .top-inviter>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .inviter-reward>p{
        font-weight:400;
        font-size:14px;
        line-height:18px
    }
    .total-invited>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .avatar-account{
        gap:16px;
        padding-bottom:24px
    }
    .action-avatar{
        gap:8px;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .action-avatar>.default-button{
        max-width:100%;
        height:40px
    }
    .action-avatar>.default-button>p{
        font-size:12px
    }
    .no-notif>p{
        font-size:16px
    }
}
@media screen and (max-width:425px){
    .body-asset{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .price-info{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .tns-nav>button{
        width:100%
    }
    .tns-nav>button.tns-nav-active{
        width:100%
    }
    .details-modal-action>.default-button{
        max-width:100%;
        height:48px
    }
    .details-modal-action>.default-button>p{
        font-size:14px
    }
    .notif-modal>.modal-main-content{
        width:100%
    }
    .action-listing>.default-button{
        max-width:100%
    }
}
@media screen and (max-width:1608px){
    .item-slide>.item{
        aspect-ratio:4/2;
        height:100%
    }
    .item-slide>.item>img.banner-a{
        display:none
    }
    .item-slide>.item>img.banner-b{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media screen and (max-width:1440px){
    .banner-top-info>h1{
        font-size:54px
    }
    .prices-category>h1{
        display:none
    }
    .prices-category-items{
        overflow-x:auto;
        gap:8px
    }
    .prices-category-items>.item{
        max-width:-webkit-fit-content;
        max-width:-moz-fit-content;
        max-width:fit-content;
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        padding:8px;
        padding-right:16px
    }
    .prices-category-items>.item>p{
        line-height:unset;
        white-space:nowrap;
        font-weight:600;
        font-size:12px;
        margin-top:0
    }
    .category-image{
        margin-right:8px;
        width:24px;
        height:24px
    }
    .category-image>img{
        width:14px;
        height:14px
    }
    .primary-content{
        gap:32px
    }
    .primary-benefits{
        padding:40px 0
    }
    .primary-reward{
        padding:40px 0
    }
    .primary-main{
        padding:0;
        padding-bottom:16px
    }
    .trade-table{
        margin-right:0
    }
    .primary-trade-history{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .trade-action{
        max-width:100%;
        margin-bottom:24px
    }
}
@media screen and (max-width:1144px){
    .primary-logo-download{
        padding:40px 0
    }
    .primary-logo-download>h1{
        font-size:16px;
        line-height:21px;
        margin-bottom:24px
    }
    .logo-download{
        grid-gap:16px
    }
    .logo-download>.item{
        padding:24px
    }
    .logo-download>.item>a{
        font-size:14px
    }
    .team-user-avatar{
        width:60px;
        height:60px
    }
    .squad-team-peolpe{
        grid-gap:16px
    }
    .squad-team-peolpe>.item{
        padding:24px
    }
    .squad-team-peolpe>.item>h1{
        font-size:16px;
        line-height:21px;
        margin-top:16px
    }
    .squad-team-peolpe>.item>h2{
        font-size:14px;
        line-height:20px
    }
    .squad-team-peolpe>.item>p{
        margin-top:16px;
        font-size:12px;
        line-height:16px
    }
    .primary-squad-team{
        padding:40px 0
    }
    .squad-team-info{
        margin-bottom:24px
    }
    .squad-team-info>h1{
        font-size:16px;
        line-height:21px
    }
    .squad-team-info>p{
        font-size:12px;
        line-height:16px
    }
    .primary-squad-info{
        padding:40px 0
    }
    .primary-squad-info{
        grid-gap:16px
    }
    .primary-squad-info>.item>h1{
        font-size:16px;
        line-height:21px
    }
    .primary-squad-info>.item>p{
        font-size:12px;
        line-height:16px
    }
    .primary-buy-crypto{
        padding:32px 0
    }
    .image-vip-app{
        margin-left:auto
    }
    .image-vip-detail{
        margin-bottom:16px
    }
    .primary-vip-details{
        grid-template-columns:repeat(auto-fill,minmax(316px,1fr))
    }
    .primary-vip-details>.item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        text-align:center
    }
    .primary-vip-details>.item>h1{
        font-size:16px;
        line-height:120%;
        margin-bottom:8px
    }
    .primary-vip-details>.item>p{
        font-size:12px;
        line-height:16px
    }
    .image-vip-app{
        max-width:400px;
        width:100%
    }
    .vip-app-info>h1{
        font-size:32px;
        line-height:120%
    }
    .vip-app-info>p{
        font-size:14px;
        line-height:24px
    }
    .primary-vip-program{
        padding:40px 0
    }
    .primary-vip-program>h1{
        font-size:24px;
        line-height:120%
    }
    .primary-vip-program>p{
        font-size:12px;
        line-height:16px;
        margin:24px 0
    }
    .program-vip-info>h1{
        font-size:24px;
        line-height:32px
    }
    .content-program{
        padding:24px
    }
    .vip-details>h1{
        font-size:16px;
        line-height:24px
    }
    .vip-details>ol>li{
        font-size:12px;
        line-height:16px
    }
    .primary-vip{
        padding:40px 0
    }
    .primary-vip>h1{
        font-size:24px;
        line-height:120%;
        margin-bottom:24px
    }
    .fees-items{
        gap:16px
    }
    .fees-items>.item>h3{
        font-size:12px;
        line-height:16px;
        margin-bottom:4px
    }
    .fees-items>.item>h1{
        font-size:16px;
        line-height:21px
    }
    .fees-items>.item>p{
        font-size:12px;
        line-height:16px;
        margin-top:16px
    }
    .primary-benefit{
        padding:40px 0
    }
    .benef-items{
        margin-top:16px
    }
    .benef-items>.item{
        margin-bottom:16px
    }
    .benef-items>.item::before{
        margin-right:10px
    }
    .benef-item-data>h1{
        font-size:14px;
        line-height:24px
    }
    .benef-item-data>p{
        font-size:12px;
        line-height:16px
    }
    .benefit-details>p{
        margin-top:8px;
        font-size:12px;
        line-height:20px
    }
    .benefit-details>h3{
        font-size:10px;
        line-height:13px;
        margin-bottom:8px
    }
    .benefit-details>h1{
        font-size:32px;
        line-height:120%
    }
    .primary-affilate{
        padding:40px 0;
        gap:16px
    }
    .primary-affilate>.item{
        padding:24px
    }
    .primary-affilate>.item>h1{
        font-size:24px;
        line-height:120%
    }
    .primary-affilate>.item>p{
        font-size:12px;
        line-height:16px
    }
    .auth-user-nav{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .auth{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        height:100%;
        overflow-y:auto
    }
    .auth-main{
        height:100%
    }
    .footer-image{
        display:none
    }
    .time-info>.item{
        margin-right:24px
    }
    .auth-info{
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        max-width:100%
    }
    .auth-info>.item{
        padding:24px
    }
    .auth-info>.item>*{
        margin-bottom:16px
    }
    .auth-info>.item.auth-item-info>*{
        margin-bottom:0
    }
    .auth-info>.item.auth-item-info>.body-auth-info{
        display:none
    }
    .container-head-modal{
        padding:68px 0
    }
    .modal-header{
        right:unset;
        left:0
    }
    .confirm-info{
        padding:24px
    }
    .responsive-alerts{
        padding:8px
    }
    .prices-cryptocurrency>h1{
        margin-bottom:24px
    }
    .prices-search>.search-type-b{
        margin-top:16px
    }
    .search-type-b{
        padding:0 12px
    }
    .search-type-b>input{
        height:48px;
        font-weight:400;
        font-size:14px;
        line-height:18px
    }
    .prices-search{
        min-height:300px;
        padding:24px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .top-data-search>p{
        font-weight:400;
        font-size:14px;
        line-height:20px
    }
    .top-data-search>h1{
        font-weight:700;
        font-size:24px;
        line-height:120%
    }
    .top-data-search>h1>br{
        display:unset!important
    }
    .primary-news-item{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .new-item-text>*{
        font-weight:400;
        font-size:12px;
        line-height:20px
    }
    .feature-info>h1{
        font-size:16px
    }
    .new-featured{
        margin-top:24px
    }
    .content-featured>.item{
        padding:24px
    }
    .new-item-content{
        padding:24px
    }
    .new-item-content>*{
        margin-bottom:16px
    }
    .new-item-content>*:last-child{
        margin-bottom:0
    }
    .new-item{
        max-width:100%
    }
    .new-featured{
        width:100%;
        margin-left:0;
        max-width:100%
    }
    .primary-trade-live{
        margin-bottom:16px
    }
    .trade-action{
        margin-bottom:16px
    }
    .trade-live{
        margin-right:16px
    }
    .primary-trade-info>.item{
        padding:24px 16px
    }
    .primary-trade-info>.item>p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size:14px
    }
    .modal-content{
        padding:16px;
        gap:24px;
        border-radius:16px
    }
    .bottom-balance{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .balance-value-items{
        max-width:100%;
        display:-ms-grid;
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
        gap:16px
    }
    .asset-info-balance{
        margin-bottom:16px
    }
    .asset-info-balance>h1{
        font-size:16px;
        line-height:120%
    }
    .asset-filter{
        display:none
    }
    .balance-info>h1{
        font-size:16px;
        line-height:120%
    }
    .balance-info>p{
        font-size:16px;
        line-height:120%
    }
    .item-balance-data>h1{
        font-size:16px;
        line-height:21px
    }
    .item-balance-data>p{
        font-size:12px;
        line-height:16px
    }
    .empty-data-table>p{
        font-size:16px;
        line-height:21px
    }
    .star-table{
        width:32px;
        background-size:18px 18px
    }
    .balance-value-visual{
        gap:16px
    }
    .balance-value-visual>.item{
        gap:4px
    }
    .balance-value-visual>.item>p{
        font-size:12px;
        line-height:16px
    }
    .primary-balance{
        padding:16px
    }
    .primary-balance>*{
        margin-bottom:24px
    }
    .balance-currency>h1{
        font-size:36px;
        line-height:120%
    }
    .head-balance-action{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .responsive-navigation.hidden-nav>.nav-content>.nav-header>.logo{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .responsive-content{
        overflow-x:hidden
    }
    .primary-header{
        display:none
    }
    .responsive-wrapper{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .responsive-wrapper>.responsive-navigation{
        padding-top:24px;
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        max-width:100%;
        border-right:0
    }
    .nav-header{
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter:blur(10px);
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:10
    }
    .responsive-body-content{
        padding-top:64px
    }
    .nav-theme-content{
        position:fixed;
        width:100%;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:20;
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    .nav-theme-content::before{
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0;
        pointer-events:none;
        position:fixed;
        content:"";
        width:100%;
        height:100%;
        top:0;
        right:0;
        bottom:0;
        left:0
    }
    .nav-theme-content.animated{
        -webkit-transition:.2s;
        transition:.2s
    }
    .nav-theme-content.animated::before{
        -webkit-transition:.2s;
        transition:.2s
    }
    .nav-theme-content.active{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    .nav-theme-content.active::before{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1;
        pointer-events:all
    }
    .nav-navigate-action{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:24px
    }
    .nav-navigate-action>.nav-theme-action{
        gap:16px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .nav-navigate-action>.nav-theme-action>.action-header{
        gap:8px
    }
    .nav-navigate-action>.nav-theme-action>.action-header>.item>.action-icon{
        width:40px;
        height:40px;
        background-size:24px 24px
    }
    .nav-theme{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:24px
    }
    .nav-theme>.auth-theme{
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        gap:16px
    }
    .nav-theme>.auth-theme>.default-button{
        max-width:100%
    }
    .nav-theme>.auth-theme>.button-c{
        width:100%;
        height:48px
    }
    .nav-theme>.auth-theme>.button-b{
        height:48px
    }
    .nav-theme>.auth-theme>.button-b>p{
        font-size:16px
    }
    .nav-main{
        max-width:260px;
        width:100%;
        position:relative;
        z-index:1;
        width:100%;
        padding:20px 16px;
        padding-bottom:24px;
        border-right-width:1px !important
    }
    .nav-types.nav-type-a{
        display:none
    }
    .nav-types.nav-type-b{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .benefit-items{
        -ms-grid-columns:1fr 24px 1fr;
        grid-template-columns:1fr 1fr;
        grid-column-gap:24px;
        grid-row-gap:24px
    }
    .benefit-icon{
        height:72px
    }
    .primary-benefits>h1{
        font-size:24px;
        line-height:120%;
        margin-bottom:16px
    }
    .primary-benefits>p{
        font-size:12px;
        line-height:20px
    }
    .benefit-info>h1{
        font-size:16px;
        line-height:120%
    }
    .benefit-info>p{
        font-size:12px;
        line-height:20px
    }
    .primary-portfolio{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .portfolio-info>h1{
        font-size:32px;
        line-height:120%;
        margin-bottom:8px
    }
    .portfolio-info>p{
        font-size:12px;
        line-height:20px;
        margin-bottom:16px
    }
    .portfolio-info>h3{
        font-size:10px;
        line-height:13px;
        margin-bottom:8px
    }
    .benefit-items{
        margin-top:24px
    }
    .portfolio-app>img{
        pointer-events:none;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content;
        height:774px;
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)
    }
    .button-b,.button-g{
        height:40px;
        padding:0 16px
    }
    .button-b>p,.button-g>p{
        font-size:12px
    }
    .auth-action>.default-button{
        height:48px
    }
    .primary-reward>h3{
        font-size:14px;
        line-height:24px;
        margin-bottom:8px
    }
    .primary-reward>h1{
        font-size:24px;
        line-height:120%;
        margin-bottom:24px
    }
    .primary-reward>h1>br{
        display:none
    }
    .form-started{
        height:56px
    }
    .form-started>input{
        font-size:12px
    }
    .form-started>.default-button{
        height:100%
    }
    footer{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .primary-footer{
        padding:24px 0
    }
    .updates-sub{
        padding:16px
    }
    .updates-sub{
        margin-bottom:24px;
        border-radius:16px
    }
    .updates-sub>.form-started{
        height:48px
    }
    .updates-sub>.form-started>.default-button{
        height:100%
    }
    .updates-sub>h1{
        font-size:16px;
        line-height:120%
    }
    .updates-sub>p{
        font-size:12px;
        line-height:20px;
        margin-bottom:16px
    }
    .social-items{
        margin-bottom:24px
    }
    .message-footer>p{
        font-size:12px;
        line-height:16px
    }
    .footer-navigation{
        -ms-grid-columns:1fr 16px 1fr;
        grid-template-columns:1fr 1fr;
        grid-column-gap:16px;
        grid-row-gap:24px
    }
    .footer-navigation>.item{
        gap:16px
    }
    .footer-navigation>.item:nth-child(odd)>h1{
        text-align:right
    }
    .footer-navigation>.item:nth-child(odd)>.footer-nav-items>.item{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .footer-navigation>.item>h1{
        font-size:14px;
        line-height:18px
    }
    .footer-nav-items{
        gap:8px
    }
    .footer-nav-items>.item{
        font-size:12px;
        line-height:16px
    }
    .container{
        padding:0 16px
    }
    .assets-filter{
        margin-bottom:16px;
        gap:8px
    }
    .assets-filter>.item{
        height:32px;
        padding:0 12px
    }
    .assets-filter>.item>p{
        font-size:12px
    }
    .asset-image{
        width:40px;
        height:40px
    }
    .top-asset-info>h1{
        font-size:14px
    }
    .top-asset-info>p{
        font-size:10px
    }
    .asset-info{
        gap:2px
    }
    .asset-info>p{
        font-size:12px;
        line-height:16px
    }
    .head-asset{
        padding:16px
    }
    .price-info{
        gap:8px
    }
    .price-asset>h1,.price-asset p{
        font-size:14px;
        line-height:18px
    }
    .gain-asset>p{
        font-size:12px
    }
    .gain-asset::before{
        width:16px;
        height:16px
    }
    .chart-info{
        height:60px
    }
    .chart-info::after{
        width:20px;
        height:20px
    }
    .body-asset{
        padding:16px;
        gap:16px
    }
    .body-asset>*{
        width:100%
    }
    .asset-items{
        gap:8px
    }
    .asset-items>.item{
        border-radius:16px
    }
    .assets-data{
        gap:16px
    }
    .banner-info{
        padding:24px
    }
    .primary-refer{
        padding:40px 0
    }
    .primary-started{
        padding:40px 0
    }
    .primary-started>h1{
        font-size:24px;
        line-height:120%;
        margin-bottom:16px
    }
    .primary-started>h3{
        font-size:14px;
        line-height:24px;
        margin-bottom:16px
    }
    .primary-refer>h1{
        font-size:24px;
        line-height:120%;
        margin-bottom:16px
    }
    .banner-top-info>h1{
        font-size:32px;
        line-height:120%
    }
    .banner-top-info>p{
        font-size:12px;
        line-height:16px
    }
    .refer-info>h1{
        font-size:16px;
        line-height:120%
    }
    .refer-info>p{
        font-size:12px;
        line-height:20px
    }
    .banner-action{
        gap:12px
    }
    .button-f{
        height:40px;
        padding:0 16px
    }
    .button-f>p{
        font-size:12px
    }
    .button-d{
        height:40px;
        padding:0 16px
    }
    .button-d>p{
        font-size:12px
    }
    .primary-content{
        gap:24px
    }
    .primary-content.asset-content{
        gap:16px
    }
    .paginate-asset{
        margin-top:16px
    }
    .top-content-slide{
        gap:16px
    }
    .top-content-slide>h3{
        font-size:10px;
        line-height:13px
    }
    .top-content-slide>h1{
        font-size:24px;
        line-height:120%
    }
    .top-content-slide>p{
        font-size:12px;
        line-height:20px;
        -webkit-line-clamp:3;
        line-clamp:3
    }
    .tns-nav{
        padding:0 24px;
        bottom:24px
    }
    .tns-outer{
        border-radius:16px
    }
    .primary-promotions>.primary-slides{
        margin-top:24px
    }
    .primary-promotions{
        padding-top:16px
    }
    .primary-promotions>h2{
        font-weight:500;
        font-size:14px;
        line-height:120%;
        margin-bottom:4px
    }
    .primary-promotions>h2:last-child{
        margin-bottom:0
    }
    .primary-promotions>h1{
        font-style:normal;
        font-weight:700;
        font-size:32px
    }
    .item-slide{
        border-radius:16px
    }
    .button-a{
        height:40px;
        padding:0 16px
    }
    .button-a>p{
        font-size:12px
    }
    .tns-nav{
        gap:6px
    }
    .responsive-wrapper>.responsive-navigation{
        padding:0
    }
    .responsive-wrapper>.responsive-navigation>.nav-content>.nav-header{
        padding:8px 16px
    }
    .nav-main{
        gap:32px
    }
    .details-modal-action{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .details-modal-coins{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .body-visual-chart{
        height:80px
    }
    .hide-modal{
        width:32px;
        height:32px;
        background-size:18px 18px;
        top:12px;
        right:12px
    }
    .witdraw-content-modal>.item>.default-input{
        height:48px
    }
    .balance-deposit-data>h1{
        font-size:16px;
        line-height:120%
    }
    .balance-deposit-data>p{
        font-size:12px;
        line-height:120%
    }
    .primary-asset-sort{
        gap:16px
    }
    .primary-asset-sort>*{
        max-width:100%
    }
    .primary-asset-sort{
        margin-top:16px
    }
    .balance-value-items.balance-value-b>.item{
        padding:16px
    }
    .sort-asset-tab-select{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .sort-asset-tab{
        display:none
    }
    .deposit-adress-data{
        padding:16px
    }
    .deposit-verif-status>p{
        font-size:12px;
        line-height:16px
    }
    .default-copy{
        padding:12px 16px
    }
    .default-copy>p{
        font-size:14px;
        line-height:18px
    }
    .deposit-adress-data>*{
        margin-bottom:16px
    }
    .deposit-adress-info>h1{
        font-size:16px;
        line-height:120%
    }
    .deposit-adress-info>p{
        font-size:14px;
        line-height:18px
    }
    .balance-deposit-info{
        padding:16px
    }
    .balance-deposit-info>h1{
        font-size:16px;
        line-height:120%
    }
    .head-modal>h1{
        font-size:20px;
        line-height:120%
    }
    .secondary-search::before{
        width:20px;
        height:20px
    }
    .empty-option>p{
        font-size:14px
    }
    .primary-input{
        height:48px
    }
    .secondary-select-head{
        height:72px
    }
    .secondary-search>input{
        font-size:14px
    }
    .secondary-head-info>h1{
        font-size:14px;
        line-height:18px
    }
    .secondary-head-info>p{
        font-size:12px;
        line-height:16px
    }
    .tag-new>.item{
        padding:0 8px;
        height:22px
    }
    .tag-new>.item>p{
        font-style:normal;
        font-weight:500;
        font-size:10px
    }
    .bottom-new{
        padding:16px
    }
    .bottom-new>p{
        font-weight:500;
        font-size:14px;
        line-height:20px
    }
    .primary-news>*{
        margin-bottom:16px
    }
}
@media screen and (max-width:1024px){
    .methods-buy{
        gap:8px;
        margin-top:24px
    }
    .method-buy-action{
        margin-top:24px
    }
    .method-buy-action>.item{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .method-info{
        margin-left:0;
        margin-top:24px
    }
    .primary-buy-crypto>h1{
        font-size:48px;
        line-height:120%
    }
    .primary-trade-info-coin{
        margin:0 16px
    }
    .primary-trade-live{
        min-height:unset
    }
    .primary-trade-navigation{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .trade>.responsive-wrapper>.responsive-content{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
    .trade>.responsive-wrapper>.responsive-content>.responsive-body-content>.primary-main{
        padding-bottom:0
    }
    .trade>.responsive-wrapper>.responsive-content>.responsive-body-content>.primary-main>.container{
        padding:0;
        height:100%
    }
    .trade>.responsive-wrapper>.responsive-content>.responsive-body-content>.primary-main>.container>.primary-content{
        gap:16px;
        height:100%
    }
    .primary-trade-main{
        height:100%
    }
    .trade-live{
        border-radius:0;
        border:0
    }
    .primary-trade-live{
        height:100%
    }
    .primary-trade-info{
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        overflow-x:auto;
        margin:0 16px
    }
    .primary-trade-info>.item.gain-up{
        min-width:120px;
        max-width:-webkit-fit-content;
        max-width:-moz-fit-content;
        max-width:fit-content
    }
    .primary-trade-info>.item>.secondary-select>.secondary-select-body{
        left:-17px;
        top:calc(100%+19px);
        min-width:343px;
        max-width:343px
    }
    .trade-live-info{
        top:64px;
        border-radius:0;
        left:0;
        right:0;
        margin-bottom:0;
        overflow:hidden;
        bottom:88px;
        position:fixed;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-transform:translateY(-120%);
        transform:translateY(-120%)
    }
    .trade-live-info.active{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    .trade-live-info{
        max-width:100%
    }
    .tbody-order.single-type>.item{
        max-height:100%
    }
    .body-trade-live-item{
        height:100%;
        overflow:hidden;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .tbody-order{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        overflow:hidden;
        height:100%
    }
    .order-book-body{
        height:100%
    }
    .item-order-book{
        height:100%
    }
    .tbody-order>.item{
        max-height:50%
    }
    .tbody-order>.item:only-child{
        max-height:100%
    }
    .prder-book-body-items{
        height:100%;
        overflow:hidden;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .trade-table{
        top:64px;
        border-radius:0;
        left:0;
        right:0;
        margin-bottom:0;
        bottom:88px;
        position:fixed;
        max-height:100%;
        -webkit-transform:translateY(-120%);
        transform:translateY(-120%)
    }
    .trade-table.active{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    .empty-data-table>p{
        font-size:14px
    }
    .head-trade-table>.item{
        height:32px;
        padding:0 12px
    }
    .head-trade-table>.item>p{
        font-weight:500;
        font-size:12px
    }
    .body-trade-table>.item>table>tbody>tr>td{
        height:40px;
        font-weight:500;
        font-size:12px;
        line-height:16px
    }
    .auth-main{
        padding:32px 16px
    }
    .auth-info{
        overflow:unset
    }
    .head-auth-content>p{
        font-weight:400;
        font-size:12px;
        line-height:16px
    }
    .auth-info-top.large-info>p{
        font-weight:400;
        font-size:12px;
        line-height:16px
    }
    .trade-action{
        top:64px;
        border-radius:0;
        left:0;
        right:0;
        margin-bottom:0;
        bottom:88px;
        position:fixed;
        -webkit-transform:translateY(-120%);
        transform:translateY(-120%)
    }
    .trade-action.active{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    .trade-live{
        margin-right:0
    }
    .primary-trade-live{
        margin-bottom:0
    }
    .primary-trade-info>.item{
        height:75px;
        padding:16px
    }
    .auth-fill>.item>p{
        margin-bottom:4px
    }
    .auth-action>*{
        margin-bottom:16px
    }
    .auth-action>*:last-child{
        margin-bottom:0
    }
    .pass-recover>*{
        font-weight:500;
        font-size:12px;
        line-height:16px
    }
    .message-auth>p{
        font-weight:500;
        font-size:12px;
        line-height:16px
    }
    .head-auth-content>h1{
        font-weight:700;
        font-size:24px;
        line-height:31px
    }
    .auth-content>*{
        margin-bottom:24px
    }
    .auth-content>*:last-child{
        margin-bottom:0
    }
    .fill-item-auth>.default-input{
        height:48px;
        padding:0 16px
    }
    .primary-affilate-steps{
        grid-template-columns:repeat(auto-fit,minmax(158px,1fr))
    }
    .step-num{
        width:72px;
        height:72px;
        margin-bottom:32px
    }
    .step-num>p{
        width:32px;
        height:32px;
        font-size:16px
    }
    .primary-affilate-steps{
        padding:40px 0
    }
    .primary-affilate-steps>.item>h1{
        font-size:16px;
        line-height:120%
    }
    .primary-affilate-steps>.item>p{
        font-size:12px;
        line-height:20px
    }
    .primary-affilate-info{
        grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
        padding:40px 0;
        grid-gap:16px
    }
    .primary-affilate-info>.item{
        padding:24px
    }
    .primary-affilate-info>.item>h1{
        font-size:16px;
        line-height:120%
    }
    .primary-affilate-info>.item>p{
        margin-top:8px;
        font-size:12px;
        line-height:16px
    }
    .primary-listing{
        padding:40px 0
    }
    .listing{
        padding:24px;
        margin-bottom:24px
    }
    .primary-fees{
        padding:40px 0
    }
    .fees-table{
        margin-top:24px
    }
}
@media screen and (max-width:768px){
    .primary-vip-details{
        padding:40px 0
    }
    .vip-app-info{
        padding-top:40px;
        text-align:center
    }
    .vip-app-platform{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .primary-vip-app{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .step-num{
        margin-bottom:24px
    }
    .primary-vip-program>p>br{
        display:none
    }
    .primary-affilate-steps>.item>h1{
        font-size:16px
    }
    .primary-affilate-steps>.item>h1>br{
        display:none
    }
    .content-program{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .top-fill-program{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .fees-items{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .listing-fills>.item>input{
        font-size:14px;
        line-height:18px;
        height:48px
    }
    .listing-data{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .primary-affilate{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .primary-affilate>.item{
        width:calc(50% - 8px)
    }
    .primary-affilate>.item:first-child{
        width:100%
    }
    .primary-affilate-steps{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .primary-affilate-steps>.item{
        width:calc(50% - 12px)
    }
    .primary-affilate-steps>.item:last-child{
        width:100%
    }
    .primary-affilate-steps>.item:last-child>p{
        max-width:100%
    }
    .primary-benefit.reverse-benedit{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .primary-affilate{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .primary-affilate.affilate-type-b{
        display:-ms-grid;
        display:grid;
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr
    }
    .primary-affilate.affilate-type-b>.item{
        width:100%
    }
    .refer-items>.item{
        padding:8px
    }
    .refer-items>.item>p{
        width:24px;
        height:24px;
        font-size:16px;
        top:16px;
        left:16px
    }
    .image-refer{
        height:226px
    }
    .refer-items{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .image-banner{
        max-width:540px;
        position:relative
    }
    .banner-action{
        margin-top:24px
    }
    .primary-banner{
        gap:0;
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .footer-head-info>h1{
        font-weight:700;
        font-size:24px;
        line-height:31px
    }
    .footer-time-info>h1{
        font-weight:500;
        font-size:14px;
        line-height:18px
    }
    .auth-info>.item{
        padding:16px
    }
    .time-info>.item{
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        width:72px;
        height:72px;
        margin-right:16px
    }
    .time-info>.item>h1{
        font-weight:700;
        font-size:24px;
        line-height:31px
    }
    .news-items{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        grid-row-gap:8px
    }
    .pagination>.item{
        width:100%
    }
    .prices-search{
        min-height:100%
    }
    .account-setting{
        gap:24px
    }
    .fill-account{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        gap:16px
    }
    .fill-account>.item>p{
        font-weight:500;
        font-size:12px;
        line-height:16px;
        margin-bottom:4px
    }
    .fill-account>.item>.default-input{
        height:48px;
        padding:0 16px
    }
    .fill-account>.item>.input-type-fill{
        height:48px;
        padding:0 16px
    }
    .fill-account>.item>.default-select>.head-select{
        height:48px
    }
    .fill-account>.item>.date-input>.default-input{
        height:48px
    }
    .session-details>.item>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .session-details>.item{
        gap:8px
    }
    .table-type-a>table>tbody>tr>td{
        font-size:12px
    }
    .table-type-a>table>thead>tr>td{
        font-size:10px
    }
    .action-modal>.default-button{
        height:48px;
        padding:0 24px
    }
    .action-modal>.default-button>p{
        font-size:14px
    }
    .top-2fa{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:24px
    }
    .qr-data>.item>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .qr-data>.item>p{
        font-weight:400;
        font-size:14px;
        line-height:18px
    }
    .account-setting-details{
        gap:24px
    }
    .qr-scan{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .qr-image{
        max-width:180px;
        height:180px
    }
    .code-qr>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .code-qr-content{
        gap:8px
    }
    .code-qr-content>input{
        height:58px
    }
    .qr-scan>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .head-modal-navigate>.item{
        padding:0 12px;
        height:28px;
        font-weight:500;
        font-size:12px;
        line-height:16px
    }
    .password-setting{
        gap:24px
    }
    .password-setting>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .fill-password>.item{
        gap:4px
    }
    .fill-password>.item>.default-input{
        height:56px
    }
    .referal-link{
        height:48px
    }
    .referal-link>p{
        font-weight:400;
        font-size:16px
    }
    .referal-link{
        padding-left:16px
    }
    .fill-account>.item{
        gap:0
    }
    .content-invite{
        padding:16px
    }
    .content-invite>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .ref-setting{
        gap:24px
    }
    .ref-setting>*{
        padding-bottom:24px
    }
    .ref-setting>*:last-child{
        padding-bottom:0
    }
    .reward-data>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .top-inviter>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .inviter-reward>p{
        font-weight:400;
        font-size:14px;
        line-height:18px
    }
    .total-invited>h1{
        font-weight:700;
        font-size:16px;
        line-height:120%
    }
    .avatar-account{
        gap:16px;
        padding-bottom:24px
    }
    .action-avatar{
        gap:8px;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .action-avatar>.default-button{
        max-width:100%;
        height:40px
    }
    .action-avatar>.default-button>p{
        font-size:12px
    }
    .no-notif>p{
        font-size:16px
    }
}
@media screen and (max-width:526px){
    .details-modal-action{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .details-modal-action>.default-button{
        max-width:calc(50% - 8px)
    }
    .details-modal-action>.default-button:nth-child(3){
        max-width:100%
    }
    .balance-action{
        width:100%;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .balance-action>.default-button{
        max-width:calc(50% - 4px)
    }
}
@media screen and (max-width:425px){
    .body-asset{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .price-info{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .tns-nav>button{
        width:100%
    }
    .tns-nav>button.tns-nav-active{
        width:100%
    }
    .details-modal-action>.default-button{
        height:48px
    }
    .details-modal-action>.default-button>p{
        font-size:14px
    }
    .notif-modal>.modal-main-content{
        width:100%
    }
    .action-listing>.default-button{
        max-width:100%
    }
}
.nav-header > .default-button {
    display: none;
}
@media screen and (max-width: 1144px) {
    .nav-header {
        grid-gap: 4px;
    }
    .nav-header > .default-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
    }
    .nav-header > .nav-action {
        margin-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .balance-currency > h1 {
        font-size: 28px;
    }
}
@media screen and (max-width: 1524px) {
    .action-header {
        gap: 30px;
    }
    .navigation-header {
        gap: 30px;
    }
    .additional-header {
        gap: 30px;
    }
}

@media screen and (max-width: 768px) {
    .primary-slides-line {
        margin: 0;
    }
    .primary-slides-line > .tns-outer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 1724px) {
    .primary-slides-line {
        margin: 0;
    }
    .primary-slides-line > .tns_outer {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .primary-slides-line > .tns-outer > .tns-controls {
        padding: 0px 8px;
    }
    .pri.primary-slides-line > .tns-outer > .tns-controls > button {
        background-color: rgba(255, 255, 255, 0.15);
    }
}