@media screen and (min-width: 0px) and (max-width: 414px) { .space-box { width: 100% !important; } } @media screen and (min-width: 414px) and (max-width: 640px) { .space-box { width: 50% !important; } } @media screen and (min-width: 640px) and (max-width: 1200px) { .space-box { width: 33.33% !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .space-box { width: 25% !important; } } @media screen and (min-width: 1440px){ .space-box { width: 20% !important; } } @media screen and (min-width: 0px) and (max-width: 585px) { .time-btn-small { width: 68px !important; } } @media screen and (min-width: 585px) and (max-width: 700px) { .time-btn-small { width: 58px !important; } } @media screen and (min-width: 700px) and (max-width: 860px) { .time-btn-small { width: 48px !important; } }