/* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { h1.site-title a { font-size: 25px; } p.site-tagline { font-size: 12px; } section.post-slider { display: none; } .desktop-menu { display: none; } .mobile-menu { display: block; } .search-icon { line-height: 52px; border-left: 0; border-right: 0; } .site-search form.search-form { margin-right: 0; border-right: 0; } .site-search form.search-form label { width: 75%; } .site-search input.search-submit { width: 25%; } } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { h1.site-title a { font-size: 30px; } p.site-tagline { font-size: 14px; } section.post-slider { display: none; } .desktop-menu { display: none; } .mobile-menu { display: block; } .search-icon { line-height: 52px; border-left: 0; border-right: 0; } .site-search form.search-form { margin-right: 0; border-right: 0; } .site-search form.search-form label { width: 75%; } .site-search input.search-submit { width: 25%; } } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { h1.site-title a { font-size: 45px; } p.site-tagline { font-size: 14px; } section.post-slider { display: none; } .desktop-menu { display: none; } .mobile-menu { display: block; } .search-icon { line-height: 52px; border-left: 0; border-right: 0; } .site-search form.search-form { margin-right: 0; border-right: 0; } .site-search form.search-form label { width: 75%; } .site-search input.search-submit { width: 25%; } } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { section.post-slider { display: flex; } .desktop-menu { display: block; } .mobile-menu { display: none; } .search-icon { line-height: 40px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .site-search form.search-form { margin-right: 15px; border-right: 1px solid #333; } .site-search form.search-form label { width: 90%; } .site-search input.search-submit { width: 10%; } }