.dropdown-links > ul,
.dropdown-large {
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    width: -webkit-fill-available;
    column-gap: 99px;
    width: auto;
    max-height: 551px;
}

div.dropdown-links {
    height: calc(100vh - 234px);
    max-height: 620px;
}

.dropdown-links ul.dropdown-large li.disable {
    width: max-content;
    display: none; 
    align-items: center;
    justify-content: space-between;
}

.dropdown-links ul.dropdown-large.active li.disable {
    display: flex;
}

.dropdown-links>.dropdown-matherial>li {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.dropdown-more {
    padding-left: 36px;
}

.dropdown-links ul.active {
    width:100%;
    max-height: calc(100% - 70px); 
}

.dropdown-more.active::before{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transition: all .3s;
}

.dropdown.dropdown-active-collapse  {
    max-height: calc(100vh - 130px);
    overflow: scroll;
    height: unset;
}

.dropdown.dropdown-active-collapse .dropdown-links {
    height: unset;
    max-height: unset;
}

.dropdown.active .container {
    overflow-x: scroll;
    margin: 0 auto;
    padding: 0 80px;
}



.submenu-wrap {
    position: absolute;
    height: 600px;
    left: 100%;
    width: 0;
    top: 0;
    transition: all .3s;
    overflow: hidden;
}
.dropdown-matherial>li:hover .submenu-wrap {
    overflow: unset;
    width: 100%;
}

.dropdown-matherial .dropdown-design.active {
    width: calc(100% + 120px);
}

.dropdown-links ul.collapse {
    max-height: 28px;
    display: grid;
    position: relative;
    padding-bottom: 18px;
    transition: all .3s;
    width: auto;
    height: 28px;
}

.dropdown-links .dropdown-item:first-child ul.collapse {
    width: calc(100% - 90px);
}

.dropdown-links ul.collapse.active-collapse {
    overflow: unset;
    max-height: unset;
    transition: all .3s;
    width: auto;
    height: auto;
}


.dropdown-links ul.collapse::after {
    content: '';
    position: absolute;
    background: url(../images/arrow-down.svg);
    height: 10px;
    width: 10px;
    right: 16px;
    top: 5px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0);
    -webkit-transform: rotateX(0deg);
    transition: all .3s;
}

.dropdown-links ul.collapse.active-collapse::after {
    transform: rotate(180deg);
    -webkit-transform: rotateX(180deg);
    transition: all .3s;
}

.dropdown-links ul.collapse li {
    visibility: hidden;
    overflow: hidden;
}



.dropdown-links ul.collapse.active-collapse li {
    visibility: visible;
    overflow: unset;
}

.dropdown-links .dropdown-matherial,
.dropdown-links .dropdown-tip,
.dropdown-links .dropdown-forma {
    padding-left: 0;
}

.dropdown-links {
    display: grid;
    grid-template-columns: repeat(4, max-content);
}

.dropdown-item {
    max-height: inherit;
    display: inline-flex;
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: calc(100vh - 300px);
    border-right: 1px solid #E2E2E2;
}

.dropdown-item:nth-child(2),
.dropdown-item:nth-child(3) {
    justify-content: space-between;
}

.dropdown.overflow {
    overflow-x: scroll;
}

.dropdown-item:first-child {
    max-width: 330px;
}

/* .dropdown-large.active {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(max-content,300px));
} */

.dropdown-large.active.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, max-content);
}

.dropdown-large.active.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

/*ul.list>ul {*/
/*    display: none;*/
/*}*/

.nice-select .option {
    min-height: unset;
}

.dropdown-links::-webkit-scrollbar {
    width: 4px; 
    cursor: pointer;
}

.dropdown-links::-webkit-scrollbar-thumb {
    background-color: #1b2840;
}

@media (min-width: 1921px) {
    .dropdown-item {
        max-height: 620px
    }
}

@media (min-height: 950px) {
    .dropdown-item {
        max-height: 620px;
    }
}

@media (max-width:1500px) {
    .dropdown {
        padding: 25px 0;
    }
    .dropdown-tags {
        margin-top: 40px;
        margin-bottom: 10px;
    }
    div.dropdown-links {
        height: calc(100vh - 230px);
    }
    .dropdown-large {
        column-gap: 50px;
    }
    /* .dropdown-links ul.active {
        max-height: calc(100% - 258px);
    } */
}

@media (max-width:1366px) {
    .dropdown-links .collapse {
        cursor: pointer;
    }
    .dropdown-links li a {
        padding: 4px 0;
    }
    .dropdown-more {
        padding-top: 24px;
    }
    .dropdown-item {
        max-height: calc(100vh - 270px);
    }
    .dropdown-links ul.active {
        max-height: calc(100% - 42px);;
    }
}

