@media (max-width: 1350px) {
    .bl1w{
        border-left:0px;
    }
    .br1w{
        border-right:0px;
    }
}
@media (max-width: 1200px) {
    
}
@media (max-width: 992px) {


    #campaign-table table thead {
        font-size: 16px;
    }
    
    #column-left{
        min-height: 0px;
    }

    #account-list a {
        padding-left: 10%;
    }
    
    #sidebar-logo{
        display:inline-block;
        width:auto;
        float:right;
    }
    #column-left{
        padding:0px;
        justify-content:center;
        align-items:center;
        flex-direction:row;
        display:block!Important;
    }
    #toggle-mobile-account-menu{
        display:block;
    }

    #mobile-account-menu{
        position: fixed;
        top: 0;
        left: -100%;
        height: 100vh;
        background: var(--culoare1);
        padding: 10px 15px;
        overflow: hidden;
        overflow-y: auto;
        border-right: 1px solid var(--culoare2);
        z-index:10;
        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;
    }
    #close-mobile-account-menu i{
        color:white;
    }
    
    #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(--culoare1);
        cursor:pointer;
    }
    
    #toggle-mobile-account-menu i{
        font-size: 24px;
        margin-right: 10px;
        color:white;
    }
    
    .account-form-container h1{
        font-size:40px;
    }
    
    .logout-confirm-text h1 {
        margin-bottom: 30px;
        font-size: 35px;
    }
    
    #faq-content,
    #faq-title,
    .logout-confirm-text{
        padding: 0px;
    }
        
}
@media (max-width: 768px) {
    
    .create-campaign-btn-group{
        flex-flow:row;   
        margin-top:20px!Important;
    }
    
    .create-campaign-btn-group .account-btn{
        margin-bottom:0px!Important;  
        margin-left:5px!Important;  
        margin-right:5px!Important;  
    }
    
    .account-form-container h1{
        font-size:30px;
        margin-bottom: 30px;
    }
    
    .user-info-overlay {
        height: auto;
        padding-top:30px;
        padding-bottom:30px;
    }
    
    .user-info-overlay {
        align-items: flex-start;
        padding-left:65px;
    }
    
    #user-info-container{
        min-height: 0px;
        padding: 0;
    }
    
    #user-info-container .user-info-overlay{
        position:relative;
    }
    
    .blue-module, .lightblue-module{
        padding:25px!Important;
    }
    
}
@media (max-width: 576px) {
    #account-informations{
        padding:50px 20px;
    }

    .user-info-overlay {
        padding-left:35px;
    }

}
@media (max-width: 480px) {
    #mobile-account-menu{
        width:100%;
    }
    
    .create-campaign-btn-group{
        flex-flow:column;   
    }
    
    .create-campaign-btn-group .account-btn{
        margin-bottom:15px!Important;  
        margin-left:0px!Important;  
        margin-right:0px!Important;  
    }
    
    #campaign-table table thead {
        font-size: 14px;
    }
    
}
@media (max-width: 363px) {
    .cont-btns-login{
        width:80%;
    }

    .blue-module, .lightblue-module{
        padding:20px!Important;
    }
    
    .account-form-container h1{
        font-size:28px;
    }
}



