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

html, body {background: none; }

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

#sitewrap {float:left; width: 100%; margin:0;}
#main {float:left; width: 100%; padding-bottom: 0;}
#contcent {/*centres everything down to footer*/ width: 100%; }  
#mediacont{width:100%; margin: 0 auto;}

h1.mainhead, h1.mainhdcent {float:left; width:100%; margin:5px 0; text-align:center; line-height: 28px;}
h3 {float:left; width:100%;}
p {float:left; margin-bottom:10px; }
ul, ol.bypass{float:left; width:100%; margin: 0 auto; padding: 0 0 0 20px;}
li {float:left; width:100%;}
ul.short {float:left; width:100%; padding: 0 10px 0 20px; margin:0;}
hr{float:left;width:100%;}

.topribbon{float:left; height: 60px; width:100%; margin: 0; background:none; background-color: #ac302b;}
.cart{right:10px; top:8px; width:40px; height:40px;}
 
.navig{display:none}

.media-menu {position:fixed; width: 100%; height: 55px; margin: 0; padding: 0; background-color: #ac302b;}
.centre-menu{float:left; width:220px; height: 50px; margin:5px 0 0 10px; background: url('images/mediamenubtnbkg.jpg') no-repeat top left; border:solid red 0px}

.fbgpmedia{float:right; width:75px; height:35px; margin:8px 10px 0  0; }

.bannobkg{float:left; width:100%; height:auto; background-color:#ac302b;}
.bannermedia{float:left; width: 100%; height:auto; margin: 0;}
.bannermedia img{width: 100%; height:auto;}
.school-bannermedia{float:left; width: 100%; height:auto; }

.mediano{float:left; width: 100%; height:30px; text-align:center; background-color: #ac302b;}
.mediano a{line-height:16px; font-family:ariblk, arial; font-size:20px; font-weight:bold; font-weight: 300; color:#fff000; }

.bordinfo {width:90%;}
.bordinfo ul.infobox{width:95%;}

.leftcol, .driving-lessons-text{width: 100%; margin:10px 0 20px 0; padding:0 10px; }
img.lccentimg, img.leftimg, img.rightimg {float:none; display:block; margin:0 auto; padding:20px; text-align:center}
img.lccentimg {padding:0;}
img.centimg{float:none; display:block; margin:0 auto; padding:0; text-align:center}
.driving-lessons-text{background: url('images/mediapagebkg1.jpg') no-repeat center; }
.leftcol p{width:100%; margin:5px 0;}

.driving-lessons-dets {float:none; width: 280px;  margin:10px auto 0; } 
.driving-lessons-top{width: 280px; height: 14px; background: url('images/ds-mediatop.jpg') no-repeat center top;; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:0}
.driving-lessons-mid{width: 280px; margin: 0 auto;  background: url('images/ds-mediamid.jpg') repeat-y center;}
.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{width: 280px; height: 14px; background: url('images/ds-mediabot.jpg') no-repeat center bottom;; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:20px}

.item-dets {float:none; width:280px; margin: 10px auto;} 
.item-top{width: 280px; height: 50px; margin: 0 auto ;background: url('images/media-itembox-top.jpg') no-repeat center top;}
.item-top h2{margin: 14px 0 0 12px; font-size: 14px;}
.item-mid{width: 280px; margin: 0 auto; background: url('images/media-itembox-mid.jpg') repeat-y center;}
.item-mid-cont{width:260px;}
.item-mid ul{width:260px; margin : 10px auto;}
.item-bot{width: 280px; height: 15px; background: url('images/media-itembox-bot.jpg') no-repeat center bottom;; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:15px}

.itemoffer-dets {float:left; width:100%; margin: 10px auto;} 
.itemoffer-mid-cont{width:216px;}
.itemoffer-cont{float:left; width:216px; margin: 0 auto;}
.itemoffer-cont h3{float:left; width:100%; }
.itemoffer-cont p{float:left; margin: 5px 0px;}
.itemoffer-cont img {float:left;}

table.tips{float:left; width:100%;padding:0 10px}
table.tips td, table.tips td.tipsectionr{font-size: 12px; }
table.tips td.tipsectionl{font-size: 12px;}
table.tips td.mediasized{float:left; width:255px; padding:10px;}
table.tips td.mediasized li{float:left; width:235px; font-size: 12px;}
.item-mid p.tips{width:250px; margin : 5px 20px;}

table.deals{width:200px; margin:20px auto;}
table.deals td{padding-right:5px;}
img.mediaimgdeals{float:none; display:block; margin:0 auto; text-align:center;}

table.details {width:260px;}
table.details td{float:left; width:240px; margin:0 5px; font-size: 10px;}
table.details td.dettitle{float:left; width:250px; margin:10px 5px 0 5px; padding:5px; }
table.details ul{width:220px;}
table.details li{float:left; width:220px; margin:0 0 0 20px; padding:0; font-size: 13px;}
table.details p.dettext{margin:7px;}

table.area{width:100%; margin:0;}
table.area td{height:20px; padding:0;}
table.lessonarea{width:100%;margin:0;}

.bord{float:left; width:100%;padding:5px;}
table.price{width:100%; margin:0;}
table.price td.title, table.lessonarea td.title{width:120px; height:30px; padding:0;font-size: 12px;}
table.price td.info, table.lessonarea td.info{width:120px; height:30px; padding:0 0 5px 0;font-size: 12px; color:#000;}
table.lessonarea td.title{padding:5px;}
table.lessonarea td.info{padding:0 0 0 5px;}

.parahilite{width:100%; padding:10px; color:#000;}
.parahilite ul{width:280px;}

.rightcol{float:none; width: 270px; margin:0 auto;}

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

.testimonials{width:270px; margin:0 0 20px 0;}
.testcont{width:270px;}
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;}

.adhead, .adtext {width:295px;}

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

#mybtn {display:block; position: fixed; bottom: 10px; right: 15px; z-index: 99; }
#mybtn a{width:47px; height:45px;}

#footer{width:100%; height: 200px; margin-top: 0; }
.footeremail{width:300px;}
.footcontent{width:300px; height: 200px; background: url('images/mediafooterbkg.jpg') no-repeat center;}
.footeremail{height:30px}
.mediaem{float:left; width: 300px; height:60px; margin-top:0px; text-align:center;}
.mediaem a{line-height:60px;font-size: 24px; font-family:ariblk, arial; font-weight:bold; font-weight: 300; color:#fff000;  }

.spacer{float:left; height:100px}

}

/************tablet screens***************/

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

.mobhide{display:block}

.bannobkg{float:left; width:100%; height:auto; background-color:#ff0000}

img.leftimg {float:left; margin:10px;}
.driving-lessons-text{background: url(images/mediapagebkg2.jpg) no-repeat center}

.driving-lessons-dets {width: 480px; margin: 10px auto;} 
.driving-lessons-top{float: left;background: url(images/dsbox-top.jpg) no-repeat center top;margin: 0;width: 480px;height: 25px;}
.driving-lessons-mid{float: left;background: url(images/dsbox-mid.jpg) repeat-y center center;width: 480px;margin: 0;}
.driving-lessons-mid ul{width:480px; margin : 10px 0 20px 0 }
.driving-lessons-mid li{width:480px; margin : 0 30px 10px 10px; padding: 0 10px; font-size: 15px; text-align:justify}
.driving-lessons-bot{float: left;margin: 0 0 15px 0;background: url(images/dsbox-bot.jpg) no-repeat center bottom;width: 480px;height: 15px;}

.testimonials{float:none; width:500px; margin:0 auto;}
.testcont {width:500px;}
table.testpupil{width: 480px;}
.testpupil h3 {width:480px;}
.testpupil span.date{width:315px; margin:5px 0 0 0; }
.testpupil p{width:480px;}
#testcont img.testes {display:block; float:right; margin: 5px 0 0 10px}
hr.testes{float:left; width: 480px;}

table.price td.title{width:280px;}
table.price td.info{width:280px;}

.rcolcent {float:left; width:100%}

.footeremail, .mediaem{width:480px;}
.footcontent{width:480px; background: url(images/mediafooterbkg2.jpg) no-repeat center;}
.mediaem{width: 480px; margin-top:35px; }
}
********/

/*******@media only screen and (min-width: 590px) and (max-width: 768px), (min-device-width: 590px) and (max-device-width: 768px) {
.rightcol{float:left; width: 100%; margin:0 auto;}
.rclmedcen{width:590px; margin:0 auto}
.wrap {float:left; clear:all;}
}
********/