* { margin: 0; padding: 0; } body { width: 100%; font-family: Arial; font-size: 12px; color: 333333; } h1{ font-size: 1.5em; } ul { padding-left: 17px; font-size: 1.0em; } @media screen and (max-width: 480px) { ul { font-size: .8em; } } ul li { padding: 5px 0; } h2, h3, h4 { margin-bottom: 10px; } @media screen and (max-width: 480px) { h2.blutext{ font-size: 1.2em; } } .clear { clear: both; overflow: hidden; } .blutext { color: #007CC3; font-size: 1.4em; } .section { width: 95%; margin: 0 auto 30px; } #centerDiv { width: 80%; margin: 0 auto; } @media screen and (max-width: 480px) { #centerDiv { width: 95%; margin: 0 auto; } } .header { overflow: hidden; padding: 5px 0; border-bottom: 4px solid black; } .header > div { float: left; width: 50%; } .header .logo { display: none; width: 86px; margin-left: 8px; } .header .logo.mobile { display: block; } .header .search-block { position: relative; text-align: right; } .search-block .searchbox { position: absolute; height: 35px; width: 100%; padding: 8px; font-size: 1.5em; border: 1px solid black; left: 970px; -moz-transition: left .3s cubic-bezier(0,.8,0,1); -webkit-transition: left .3s cubic-bezier(0,.8,0,1); transition: left .5s cubic-bezier(0,.8,0,1); } .search-block .searchbox.active { left: 0; } .search-block .search-glass { display: none; } .search-block .search-glass.mobile { display: inline; } .search-block .search.mobile { margin: 6px 16px 0 0; } .search-block .search img { margin-right: 4px; } .search-block .search div { /*font-size: 2em;*/ } .top-container { overflow: hidden; } .main-image img { width: 100%; margin: 10px auto; display: block; } @media screen and (min-width: 480px) { .main-image img { width: 350px; } } .product-details .model { color: #898989; font-size: .8em; } .product-details .product-name { font-size: 1.5em; margin: 7px 0; } .sub-ctnr { width: 100%; margin-bottom: 20px; border-bottom: 2px solid #d6d6d6; } @media screen and (max-width: 480px) { .subheading { font-size: 1.2em; } } .subheading { font-family: ‘Oswald’, sans-serif; font-size: 1.5em; width: 95%; margin: 0 auto 5px; } .features-specs h2{ font-size: 1.5em; } @media screen and (max-width: 480px) { .features-specs h2{ font-size: 1.2em; } } #specs table { font-size: 1.0em; width: 100%; } @media screen and (max-width: 480px) { #specs table{ font-size: .8em; } } #specs tr:nth-child(odd) td { padding: 8px 0; } #specs tr:nth-child(even) { background-color: #f4f4f4; padding: 8px 0; } #specs tr td:last-child { width: 25%; } #specs tr td { padding: 8px 0; } #why-us { background-color: #f4f4f4; color: #007CC3; } #why-us h2 { text-align: center; font-size: 1.8em; padding-top: 30px; margin-bottom: 20px; } #why-us h3 { margin-bottom: 0; margin-top: 0; } #why-us h2, #why-us h3 { font-family: ‘Oswald’, sans-serif; } #why-us .reason { width: 95%; margin: auto; padding-bottom: 20px; font-size: 0.8em; } #why-us .reason > div { display: inline-block; vertical-align: top; } #why-us .reason > div:last-child { padding: 10px 0 0 2%; width: 70%; } #why-us .reason img { width: 60px; } @media screen and (min-width: 970px) { #centerDiv { width: 970px; } .header { overflow: hidden; padding: 15px 0; border-bottom: 4px solid black; } .header .logo { display: block; width: 175px; margin-left: 40px; } .header .logo.mobile { display: none; } .search-block .searchbox { position: relative; vertical-align: top; height: 38px; width: 250px; border-right: none; left: 0; } .search-block .search-glass { display: inline; margin-right: 40px; outline: none; } .search-block .searchbox, .search-block .search-glass { margin-top: 4px; } .search-block .search.mobile { display: none; } .main-image { float: right; width: 50%; } .top-container { margin-bottom: 45px; } .top-container > div:nth-child(2) { margin-top: 65px; } .product-details, .includes { overflow: hidden; padding-right: 20px; } .features-specs { overflow: hidden; width: 95%; margin: 0 auto 50px; } .features-specs .section { float: left; width: 50%; margin-bottom: 0; } .features-specs .spec-container { padding-left: 75px; } .features-specs #specs { width: 96%; } #why-us h2 { font-size: 1.5em; } #why-us h3 { font-size: 1.4em; font-weight: 100; white-space: nowrap; padding-bottom: 5px; margin-top: 0; } #why-us .reasons { width: 78%; margin: auto; overflow: hidden; padding-bottom: 20px; } #why-us .reasons .reason { float: left; width: 50%; line-height: 1.5em; } }