@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px), screen and (max-width: 480px) {

html, body {background-color: #870000; background: url('images/media-bkg.jpg') repeat-x top left;}
#container {width: 320px;}
#topribbon {display:none}
#mediahide {display:none}
.pchide{display:block}

#driving-school-logo, #auto-driving-school-logo {height: 125px; width: 320px; background: #333 url('images/media-banner.jpg') no-repeat top left;}
#telno {position:relative; height: 165px; width: 320px; background: #00162b}
#telno h1.media{position:absolute; top:130px; left:88px; display:block; font-size: 20px; font-weight: bold; color: #fff000;}

#banner{display:none}

.media-mnu-btn{float:left; width:320px; margin:0;}
.media-mnu-btn a {display:block;width:280px; height: 30px; margin:10px auto 2px; text-align:center; line-height:30px; font-size: 20px; font-weight: bold; color: #fff; background-color: #666;}
.media-menu {width: 320px;}
.media-menu ul {list-style: none; width: 280px; padding: 0px;  margin:0 auto;  height: auto; }
.media-menu ul li {float: left; width: 280px; margin:0 auto; text-align: center; padding: 2px 0;}
.media-menu ul li a {display:block; width: 280px; padding: 0; text-decoration: none; line-height: 32px; font-size: 16px; color: #0b4e92; background-color: #ddd; }
.media-menu ul li a:hover {text-decoration: none; background-color: #aaa;}
.media-menu .page{color: #fff;; background-color: #0b4e92;}

#centre-container {width: 320px;}
#centre {width: 320px;}
#centre h1.mainhead{width:280px; margin:5px 0 10px 20px; line-height:25px; text-align:center}
#left-col{float:left; width: 280px; margin: 0 0 0 20px; padding: 0;}

.driving-lessons-text{background: none}
.pages-text{width:280px;background: none;}

#driving-lessons-dets {margin: 0;} 
.driving-lessons-top{background: url('images/ds-mediatop.jpg') no-repeat center top;margin: 0;width: 280px;height: 14px}
.driving-lessons-mid{background: url('images/ds-mediamid.jpg') repeat-y center;width: 280px;margin: 0}
.driving-lessons-mid ul{width:250px; margin: 10px 0 0 15px; padding: 0; list-style:none}
.driving-lessons-mid li{width:250px; margin: 0 0 5px 0; padding: 0;}
.driving-lessons-bot{float: left;background: url('images/ds-mediabot.jpg') no-repeat center bottom;width: 280px;height: 14px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px}

/**********for scrollbars on Android version 2 phone**********/
::-webkit-scrollbar {width: 20px;}
::-webkit-scrollbar-track {background-color: #aaa;}
::-webkit-scrollbar-thumb {background-color: #888;}

#testimonials{width:280px; background: url('images/media-testim-box.jpg') no-repeat center;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px}
#testimonials h1{margin:20px 0 10px 20px; font-size: 18px;}
#testcont{width:280px; margin: 20px 0 0 0;}
.testpupil{width:260px; margin:15px auto 0px; padding:0}
.testpupil span.date{width:240px; margin:10px 0;}
.testpupil h2, .testpupil h3, .testpupil p{width:220px;}
#testcont img {display:none}

table.price{width:280px; margin:0;}
table.price td.title{width:125px; height:30px; padding:0;}
table.price td.info{width:125px; height:30px; padding:0 0 5px 0;}

/********CONTACT********/

.cntbxcont {margin-bottom: 0;}
.contactbox {float:none; width:270px; margin:0 auto; }
.frmcont, .frmcontcent, .frmcontenq{padding:0}
.frmcontain{width:100%;padding:0; margin:0; }
.frmcontcent{width:90%; margin:10px auto; x; padding-left:5px; padding-right:5px; padding-top:15px; padding-bottom:15px}
.frmpos{width:280px; margin:0 auto;}
.frmcont h2, .frmcontcent h2  {margin:0 0 10px 0; font-size:24px;}
input.inpsze, textarea.inpsze {width:100%;}
h3.enq, a.lrgtxtlnk {text-align:center; font-size:19px;}
.centtest{margin:-10px 0 10px 0;}
.hmcntbxcont {width:100%; height:210px;}
.drpdwn{margin:0 0 10px 0}
.drpdwncent {width:100%;}
.hmsbmtbtn, .sbmtbtnfbk{width:80%; }
.rspmsg{margin:0; padding:0}

/***************************/

/**
#contactbox {width:220px; height:450px; margin:0 0 0 10px;}
#contactus fieldset#top{width:200px;}
#contactus fieldset{width:200px}
#contactus input[type="text"]{width:200px; height:30px;}
#contactus input[type="submit"]{width:200px; height:30px;}
#contactus textarea{width:200px; background-color : #fff;}
#contactus .short_explanation{font-size: 0.9em;}
**/


#btm-image-holder, #footer-links {display:none}
#footer-container {height:200px;}
#footer-center {width: 320px; height:200px; background: url('images/media-footer-bkg.jpg') no-repeat center center;}
#footer {width: 320px; height:200px;}
#container-center {height:200px; width: 320px;}
#container-center a{color: #fff000;}
#mediabot {height: 150px; width: 320px;background: none;}
#emailfooter {margin-top:25px; width:320px height:30px; text-align:center;}
#emailfooter h1.media{display:block; font-size: 20px; font-weight: bold; color: #fff000;}

}