@media (max-width: 1199px) {
    /*Start dashboard*/
    .home-report-cards .title p {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .home-report-cards .title i {
        left: 10px;
    }
    .card {
        margin-bottom: 20px;
    }
    .dashboard-add-notification-head {
        font-size: 12px;
    }
    .dashboard-add-notification-by-whom {
        font-size: 8px;
        color: #707070;
    }
    .dashboard-add-notification-img {
        margin-left: 10px;
    }
    .card .card-body {
        min-height: 325px;
    }
    .confirmation-code .input {
        height: 1.6em;
        width: 1.6em;
        margin: 0 2px;
    }
    .form-resend-btn {
        font-size: 13px;
    }
    .form-resend-btn img:first-of-type {
        width: 20px;
    }
}

@media (max-width: 991px) {
  
    .login-page-new .login-account-form .version {
        bottom: 4px;
    }
    .login-page-new .login-account-form .grid-center {
        margin-bottom: 20px;
    }
    .login-page-new .login-account-form {
        padding: 0px;
    }
    .two-verification-form {
        padding: 0  !important;
    }
    /*Start Main navbar*/
    .navbar-head {
        display: none;
    }

    .search-input {
     
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .login-page-new {
        height: auto;
    }
    .login-page-new .login-account-form {
        border-radius: 0;
        width: 95%;
        margin: auto;
    }
    .two-verification-form {
        margin: 30px auto !important;
        border-radius: 20px !important;
    }

    .two-verification-form .grid-center {
        padding: 0 10px 1px !important;
    }
}

@media (max-width: 576px) {
    .login-page-new .login-page .grid-center-image h4 {
        font-size: 20px;
        width: 80%;
        margin: auto;
    }
    .login-page-new .login-page .grid-center-image .brand-logo img {
        display: none;
    }
    .confirmation-code .input {
        height: 1.7em;
        width: 1.7em;
    }
    .login-page-new .login-page .grid-center-image h4 {
        margin: 20vw auto 10vw;
    }
    .login-page-new .login-account-form .grid-center {
        margin-bottom: 10vw;
    }


    /*Start main navbar*/

    .wrapper aside {
        position: absolute;
        right: 0;
        z-index: 555;
        width: 16vw;
        min-width: 16vw;
    }
    .wrapper aside.active .sidebar .sidemenu-header {
        height: 64px;
    }
    .wrapper main, .wrapper aside.active + main {
        width: 100%;
        min-width: 100%;
    }

    .wrapper aside.active {
        width: 16vw;
        min-width: 16vw;
    }

    .wrapper aside .sidebar .sidemenu-body {
        position: absolute;
        right: -260px;
        background: #fff;
        transition: ease-in-out 1s all;
        -webkit-transition: ease-in-out 1s all;
        -moz-transition: ease-in-out 1s all;
        -ms-transition: ease-in-out 1s all;
        -o-transition: ease-in-out 1s all;
    }

    .wrapper aside .sidebar .sidemenu-body .list-group-item a .menu-title {
        display: flex !important;
        width: 35vw;
    }
    .wrapper aside .sidebar .sidemenu-body {
        height: calc(100vh - 64px);
    }
    .wrapper aside.active .sidebar .sidemenu-body {
        right: 0;
        background: #001F3F;
    }
    .wrapper main > nav ,.wrapper main .main-content{
        border-radius: 0;
    }
    .navbar-expand .collapse.navbar-collapse {
        padding-inline-end: 15px;
    }

    .wrapper aside .sidebar .sidemenu-header {
        width: 17vw;

    }
    .wrapper aside .sidemenu-body .list-group-item.active {
        background-color: transparent !important;
    }
    .wrapper aside .sidebar .sidemenu-header .logo-img {
        display: none;
    }

    .wrapper main > nav .dropdown .admin .info img {
        max-width: 9vw;
    }

    .icon img {
        width: 12vw;
    }
    .nav-item.nav-tasks-notifications .dropdown-menu {
        width: 60vw;
    }

    .nav-task-header {
        font-size: 3vw;
        padding: 4vw;
    }

    .nav-task-body img {
        margin: 0 5px;
        width: 6vw;
    }

    .nav-task-body-name {
        font-size: 2vw;
    }

    .nav-task-body-name p {
        max-width: 30vw;
        font-size: 2vw;
    }

    .nav-task-body-date {
        font-size: 2vw;
    }

    .nav-task-footer a {
        font-size: 2vw !important;
    }
    .wrapper aside .sidebar .sidemenu-header button {
        display: block;
    }

    .dashboard-orders-car-container  {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .dashboard-orders-car-container img {
        display: none;
    }
    .dashboard-orders-car-date {
        order: 2;
    }
    .dashboard-orders-car-name {
        order: 3;
    }
    .dashboard-orders-car-number , .dashboard-orders-car-date{
        width: 44%;
        margin: 10px 5px;
    }
    .form-resend-btn {
        font-size: 3vw;
        padding: 2vw 0;
    }
    .form-resend-btn img:first-of-type {
        width: 5vw;
    }
    .expire-password .form-btn {
        margin: 70px 0px 0px;
    }
    .error-image span:first-of-type {
        right: 3vw;
        bottom: 25vw;
        font-size: 8vw;
        width: 24vw;
    }
    .error-image span:last-of-type {
        left: 3vw;
        bottom: 9vw;
        font-size: 4vw;
        width: 29vw;
        height: 18vw;
    }
    .error-p ,.error-btn-back{
        width: 90%;
    }
    .expire-password .change-password-input {
        font-size: 12px;
    }
    .expire-password .change-password-label {
        font-size: 10px;
    }
    .login-page-new {
        padding-bottom: 20vw;
    }
    .version {
        transform: translate(-50%, -10%);
    }
}