@media screen and (max-width: 1700px) {
    .login__preview {
        top: 270px;
        width: 840px;
    }
}

@media screen and (max-width: 1600px) {
    .button_w {
        width: 45%;
    }

    .login__title {
       font-size: 45px;
    }
}

@media screen and (max-width: 1560px) {
    .widgets__item {        
        flex: 0 0 calc(50% - 32px);
        max-width: calc(50% - 32px);       
      }
}

@media screen and (max-width: 1440px) {
    .slider_home .slider__preview {       
        bottom: -207px;       
    }

    .login__preview {       
        left: 5%;       
    }
    .align-col-set-form {
        flex-direction: column;
        gap: 10px;
    }
}

@media screen and (max-width: 1366px) {

    .login__title {
        font-size: 40px;
    }

    .login__preview {
        top: 280px;
        left: 3%;
        width: 800px;
    }
}

@media screen and (max-width: 1200px) {
    .login__preview {
        top: 310px;
        width: 680px;
    }
}

@media screen and (max-width: 1199px) {
    .slider_home .slider__preview {
        left: 130px;
        bottom: -155px;
    }

    .login__preview {
        top: 340px;
        left: 2%;
        width: 590px;
    }
}


@media screen and (max-width: 991px) {  
    .wallets__btns {
        flex-direction: column;
        gap: 6px;
    }

}

@media screen and (max-width: 840px) { 


    .align-set-flex {
        flex-direction: column;
        gap: 10px;
    }

    .set-w-align {
        width: 100%;
    }

 }

@media screen and (max-width: 820px) {
    .button_w {
        width: 60%;
    }

    .activity__table .activity__cell {
        white-space: nowrap;
        border-radius: 0 !important;
    }

    .d-md-block {
        display: block;
      }

    .activity__cell:first-child {
        border-radius: 12px 0px 0px 12px !important;
    }

    .activity__cell:last-child {
        border-radius: 0px 12px 12px 0px !important;
    }

    .table-responsive {
        width: 100%;
        overflow: auto;
    }

 

    .table_btn {
        min-width: 100px;
        height: 40px;       
    }
}

@media screen and (max-width: 600px) {
    .widgets__item {               
        max-width: calc(100% - 0px);       
      }

      .wallets__btns {       
        top: 120px;
        right: unset;        
    }

    .flex_column .wallets__total {
        padding-bottom: 80px;
    }

    .login_gride {       
        grid-template-columns: auto auto;       
    }

    .button_w {
        width: 100%;
      }

      .activity__table {
        display: inline-block !important;
    }

    .align-set-flex {
     justify-content: space-between;
     margin-top: 10px;
    }


} 

@media screen and (max-width: 480px) {
    .login_gride {       
        grid-template-columns: auto;       
    }

    .mt-sm-15 {
        margin-top: 15px;
    }

    .slider_home .slider__preview {
        left: -50%;
        bottom: -115px;
    }

    .slider__title {
        margin-bottom: 15px;     
        font-size: 26px;       
    }

    .slider__info {      
        font-size: 14px;
        line-height: 22px;
    }
}  

@media screen and (max-width: 390px) {
    .slider_home .slider__preview {
        left: -65%;      
    }
}