/* --------------- Mobile Version by RYBOXX DESIGN --------------- */ @media screen and (min-width:320px) and (max-width:767px) { body { background: #e9e9e9; } #wrapper { width: 100%; margin: 0; } header { height: auto; } header .logo-box { float: none; width: 100%; } header .logo-box img { display: block; width: 200px; margin: 0 auto; } header nav { float: none; width: 100%; background: #dedddd; margin-top: 20px; } nav ul { margin-top: 0; } nav ul li { width: 100%; float: none; padding: 0; } nav ul li a { display: block; width: 100%; text-align: center; padding: 10px 0px; border-bottom: 1px solid #c4c2c2; font-weight: bold; } nav ul li:last-child a, nav ul li:last-child a:hover { border-bottom: 0; } nav ul li a:hover, nav ul li.current_page_item a { background: #07a0e4; border-bottom: 1px solid #dedddd; color: #e9e9e9; } #content { padding: 30px 20px; } .home-boxs .ofirmie-box { float: none; width: 100%; margin-right: 0; margin-bottom: 40px; } .home-boxs .technologia-box { float: none; width: 100%; margin-bottom: 40px; } .home-boxs .technologia-box img { width: 100%; } .recent-projects-box .all-items .item, .projects-category .item, .projects-item .gallery .item { float: none; margin: 10px auto; } .recent-projects-box .shadow { display: none; } footer .center { width: 88%; margin: 0; padding: 20px 6%; } footer h1 { text-align: right; } footer .left-column, footer .right-column { float: none; width: 100%; } footer .left-column { display: none; } #content.subpages h1 { width: 93%; padding-left: 7%; } #content .inside-content { padding: 0; } .projects-category, .projects-item .gallery { width: 100%; margin: 0; } .projects-category .item, .projects-item .gallery .item { margin: 0; float: none; margin: 10px auto; } .projects-item .info-box .left, .projects-item .info-box .right { width: 100%; float: none; } .projects-item .info-box .right { margin: 30px 0; } .projects-item .info-box table tr th, .projects-item .info-box table tr td { padding-left: 0; } .kontakt-box .left { float: none; margin-right: 0; width: 100%; } .kontakt-box .right, .map .shadow, .skontaktuj-box img, #slideshow, #face-slider { display: none; } .map .code-box iframe { height: 200px; } } @media screen and (min-width:480px) and (max-width:767px) { header nav .menu-nawigacja-strony-container { width: 480px; margin: 0 auto; overflow: hidden; } nav ul li { width: auto; float: left; } nav ul li a { display: inline-block; width: auto; padding: 10px 19px; border-right: 1px solid #e9e9e9; border-bottom: none; } nav ul li:last-child a { border-right: none; } .recent-projects-box .all-items { width: 480px; margin: 0 auto; padding: 0; } .recent-projects-box .all-items .item, .projects-category .item, .projects-item .gallery .item { float: left; width: 200px; margin: 18px; } .recent-projects-box .all-items .item .calibrationFill, .projects-category .item .calibrationFill, .projects-item .gallery .item .calibrationFill { width: 200px; } .projects-category, .projects-item .gallery { width: 480px; margin: 0 auto; } } @media screen and (min-width:660px) and (max-width:767px) { .home-boxs .technologia-box img { width: 70%; } .recent-projects-box .all-items { width: 660px; } .recent-projects-box .all-items .item, .projects-category .item, .projects-item .gallery .item { width: 214px; margin: 15px 2px; } .recent-projects-box .all-items .item .calibrationFill, .projects-category .item .calibrationFill, .projects-item .gallery .item .calibrationFill { width: 214px; } .projects-category, .projects-item .gallery { width: 660px; margin: 0 auto; } } @media screen and (min-width:768px) and (max-width:954px) { body { background: #e9e9e9; } header { padding-top: 15px; height: 120px; } header .logo-box { width: 30%; } header .logo-box img { width: 100%; } header nav { width: 65%; padding-left: 5% } #wrapper { width: 100%; margin: 0; } #slideshow { overflow: hidden; } #slideshow .nakladka { display: none; } .nivoSlider img { width: 100%; } .nivo-directionNav a { top: 35%; } .theme-default a.nivo-prevNav { left: 4px; } .theme-default a.nivo-nextNav { right: 4px; } .theme-default .nivo-controlNav { top: -70px; } #content { padding: 0px 20px; padding-bottom: 50px; } .home-boxs .ofirmie-box { width: 47%; margin-right: 6%; } .home-boxs .technologia-box { width: 47%; } .home-boxs .technologia-box img { width: 100%; } .recent-projects-box .all-items .item { width: 166px; } .recent-projects-box .all-items .item .caption { padding: 0 10px; } footer .center { width: 94%; padding: 30px 3%; } footer .left-column { width: 35% } footer .right-column { width: 65%; } .dostep-box { margin-top: 0; } .dostep-box:before { display: none; } .dostep-box ul li { float: none; border-right: none; margin-bottom: 10px; } .dostep-box ul li:first-child { padding-left: 22px; } .copyright-box { padding-top: 30px; } .projects-category, .projects-item .gallery { margin: 0; width: 100%; } .projects-category .item, .projects-item .gallery .item { margin: 5px; } .projects-item .gallery { margin-top: 55px; } } @media screen and (min-width:955px) and (max-width:1024px) { }