@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1440px;
    }
    .fwh .container-xxl, .fwh .container-xl, .fwh .container-lg, .fwh .container-md, .fwh .container-sm, .fwh .container {
        max-width: 100%;
    }
}

/* toggle related */
@media (min-width: 1200px) {
    .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

     /* full width header  */
     .fwh .layout-navbar{
        max-width: 100%;
        width: calc(100% - calc(1.5rem * 2) - 16.25rem);
    }
    
    /* center header  */
    .ssm-body .main {
        padding-left: 5.25rem;
    }

    .ssm-body .layout-navbar {
        left: 5.25rem;
    }

    .ssm-body #sidebar {
        max-width: 85px;
        min-width: 85px;
    }

    .ssm-body .sidebar-logo span,
    .ssm-body .sidebar-nav li a :not(i.menu-icon),
    .ssm-body .sidebar-nav .sidebar-header,
    .ssm-body .sidebar-nav li a::after {
        /* overflow: hidden; */
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 0;
    }

    .ssm-body #sidebar:hover .sidebar-logo span,
    .ssm-body #sidebar:hover .sidebar-nav li a :not(i.menu-icon),
    .ssm-body #sidebar:hover .sidebar-nav .sidebar-header,
    .ssm-body #sidebar:hover .sidebar-nav li a::after {
        flex: 0 1 auto;
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }

    .ssm-body .sidebar-nav .sidebar-item .sidebar-dropdown.collapse.show,
    .ssm-body .sidebar-nav .sidebar-header {
        display: none;
    }

    .ssm-body #sidebar:hover .sidebar-nav .sidebar-item .sidebar-dropdown.collapse.show,
    .ssm-body #sidebar:hover .sidebar-nav .sidebar-header {
        display: block;
    }

    .ssm-body #sidebar:hover {
        max-width: 16.25rem;
        min-width: 16.25rem;
    }

    .ssm-body .navbar-sidemargin {
        width: calc(100% - calc(1.5rem * 2) - 5.25rem);
    }


    #sidebar.collapsed {
        margin-left: -264px;
    }

    .content-wrapper.collapsed {
        margin-left: -264px;
    }

    .navbar-sidemargin {
        width: calc(100% - calc(1.5rem * 2) - 16.25rem);
        max-width: calc(1440px - calc(1.5rem * 2));
    }

    .layout-navbar {
        left: 16.25rem;
    }

    .toggle-btn {
        display: none;
    }
}

@media (max-width:1199.98px) {
    .content-wrapper {
        margin-left: 0px;
    }

    .navbar-sidemargin {
        width: calc(100% - (1rem * 2)) !important;
    }

    #sidebar {
        margin-left: -264px;
    }

    #sidebar.smallCollapsed {
        margin-left: 0px;
    }

    .toggle-btn {
        display: block;
    }

    .main {
        padding-left: 0px;
    }

    .shadow {
        background-color: rgb(12 8 8 / 61%);
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        z-index: 10;
        display: none;
    }

    .shadow.shadowActive {
        display: block;
    }

    .cross-btn {
        position: absolute;
        right: 2%;
        top: 1%;
        border: none;
        background-color: transparent;
        font-size: 20px;
    }

    .cross-btn i {
        color: var(--text-color);
    }
}

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


@media (max-width:767.98px) {
    .big-search-bar {
        border: 1px solid var(--text-color) !important;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .cvsize{
        width: 816px;
    }
    .landing-hero .hero-title{
        font-size: 35px;
    }
}