@media (max-width: 1350px) {
    
}
@media (max-width: 1200px) {
    #account-list a{
        font-size:14px;
    }
}
@media (max-width: 992px) {
    .card-footer .row-pagination .text-left{
        text-align: center ! Important;
        justify-content: center ! Important;
    }
    
    .card-footer .row-pagination .text-right{
        text-align:center!Important;
        margin-top:6px;
    }
    
    
    #account-list a{
        font-size:16px;
    }
    
    #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: 16px;
        overflow: hidden;
        overflow-y: auto;
        border-right: 1px solid #ddd;
        z-index:5001;
        width:420px;
        -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: flex;
    }
    
    #column-left{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    #toggle-mobile-account-menu{
        padding: 8px 16px;
        font-size: 14px;
        font-weight:600;
        text-transform:uppercase;
        display: inline-block;
        border: 1px solid var(--culoare3);
        background-color: var(--culoare3);
        color:#fff;
        border-radius: 6px;
        cursor: pointer;
        width: 100%;
        margin-bottom: 0;
        margin-top:24px;
    }
    
    #toggle-mobile-account-menu i{
        font-size: 14px;
        margin-right: 6px;
        color:#fff;
    }
    
    #overlay-menu-account::after{
        content:'';
        position:fixed;
        left: -100%;
        top:0;
        width:100vw;
        height:100vh;
        visibility:hidden;
        opacity:0;
        background:rgba(0,0,0,.5);
        z-index:5000;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out;
    }
    
    #overlay-menu-account.active::after{
        left:0;
        visibility:visible;
        opacity:1;
    }
    
    #filter-top-wrapper{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        color:var(--culoare1);
        margin-bottom:16px;
    }
    
    .filter-top-title{
        font-size: 21px;
        font-weight: 500;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
    }
    
    .filter-top-title i{
        font-size:18px;
    }
}
@media (max-width: 768px) {
    .cont-dashboard-info-box-text .cont-dashboard-info-box-text {
        font-size: 22px;
    }

    .return-guide-cont tr{
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }
    
    .return-guide-cont td:first-child{
        margin-bottom:10px;
    }
    
    .cont-return-list-item{
        flex-flow: column;
        align-items: flex-start;
    }
    
    .return-info-main-table,
    .return-info-main-table thead,
    .return-info-main-table tbody,
    .return-info-main-table tr,
    .return-info-main-table td{
        display:block;
        width:100%!Important;
    }
}
@media (max-width: 576px) {
    .account-product-image{
        max-width:150px;    
        margin-bottom:12px;
    }
    
    .card-header:not(.card-header-with-number){
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    
    .card-header .float-right{
        margin: 6px 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .card-header .float-right .btn{
        width:100%;
        margin: 6px 0!Important;
    }
}
@media (max-width: 480px) {
    #mobile-account-menu{
        width:100%;
    }
    
    .account-body {
        padding: 0;
        background: transparent;
    }
    
    .account-body > .card > .card-body{
        padding: 10px;
    }
}
@media (max-width: 363px) {
    
}



