@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1250px;
    }
}

@media (min-width: 1440px) {
    .container-xl {
        max-width: 1440px;
    }

    .table-responsive {
        overflow-x: unset;
    }
}

@media (min-width: 991px) {
    .show-for-tab {
        display: none;
    }
}

@media (min-width: 768px) {
    .top-header.mb, .close-sidebar {
        display: none;
    }
}

@media (max-width: 1440px) {
    .sidebar {
        width: 16%;
    }

    .main {
        margin-left: 16%;
    }

    .promotion-banner img {
        max-width: 46%;
    }

    .action-btns span {
        display: block;
        margin-bottom: 20px;
    }

    .action-btns {
        justify-content: center;
    }
}

@media (max-width: 1280px) {
    .sidebar {
        width: 18%;
    }

    .main {
        margin-left: 18%;
    }

    .promotion-banner img {
        max-width: 53%;
    }
}

@media (max-width: 1100px) {
    .sidebar-list li a span {
        display: none;
    }

    .sidebar {
        width: auto;
        text-align: center;
    }

    .main {
        margin-left: 12%;
    }

    .logo img {
        max-width: 85%;
    }
}

@media (max-width: 1024px) {
    .promotion-banner img {
        max-width: 62%;
    }
}

@media (max-width: 991px) {
    .show-for-desktop {
        display: none;
    }
}

@media (max-width: 768px) {
    .main {
        margin-left: 16%;
    }

    .promotion-banner img {
        max-width: 100%;
    }

    .dataTables_length, .dataTables_info {
        margin-bottom: var(--secondary-margin-bottom);
    }

    .dataTables_length {
        flex-basis: 40%;
    }

    /* Place the timelime to the left */
    .timeline::after {
        left: 16px;
    }

    /* Full-width containers */
    .timeline-container {
        width: 100%;
        padding-left: 40px;
        padding-right: 0px;
    }

    /* Make sure that all arrows are pointing leftwards */
    .timeline-container::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    /* Make sure all circles are at the same spot */
    .left::after, .right::after {
        left: 1px;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }
}

@media (max-width: 767px) {
    .custom-select, input[type="text"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="date"], input[type="url"], input[type="password"], select, textarea {
        height: 50px;
    }

    .navbar-collapse {
        background: #fff;
        /*position: fixed;*/
        /*top: 100px;*/
        /*bottom: 0;*/
        /*left: 0;*/
        /*right: 0;*/
        /*z-index: 9;*/
        padding: 40px 16px;
        border-top: 1px solid var(--secondary-border-color);
    }

    .big-heading {
        font-size: 45px;
    }

    .c-card {
        padding: 20px;
    }

    .form-group label, h2 {
        font-size: var(--tertiary-font-size);
    }

    .top-header:not(.mb) {
        display: none;
    }
}

@media (max-width: 575px) {
    .promotion-banner img {
        max-width: 200%;
        bottom: -20px;
        top: unset;
    }

    .main {
        margin-left: 0;
    }

    .sidebar {
        left: -100%;
    }

    .logo {
        padding: 0;
    }

    .logo img {
        max-width: 75%;
    }

    .sidebar.active {
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 9;
        text-align: left;
    }

    .sidebar .logo {
        padding: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .sidebar .logo img {
        max-width: 18%;
    }

    .sidebar-list li a span {
        display: inline;
    }

    .top-header.mb ul li {
        padding: 0 15px;
    }

    .top-header.mb ul li:first-child {
        padding-left: 0;
    }

    .top-header.mb ul li:last-child {
        padding-right: 0;
    }

    .notifications {
        width: auto;
        right: 40px !important;
        left: -10px !important;
    }
}