@media(max-width:915px) { .wrapper { width: 95%; } .main-wrapper { width: calc(100% - 225px); } } @media (orientation: portrait), (max-width: 480px) { .wrapper { width: 100%; } .main-wrapper, .sidebar, .footer { margin: 0 auto; width: 90%; } .sidebar { float: none; display: block; } .sidebar-image { margin: 0 auto; width: 33%; margin-top:25px; } .sidebar .sidebar-image img { width: 100%; } .footer { margin-bottom: 25px; } }