@media (max-width: 1350px) {
    
}
@media (max-width: 1200px) {
    
}
@media (max-width: 992px) {

    #slider-login{
        margin-top:30px;
    }
    
    .col-imagine-account {
        padding-left: 15px;
    }
    
    .imagine-account-login{
        min-height:0px;
    }
    
    .imagine-account-login::after{
        content:'';
        display:block;
        padding-bottom:56%;
    }
    
}
@media (max-width: 768px) {
    #toggle-mobile-account-menu{
        display:block;
    }
    
    #column-left{
        display:block!Important;
    }

    #mobile-account-menu{
        position: fixed;
        top: 0;
        left: -100%;
        height: 100vh;
        background: #fff;
        padding: 10px 15px;
        overflow: hidden;
        overflow-y: auto;
        border-right: 1px solid #ddd;
        z-index: 999;
        width: 290px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
    }
    
    #mobile-account-menu.open{
        left:0;
    }
    
    #close-mobile-account-menu{
        display: block;
        text-align: right;
        font-size: 16px;
        cursor: pointer;
        margin-bottom:20px;
    }
    
    #column-left{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    #toggle-mobile-account-menu{
        padding: 6px 20px;
        font-size: 16px;
        display: inline-block;
        margin-top: 10px;
        border: 1px solid var(--culoare2);
        cursor:pointer;
        margin-bottom:20px;
    }
    
    #toggle-mobile-account-menu i{
        font-size: 14px;
        margin-right: 10px;
        color:var(--culoare2);
    }
}
@media (max-width: 576px) {
    
}
@media (max-width: 480px) {
    #mobile-account-menu{
        width:100%;
    }
    
}
@media (max-width: 363px) {
    
}