Not Working in Mobile View

Hello,
I have been using your plugin for a while now. I was using an additional CSS code to fix my mobile view but after the update it’s not working again. It looks wired when my customers visit the product pages from their mobile. Is there any solution to fix it?

Here’s the code I was using:

@media only screen and (max-width: 767px) {
    .woobt-products .woobt-product {
        display:flex;
        flex-direction: row;
        text-align: left;
        padding: 0 !important;
    }

    .woobt-products .woobt-product>div {
        padding: 10px 10px 10px 0 !important;
        width: auto !important;
        flex-basis: auto !important;
        max-width: 100% !important;
    }

    .woobt-products .woobt-product>div:first-child {
        padding-left: 0 !important;
    }
    
    .woobt-products .woobt-product>div:last-child {
        padding-right: 0 !important;
    }

    .woobt-products .woobt-product .woobt-thumb {
        text-align: left;
        width: 50px;
        flex-basis: 50px;
    }

    .woobt-products .woobt-product .woobt-thumb img {
        width: 50px;
    }

    .woobt-products .woobt-product .woobt-price {
        width: auto;
        flex-basis: 0;
    }

    .woobt-products .woobt-product .woobt-thumb img {
        display: block;
        margin: 0 auto;
    }
	
    .woobt-products .woobt-product .variations_form .variations {
        display: block;
    }

    .woobt-products .woobt-product .variations_form .variations .variation {
        max-width: 100%;
        margin-right: 0 !important;
    }

    .woobt-products .woobt-product .variations_form .variations .variation select {
        text-align-last: left;
    }
    
    .woobt-products .woobt-product .variations_form .variations .reset {
        display: none !important;
    }
}

• This topic was modified 3 years, 9 months ago by Yui.
• This topic was modified 3 years, 9 months ago by Yui. Reason: formatting

The page I need help with: [log in to see the link]