@media only screen (max-width: 1050px), (min-device-width: 100px) and (max-device-width: 1050px) {

.mediahide {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; }

#pagecontainer{float:left; width: 100%;}
#centre{width: 100%; }

#content-main-left, #content-left-aligncntr{display:none}
#content-main-right, #content-right-aligncntr{width: 100%; }

.media-menu { float:left;  width: 100%; height: 45px;  padding: 0;}

.topribbon {position:fixed; z-index:99; float:left; width:100%; height:45px; padding:0; background: none; background-color: #000}
.topribbon p{position:absolute; z-index:100; width:200px; left:50%; margin:0 0 0 -100px; padding:0; text-align:center; line-height:45px; font-size: 16px;  color:#fff; }
.topribbon a{font-size: 16px; color:#fff; }
.topribbon a:hover{color:#fff}

#centre-intro-container, #centre-intro-container-short {float:left; width: 100%; margin: 50px 0 10px 0; text-align:center}
#centre-intro-text {width: 100%; text-align:center; padding: 0;}
#centre-intro-text h1{width: 100%; margin:0 auto;  padding: 5px 0 ;font-size: 16px;} 
p.centre-intro-text {line-height: 18px;margin:5px;font-size: 16px;} 
#driving-lessons-intro-text {width: 320px; padding: 0;}	
#image-ad-box{width:100%;}

.driving-lessons-button{display:none} 
#left-bar-box-top, #left-bar-box-mid, #left-bar-box-bot, #driving-lessons-question {display:none}
#namecheck{display:none}


												/*Top Banner*/ 

.media-banner {float:left; width: 100%; height: 50px; margin:0 0 50px 0; background: url('images/media-banner.jpg') no-repeat top center;}

#book-driving-lessons, #book-driving-lessons h1{display:none} 
#media_driving_lessons_banner{position:relative; height: 50px; width: 320px;background: url('images/mediadriving-lessons.jpg') no-repeat top left;}
#media_driving_lessons_banner h1{position:absolute; z-index:1; top:28px; left:26px; margin: 0;padding: 0;font-size: 15px;font-weight: bold;color:#25813F;}

.intensive-driving-courses h1{position:absolute; top:50px; left:18px; min-width: 1000px; margin: 0; padding: 0;font-size: 35px; font-weight: bold; color:#25813F;} 
.intensive-driving-courses h2{position:absolute; min-width: 1000px; top:0px; margin: 0; padding: 0 0 0 5px; font-size: 20px; font-weight: bold; color:#25813F;}

										/*Centre Content*/ 										

.mdeiaadbxbkg {width:90%; margin:0 auto -10px; }
.mdeiaadbx {margin: 10px 30px;}
.index-info-box ul { margin:10px 0 0 0; }


/**********for scrollbars on Android version 2 phone**********/
::-webkit-scrollbar {width: 20px;}
::-webkit-scrollbar-track {background-color: #aaa;}
::-webkit-scrollbar-thumb {background-color: #888;}

#adbox4{float:left; width:280px;height:210px;text-align:center;margin: 0;}
#adbox5{float:left; width:180px; height:80px; margin: 10px 0; padding: 0 0 0 15px;}
#adbox6{float:left; text-align:center; width:265px; margin: 10px 0; padding: 0 0 0 15px;}

.index-info-box{margin: 0 2px -5px 0;}
.index-info-box h2 {padding:5px 0 0 15px;}

table.long {float:none; width:90%; margin: 0 auto;}
td.title {height:30px;}
td.gentext {width:50%; font-size: 14px; }

#contactbox {width:280px; height: 420px; padding:0; margin:0;}
#contactus input[type="text"]{width:280px; }
#contactus input[type="submit"]{width:280px;}
#contactus textarea{width:280px;}

#driving-lesson-articles{margin: 0 auto;}

#driving-schools{width: 280px;}
#driving-schools-box{float:none; width: 180px; margin:18px auto;}
.driving-schools-text h3 {width: 155px;}
.driving-schools-text p {width: 155px;}

#adboxlesson1{float: none; text-align:center; width:280px; margin:0; padding: 20px 0 0 0;}
#adboxlesson2{ text-align:center; width:260px; }

.drivinglessonssitemap a {display: block; background: none; width: 225px; height: 15px; padding:2px 0 2px 15px; font-weight:normal; font-size:12px; text-align: left; color:blue}

#content-subjects{float: left;background: url('images/theory-box.jpg') no-repeat center top;margin: 2px 0;width: 500px;min-height: 55px; padding-left:15px; padding-right:7px; padding-top:0; padding-bottom:0}

#ad-box{text-align:center;}
#ad-box-left{padding: 0 0 0 30px;}
#ad-box-wide{padding: 0 0 0 15px;}
#adbox1{padding: 0}
#adbox2{float: right;text-align:right;width:180px;height:207px;margin: 0 45px 0 0;}
#adbox3{float: left; width:160px; height:580px;padding: 20px 30px 0 40px;}

span.date{color:#25813f}

#content-info{position:relative;float: left;width: 540px;background: #ffffff;margin: 10px 0 0 0;}
#content-top{float: left;width: 510px;height: 70px;padding: 0 0 0 30px;margin: 0 0 10px 0;}
#content-info-left {float: left;width: 150px;text-align:center;padding: 28px 0 0 0;}
p.content-info {margin : 5px 5px 5px 0;font-size: 11px;line-height : 15px;text-align:justify}
#content-info {font-size: 11px;color:blue;}

#centre-logo img{float : left;margin: 0;}
#centre-image{float : left;margin: 0;} 
#centre-intro img{float : right;margin: 0 0 0 10px;} 

#cse-search-results {margin:0;padding:0;height:0px;width: 780px;}

#button-long{float:left;width: 180px;height:20px;background: url('images/button-long.jpg') no-repeat top center;text-align:center; margin-left:35px; margin-right:0; margin-top:0; margin-bottom:0}
#button-long a{display: block;background: url('images/button-long.jpg') no-repeat top center;margin:0;width: 180px;height:20px;font-size: 11px;line-height : 17px;font-weight: bold;color:blue}

#affiliate-single-box {float: left;height:200px;padding:0 0 0 20px;margin:0 0 10px 0 ;}

#listing {width:200px; height:75px; padding:0; margin:-10px 0 10px 55px; text-align:center; font-size:12px; color:#ffffff; }
.left-fullsize-mid ul.listing{width: 230px;}

										/*contact form*/ 
										
.cntbxcont, .contactbox {height:350px;}
table.contactfrm {width:280px;}
input.inpsze, textarea.inpsze {width:280px;}

										/*Useful Links Page*/ 

#links-l {float : left;width: 250px;}
#links-l p {font-size: 11px;line-height : 15px;text-align:justify}
#links-r {float : right;width: 250px;}
#links-r p {font-size: 11px;line-height : 15px;text-align:justify}
#link-resource {float : left;width:525px}

#code {text-align:center}

hr {width: 460px}

#navright{float: right;text-align : center;padding: 0;height: 915px;width : 200px;background:#EBEBEB;border: solid 1px #336699;}
#navright-text{clear : both;padding: 0px;margin : 10px 0 10px 12px;width : 175px;font-size: 11px;text-align : justify;line-height : 15px;color: black;background:#ffffff}
#navright-text p {margin : 0 0 0 0;}

#gototoppc {display:none}
#mybtn {display:block; position: fixed; bottom: 10px; right: 15px; z-index: 99; }

										/*Footer*/ 

#footer {clear: both; float:left; width: 100%; height: 75px; margin: auto; background: #25813F;}

}


										/*small screens*/ 
										
@media only screen and (max-width: 680px), (min-device-width: 100px) and (max-device-width: 680px) {

.left-fullsize-mid img.lfmrightlist{float:none; display:block; margin: 10px auto 10px; }
.left-fullsize-mid ul.listing{width: 90%;}

}										
										
@media only screen (max-width: 480px), (min-device-width: 100px) and (max-device-width: 480px) {

.left-fullsize-mid img.lfmright, img.lessonsright, img.lessonsleft{float:none; display:block; margin: 10px auto 10px; }
.left-fullsize-mid img.lfmrightlist{width:90%; height:auto }
#content-double-mid img{float:none;display: block; margin-left: auto; margin-right: auto }

}