@media screen and (max-width: 350px) {
    .category_header a p,
    #content-page_header a p{
        margin: 0 2px 0 2px;
    }

    .category_header,
    #content-page_header {
        padding: 15px 0 15px 0;
    }

    .category_header > svg,
    #content-page_header > svg {
        display: none
    }

    #content-page_header {
        padding-top: 0
    }

    #product-overview_info > div {
        display: flex;
        flex-direction: column;
    }

    #product-overview_info dd {
        margin-left: 0;
        padding: 0!important;
    }

    .products_block-small.products_block.dialog-data {
        grid-template-columns: repeat(1, 1fr)!important;
    }

    .quotation-request_no-data {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }
}

/* Small Mobile */

@media screen and (max-width: 425px) {
    .category_block {
        gap: 20px
    }

    .category_header svg,
    #content-page_header svg{
        height: 36px!important;
        width: 36px!important;
    }

    .category_header h1 > svg,
    #content-page_header h1 > svg {
        height: 18px!important;
        width: 18px!important;
    }

    .category_header h1,
    #content-page_header h1 {
        display: flex;
        flex-wrap: wrap;
    }

    .last-watched_block {
        padding: 20px 10px 20px 10px!important
    }

    .quotation-request_no-data  .vertical-separator {
        visibility: hidden;
    }

    .slideshow_text h1 {
        font-size: 25px;
    }

    .slideshow_text p {
        font-size: 115%!important;
        width: 100%!important;
        text-align: justify;
    }
}

@media screen and (max-width: 500px) {
    .products-header_operations {
        align-self: center;
    }

    .products_block-small.products_block {
        grid-template-columns: repeat(2, 1fr)!important;
    }

    .quotation-request_no-data {
        font-size: 80%;
        text-align: center;
    }
}

/* Custom mobile */

@media screen and (max-width: 624px) {
    input[type=searchbox] {
        height: 46px !important;
        padding-left: 38px !important;
        font-size: 22px !important;
    }

    .quotation-request_button_delete {
        padding: 4px;
    }

    .category_block_list {
        grid-template-columns: repeat(1, 1fr)!important;
    }

    .category_block_list .category_item_list {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid var(--elem-light-border);
        border-radius: 0
    }

    input[type=searchbox]::placeholder {
        font-size: 20px
    }

    .search_icon {
        width: 28px !important;
        height: 28px !important;
        left: 27px !important;
        top: calc(var(--nav-height) + 20px) !important
    }

    .products_block-small {
        grid-template-columns: repeat(3, 1fr) !important
    }

    .quotation-request_search-link svg {
        display: none
    }

    .category_block {
        grid-template-columns: repeat(2, 1fr)!important;
        row-gap: 45px;
    }
}

/* Mobile greater */

@media screen and (max-width: 867px) {
    .slideshow_text {
        padding: 0 15px 0 15px;
    }

    .product-main_block {
        flex-direction: column;
    }

    .dialog-footer .form-field-group {
        margin: 0 15px 0 15px;
    }

    .product-overview_header h2 {
        font-size: 22px;
    }

    .category_block {
        grid-template-columns: repeat(4, 1fr);
    }

    .category_block_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-title h3 {
        font-size: 15px;
    }

    #product-images {
        width: 100%
    }

    #product-overview {
        width: 100%
    }

    .jacket_icon {
        height: 120px;
    }

    .products_block-small {
        grid-template-columns: repeat(4, 1fr)
    }

    .quotation-request_no-data a,
    .quotation-request_no-data span {
        font-size: 15px;
        max-height: 110px!important;
    }

    #search_label-choices {
        overflow-x: scroll;
        flex-wrap: nowrap
    }

    #search_label-choices .category-label {
        text-align: center;
        font-size: 11px;
    }

    #search_label-choices + .horizontal-separator {
        display: none
    }

    #search_label-choices::-webkit-scrollbar {
        height: 3px;
    }
}

/* Mobile */

@media screen and (max-width: 767px) {
    .no-products-info {
        padding: 25px 0 25px 0;
        font-size: 16px;
    }

    .slideshow_text {
        transform: none;
        top: var(--nav-height)
    }

    .quotation-request_button_add {
        font-size: 14px;
    }

    .products_block,
    #search-results {
        background: none;
        grid-template-columns: repeat(2, 1fr);
    }

    #search-results {
        padding-bottom: 200px
    }

    .products_block-small {
        grid-template-columns: repeat(4, 1fr);
    }

    .sidebar-container .products_block {
        gap: 5px;
        background: var(--elem-dark-border)
    }

    .product_item {
        flex-grow: 1
    }

    #contact_items > * {
        flex-basis: 100%
    }
    
    #contact_items {
        font-size: 20px
    }

    .slideshow_text h1 {
        font-size: 30px;
    }

    .slideshow_text p {
        font-size: 120%;
        width: 75%;
    }

    .category_header h1,
    #content-page_header h1 {
        font-size: 18px;
        justify-content: center;
        flex-direction: row;
        text-align: center;
    }

    .category_header > img,
    #content-page_header > img {
        width: 54px;
        height: 54px;
    }
}

