.mobile {
    display: none
}
.dropdown-professional-list,
.sub-professional-content-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
    position: relative;
}
@media (min-width: 1180px) {
    .parents-menu-wrapper {
        position: relative;
    }
    .navigation-icon {
        display: none;
    }
    .dropdown-basic {
        position: static !important;
    }
    .dropdown-basic-wrapper {
        background-color: #fff;
        box-shadow: 0 6px 30px 5px rgb(0 0 0 / 10%);
        position: absolute;
        top: 33px;
        left: 0;
        width: 100%;
        transition: all 300ms ease-in-out;
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none;
    }

    .dropdown-basic:hover .dropdown-basic-wrapper {
        pointer-events: all;
        transform: translateY(0);
        opacity: 1;
    }

    .dropdown-basic-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        grid-gap: 16px;
        padding: 16px;
    }

    .dropdown-basic-content-gr {
        border-right: 1px solid #e1e1e1;
    }
    .dropdown-basic-content-gr:nth-of-type(4) {
        border-right: none;
    }

    .dropdown-basic-item {
        color: #4c443b !important;
        padding: 8px 0;
        display: block;
    }


    .dropdown-professional {
        position: static !important;
    }

    .dropdown-professional-wrapper {
        --h: 480px;
        background-color: #fff;
        box-shadow: 0 6px 30px 5px rgb(0 0 0 / 10%);
        position: absolute;
        top: 33px;
        left: 0;
        width: 100%;
        transition: all 300ms ease-in-out;
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none;
        min-height: var(--h);
    }
    .dropdown-professional-wrapper a {
        color: #4c443b !important;
    }

    .dropdown-professional-wrapper .slick-track {
        margin: 0;
    }

    .dropdown-professional:hover .dropdown-professional-wrapper {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all;
    }

    .dropdown-professional-content {
        padding: 0;
    }

    .dropdown-professional-item:not(.active) .sub-professional-content-wrapper {
        opacity: 0;
        pointer-events: none;
    }

    .dropdown-professional-item:not(.active) .dropdown-professional-link {
        background-color: #f9f9f9;
    }

    .dropdown-professional-item {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .dropdown-professional-link {
        padding: 14px 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
        width: 200px;
        min-width: 200px;
    }

    .chevron-right {
        color: #e1e1e1;
        stroke: #e1e1e1;
    }
    .dropdown-professional-item.active .chevron-right {
        color: #2a6496;
        stroke: #2a6496;
    }

    .dropdown-professional-list::after {
        content: "";
        width: 1px;
        height: 100%;
        display: block;
        background-color: #e1e1e1;
        position: absolute;
        top: 0;
        left: 200px;
        min-height: var(--h);
    }

    .sub-professional-content-wrapper {
        width: calc(100% - 200px);
        position: absolute;
        top: 0;
        left: 200px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(calc(33% - 16px), 1fr));
        grid-gap: 16px;
        background-color: #fff;
        padding: 16px;
    }

    .sub-professional-content-head {
        font-weight: bold;
        display: block;
        border-bottom: 1px solid transparent;
        padding-bottom: 8px;
        margin-bottom: 8px;
        text-decoration: none;
    }

    .sub-professional-content-head:hover {
        border-color: rgba(76 68 59 / 50%);
        text-decoration: none;
    }

    .sub-professional-content-list {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .sub-professional-content-link {
        padding: 8px 0;
        display: block;
    }

    .sub-professional-content-list-stores-wrapper {
        grid-column-end: span 3;
    }
    .sub-professional-content-store-head {
        margin-bottom: 10px;
    }

    .sub-professional-content-store-list:not(.slick-slider) {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .sub-professional-content-store-item {
        width: 18%;
        background-color: #fff;
        padding: 5px;
    }

    .sub-professional-content-store-list:not(.slick-slider) .sub-professional-content-store-item:nth-child(n + 7) {
        display: none
    }

    .store-interactive {
        display: block;
        border: 1px solid #e1e1e1;
        border-radius: 3px;
        position: relative;
    }
    .store-interactive:nth-child(n + 5) {
        margin-right: 0;
    }

    .store-interactive:nth-child(n + 6) {
        display: none;
    }

    .store-interactive::before {
        content: "";
        padding-top: 75%;
        display: block;
    }

    .store-interactive span {
        display: none;
    }

    .store-interactive img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 92%;
        height: 92%;
        object-fit: contain;
        object-position: center;
    }
}


