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

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

#driving-school-logo {height: 125px; width:100%; background: #5c0157 url('images/media-banner.jpg') no-repeat top center;}

.medianum {position:fixed; top:0; z-index:1; height:40px; width: 100%; background: #444;}
.medianum h1 a{text-align:center; display:block; line-height:10px; font-size: 22px; font-weight: bold; font-family:  Arial, Tahoma, Helvetica, sans-serif; color: #fff000;}

#mediatop {position:relative; height:90px; width: 100%; margin: 40px 0 0 0;  background: none;}
.telno {position:absolute; height: 160px; width: 320px; background: none;}
.telno h1.media{text-align:center; display:block; line-height:10px; font-size: 22px; font-weight: bold; font-family:  Arial, Tahoma, Helvetica, sans-serif; color: #fff000;}

#nav-bar {float:left; height: 220px; width:100%;  background:none;}
#banner-links{position:absolute; top:165px; width:100%; height: 180px; margin: 0; background: none ;}
#banner-links ul{width:100%; height: 160px; margin:0 auto; border:solid red 0px}
#banner-links li.link{margin: 0; padding: 0; font-size:17px;border:solid red 0px}
#banner-links li.link a{display : block; width:100%; height:27px; margin:0 auto; line-height:25px; text-align:center; background-color: #602668;}
#banner-links li.link a:hover{ background-color: #9E3FAC;text-decoration : none}

body#homepage a#homepage, body#areas a#areas, body#testimonial a#testimonial {width:310px; height:45px; margin:0; padding:0; line-height:25px}

#whtbkg{ width:100%; background-color: #fff;}

#centre-container {width: 100%; }
#centre {width: 100%; padding-bottom:0;}
#left-col{width: 100%; margin: 0; padding: 0;}
h1.main{width:260px; margin: 10px auto 10px; text-align:center; }

.form-wrapper {max-width: 100%; padding: 0 50px;}

#right-col{float:left; width: 100%; padding: 0;}
#right-col img{float:none; display:block; margin:0 auto; text-align:center; }
#enqcenter{width: 100%; margin:0 auto}

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

.driving-lessons-text{width: 100%; background: none; border:none}
.pages-text{width: 90%;  background: none;}

h3, h2{width: 90%; margin: 10px auto 10px;}
p {float:none; width: 90%;  margin: 0 auto 10px; }

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

.testimonials, .rcolscrollhdr{z-index:-1;  margin:0 0 20px 0; }
.rcolscrollhdr{float:none; width:270px; margin:5px auto 0; }
.testcont{width:270px; margin: 0 auto; }
table.testpupi{float:none; width: 250px;}
.testpupil{width:250px; padding:10px 0}
.testpupil span.date{width:250px;}
.testpupil h3, .testpupil p{width:250px;}
hr.testes{float:left; width: 250px;}
#right-col .testimonials img{float:left;}

.quotecont{width:320px; margin:0 auto; padding:0;}
.quotetop{float:left; width:320px; margin:0 auto; padding:0; background: url('images/quotetop.jpg') no-repeat top center;}
.quotetop h3{width:100%; margin:0; padding:0; line-height: 38px; text-align:center;}
.quotemain{width:320px; margin:0 auto; padding:0; background: url('images/quotemain.jpg') repeat-y top center;}
.quotemain p {width:260px; margin:5px auto; text-align:justify;}
.quotemain ul{width:260px; margin: 0 0 0 40px; padding: 0;}
.quotemain li{margin:0 auto;}
.quotebot{width:320px; margin:0; background: url('images/quotebot.jpg') no-repeat top center;}

#disclaimer{width: 320px; height:50px; margin: 10px 0 0 0;}
#disclaimer p{width: 250px; margin: 0 auto;}
#image-holder, #footer-links, #container-left, #container-center, #container-right {display:none}

#footer-container {width:100%; height:60px; }
#footer {width:320px; height:200px; }
#mediabot a{color: #fff000;}
#mediabot {height: 150px; width: 320px;background: none;}
#emailfooter {margin-top:15px; width:320px height:30px; text-align:center;}
#emailfooter h1.media{display:block; font-size: 20px; font-weight: bold; color: #fff000;}

}