/* media queries -------------------------------------------------------------- */ @media screen and (max-width: 1170px) { body #container { max-width: 1012px; } html #wrapper #main-content, body .header-content, body .ticker-box, body .menu-box, body #footer { width: 956px; } body .site-title, body .site-description, body .header-logo { max-width: 740px; } html #wrapper .sticky-nav { max-width: 1012px; } body #content { width: 628px; } body #sidebar { width: 300px; } body .footer-widget-area { width: 300px; } } @media screen and (max-width: 1012px) { #wrapper #container { max-width: 90%; width: 90%; } #wrapper #container #main-content { padding: 28px 5% 10px; width: 90%; } #wrapper #content, #wrapper .top-navigation ul { max-width: 100%; width: 100% !important; } #wrapper #sidebar { float: left; margin: 15px 0 0; width: 100%; } #wrapper .ticker-box { margin-left: 5%; width: 90%; } #wrapper .header-contact { text-align: center; } #wrapper .header-content { float: left !important; padding: 35px 5%; width: 90%; } #wrapper .site-title, #wrapper .site-description, #wrapper #header .header-content .header-logo { float: left; max-width: 100%; } #wrapper .header-content #searchform .searchform-wrapper { float: left; margin: 20px 0 0; position: relative; right: 0; top: 0; width: 100%; } #wrapper .menu-box { padding: 0; width: 100%; } #wrapper #header .sticky-nav { max-width: 90%; } #wrapper .menu-box .link-home { display: none; } #wrapper .top-navigation { padding: 0 5%; } .js #nav { display: none; } .js .selectnav { background: #333333; border: 1px solid black; color: white; display: block; float: left; height: 30px; margin: 7px 0 0 5%; padding: 0; position: relative; text-transform: uppercase; width: 90%; } #wrapper .grid-entry, #wrapper #main-content .js-masonry .sticky { width: 50%; } #wrapper #container #footer { background-image: none; padding: 35px 5% 10px; width: 90%; } #footer .footer-widget-area { margin: 0; padding: 0; width: 100%; } #wrapper .footer-signature, #wrapper .menu-box { background-image: none; } } @media screen and (max-width: 782px) { .admin-bar #header .sticky-nav { top: 46px !important; } } @media screen and (max-width: 600px) { .admin-bar #header .sticky-nav { top: 0 !important; } #wrapper #container .grid-entry, #wrapper #container #main-content .js-masonry .sticky { width: 100%; } #wrapper .grid-entry .grid-entry-inner, #wrapper #container #main-content .js-masonry { margin: 0 !important; } #wrapper .post-entry-thumbnail { max-width: 50%; } }