.box{float:left}#root{max-width:980px;margin:0 auto}#contener{width:100%;border-radius:15px}#main{width:75%;border-radius:15px;background:rgba(210,215,219,1);background:-moz-linear-gradient(top,rgba(210,215,219,1) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(210,215,219,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(210,215,219,1) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(210,215,219,1) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(210,215,219,1) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(210,215,219,1) 0,rgba(255,255,255,1) 100%);-webkit-box-shadow:3px 2px 10px #2b2b2b;box-shadow:3px 2px 10px #2b2b2b;position:relative}.logo{width:70%;float:left}.nav{width:30%;float:left}.nav ul li{display:inline;list-style:none}.nav ul li a{text-decoration:none;color:#000}#side-bar{width:25%;z-index:-1000;margin-top:20px}.top-bar{border-top-left-radius:15px;border-top-right-radius:15px}.banner{background-image:url(../auto-keys/car-locksmith.jpg);background-repeat:no-repeat;height:300px;background-position:center}.content{padding:15px;font-family:"Microsoft Tai Le";font-size:14px}h1{font-size:25px;margin-left:15px;font-family:Baskerville,"Palatino Linotype",Palatino,"Century Schoolbook L","Times New Roman",serif}.sub-side{padding:10px}.phone{text-align:center;color:#fff;font-size:33px;font-weight:bold;padding:10px 0 10px 0;font-family:"Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif}.payment{text-align:center}.coupon{text-align:center}.service{display:block}.service ul li{background-image:url(../auto-keys/botton.png);background-repeat:no-repeat;border-radius:5px;display:block;margin-left:-18px;width:100%;height:30px;margin-bottom:5px;list-style-type:none;text-align:center;vertical-align:middle}.service ul li a{text-decoration:none;color:#fff;font-family:"Microsoft Tai Le";width:100%;display:block;height:30px;font-size:14px;padding-top:5px}.service ul li a:hover{background-image:url(../auto-keys/hover.png);background-repeat:no-repeat;width:100%;border-radius:5px}.sub-side{border-top-right-radius:15px;background:rgba(210,215,219,1);background:-moz-linear-gradient(top,rgba(210,215,219,1) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(210,215,219,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(210,215,219,1) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(210,215,219,1) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(210,215,219,1) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(210,215,219,1) 0,rgba(255,255,255,1) 100%)}.cle{clear:both}.contact-info{width:75%;text-align:center;color:#fff;margin:10px 0 10px 0;padding:10px 0 10px 0;font-family:"Microsoft Tai Le"}.contact-info a{color:#fff}.img1{margin-top:-30px;margin-right:10px}.img3{float:left;margin:10px}.social{text-align:center}.img4{margin-right:5px;margin-left:5px}.slogen{background-image:url(../auto-keys/locksmiths.png);background-repeat:no-repeat;width:700px;height:120px}.num{text-align:center;font-size:25px;color:#fff;display:none}.num a{text-decoration:none;color:#000}.contact-us{width:700px;height:400px}@media only screen and (min-width:481px) and (max-width:1024px) and (orientation:landscape){#contener{width:100%}#main{width:100%}#side-bar{width:100%}.slogen{display:none}.logo{width:100%}.nav{width:100%;text-align:center}.contact-info{width:100%}h1{text-align:center}h2{text-align:center}.content{text-align:center}.pic{display:none}.service ul li{width:100%;background-size:cover}.service ul li a:hover{width:100%;background-size:cover}.num{display:block;text-align:center}.num a{text-align:center;font-weight:bold;font-size:35px}.contact-us{width:100%;height:auto}}@media only screen and (min-width:321px) and (max-width:1024px) and (orientation:portrait){#contener{width:100%}#main{width:100%}#side-bar{width:100%}.slogen{display:none}.logo{width:100%}.nav{width:100%;text-align:center}.contact-info{width:100%}h1{text-align:center}h2{text-align:center}.content{text-align:center}.pic{display:none}.banner{background-image:url(../auto-keys/mobile-banner.jpg);background-repeat:no-repeat;background-size:contain}.service ul li{width:100%;background-size:cover}.service ul li a:hover{width:100%;background-size:cover}.num{display:block;text-align:center}.num a{text-align:center;font-weight:bold;font-size:35px}.contact-us{width:100%;height:auto}}@media only screen and (min-width:321px) and (max-width:480px) and (orientation:landscape){#contener{width:100%}#main{width:100%}#side-bar{width:100%}.slogen{display:none}.logo{width:100%}.nav{width:100%;text-align:center}.nav ul li{width:100%}.service ul li{width:100%;background-size:contain}.contact-info{width:100%}h1{text-align:center}h2{text-align:center}.content{text-align:center}.pic{display:none}.banner{background-image:url(../auto-keys/mobile-banner.jpg);background-repeat:no-repeat;background-size:contain}.service ul li a:hover{width:100%;background-size:cover}.num{display:block;text-align:center}.num a{text-align:center;font-weight:bold;font-size:35px}.contact-us{width:100%;height:auto}}@media only screen and (max-width:320px){#contener{width:100%}#main{width:100%}#side-bar{width:100%}.slogen{display:none}.logo{width:100%}.nav{width:100%;text-align:center}.contact-info{width:100%}h1{text-align:center}h2{text-align:center}.content{text-align:center}.pic{display:none}.banner{background-image:url(../auto-keys/mobile-banner.jpg);background-repeat:no-repeat;background-size:contain}.service ul li{width:100%;background-size:contain}.service ul li a:hover{width:100%;background-size:cover}.num{display:block;text-align:center}.num a{text-align:center;font-weight:bold;font-size:35px}.contact-us{width:100%;height:auto}.payment{line-height:35px; padding:10px 0 10px 0;}.contact-info{line-height:35px;}.img2{margin-right:6px;}}