@media only screen 
and (min-width: 1px) 
and (max-width: 767px){
    html body .woocommerce ul.products, 
    html body .woocommerce-page ul.products, 
    html body .term-description ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

html body .term-listning-desc {
    max-width: none !important;
    margin-top: 0px !important;
    padding-top: 10px !important;
    text-align: left !important;
    width: auto !important;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 50px;
}

.term-listning-desc .t {
    flex: 1;
}

.term-listning-desc .i {
        width: 300px;
}

.term-listning-desc .i img {
display: block;
max-width: 300px;
height: auto;
width: 100%;
}

@media only screen 
and (min-width: 1px) 
and (max-width: 767px){
    .term-listning-desc {
        flex-direction: column;
    }

    .term-listning-desc .t,
    .term-listning-desc .i {
        max-width: auto !important;
        width: auto !important;
    }
}