@media (min-width:1401px) {
    .custom-padding {
        padding: 8rem;
    }

    .section-left {
        display: none;
    }
}

/*L-desktop*/
@media (max-width: 1400px){
    .login, .sign-up{
        background-image: url(../images/background-small.svg);
        background-repeat: no-repeat;
        width: 100%;
       }      
       
}
/* macbook */
@media (max-width: 1280px){
    
    .custom-input{
        width: 280px;
    }
}
@media (max-width: 1024px) {
    

}
/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991px){
    .login, .sign-up{
        background-image: none;
        background-color: var(--black);
            }
    .section-left {
        display: contents;
    }
}
@media (max-width: 820px) {
    .dash-table{
        margin-top: 30px;
    }
}
    /* // Small devices (landscape phones, less than 768px) */
    @media (max-width: 767px) {
        body.sidebar_hide .main-content-dashboard {
            /*margin-left: 180px;*/
            width: 100vw !important ;
        }
        #CloseCross-sidebar{
            display:block !important;
        }
        .cstmlogoResponsive {
            width: 130px ;
            height: auto ;
        }
        body.sidebar_hide div#sidebar {
            position: fixed;
            left: 0 !important;
            transform: translateX(0px);
        }


        th#delete {
            display: none !important;
        }

        .main-content-dashboard {
            width: 100vw !important;
            margin-left: 0px !important;
            transition: 0.5s;
        }



        .sidebar {
            max-width: 18rem;
            transform: translateX(-100%);
            transition: transform 0.4s ease-out;
        }

            .sidebar.active {
                transform: translateX(0);
            }

        .login, .sign-up {
            background-image: none;
            background-color: var(--black);
        }
    }
@media (max-width: 576px) {
    .profile-form {
        width: calc(100% - 30px)!important;
        margin: 15px !important;
    }

}
    /* X-Small devices (portrait phones, less than 425px) */
    @media (max-width: 480px) {
        .section-left {
            display: contents;
        }

            .section-left img {
                position: absolute;
                top: 0;
                left: 0;
                width: 20%;
            }

        .custom-input {
            width: 200px;
            font-size: 1.2rem;
        }

        .custom-label {
            font-size: 1.2rem;
        }

        .custom-select {
            font-size: 1.2rem;
        }

        .section-right {
            background-color: var(--black);
            padding: 1rem;
            margin-top: 10rem;
        }

        .section-left img {
            display: block;
        }

        .section-right-login {
            background-color: var(--black);
            padding: 1rem;
        }
    }