@media (max-width:1125px) {
    .dropdown-links>a>h5 {
        padding: 0;
        font-weight: 400;
    }

    .dropdown-links ul.collapse::after {
        content: unset;
    }
    
    .dropdown-links h5 {
        font-weight: 400;
        padding: 0;
        font-size: 16px;
    }

    .header-bottom__wrapper .list.adaptive-active {
        overflow: scroll;
        max-height: calc(100vh - 170px);
        right: 0;
        width: 572px;
        visibility: visible;
        opacity: 1;
        transition: all .3s;
        align-items: start;
    }

    div.dropdown-links {
        grid-template-columns: 1fr;
    }

    .list li {
        height: unset;
    }

    .dropdown-item:first-child {
        max-width: unset;
        max-height: unset;
    }

    .dropdown-links .dropdown-item > ul.dropdown-matherial {
        padding: 0;
    }

    .dropdown-links .dropdown-item > ul {
        padding: 12px 0;
        position: relative;
        height: unset;
    }
    .dropdown-links .dropdown-item > ul:not(.dropdown-matherial) h5 {
        position: relative;
    }
    .dropdown-links .dropdown-item > ul:not(.dropdown-matherial) h5::before {
        content: '';
        position: absolute;
        right: 0;
        top: 2px;
        width: 25px;
        height: 12px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(/themes/nebonew/images/arrow-right.svg);
    }

    .mobile-open .dropdown-item ul.active::before {
        content: unset;
    }

    header.active .dropdown-item>ul.dropdown-matherial>li {
        display: block;
        visibility: visible;
        height: auto;
        transform: unset;
        -webkit-transform: unset;
        position: static;
        transition: none;
    }

    div.dropdown-links {
        height: auto;
        max-height: unset;
    }

    .dropdown-item>ul>li {
        visibility: hidden;
        height: unset;
        transform: translate(-100%);
        -webkit-transform: translate(-100%);
        position: absolute;
        transition: all .3s;
    }

    .dropdown-item>ul:not(.dropdown-matherial)>li {
        max-height: 0;
    }

    .dropdown-links>ul>li,
    .dropdown-links>.dropdown-design>li,
    .dropdown-more {
        display: none;
    }

    header.active .dropdown {
        height: auto;
    }

    .dropdown-matherial h5 {
        display: none;
    }

    .dropdown {
        padding: 0;
    }

    ul.list > ul {
        display: block;
    }

    .dropdown-tags {
        margin-top: 32px;
        display: inline-block;
        flex-wrap: wrap;
    }

    .dropdown-tags__item:not(:last-child) {
        margin-right: 8px;
    }

    header .list-more ul {
        display: none;
    }

    header.active .list-more ul {
        position: static;
        padding: 0;
        opacity: 1;
        visibility: visible;
    }

    .mobile-list.active li {
        visibility: visible;
        height: auto;
        transition: all .3s;
    }
    
    .mobile-list.active li:nth-child(2) {
        margin-top: 32px;
    }

    .dropdown-item>ul.active {
        position: static;
        top: 0;
        height: auto;
        width: 100%;
        z-index: 9;
        background: #fff; 
        max-height: unset;
        height: -webkit-fill-available;
        display: block;
    }
    
    .dropdown-links .dropdown-item>ul.active h5  {
        font-weight: 700;
        padding: 12px 0;
        font-size: 18px;
        padding-left: 41px;
    }
    
    .dropdown-links .dropdown-item>ul.active li {
        visibility: visible;
        height: unset;
        padding-left: 41px;
        position: static;
        transform: translateX(0px);
        -webkit-transform: translate(0px);
        transition: all .3s;
        max-height: unset;
    }
    
    .dropdown-links .dropdown-item>ul.active h5 {
        position: relative;
    }

    .dropdown-links .dropdown-item>ul.active h5::before {
        content: '';
        position: absolute;
        left: 0;
        top: 10px;
        width: 25px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(/themes/nebonew/images/arrow-right.svg);
        transform: rotate(180deg);
        -webkit-transform: rotateY(180deg);
    }

    .mobile-open .dropdown-tags {
        display: none;
    }

    .header-bottom__wrapper .list.mobile-open {
        height: calc(100vh - 130px);
    }

    .mobile-open .mobile-list {
        display: none;
    }
    .mobile-open .dropdown-item ul {
        display: none;
    }
    .mobile-open .dropdown-item ul.active {
        display: block;
    }
    .mobile-open .catalog-btn__wrapper {
        margin-top: 0px;
        border: none;
        padding: 0;
    }
    .mobile-open .dropdown-item:first-child >a {
        display: none;
    }
    .mobile-open .button  {
        display: none;
    }
    .header-bottom__inner .list.mobile-open .header-links {
        display: none;
    }
    header .mobile-open .dropdown {
        margin-top: 0;
    }
}

@media (max-width:900px) {
    .header-bottom__wrapper .list.adaptive-active {
        padding: 36px 25px;
    }
    .view-portfolio .catalog{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:767px) {
    .header-bottom__wrapper .list.adaptive-active {
        padding: 36px 18px;
        /*width: calc(100% - 36px);*/
        width: 100%;
    }
}

@media (max-width:600px) {
    .view-portfolio .catalog {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:530px) { 
    .header-bottom__wrapper .list.adaptive-active {
        max-height: calc(100vh - 130px);
    }
    .dropdown-item.active {
        overflow: auto;
        max-height: calc(100vh - 120px );
      }
}

@media (max-width:400px) {
    /*.header-bottom__wrapper {*/
    /*    grid-template-columns: 1fr max-content max-content max-content;*/
    /*}*/

    /*.header-top__phone {
        margin-right: -20px;
    }*/

    .catalog-list__item {
/*        max-height: 112px;*/
    }
    /*.basket {*/
    /*    background-color: #3A5079;*/
    /*    z-index: 99;*/

    /*}*/
    /*.basket svg path {*/
    /*    stroke: #fff;*/
    /*}*/
    /*.basket svg circle {*/
    /*    fill: #fff;*/
    /*}*/
    /*.header-bottom__icons {*/
    /*    position: fixed;*/
    /*    top: calc(100vh - 40px);*/
    /*}*/
}

@media (max-height: 920px) {
    .dropdown-tags {
      margin-top: 30px;
    }
    div.dropdown-links {
      height: calc(100vh - 260px);
    }
}

@media (max-width: 1125px) {
    div.dropdown-links {
        height: auto;
    }
    .dropdown-item {
        border-right: none;
      }
    
      .dropdown-links .dropdown-item:first-child ul.collapse {
        width: 100%;
      }
}