.all_access { margin-top: 4vh; height: 50vh; } /*========== Non-Mobile First Method ==========*/ @media only screen and (max-width : 1500px) { .all_access { height: 46vh !important; } } @media only screen and (max-width : 1400px) { .all_access { height: 42vh !important; } } @media only screen and (max-width : 1300px) { .all_access { height: 38vh !important; } } @media only screen and (max-width : 1200px) { .all_access { height: 34vh !important; } } @media only screen and (max-width : 1024px) { .all_access { height: 30vh !important; } } @media only screen and (max-width : 992px) { .all_access { margin-top: 8vh; height: 26vh !important; } .my-login-page .container.login-cont { justify-content: center!important; } } @media only screen and (max-width : 768px) { .all_access { margin-top: 10vh; height: 22vh !important; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { .all_access { margin-top: 10vh; height: 14vh !important; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { }