p {display: block;} @media only screen and (max-width: 1246px) { #wrapper,.sbtitle{width: 100%} #content{width: 61%;padding: 1%;margin-left: 1%} #footer,#header{width: 100%;padding-right: 0;padding-left: 0;border-right: none;border-left: none;} #leftcolumn{width: 15%;padding: 1%;margin: 0} #author,#connect{width: 17%;min-width: 180px} #review,#comparison,#ratings{width: 80%;padding: 1%;} #outerTable{overflow-x:scroll;overflow-y: hidden;padding-bottom: 20px;} .boxleft{width: 48%;padding: 1%} .boxright{width: 47%;padding: 1%} .review {float:left; width:100%} #slogan {float:left; font-size:90%; padding: 7px 7px 7px 0;} .author {float:left; width:100%} } @media only screen and (max-width: 1000px) { #content{width: 79%} #author, #connect{width: 49%;clear: left;} #connect{float: left;} .ois_wrapper .row-fluid .span4{clear: both;} .ois_wrapper .row-fluid input[name="email"]{width: 100%!important} } @media only screen and (max-width: 980px) { #header h1,.top{font-size: 50px} .nav-menu ul,#leftcolumn h3{margin-left: 0} } @media only screen and (max-width: 900px) { #leftcolumn .nav-menu img{width: 100%;max-width: 140px} #leftcolumn h3{font-size: 16px} .catactive list-style-type: {none!important;} .nav-menu ul{font-size: 16px} #cta ul li{font-size: 16px} .boxleft p,.boxright p{font-size: 15px} } @media only screen and (max-width: 880px) { #header h1,.top{font-size: 45px} } @media only screen and (max-width: 780px) { #header h1,.top{font-size: 40px} .boxleft .imageField,#ratingImg{float: none;} } @media only screen and (max-width: 700px) { #header h1,.top{font-size: 35px} } @media only screen and (max-width: 640px) { #header h1,.top{font-size: 30px} #mobile-menu{display: inline-block;cursor: pointer;} #leftcolumn{display: none;position: absolute;width: 50%;z-index: 9999} #review,#comparison,#ratings{width: 98%} #content{width: 96%;margin: 5 auto} #leftcolumn h3{font-size: 18px} #leftcolumn li{font-size: 18px} } @media only screen and (max-width: 580px) { #header h1,.top{font-size: 25px} .boxleft,.boxright{width: 98%} #content iframe{width: 100%} } @media only screen and (max-width: 500px) { #header h1,.top{font-size: 20px} } @media only screen and (max-width: 440px) { #header h1,.top{padding-top: 2px;font-size: 15px} #author, #connect{width: 99%} #leftcolumn h3{font-size: 20px} #leftcolumn li{font-size: 20px} }