@media only screen and (min-width: 1201px) and (max-width: 3840px) {
    .sidebar-md {
        display: none;
    }

    .page-topbar .navbar-header {
        justify-content: flex-end;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .sidebar-md {
        display: none;
    }

    .page-topbar .navbar-header {
        justify-content: flex-end;
    }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    .sidebar-lg {
        display: none;
    }

    .main-content {
        margin-left: 0;
    }
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
    .sidebar-lg {
        display: none;
    }

    .main-content {
        margin-left: 0;
    }
}

@media only screen and (min-width: 375px) and (max-width: 576px) {
    .sidebar-lg {
        display: none;
    }

    .main-content {
        margin-left: 0;
    }

    .login-forgot-padding {
        padding: 10px 40px;
    }

    .register-padding {
        padding: 10px 40px;
    }
}

@media only screen and (min-width: 200px) and (max-width: 374px) {
    .sidebar-lg {
        display: none;
    }

    .main-content {
        margin-left: 0;
    }

    .login-forgot-padding {
        padding: 10px 30px;
    }

    .register-padding {
        padding: 10px 30px;
    }
}

@media only screen and (max-width: 1440px) {
    .bg-img {
        bottom: 19%;
    }

    .bg-img2 {
        bottom: 52%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .login-forgot-padding {
        padding: 10px 60px;
    }

    .register-padding {
        padding: 10px 60px;
    }
}

@media only screen and (max-width: 768px) {
    .bg-img {
        display: none;
    }

    .bg-img2 {
        display: none;
    }

}

/* New login form  start */
@media (max-width:576px) {
    .paln-img {
        display: none;
    }

    .card-box {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .page-content {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 80px !important;
    }
}

@media (max-width:992px) {

    .main-content-rtl {
        margin-right: 0rem !important;
    }

}


@media only screen and (max-width: 1023px) and (min-width: 200px) {
    .header-item {
        padding: 0px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 200px) {
    .navbar-header.rtl {
        margin-left: unset;
        margin-right: 0px !important;
    }
}