.little-calendar { width: 280px; max-width: 100%; overflow: hidden; } @media (min-width: 768px) { .little-calendar { display: none !important; } } @media only screen and (max-width: 767px) { .big-calendar { display: none !important; } }