header .logo { position: absolute; width: 300px; height: 85px; margin-left: 20px; float: left; z-index: 100; } /* #Media Queries - Responsive ================================================== */ /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 999px) { header .logo { width: 300px; height: 85px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { header .logo { width: 300px; height: 85px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { header .logo { width: 300px; height: 85px; } }