@media only screen and (max-width: 640px) {
    /*phone*/
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns:100% !important;
    }

    .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1
    }

    .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2
    }

    .containers {
        display: flex;
        flex-direction: column;
    }

    .red-container, .blue-container {
        width: 100% !important;
    }

    .slideshow-text {
        padding: 15px !important;
    }

    .red-container img {
        display: none;
    }

    .blue-container img {
        display: none;
    }

    .primary-header > .wp-block-group .wp-block-search {
        max-width: unset;
    }

    /*  Slideshow css  */
    .slideshow-block {
        position: static !important;
        flex: unset !important;
        height: 650px;!important;
    }


    .slideshow-text {
        padding: 20px;
        color: var(--primary-text);
    }

    .slideshow-container h2 {

        margin: 0;
    }


    .slideshow-container figure,
    .slideshow-container img {
        inset: unset;
        /*width: 100%;
        height: 100%;*/
        object-fit: unset !important;
        position: unset !important;

    }

    .wc-block-product-template__responsive.columns-5 {
        display: grid;
        grid-template-columns: auto auto!important;

    }

    .populaire-producten {
        width: 100%;
        justify-items: center;
    }

    /* CATEGORIES */
    .wc-block-product-categories-list {
        display: grid;
        grid-template-columns: auto auto !important;
        padding: 0;
    }

    .wc-block-product-categories-list-item a {
        display: block;
    }

    .wp-block-media-text.has-media-on-the-right {
        grid-template-columns: unset !important;
    }
}

@media (max-width: 1024px) {

    .search-bar-desktop {
        display: none !important;
    }

    .search-bar-mobile {
        display: block !important;
        width: 100% !important;
        margin-right: 20px !important;
    }

    .wp-block-search__inside-wrapper {
        padding: unset;
        width: 100% !important;
    }

    .desktop-contactacties {
        display: none;
    }

    .primary-header > .wp-block-group {
        display: block;
    }

    .populaire-producten {
        grid-template-columns: auto auto auto !important;
    }
}

@media (max-width: 768px) and (min-width: 641px) {
    .wc-block-product-categories-list img {
        /*height: 150px !important;*/
        /*width: 150px !important;*/
    }

    .wc-block-product-categories-list ul {
        width: 100%;
    }

    .wp-block-media-text.has-media-on-the-right {
        grid-template-columns: 1fr 30% !important;
    }

    .wc-block-product-template__responsive.columns-5 {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: center;
    }

    .populaire-producten {
        grid-template-columns: auto auto !important;
    }

}

@media (max-width: 1023px) {
    /* FOOTER */
    footer .wp-block-buttons {
        text-align: center;
        display: block;
    }

    footer .wp-block-column {
        flex-basis: unset !important;
    }


    .column-head {
        text-align: center;
        padding: 20px;
        cursor: pointer;
        border-bottom: white solid 1px;
    }

    .active .column-head {
        border-color: gray;
    }

    .openingstijden {
        display: flex;
        flex-direction: row;
    }

    .column-points {
        display: none;
        text-align: center;
    }

    .active .column-points {
        display: block !important;
    }

    .footer-content {
        flex-direction: column;
    }

    .footer-columns {
        flex-direction: column;
    }

    .blue-container .wp-image-159 {
        bottom: 0;
        right: 5px;
        width: 125px !important;
        height: 200px !important;
    }

    .red-container img {
        position: absolute;
        bottom: 0px;
        right: 5px;
        width: 125px;
        height: 175px;
        top:unset;
    }

    .red-container {
        position: relative;
    }

    .primary-header button {
        padding: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block;
    }

    body .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display:none;
    }

    .primary-header nav{
        display:block;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .wc-block-product-categories-list {
        display: grid;
        grid-template-columns: auto auto auto !important;
        padding: 0;
    }
}
@media (min-width: 768px) {
    .containers {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
}

    @media (max-width: 1490px) {
        .footer-logo {
            display: none !important;
        }
    }

    @media (min-width: 1025px)body .categories .wc-block-product-categories-list {
                                       display: grid !important;
                                       grid-template-columns:  1fr 1fr 1fr 1fr !important;
                                   }
}

@media (max-width: 1024px) {
    body .wc-block-product-categories-list {
        display: grid !important;
        grid-template-columns:  1fr 1fr 1fr !important;
    }
}

@media (max-width: 768px) {
    body .wc-block-product-categories-list {
        display: grid !important;
        grid-template-columns:  1fr 1fr !important;
    }
}

@media (max-width: 640px) {
    body .wc-block-product-categories-list {
        display: grid !important;
        grid-template-columns:  1fr !important;
    }
}

@media (max-width:1200px) {
    .contact-container {
        display: flex;
        flex-direction: column;!important;
        width: auto;
    }

    .contact-container h1 {
        line-height: 34px;
    }

    .contact-container p {
        margin-top: unset;!important;
    }
}

@media (min-width:1025px){

}
