@media screen and (max-width: 1002px) and (min-width: 768px) { ul.nav-main, #ad-222, .post-update, .ticker-date, span.scroll-more { display: none; } #main-wrapper, #top-spacer, #content-outer, #main-top { width: 645px; } #leader-wrapper, #logo-wide, .score-wrapper, .es-carousel, #logo-wide, #ad-728, #ad-728-small, #footer { width: 625px; } #main, #post-area, #related-posts, #archive-area { width: 615px; } .full { width: 615px !important; } #nav-main-left { width: 485px; } #nav-mobi { display: inline; } #nav-search { margin-right: 10px; } #leader-wrapper { text-align: center; } #logo-large { margin: 10px; width: 605px; } #ad-728, #ad-728-small { margin: 0; } #content-outer { background: url(images/content-bg.png); border-radius: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; } #ticker { width: 373px; } ul.ticker-list { width: 273px; } #featured-main, #featured-cat { height: 400px; } #headlines-wrapper { height: auto; } ul.headlines { margin-bottom: 0; } ul.headlines li { width: 593px; } .headlines-text { width: 535px; } #home-blog-wrapper, #cat-blog-wrapper, #sidebar-wrapper { width: 635px; } #sidebar-wrapper { float: left; margin: 15px 0 0 -15px; } #post-info-wrapper { width: 613px; } ul.post-info li { border-right: none; } .prev-next-wrapper { width: 555px; } .prev-post, .next-post { width: 270px; } #featured-cat { height: 400px; } #footer { padding: 10px; } #featured-wrapper, #featured-main, #featured-cat, #headlines-wrapper, span.headlines-header, #homepage-wrapper, #main-home { width: 100%; } .featured-text, .featured-text-cat { padding: 50px 3.1007751938% 20px; /* 20 / 645 */ width: 93.7984496124%; /* 605 / 645 */ } ul.headlines li { padding: 6px 1.5503875969%; /* 10 / 645 */ width: 96.8992248062%; /* 625 / 645 */ } #content-inner { padding: 15px 2.32558139535% 10px; /* 15 / 645 */ width: 95.3488372093%; /* 615 / 645 */ } #homepage-wrapper { margin-top: -15px; } #home-widget-wrapper { margin-left: -2.43902439024%; /* 15 / 615 */ width: 102.43902439%; /* 630 / 615 */ } .widget-container { margin: 15px 0 0 2.38095238095%; /* 15 / 630 */ } } @media screen and (max-width: 767px) and (min-width: 480px) { ul.nav-main, #ticker, ol.flex-control-nav, .date-cat, ul.headlines-cat, ul.headlines li img, .breadcrumb, .post-author, .post-update, .related-image, h2.category-heading, span.scroll-more { display: none; } #main-wrapper, #top-spacer, #main-top, #ad-728, #ad-728-small { width: 320px; } #logo-wide, .score-wrapper, .es-carousel, #logo-wide, #content-inner, #home-blog-contain, #main, #post-area, #related-posts, #archive-area, #featured-cat, #footer { width: 300px; } .full { width: 300px !important; } #leader-wrapper { margin: 0; width: 320px; } #ad-728, #ad-728-small { margin: 0 0 10px 0; } #nav-main-left { width: 230px; } #nav-logo { padding-right: 0; } #nav-mobi { display: inline; } #nav-mobi select { width: 100px; } #nav-search { margin-right: 10px; width: 80px; } .score-wrapper { height: auto; } #logo-large { margin: 0 10px 10px; width: 300px; } #content-outer { margin-left: -10px; width: 320px; } #content-inner { padding: 10px 10px 5px; } #content-social { float: left; } #featured-main, #featured-cat { height: 195px; } .featured-text, .featured-text-cat { padding: 50px 10px 10px; width: 280px; } h2.slider-headline a, h2.slider-headline-cat a { font: 700 30px/35px 'Oswald', sans-serif; } .featured-text p, .featured-text-cat p { font: 300 12px/14px helvetica, arial, sans-serif; text-shadow: none; } #headlines-wrapper { height: auto; } ul.headlines { margin-bottom: 0; } ul.headlines li, .headlines-text { width: 278px; } #home-widget-wrapper, #home-blog-wrapper { width: 315px; } #post-area { margin-right: 0; } #post-info-wrapper { width: 298px; } ul.post-info li { border-right: none; } .prev-next-wrapper { padding: 10px; width: 280px; } .prev-post, .next-post { width: 130px; } .prev-post a, .next-post a { font: 700 16px/20px 'Oswald', sans-serif; } #related-posts ul li { margin-left: 0; width: 100%; } #cat-blog-wrapper { margin-left: -10px; width: 315px; } .cat-blog-container { margin: 0 0 10px 10px; width: 300px; } #sidebar-wrapper { float: left; } #footer { padding: 10px; } .fb_iframe_widget span { width: 90px !important; } .fb-page, .fb-page span { width: 100% !important; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { padding: 6px !important; } #featured-wrapper, #featured-main, #featured-cat, #headlines-wrapper, span.headlines-header, #homepage-wrapper, #main-home { width: 100%; } .featured-text, .featured-text-cat { padding: 50px 3.125% 20px; /* 10 / 320 */ width: 93.75%; /* 300 / 320 */ } ul.headlines li { padding: 6px 3.125%; /* 10 / 320 */ width: 93.75%; /* 300 / 320 */ } #content-inner { padding: 10px 3.125% 5px; /* 10 / 320 */ width: 93.75%; /* 300 / 320 */ } #homepage-wrapper { margin-top: -10px; } .widget-container { margin: 10px 0 0; width: 100%; } #sidebar-wrapper, #home-widget-wrapper { margin-top: 10px; margin-left: 0; width: 100%; } } @media screen and (max-width: 479px) { ul.nav-main, #ticker, ol.flex-control-nav, .date-cat, ul.headlines-cat, ul.headlines li img, .breadcrumb, .post-author, .post-update, .related-image, h2.category-heading, span.scroll-more { display: none; } #main-wrapper, #top-spacer, #content-outer, #main-top, #ad-728, #ad-728-small { width: 320px; } #ad-728, #ad-728-small { margin: 0 0 10px 0; } .fly-content { -webkit-transform: translate3d(100%,0,0) !important; -moz-transform: translate3d(100%,0,0) !important; -ms-transform: translate3d(100%,0,0) !important; -o-transform: translate3d(100%,0,0) !important; transform: translate3d(100%,0,0) !important; } .main-nav-over { position: fixed !important; -webkit-transform: translate3d(0,0,0) !important; -moz-transform: translate3d(0,0,0) !important; -ms-transform: translate3d(0,0,0) !important; -o-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; } #fly-wrap { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); top: 50px; width: 0px; z-index: auto; } .fly-menu { width: 100% !important; z-index: 1000 !important; } #logo-wide, .score-wrapper, .es-carousel, #logo-wide, #content-inner, #home-blog-contain, #main, #post-area, #related-posts, #archive-area, #footer { width: 300px; } .full { width: 300px !important; } #leader-wrapper { margin: 0; width: 320px; } #nav-main-left { width: 230px; } #nav-logo { padding-right: 0; } #nav-mobi { display: inline; } #nav-mobi select { width: 100px; } #nav-search { margin-right: 10px; width: 80px; } .score-wrapper { height: auto; } #logo-large { margin: 0 10px 10px; width: 300px; } #content-outer { background: url(images/content-bg.png); border-radius: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; } #content-inner { padding: 10px 10px 5px; } #content-social { float: left; } #featured-main, #featured-cat { height: 195px; } .featured-text, .featured-text-cat { padding: 50px 10px 10px; width: 280px; } h2.slider-headline a, h2.slider-headline-cat a { font: 700 30px/35px 'Oswald', sans-serif; } .featured-text p, .featured-text-cat p { font: 300 12px/14px helvetica, arial, sans-serif; text-shadow: none; } #headlines-wrapper { height: auto; } ul.headlines { margin-bottom: 0; } ul.headlines li, .headlines-text { width: 278px; } #home-widget-wrapper, #home-blog-wrapper { width: 315px; } #post-area { margin-right: 0; } #post-info-wrapper { width: 298px; } ul.post-info li { border-right: none; } .prev-next-wrapper { padding: 10px; width: 280px; } .prev-post, .next-post { width: 130px; } .prev-post a, .next-post a { font: 700 16px/20px 'Oswald', sans-serif; } #related-posts ul li { margin-left: 0; width: 100%; } #cat-blog-wrapper { margin-left: -10px; width: 315px; } .cat-blog-container { margin: 0 0 10px 10px; width: 300px; } #sidebar-wrapper { float: left; margin: 15px 0 0 -15px; } #footer { padding: 10px; } .fb_iframe_widget span { width: 90px !important; } .fb-page, .fb-page span { width: 100% !important; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { padding: 6px !important; } .fly-content { width: 100% !important; } #featured-wrapper, #featured-main, #featured-cat, #headlines-wrapper, span.headlines-header, #homepage-wrapper, #main-home { width: 100%; } .featured-text, .featured-text-cat { padding: 50px 3.125% 20px; /* 10 / 320 */ width: 93.75%; /* 300 / 320 */ } ul.headlines li { padding: 6px 3.125%; /* 10 / 320 */ width: 93.75%; /* 300 / 320 */ } #content-inner { padding: 10px 3.125% 5px; /* 10 / 320 */ width: 93.75%; /* 300 / 320 */ } #homepage-wrapper { margin-top: -10px; } .widget-container { margin: 10px 0 0; width: 100%; } #sidebar-wrapper, #home-widget-wrapper { margin-top: 10px; margin-left: 0; width: 100%; } .nav-main-out, .nav-main-in { margin-left: 0; right: 0; } }