@media (min-width: 992px) {
    .price-img {
        height: 70px;
    }

    .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link i {
        margin-left: 0;
        width: 100%;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link i {
        width: 1.6rem;
        margin-left: 0.05rem;

    }

    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused,
    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover,
    .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link{
        width: 280px;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p i {
        width: auto;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p {
        white-space: initial;
        width: 100%;
        display: inline;
    }
}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        margin-left: 280px;
    }
}

@media screen and (max-width: 569px) {
    .layout-fixed .main-sidebar-custom,
    .layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link,
    .sidebar-mini .main-sidebar .nav-link,
    .sidebar-mini-md .main-sidebar .nav-link,
    .sidebar-mini-xs .main-sidebar .nav-link,
    .layout-navbar-fixed .wrapper .brand-link {
        width: 100%;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar,
    .layout-fixed .main-sidebar-custom {
        margin-left: -700px;
    }

    .sidebar-open .main-sidebar, .sidebar-open .main-sidebar::before {
        margin-left: 0;
    }

    .main-sidebar .close-btn {
        display: block;
    }
}