.box{float:left}#wrapper{max-width:980px;margin:0 auto}#top-bar{width:100%;background-color:#00365c;padding:0}#logo{width:60%;padding-left:20px}#phone{width:35%;color:#fff;padding-top:20px}#phone a{color:#fff;font-size:40px;text-decoration:none;font-weight:700}#banner{width:100%;height:400px;background-image:url(../automotive-locksmith/fob-key-replacement.png)}#contact{width:25%;background-color:#f15628;height:auto;float:right;margin-right:20px;border-radius:0 0 10px 10px;padding:10px 0}.form-contact{width:100%;border:0;text-align:center;padding:0;border-spacing:0}.form-bg{background-color:#fff;border-radius:5px;padding:2px 5px;font-size:13px;color:#707070}#slogen{width:100%;background-color:#f15628;background-image:url(../automotive-locksmith/slogen.png);height:100px}#main{width:100%;background-color:#fff}#content{width:68.5%;padding:15px;font-family:"Microsoft Tai Le"}#grid1{width:100%}h1{text-transform:uppercase;font-family:"Microsoft Tai Le";font-size:24px;font-weight:700}#grid2{width:100%}h2{font-size:18px;color:#00365c}#grid3{width:100%}#grid4{width:100%;font-size:13px}#sidebar{width:25%;padding:15px;font-family:"Microsoft Tai Le";border-left:thin dashed #f15628}#nav{width:100%}#nav ul li{list-style:none;background-color:#00365c;margin-bottom:3px;border-radius:7px;text-align:center;padding:5px 0;margin-left:-15px;width:100%}#nav ul li a{text-decoration:none;color:#fff;text-transform:uppercase;font-weight:700}#nav ul li a:hover{color:#f15628}#coupon{width:100%;text-align:center}#services{width:100%;background-image:url(../automotive-locksmith/title.png);background-position:top center;background-repeat:no-repeat;padding-top:60px}#services ul li{list-style:none;text-align:center;margin-left:-40px}#services ul li a{text-decoration:none;color:#000}#contact-info{width:100%;background-image:url(../automotive-locksmith/title-contact.png);background-position:top center;background-repeat:no-repeat;padding-top:80px;text-align:center}#contact-info a{color:#000;font-size:14px}.social{padding:5px 0}#payment{width:100%}#footer{width:100%;background-color:#00365c;text-align:center;padding:15px 0;color:#fff;font-family:"Microsoft Tai Le";font-size:14px}.line{height:40px;align-content:center;vertical-align:middle}.contact-us{width:100%;height:auto;font-family:"Microsoft Tai Le";font-size:16px;padding-left:150px}@media only screen and (min-width:481px) and (max-width:1024px) and (orientation:landscape){#top-bar{width:100%}#logo{width:100%;text-align:center}#phone{width:100%;text-align:center}#banner{width:100%;height:430px;background-repeat:no-repeat;background-position:0 100%}#contact{width:28%}#slogen{width:100%;display:none}#main{width:100%}#content{width:95%}h1{font-size:18px;text-align:center}#grid1{width:100%;text-align:center}#grid2{width:100%;text-align:center}#grid3{width:100%;text-align:center}#grid4{width:100%;text-align:center}#sidebar{width:95%;text-align:center;border:0}#nav{width:100%;text-align:center}#coupon{width:100%;text-align:center}#services{width:50%;text-align:center}#contact-info{width:50%;text-align:center}#payment{width:100%;text-align:center}#footer{width:100%;text-align:center}}@media only screen and (min-width:321px) and (max-width:1024px) and (orientation:portrait){#top-bar{width:100%}#logo{width:100%;padding:0}#logo img{width:100%;height:auto}#phone{width:100%;text-align:center}#banner{width:100%;height:490px;background-repeat:no-repeat;background-position:0 100%;background-size:contain}#contact{width:100%;margin:0}#slogen{width:100%;display:none}#main{width:100%}#content{width:90%}h1{font-size:18px;text-align:center}#grid1{width:100%;text-align:center}#grid2{width:100%;text-align:center}#grid3{width:100%;text-align:center}#grid4{width:100%;text-align:center}#sidebar{width:90%;text-align:center;border:0}#nav{width:100%;text-align:center}#coupon{width:100%;text-align:center}#services{width:100%;text-align:center;line-height:35px}#contact-info{width:100%;text-align:center;line-height:35px}#payment{width:100%;text-align:center}#footer{width:100%;text-align:center}}@media only screen and (min-width:321px) and (max-width:480px) and (orientation:landscape){#top-bar{width:100%}#logo{width:100%;padding:0}#logo img{width:100%;height:auto}#phone{width:100%;text-align:center}#phone a{font-size:30px}#banner{width:100%;background-repeat:no-repeat;background-position:0 100%;background-size:contain}#contact{width:100%;margin:0}#slogen{width:100%;display:none}#main{width:100%}#content{width:90%}h1{font-size:18px;text-align:center}#grid1{width:100%;text-align:center}#grid2{width:100%;text-align:center}#grid3{width:100%;text-align:center}#grid4{width:100%;text-align:center}#sidebar{width:100%;text-align:center;border:0}#nav{width:90%;text-align:center}#coupon{width:90%;text-align:center}#services{width:90%;text-align:center;line-height:35px}#contact-info{width:90%;text-align:center;line-height:35px}#payment{width:90%;text-align:center}#footer{width:100%;text-align:center}}@media only screen and (max-width:320px){#top-bar{width:100%}#logo{width:100%;padding:0}#logo img{width:100%;height:auto}#phone{width:100%;text-align:center}#phone a{font-size:30px}#banner{width:100%;background-repeat:no-repeat;background-position:0 100%;background-size:contain}#contact{width:100%;margin:0}#slogen{width:100%;display:none}#main{width:100%}#content{width:90%}h1{font-size:18px;text-align:center}#grid1{width:100%;text-align:center}#grid2{width:100%;text-align:center}#grid3{width:100%;text-align:center}#grid4{width:100%;text-align:center}#sidebar{width:100%;text-align:center;border:0}#nav{width:90%;text-align:center}#coupon{width:90%;text-align:center}#services{width:90%;text-align:center;line-height:35px}#contact-info{width:90%;text-align:center;line-height:35px}#payment{width:90%;text-align:center}#footer{width:100%;text-align:center}}