MotionMax Cargo Jogger

WORTH MENTIONING DETAILS .product__description{ padding:0 10.416666666666668%; } .product__description .banner{ font-size: 0; display: block; padding:0 0 84px; } .product__description .banner img{ object-fit: cover; width: 100%; height:auto; } .product__description .container .container-title{ text-align: center; } .product__description .container .container-title h1{ margin:0; padding:0 0 42px; font-size: 32px; font-family: var(--medium-font); color:var(--theme-color) } .product__description .article{ display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 14px; grid-row-gap: 52px; font-size: 0; } .product__description .article img{ width:100%; height: auto; object-fit: cover; } .product__description .article p{ font-size: 16px; line-height: 24px; text-align: center; padding:24px 0 0 ; margin:0; } .product__description .article p .br-m{ display: none; } .product__description .article-footer{ display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 18px; padding:38px 0 0; font-size: 0; } .product__description .article-footer img{ object-fit: cover; width: 100%; height:auto } .product__description .article-title{ display:flex; justify-content: center; text-align: center; padding:77px 0 0; } .product__description .article-title p{ margin: 0; font-size: 1.6666666666666667vw; line-height: 2.083333333333333vw; color:var(--theme-color); font-family: var(--medium-font); font-weight: 600; } .product__description .article-title p br.br-pc{ display: block; } .product__description .article-title p br.br-m{ display: none; } @media screen and (min-width: 750px) and (max-width: 1440px){ .product__description{ padding:0 48px; } } /* @media screen and (min-width: 750px) and (max-width:1024px){ .product__description .article p{ font-size: 14px; line-height: ; } } */ @media screen and (max-width: 749px) { .product__description{ padding:0 16px !important; } .product__description .article-title p br.br-pc{ display: none; } .product__description .article p .br-m, .product__description .article-title p br.br-m{ display: block; } .product__description .banner{ padding:0 0 48px } .product__description .banner-one{ padding:0 0 26px } .product__description .banner-one img{ content:url('https://cdn.shopify.com/s/files/1/0627/9662/8192/files/1_9c3f86b0-c110-4e25-b4c5-d20f9f4c0d2a.jpg?v=1735813702') } .product__description .banner-two img{ content:url('https://cdn.shopify.com/s/files/1/0627/9662/8192/files/2_28087e8f-ac33-42fc-b6b7-a6a09e569275.jpg?v=1735813702') } .product__description .article-footer img{ object-fit: cover; width: 100%; height:auto } .product__description .article .image-wrapper:nth-of-type(1) img{ content:url('https://cdn.shopify.com/s/files/1/0627/9662/8192/files/3_7875534a-47bd-4704-86cf-d8d9e2ffaaf6.jpg?v=1735813702'); } .product__description .article .image-wrapper:nth-of-type(2) img{ content:url('https://cdn.shopify.com/s/files/1/0627/9662/8192/files/4_75f66c21-bdc0-4782-a399-5c297f5d4753.jpg?v=1735813702'); } .product__description .article .image-wrapper:nth-of-type(3) img{ content: url('https://cdn.shopify.com/s/files/1/0627/9662/8192/files/5_24c53bec-570e-4a4c-846c-da25d8de6f25.jpg?v=1735813702'); } .product__description .article .image-wrapper:nth-of-type(4) img{ content: url('https://cdn.shopify.com/s/files/1/0627/9662/8192/files/6_74eb407e-7baa-4c37-9056-ffcfc3c7ea6e.jpg?v=1735813703'); } .product__description .article-footer img.one{ content: url(''); } .product__description .article-footer img.two{ content: url(''); } .product__description .article-footer img.three{ content: url(''); } .product__description .article{ grid-column-gap: 10px; grid-row-gap:18px; } .product__description .article p{ font-size: 2.666666666666667vw; line-height: 3.733333333333334vw; padding:10px 0 0; } .product__description .container .container-title h1{ font-size: 4.8vw!important; letter-spacing: 0; line-height: 5vw; padding: 0 0 18px; } .product__description .article-title{ padding:27px 0 0; } .product__description .article-title p{ font-size: 3.733333333333334vw; line-height: 4.8vw; } .product__description .article-footer{ padding:3.733333333333334vw 0 0; grid-column-gap:10px; } }