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

body { background: none; background-color: #ff0000;}

#wrapper {width: 320px; margin: 0 auto;}
#topribbon {display:none}
#mediahide {display:none}

#driving-school-logo, #driving-school-auto  {height: 75px; width: 320px; background: #444 url('images/media-banner.jpg') no-repeat top left;}

#mediatop {position:relative; height:300px; width: 320px; background: #ff0000;}
#socmedia {position:absolute; top:55px; left:10px;}
#telno {position:absolute; top: 95px; height: 35px; width: 320px; background: none;}
#telno h1.media{text-align:center; display:block; line-height:10px; font-size: 20px; font-weight: bold;}
#telno a{color: #fff000;}

#banner-links{position:absolute; width:320px; height: 150px; top:120px; margin: 0; background: none ;}
#banner-links ul{width:320px; height: 175px; margin:0;}
#banner-links li.link{font-size:14px; }
#banner-links li.link a{float:none; width:320px; height:25px; margin:0; padding: 5px 0 0 0; line-height:20px; }
#banner-links li.link a.page {background:#666;}

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

.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;text-align:left;}
.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; padding:5px 0}
.testpupil span.date{width:240px; margin:40px 0;}
.testpupil h2, .testpupil h3, .testpupil p{width:240px;margin:10px;}
#testcont img {margin: 5px 10px}

.bord{width:270px;padding:5px;}
table.price{width:270px; 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;}

.cntbxcont, .contactbox {height:350px;}
table.contactfrm {width:280px;}
input.inpsze, textarea.inpsze {width:280px;}

.footer, .push, .br {display:none}
.media-footer {float:left; display:block; min-width:320px; width: 100%; height:200px; background: #444 url('images/media-footer-bkg.jpg') no-repeat center center;border:solid yellow 0px}
.mediabot {height: 150px; width: 320px; margin: 0 auto; background: none;border: solid red 0px}
.emailfooter {display:block; margin-top:25px; width:320px height:30px; text-align:center;}
.emailfooter a{font-size: 20px; font-weight: bold; color: #fff000;}

}