@media only screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and (max-device-width: 480px) {

html, body {background: url('images/media-bkg.jpg') repeat-x top center;}

.mediahide {display:none}
.pchide {display:block}

#container {width: 100%; background:none; }
#topribbon {display:none}

#banner-pic-area {height: 125px;width: 100%;}
#driving-school-logo {height: 125px; width: 320px; margin: 0 auto; background: #303030 url('images/media-banner.jpg') no-repeat top left;}

#mediatop {position:relative; height:125px; width: 320px; margin: 0 auto; background: #303030;}
#smlscrnmedia {position:absolute; top:85px; right:0px; width:55px; height:25px;}
#telno {position:relative; height: 120px; width: 320px; background: none;}
#telno h1.media{display:block; position:absolute; top:80px; width: 320px; height: 30px; text-align:center; font-size: 20px; font-weight: bold; color: #fff000;}
#telno h1.media a{width: 320px; height: 30px; color: #ffff00;}
#telno h1.email{width: 320px; text-align:center; display:block; font-size: 20px; font-weight: bold; color: #fff000;}

.left_content{float:left; width:320px; height: 150px; margin:0;}

#banner{display:none}

.media-mnu-btn{float:left; width:100%; height: 50px; margin:0; background: #303030;}
.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;height: 280px; margin:0 auto; background: #303030;}
.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: #fff; background-color: #666; }
.media-menu ul li a:hover {text-decoration: none; background-color: #ff0000;}
.media-menu .page{color: #fff;; background-color: #ff0000;}

body#home a#home, body#area a#area, body#price a#price, body#pass a#pass, body#enquiries a#enquiries, body#about a#about {background:#666;color: #fff;}

#centre-container {float:none; width: 320px; margin: 0 auto;}
#centre {width: 320px;}
#centre h1.mainhead{width:280px; margin:10px 0 10px 20px; line-height:25px; text-align:center}
#centre img.leftimg{display: block; float:none; text-align:center; margin-left: auto; margin-right: auto;}

#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;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, .rcolscrollhdr{z-index:-1}
.rcolscrollhdr{width:270px; margin:5px 0 0 0; }
.drivinglessonblog{float:none; width:270px; margin:20px auto; }
.blogtitle{width:270px; height: 20px; margin: 0 0 0 5px; font-size: 16px; }
.testcont, .blogcont{width:270px;}
table.testpupil, table.blogarea{float:none; width: 250px;}
.testpupil{width:250px; padding:10px 0}
.testpupil span.date, .blogarea span.date{width:250px;}
.testpupil h3, .testpupil p, .blogarea h3, .blogarea p {width:250px;}
hr.testes, hr.blogline{float:left; width: 250px;}

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

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

}