body, html { overflow-x: hidden; max-width: 100%; } * { box-sizing: border-box; }   .hidden { display: none !important; }  @media only screen and (max-width: 767px) { .hidden-mobile { display: none !important; } }  @media only screen and (min-width: 768px) and (max-width: 1023px) { .hidden-tablet { display: none !important; } }  @media only screen and (min-width: 1024px) { .hidden-desktop { display: none !important; } }  @media only screen and (max-width: 1023px) { .hidden-mobile-tablet { display: none !important; } }  @media only screen and (min-width: 768px) { .hidden-tablet-desktop { display: none !important; } }  @media only screen and (orientation: portrait) { .hidden-portrait { display: none !important; } }  @media only screen and (orientation: landscape) { .hidden-landscape { display: none !important; } }