Default Dev Script Validation

Default Header After Global Promotions

<avb-main class="dsg-tools-kiosq1-main-image">  <avb-designer-block data-id="27" class="avb-typography dsg-block-27"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12"> <div class="avb-wrapper dsg-block-27__content"> <h1 class="avb-typography__headline dsg-block-27__headline dsg-tools-kiosq1-main-heading dsg-tools-kiosq1-color-dark">Water Source</h1> <h2 class="avb-typography__headline dsg-tools-kiosq1-sub-heading dsg-tools-kiosq1-color-accent">Scan to Discover Our Water Source Products</h2> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-28__content"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Water Source QR Code"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members/idon1-dons/water-source.jpg?w=800"></avb-picture-source> </avb-picture> </div> </div> </div> </avb-designer-block> </avb-main> <style> /* =================== Header (block-27) =================== */ .dsg-block-27 { margin-top: 0; margin-bottom: 0; padding-top:1rem; } .dsg-block-27__content { padding: 0.5rem; text-align: center; } .dsg-block-27__headline { margin-bottom: 0; } .dsg-block-27-image { width: 40%; margin: 0 auto; } @media screen and (min-width: 600px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 960px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1280px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1600px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } /* =================== Categories (block-28) =================== */ .dsg-block-28 { margin-top: 0; margin-bottom: 0; padding-bottom:4rem; } .dsg-block-28__content { padding: 0.5rem; text-align: center; } .dsg-block-28-list { justify-content: center; } .dsg-block-28-list-item { width: 100%; padding: 0 0 .5rem; margin: .75rem; } .dsg-block-28-image { background-color:#fff; } .dsg-block-28-picture { width: 400px; margin: 0 auto; } @media screen and (min-width: 600px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28-list-item { width: 45%; } } @media screen and (min-width: 960px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28-list-item { width: 22%; transition: all .2s ease-in-out; } .dsg-block-28-list-item:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } /*VERTICAL*/ @media screen and (min-width: 1080px) { .dsg-block-28-list-item { width: 31%; } } @media screen and (min-width: 1280px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28-list-item { width: 18%; } } @media screen and (min-width: 1600px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } } </style>