/* --------------- Mobile Version by e-Maco and RYBOXX DESIGN --------------- */ @media screen and (min-width:320px) and (max-width:767px) { #wrapper, .center-box { width: 100%; margin: 0; background: #F7F8F9; } header .icon-box, header nav, nav li, .last-news-box .item { float: none; } header .icon-box, aside, header nav, .inside-content { width: 100%; height: auto; } header .icon-box { padding: 10px 0px; text-align: center; } header .icon-box img { margin: 0; margin-right: 5px; } header .icon-box img.icon-mobile, nav ul, aside .menu-box, .box.widget_wysija { margin: 0; } header .icon-box img.icon-mobile { margin-right: 5px; } nav li a { width: 100%; padding: 10px 0px; text-align: center; font-size: 17px; } nav li a:hover, nav li.current-menu-item a, nav li.current-page-ancestor a, aside .menu-box ul li a:hover, aside .menu-box ul li.current-menu-item a, aside .menu-box ul li.current-page-ancestor a { background: #10a1d6; color: #fff; } aside { margin-bottom: 0; } aside .logo-box, .newsletter-box, #slideshow, .search-box .line, .sponsors-box, .news-list.people .news-box .left span.roll { display: none; } aside .menu-box { font-size: 17px; } aside .menu-box ul li a { padding: 10px 0px; height: auto; text-align: center; } .contents { margin: 0 5%; } .search-box { margin: 30px 0px; } .search-box .search { float: none; margin: 0; width: 100%; } .last-news-box { margin-bottom: 15px; } .last-news-box .item { width: 100%; margin-right: 0; margin-bottom: 20px; } .media-contest-box .media-box, .media-contest-box .contest-box { float: none; width: 100%; margin: 0; } .media-contest-box .media-box { margin-bottom: 25px; } .shows-sumo-box { margin: 0 5%; } .shows-sumo-box .item { float: none; width: 100%; } .shows-sumo-box .item:nth-child(1) { margin-bottom: 40px; } .shows-sumo-box .item:nth-child(2), .shows-sumo-box .item:nth-child(4), footer .head-footer-box .quick-access, footer .head-footer-box .archives, footer .cookie-info, .gallery .item span.roll, .video-image-gallery a span.roll, .news-list.people .news-box .left span.roll, #face-slider { display: none; } .shows-sumo-box .item .icon { left: 41%; } .shows-sumo-box a.more.bt { float: right; } footer .head-footer-box .contact { float: none; width: 100%; } footer .head-footer-box { background: #121212; padding: 5%; } footer .head-footer-box .copyright { font-size: 11px; } h1 { font-size: 21px; } h1.subpage { padding-left: 0; } .mobile-logo-box.display, .news-list.view .news-box .left { display: block; } .news-list.people .news-box .left, .news-list .news-box .right, .news-list.view .news-box .left, .news-list.view .news-box .right { float: none; width: 100%; } .news-list.people .news-box .date { display: block; padding: 15px 10%; } .news-list .news-box .info { border-left: none; } .sponsors-list .sponsor-box { float: none; width: 96%; } .news-list .news-box .left { display: none; } .news-list.people .news-box .left { display: block; } .news-list.view .news-box .info { padding-left: 0; font-family: open_sansbold; text-align: justify; } .gallery .item { float: none; margin: 5px auto; } .news-list.people .news-box .left img { width: 100%; height: auto; } .contest-view table { display: block; width: 98%; } .contest-view table tr td, .contest-view table tr th { border: none; } .contest-view table tr td, .contest-view table tr th { padding: 10px 0; } .video-image-gallery a, .video-image-gallery.media a { float: none; width: 100%; margin: 5px 0; } } @media screen and (min-width:480px) and (max-width:767px) { .menu-menu-glowne-container { width: 480px; min-height: 50px; margin: 0 auto; } nav li { float: left; } nav li a { padding: 20px 6px; margin: 0 6px; } aside, .inside-content { float: left; } aside { width: 35%; } .inside-content { width: 65%; } } @media screen and (min-width:768px) and (max-width:954px) { #wrapper, .center-box { width: 100%; margin: 0; background: #F7F8F9; } header .icon-box, aside { width: 29.4%; } header nav, .inside-content { width: 68.6%; padding-right: 2%; } .search-box .line, #slideshow, #face-slider { display: none; } .search-box .search { width: 100%; margin-left: 0; } footer .head-footer-box { padding: 20px 5%; } footer .head-footer-box .archives { width: 22% } footer .head-footer-box .contact { width: 38%; } nav li a { padding: 0 13px; } .news-list .news-box .left { width: 35%; } .news-list .news-box .right { width: 65%; } .sponsors-list .sponsor-box { width: 46%; } .video-image-gallery a { float: none; width: 100%; margin: 5px 0; } .video-image-gallery.media a { float: left; } aside .logo-box img { width: 100%; } } @media screen and (min-width:955px) and (max-width:1023px) { #face-slider { display: none; } } @media screen and (min-width:1024px) and (max-width:1240px) { }