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

html, body {background: none; }

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

.holder /*the outside holder*/ {float:left; width:100%; margin:0 0 20px 0; text-align: center;}
.floating-box {z-index:1; position:relative; vertical-align:top; display:inline-block; width:auto; margin:0;}

#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 {float:left; width:100%; margin:5px 0; text-align:center; line-height: 28px; font-size: 26px;}
h3 {float:left; width:100%;}

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%;}
 
.navig{display:none}

.mediaribbon {position:fixed; z-index:99; top:0; left:0; width:100%; height:46px; padding:0; background-color: #a6cce1}
.medribcont {position:relative; left:0; width:100%; height:46px; padding:0;}
.media-menu {position:absolute; z-index:100; width: 200px; height: 46px; padding: 0; margin:0; }

.fbgpmedia {position:absolute; z-index:99; top:5px; right:10px; width:35px; height:35px; margin:0;}
.medflogo a{position:absolute; z-index:102; float:left; width:135px; height:35px; margin:0;  }
.fbgpmedia img{margin:0;}

.mediano{position:absolute; z-index:101; left:50px; width: 90%; height:30px; text-align:center;}
.mediano a{line-height:42px; font-family:ariblk, arial; font-size:20px; font-weight:bold; font-weight: 300; color:#20aece;}

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

.leftcol, .driving-lessons-text{width: 100%; margin:10px 0 0 0; padding:0 10px; }

.leftcol p{width:100%; margin:5px 0 10px 0;}
.leftcol p.quote{width:175px; margin: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%;margin:10px 0 0 0; padding:5px;}
#lcol .bord h2 {width:100%}
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: 14px; color:#000;}
table.lessonarea td.title{padding:5px;}
table.lessonarea td.info{padding:0 0 0 5px;}
input.pyplbtnalign{height:100%; display:block; margin:auto; vertical-align: middle;}
table.price td.pypl{vertical-align: middle; text-align: center;}

.parahilite {width:100%; padding:10px; color:#000;}
.parahilite ul{width:280px; margin: 20px 0 0 0}
.parkinghilite{width:100%; padding:10px; background-size:auto; }
ul.parking{float:none; width:70%; height:auto; margin: 20px auto;}
ul.about {height:175px; width:260px;}

.rightcol{float:left; width: 100%; margin:20px auto 0;}

.testimonials{float:none; width:270px; height:250px; margin:0 5px;}


.blogtitle{width:270px; height: 20px; margin: 0 0 0 5px; font-size: 16px; }
.testcont, .blogcont{width:270px; height:180px;}
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, .rcolscrollhdr{z-index:-1}

.wrapad {margin-bottom:20px;}


/********CONTACT********/

.holdcntct /*the outside holder*/ {text-align:center;}
.mediacenter{width:95%; height:auto; margin:0 auto; }
form.medcntbxcent{width:80%; margin: 0 auto;}


.cntbxcont {margin-bottom: 0;}
.contactbox {float:none; width:270px; margin:0 auto; }
.frmcont, .frmcontcent, .frmcontenq{padding:0}
.frmcontain{width:100%;padding:0; margin:0; }
.frmcontcent{width:90%; margin:10px auto; x; padding-left:5px; padding-right:5px; padding-top:15px; padding-bottom:15px}
.frmpos{width:280px; margin:0 auto;}
.frmcont h2, .frmcontcent h2  {margin:0 0 10px 0; font-size:24px;}
input.inpsze, textarea.inpsze {width:100%;}
h3.enq, a.lrgtxtlnk {text-align:center; font-size:19px;}
.centtest{margin:-10px 0 10px 0;}
.hmcntbxcont {width:100%; height:210px;}
.drpdwn{margin:0 0 10px 0}
.drpdwncent {width:100%;}
.hmsbmtbtn, .sbmtbtnfbk{width:80%; }
.rspmsg{margin:0; padding:0}

/***************************/


#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, .btmimageholder{width:100%; height:200px; margin-top: 0; background-color:#333;}
.footeremail{width:300px;}
.footcontent{width:300px; height:200px; background: url('images/mediafooterbkg2.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}

}

/*********************small screeens************************/

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

.mediano{width: 75%;}

img.lccentimg, img.leftimg, img.rightimg, .leftcol p.quote {float:none; display:block; margin:0 auto; text-align:center}
img.lccentimg {padding:0;}
img.centimg{float:none; display:block; margin:0 auto; text-align:center}
.bord img.offer {width:25%; height:auto;}
.driving-lessons-mid{width: 80%; }
form.medcntbxcent{width:100%;}
ul.parking{width:90%;}
}