CSS File

1@media only screen and (max-width: 767px){

2 :root {

3 --ts-h-gap: 20px;

4 --ts-v-gap: 40px;

5 --ts-section-gap: 50px;

6 --ts-logo-width: 100px;

7 --ts-h1-font-size: 30px;

8 --ts-h1-line-height: 40px;

9 --ts-h2-font-size: 26px;

10 --ts-h2-line-height: 32px;

11 --ts-h3-font-size: 22px;

12 --ts-h3-line-height: 28px;

13 --ts-h4-font-size: 18px;

14 --ts-h4-line-height: 26px;

15 --ts-h5-font-size: 15px;

16 --ts-h5-line-height: 22px;

17 }

18 .breadcrumb-title-wrapper.has-background .breadcrumb-title {min-height: 250px;}

19 .comment-count:before {top: 1px;position: relative;}

20 .search-button.search-icon .icon:before, .my-wishlist-wrapper .tini-wishlist:before, .shopping-cart-wrapper .cart-control .ic-cart:before, .ts-tiny-account-wrapper .account-control > a:before {font-size: 22px;}

21 #main > .list-brands > .container {

22 padding-top: 20px;

23 padding-bottom: 5px;

24 }

25 body.error404 .not-found h1 {

26 font-size: var(--ts-h2-font-size);

27 line-height: var(--ts-h2-line-height);

28 }

29 .woocommerce table.shop_table_responsive.cart tbody th,

30 .woocommerce-page table.shop_table_responsive.cart tbody th {

31 display: block;

32 }

33 .woocommerce .product .woocommerce-product-gallery__wrapper .product-label {

34 inset: 10px auto auto 10px; /* rtl */

35 }

36 .woocommerce div.product.gallery-layout-vertical.has-gallery div.images .product-label {

37 left: calc(var(--ts-thumbnail-size) + 20px);

38 }

39 .woocommerce div.product .summary .ts-discount-number {margin-top: 4px;}

40 article.single-post .post-content-wrapper > header > .entry-title {

...