@media (max-width: 1180px) {
    .open-menu .parents-menu-wrapper a {
        color: #333;
    }
    .navigation-icon {
        position: absolute;
        top: 10px;
        left: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border: none;
        background-color: transparent;
        width: 32px;
    }
    .navigation-icon .icon-bar {
        display: block;
        height: 2px;
        width: 100%;
        border-radius: 3px;
        background-color: #fff;
        margin: 2px 0;
    }

    .parents-menu-background,
    .parents-menu-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 300px;
        height: 100%;
        display: block;
        z-index: 999;
        background-color: #fff;
        box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 10%);
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 14px;
        transform: translateX(-110%);
        transition: all 250ms ease-in-out;
        pointer-events: none;
        padding-bottom: 70px;
    }

    .parents-menu-background {
        opacity: 0;
        transform: translate(0);
        position: none;
        width: 100%;
        background-color: rgba(11 11 11 / 40%);
        z-index: 900;
    }

    .parents-menu-background::after,
    .parents-menu-background::before {
        content: "";
        width: 2px;
        height: 20px;
        display: block;
        background-color: #fff;
        position: absolute;
        top: 20px;
        left: 320px;
        transform: rotate(45deg);
    }

    .parents-menu-background::before {
        transform: rotate(-45deg);
    }

    .open-menu {
        overflow: hidden;
    }

    .open-menu .parents-menu-background,
    .open-menu .parents-menu-wrapper {
        transform: translateX(0);
        pointer-events: all;
        opacity: 1;
    }
    .parents-menu-wrapper .navbar-nav {
        margin: 0;
        width: 100%;
    }

    .navbar-csh .navbar-nav > li {
        padding: 0;
        float: none;
        width: 100%;
        clear: both;
    }

    .navbar-csh .navbar-nav>li>a {
        padding: 10px 15px !important;
        text-shadow: none;
        font-size: 15px;
        font-weight: bold;
        color: #2185cd;
        color: #111;
    }

    .sub-professional-content-store-list {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .sub-professional-content-store-item {
        padding: 3px;
    }

    .store-interactive img {
        display: none;
    }

    .dropdown-basic-content {
        display: flex;
        flex-direction: column;
    }

    .dropdown-professional-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #333;
        padding: 12px 10px 12px 15px;
    }

    .selected .dropdown-professional-link {
        color: #2185cd;
    }

    .dropdown-professional-link svg {
        width: 16px;
        height: 16px;
        color: #ccc;
        stroke: #ccc;
    }

    .dropdown-basic-wrapper,
    .sub-professional-content-wrapper {
        display: none;
    }

    .dropdown-basic-item {
        display: block;
        padding: 6px 10px;
    }

    .dropdown-professional a:focus {
        color: #428bca !important;
        outline: none !important;
        text-decoration: none;
    }

    .dropdown-professional-item {
        border-bottom: 1px solid #e1e1e1;
    }

    .sub-professional-content-list,
    .sub-professional-content-store-list {
        display: block;
    }

    .sub-professional-content-store-item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-radius: 5px;
        padding: 10px 15px;
        border-top: 1px solid #e1e1e1;
    }

    .sub-professional-content-head {
        font-weight: bold;
    }

    .sub-professional-content-store-head,
    .sub-professional-content-head {
        display: block;
        border-top: 1px solid #e1e1e1;
        padding: 10px 15px !important;
    }

    .sub-professional-content-link {
        padding: 10px;
        border-top: 1px solid #e1e1e1;
    }

    .dropdown-professional-item.selected .dropdown-professional-link svg {
        transform: rotate(-90deg);
    }

    .user-link {
        display: block !important;
        padding: 16px 16px;
        text-shadow: none;
        font-size: 15px;
        font-weight: bold;
        color: #2185cd;
        float: none !important;
        margin-top: 32px;
        clear: both !important;
    }

    .user-link a {
        padding: 0;
        text-shadow: none;
        font-size: 15px;
        font-weight: bold;
        color: #2185cd;
    }

    .dropdown-professional-item.selected > a {
        color: #2185cd;
        font-weight: 600;
    }

    .section-left {
        margin-top: 12px;
    }

    .dropdown-professional > a {
        display: block;
        padding: 4px 0 !important;
        margin-bottom: 6px;
    }
}


@media (max-width: 760px) and (orientation: portrait), (max-width: 990px) and (orientation: landscape) {
    .mobile {
        display: block;
    }

    .sub-professional-content-list,
    .sub-professional-content-store-list {
        display: block;
    }

    .dropdown-professional-list {
        margin-bottom: 16px !important;
    }

    .sub-professional-content-link {
        display: block;
        padding: 10px 15px
    }

    .dropdown-basic > a:hover,
    .dropdown-basic > a:focus {
        color: #111 !important;
    }
    .navbar-csh .navbar-nav > li.dropdown-basic > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .dropdown-basic > a svg {
        width: 16px;
        height: 16px;
        color: #ccc;
        stroke: #ccc;
    }

    .dropdown-basic.selected > a {
        color: #2185cd !important
    }

    .dropdown-basic.selected > a svg {
        transform: rotate(-90deg);

    }

    .dropdown-basic .dropdown-basic-item {
        display: block;
        padding: 10px 15px;
        border-top: 1px solid #e1e1e1
    }

    .dropdown-basic .dropdown-basic-item:first-child {
        border-top: none;
    }
}