@media (min-width: 1200px) {
    .dash-2{
        background-size: calc(100%) auto;
    }
}

@media (max-width: 1200px) {
    .dash-rate-container{
        display: block;
    }

    .dash-infos{
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        grid-template-rows: auto;
        grid-gap: 25px;
    }
}

@media (max-width: 1100px) {

}

@media (max-width: 1000px) {

    .dash-release-fix{
        flex-direction: column;
    }

    .dash-release-2 {
        margin-left: 0;
        padding-left: 0;
        margin-top: 25px;
        border: none;
        border-top: 1px solid var(--col_3);
    }

    .settings-2fa{
        grid-template-columns: 1fr;
    }

    .dash-affiliate-stats-2{
        grid-template-columns: 1fr;
    }

    .home-community-2-1{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 900px) {
    .table tr{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .table thead{
        display: none;
    }

    .table tbody tr td .name{
        display: block;
    }

    .home-calc-2-2{
        padding-left: 0;
        border: none;
    }
}

@media (max-width: 800px) {
    .affiliate-1{
        display: block;
    }

    .affiliate-1-1{
        max-width: 600px;
        padding-right: 0;
    }
    .affiliate-1-2{
        display: none;
    }


    .hide-800{
        display: none;
    }

    .show-800{
        display: block;
    }

    .about-work{
        grid-template-columns: 1fr;
        grid-auto-flow: dense;
        margin: 80px 0;
    }

    .about-work-2{
        padding-top: 0;
    }

    .dash-content{
        padding-top: 70px;
    }

    .dash-1{
        right: -380px;
        left: auto;
        /*left: 100%;*/
        width: 100%;
        max-width: 380px;
        z-index: 20;
    }

    .dash-1.open{
        right: 0;
        left: auto;
        border-left: 1px solid var(--col_3);
        box-shadow: 0px 0px 15px 15px rgba(0,0,0,0.5);
        z-index: 90;
    }

    .dash-1.open .dash-menu{
        max-width: 400px;
    }

    .dash-2{
        margin-left: 0;
    }

    .dash-mobile-top{
        display: flex;
    }

    .dash-mobile-show{
        display: block;
    }
    .dash-1-mobile-2{
        display: grid;
        grid-template-columns: 1fr auto;
        justify-content: center;
        align-items: center;
    }

    .dash-1-1{
        display: none;
    }

    .dash-mobile-footer{
        display: flex;
    }
}

@media (max-width: 700px) {
    .dash-top {
        max-width: 100%;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
        "info info"
        "btn-2 btn-1";
    }

    .dash-top .btn-1:nth-child(1){
        grid-area: btn-1;
        min-width: auto;

    }
    .dash-top .btn-1:nth-child(2){
        grid-area: btn-2;
        min-width: auto;
    }

    .dash-top-info{
        grid-area: info;
    }

    .dash-top-info{
        right: 0;
        bottom: -1px;
    }

    .home-offer .container{
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .home-offer-1{
        padding-top: 0;
        max-width: 400px;
        margin-bottom: 30px;
    }
    .home-offer-2 img{
        max-width: 500px;
    }

    .footer .container{
        display: block;
    }

    .footer-2{
        margin-left: 0;
    }

    .footer-3{
        flex-direction: column-reverse;
        margin-top: 50px;
    }

    .footer-3-1{
        padding-right: 0;
        text-align: center;
    }

    .career-table-row {
        display: block;
        padding: 20px 70px 20px 20px;
        height: auto;
        position: relative;
        margin-bottom: 20px;
        border: 1px solid var(--col_6) !important;
    }

    .career-table-row .cta{
        position: absolute;
        right: 0;
        top: 0;
        height: 60px;
        width: 60px;
        border-bottom: 1px solid var(--col_6);
    }

    .dash-balances {
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }
}

@media (max-width: 600px) {
    .main-menu-top{
        padding: 30px 0;
        grid-template-columns: 1fr;
    }

    .main-menu-social{
        position: relative;
        right: auto;
        bottom: auto;
        display: block;
    }
    .main-nav{
        margin-top: 10px;
    }

    .main-nav{
        padding-right: 0;
    }

    .main-nav a {
        font-size: 1.1rem;
        padding: 5px;
    }

    .home-community-2-1,
    .home-community{
        grid-template-columns: 1fr;
    }

    .home-calc-2{
        grid-template-columns: 1fr;
    }

    .home-calc-2-1,
    .home-calc-2-2{
        grid-template-columns: 1fr;
    }

    .home-calc-1{
        grid-gap: 0;
        grid-template-columns: 1fr;
        align-items: flex-end;
    }

    .spaces-card:nth-child(n+5){
        display: none;
    }

    .spaces-all{
        display: block;
        margin: 30px auto;
    }

    .dash-affiliates-points{
        padding-left: 10px;
    }

    .dash-affiliates-levels {
        padding-left: 0;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "rank icon"
            "bar bar";
    }

    .form-amount {
        grid-template-columns: 1fr;
    }

    .affiliate-level{
        grid-template-columns: 1fr;
    }

    .affiliate-level-1-2{
        margin-bottom: 25px;
    }

    .hide-600{
        display: none;
    }

    .show-600{
        display: block;
    }

    .settings-wallet{
        padding-left: 0;
    }
    .settings-wallet .icon{
        opacity: 0.1;
        pointer-events: none;
    }

    .about-title{
        font-size: 2rem;
    }
    .about-perks {
        grid-template-columns: 1fr;
    }

    .deposit-qr{
        display: flex;
        justify-content: center;
    }

    .inv-compounding{
        flex-direction: column;
    }

    .inv-compounding form{
        margin-bottom: 15px;
    }

    .unlock-results{
        flex-direction: column;
    }

    .affiliate-level-1-1{
        max-width: 200px;
    }

    .deposit-top-fix{
        display: block;
    }

    .deposit-currency{
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        opacity: 0.2;
    }
}

@media (max-width: 400px) {
    .btn-1 .text{
        padding-right: 10px;
    }

    .preferences-row .switch{
        margin-right: 20px;
    }

    .spaces-card{
        text-align: center;
    }

    .dash-balance-2{
        font-size: 0.8rem;
    }
}