.d-none{ display: none; } #state-details{ max-width: 80%; margin: 0 auto; } #state-details button{ text-decoration: none; all: unset; cursor: pointer; font-weight: 700; display: flex; align-items: center; } #state-details button img{ filter: invert(1); } #store-list{ display: flex; } #store-list > div{ flex: 0 0 calc(33% - 24px); max-width: calc(33% - 24px); margin: 10px 12px; } .title-unboxing { font-size: clamp(32px, 5vw, 48px); font-weight: 600; text-align: center; margin: 50px 0px 24px; } #video_intro_2 { height: 550px; max-width: 1920px; width: 100%; position: relative; margin-top: 50px; } #video_intro_2 .section-hero__video { position: relative; padding-bottom: 56%; height: 0px; z-index: 1; overflow: hidden; } #video_intro_2 .section-hero__video iframe{ position: absolute; top: 0px; left: 0px; width: 100%; height: 65%; } #app{ margin: 12px 0; } @media screen and (max-width: 600px) { #app{ padding: 0 16px; } #video_intro_2 { height: 250px; } #state-details{ max-width: 100%; } #store-list > div{ max-width: 100%; flex: auto; } #app .c-storelist-statecontainer{ display: block; } } @media screen and (min-width: 1620px) { #video_intro_2 { height: 700px; } }