/* Tablet */

@media screen and (min-width: 768px) and (max-width: 1023px) {
    #contact_items > * {
        flex-basis: 40%
    }

    .category_block {
        grid-template-columns: repeat(5, 1fr);
    }

    .category_block_list {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile and Tablet */

@media screen and (max-width: 1023px) {
    #search-results,
    #search-header {
        padding-right: 20px;
        padding-left: 20px;
    }

    input[type=searchbox] {
        height: 60px
    }

    svg.search-close_icon {
        width: 48px;
        height: 48px;
    }

    .search_icon {
        left: 30px;
        top: calc(var(--nav-height) + 23px)
    }

    .category-label {
        font-size: 12px;
    }

    .products-header_block.responsive-mobile {
        position: sticky;
        left: 0;
        top: var(--nav-height);
        display: flex!important;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 15px;
        row-gap: 5px;
        font-weight: 600;
        z-index: 99;
        padding: 8px 15px 8px 15px;

    }

    .category_header,
    #content-page_header {
        display: flex;
        gap: 10px;
        align-items: center
    }

    #content-page_header h1,
    .category_header h1 {
        font-size: 14px;

    }

    .products-header_operations {
       display: flex;
       gap: 25px;
    }

    .products-header_operations > div {
        cursor: pointer;
    }

    .sidebar-container {
        padding: 0!important
    }

    .mobile-header_onscroll {
        -webkit-box-shadow: 0px 0px 41px -2px rgba(40, 40, 40, 1);
        -moz-box-shadow: 0px 0px 41px -2px rgba(40, 40, 40, 1);
        box-shadow: 0px 0px 41px -2px rgba(40, 40, 40, 1);
        transition: 300ms box-shadow
    }

    .content-page_main-block {
        padding: 15px 5px 10px 5px
    }

    #sort-menu,
    #filter-menu {
        position: fixed;
        margin: 0;
        background: var(--elem-dark-border);
        z-index: 100;
    }

    #sort-menu li,
    #filter-menu li {
        list-style-type: none;
        padding: 20px 15px 20px 15px;
        font-size: 17px;
        border-top: 1px solid var(--elem-dark-primary);
    }

    #sort-menu li[active=true] {
        color: var(--theme);
        font-weight: 700;
    }

    #sort-menu > *:first-child,
    #filter-menu > *:first-child {
        border-top: 2px solid var(--elem-dark-primary);
    }

    #filter-menu li:last-child {
        border-top: 0;
        padding-bottom: 180px
    }

    #filter-menu {
        overflow-y: scroll;
        height: 95vh
    }

    #filter-menu::-webkit-scrollbar {
        width: 0
    }

    #filter-menu .filter-button {
        position: fixed;
        bottom: 0;
        left: 0;
        border-radius: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #filter-menu h5 {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .filter-menu-header {
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 5px 15px 5px 5px;
        position: sticky;
        top: 0;
        background: var(--elem-dark-border);
        z-index: 95
    }

    .filter-menu-header h4 {
        font-size: 20px;
    }

    .filter-menu-header .clear-filters-button {
        margin-left: auto
    }
}

/* Custom for product item blocks */

@media screen and (min-width: 768px) and (max-width: 1124px) {
    .products_block {
        grid-template-columns: repeat(3, 1fr);
    }

    #search-results {
        grid-template-columns: repeat(3, 1fr);
    }

    .products_block-small {
        grid-template-columns: repeat(5, 1fr)
    }

    .category_block {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (min-width: 1125px) and (max-width: 1439px) {
    .products_block {
        grid-template-columns: repeat(3, 1fr);
    }

    #search-results {
        grid-template-columns: repeat(5, 1fr);
    }

    .products_block-small {
        grid-template-columns: repeat(5, 1fr);
    }

    .category_block {
        grid-template-columns: repeat(6, 1fr);
    }


}

@media screen and (min-width: 1500px) {
    #search-results {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media screen and (min-width: 2000px) {
    #search-results {
        grid-template-columns: repeat(8, 1fr);
    }
}

@media screen and (min-width: 3000px) {
    #search-results {
        grid-template-columns: repeat(12, 1fr);
    }
}

@media screen and (min-width: 4000px) {
    #search-results {
        grid-template-columns: repeat(16, 1fr);
    }
}

@media screen and (max-height: 800px) {
    .slideshow-item {
        height: 600px!important;
        background-position: center center;
    }

    .slideshow_text {
        transform: none;
        top: var(--nav-height)
    }
}

@media screen and (max-width: 320px) {
    .slideshow-item {
        height: 800px!important;
    }
}