@media screen and (min-width: 768px){
    nav .page_item ul {
        position: absolute;
        width: 510px;
    }
}

.woocommerce-MyAccount-navigation ul a {
    padding: 25px;
    background-color: brown;
}

.woocommerce-MyAccount-navigation ul a li {
    color:white;
}

.woocommerce-product-gallery__image {
    text-align: center;
}

.product-thumbnails {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

.product-thumbnails .woocommerce-product-gallery__image {
    margin: 0 10px 10px 0;
    box-sizing: border-box;
}
.product-thumbnails .woocommerce-product-gallery__image a img {
    width: 150px;
    height: 150px;
    opacity: .6;
}

.active-thumbnail {
    opacity: 1!important;
}


@media screen and (max-width: 810px){

    .product-thumbnails {
        flex-direction: row;
        overflow-x: scroll;
        flex-wrap: nowrap;
    }
    .product-thumbnails .woocommerce-product-gallery__image a img {
        width: 100px;
        height: 100px;
    }

    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs {
        flex: 1;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: nowrap;
        max-width: 600px;
        margin: 0 auto;
        overflow-x: scroll;
    }

    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
        margin: 0;
        padding: 0;
        display: contents;
        min-width: 18.6%;
        overflow: hidden;
        margin: 0 4px 4px 4px;
    }

    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li img {
        width: 100px;
        height: 100px;
        padding: 0;
        margin: 5px;
        box-sizing: border-box;
    }

    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
        border-top: 4px solid #fff;
        -webkit-transition: all,ease,0.2s;
        transition: all,ease,0.2s;
        opacity: .6;
    }

    .single-product div.product .woocommerce-product-gallery img {
        margin: 0;
    }

    .single-product div.product .summary {
        flex-direction: column
    }
    ol {
        box-sizing: border-box;
        list-style: none;
    }

}