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

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

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

#telno {position:fixed; top: 0; z-index:10; height: 30px; width: 320px; background: #636567;}
#telno h1.media{text-align:center; display:block; line-height:30px; font-size: 20px; font-weight: bold;color: #fff000;}
#telno h1.media a{color: #fff000;}

#mediatop {position:relative; height:315px; width: 320px; margin:25px 0 0 0 ; background: #636567;}

#link-holder{position:absolute; width:320px; height: 150px; top:120px; margin: 0; background: none ;}
#link-holder ul{width:320px; height: 175px; margin:0;}
#link-holder li{font-size:14px; }
#link-holder li.space {display:none}
#link-holder a.page {background:#ccc;}
.navtab:link, .navtab:visited {width: 320px; padding: 11px;}

.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;}

.rcolscrollhdr{margin:5px 0 0 0; }
.testimonials{margin:0;}
table.testpupil{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;}

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;}

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

#mybtn {display:block; position: fixed; bottom: 10px; right: 15px; z-index: 99; }
#mybtn a{width:47px; height:45px;}
/**to show text instead of image #mybtn a{font-size: 18px; border: none; outline: none;  background-color: #333; color: #fff;cursor: pointer; padding: 10px; border-radius: 4px;}
#mybtn a:hover{background-color: #000; color:#fff}**/

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

}


body.pupil-testimonials-page .left-col {
    width: 100%;
    margin: 0 auto;
}

body.pupil-testimonials-page .testimonials,
body.pupil-testimonials-page .rcolscrollhdr,
body.pupil-testimonials-page .testcont,
body.pupil-testimonials-page table.testpupil {
    width: 100%;
}

body.pupil-testimonials-page .testcont {
    height: auto;
    overflow: visible;
    padding: 10px 0;
}

body.pupil-testimonials-page .testpupil h3,
body.pupil-testimonials-page .testpupil h4,
body.pupil-testimonials-page .testpupil p {
    width: 100%;
}

body.pupil-testimonials-page .testcont img:not(.quote) {
    float: none;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 10px auto;
}

body.pupil-testimonials-page .rcolscrollhdr h2 {
    text-align: center;
    font-size: 22px;
}

body.pupil-testimonials-page .media-footer {
    display: block !important;
    float: none;
    width: 320px;
    height: 120px;
    margin: 0 auto;
    background: #333 url('images/media-footer-bkg.jpg') no-repeat center center;
    text-align: center;
}

body.pupil-testimonials-page .mobile-credit {
    transform: translateY(-10px);

}

body.pupil-testimonials-page .mobile-credit a {
    display: block !important;
    font-size: 13px;
    font-weight: bold;
}