<div class="banners"> <img src="https://segway.imgix.net/wysiwyg/Collection-Banner-MT-BB_3_.jpg?auto=format,compress" class="large-screen"/> <img src="https://segway.imgix.net/wysiwyg/MT_BB_480x410_1_.jpg?auto=format,compress" class="small-screen"/> </div> <style> .banners img { width:100%;} .large-screen { display: none; } .actions-primary a.btn:hover { color: #fff !important; } @media (min-width:750px) { .large-screen { display: block; } .small-screen { display: none; } } @media only screen and (min-width:1025px) { body.cms-flashsale .page-wrapper main#maincontent .columns .column.main ol.product-items.widget-product-grid { grid-template-columns: 1fr 1fr 1fr 1fr; } } body.cms-flashsale .page-wrapper main#maincontent .columns .column.main .pagebuilder-column-group .pagebuilder-column.products-column { padding: 0px 20px !important; } body.cms-flashsale .page-wrapper main#maincontent .columns .column.main .pagebuilder-column-group .pagebuilder-column.flashsale-banner { width: 100% !important; } body.cms-flashsale .page-wrapper main#maincontent .columns .column.main .pagebuilder-column-group { padding: 0px !important; } body.cms-flashsale .page-wrapper main#maincontent .columns .column.main ol.product-items .product-item .product-item-details .product-item-name { min-height: auto; } body .block.block-products-list .flashsale-list .products-grid .widget-product-grid .product-item { width: 100% !important; overflow: hidden; } body.cms-flashsale .page-wrapper main#maincontent .columns .column.main .pagebuilder-column-group .pagebuilder-column:nth-child(2) { width: 100% !important; max-width: 1280px; margin: 0 auto; } body.cms-flashsale .page-wrapper main#maincontent .columns .column.main ol.product-items .product-item a.product-item-photo .product-image-container { padding-top: 0; padding-bottom: 0; } body.cms-flashsale .page-wrapper main#maincontent .columns .column.main ol.product-items .product-item span.overlay-image { transform: translate(-50%, -50%) scale(1.25) !important; } body.cms-flashsale .page-wrapper main#maincontent .columns .column.main ol.product-items .product-item .product-item-details { padding: 18px 0; } body.cms-flashsale .page-wrapper main#maincontent .columns .column.main ol.product-items .product-item { margin: 0 !important; } body.cms-flashsale .page-wrapper main#maincontent .columns .column.main ol.product-items .product-item a.product-item-photo:hover { margin: 0 !important; } </style>