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

html, body {background: none; }

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

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

h1.mainhead {width:auto; padding:0 10px; margin:15px 0 0 0; line-height: 26px; font-size: 22px;}
h3 {float:left; margin:5px 0 10px;}
p {margin-bottom:2px;}
hr{float:left;width:100%;}
p.quote {width:auto; margin:20px 0;}

.inforibbon, .topareacont, .lrgtopimg{display:none}

.topribbon{position:fixed; z-index:2; float:left; height: 60px; width:100%; margin: 0; background:none; background-color: #3c3c3c;}
 
.navig{display:none}

.media-menu { float:left; width: 100%; height: 50px; margin-top: 5px; padding: 0;}
.centre-menu{float:left; width:180px; height: 48px; margin-left:10px; background: url('images/mediamenubtnbkg.jpg') no-repeat top left;}

.fbgpmedia{float:right; width:115px; height:35px; margin:8px 10px 0 0;  }
.flogo img{float:left; height:20px; width: 20px; margin:0 0 0 15px; padding:0; }

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

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

.leftcol {width: 100%; margin:10px 0 0 0; padding:0;}
.leftcolfull{width: 100%; margin:10px 0 0 0; }



.pub-box-dets {width: 100%;  margin:10px auto 20px;} 
.pub-box-mid{float:none; width: 70%;  margin: 0 auto;  background: none;}
.pub-box-mid ul{float:left; width:100%; margin: 10px 0 0 0; padding:10px 30px; border:solid #5d2b80 2px; border-radius:15px; }
.pub-box-mid li{width:100%; margin: 0 0 5px 0; padding: 0;text-align:left;}

.contactholder{float:left; width:100%; margin-left: -10px}
.contactframe{display:block; width:310px; height:530px; margin:0 auto;}

.aboutbox, .aboutboxfull{width:100%; padding:0 ;}
.aboutboxfull{float: left; width:100%;}
.aboutbox h2, .aboutboxfull h2{font-size: 24px;}
.aboutbox p, .aboutboxfull p{padding:0 10px;}
.aboutbox ul{list-style-position: inside; width:100%; margin:0; }
.aboutbox li{margin:5px 0; text-align:center}

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

.bord{margin:20px 0; padding:0;}
.bord h2{float:left}
.eventsbox{height:400px; width:100%}
table.whatson{width:100%; margin:0;}
table.whatson td.title, table.whatson td.titleyel{width:120px; height:30px; padding:0;font-size: 12px;}
table.whatson td.info{width:120px; height:30px; padding:0 0 5px 0;font-size: 11px; color:#000;}
table.whatson td.title, table.whatson td.titleyel{padding:5px;}
table.whatson td.info{padding:0 0 0 5px;}
table.whatson a.tablelink{color: #4657ff;}
table.whatson img{width: 100%; height:auto;}

.parahilite{width:100%; padding:10px; color:#000;}
.parahilite ul{width:280px;}
#cntbxcont {float:left; width:100%; height:450px;}
#contactbox {float:none; margin:10px auto;}

.rightcol{float:none; width: 100%; margin:0 auto; }

.holder /*the outside holder*/ {float:left; width:100%; text-align: center;}
.floating {position:relative; display:inline-block; width:auto; margin:10px;}	

#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 (max-width: 420px) {

h3 {text-align:center; margin:0}
img.lccentimg, img.leftimg, img.rightimg {float:none; display:block; margin:0 auto; padding:10px; text-align:center}
img.lccentimg {padding:0;}
img.centimg{float:none; display:block; margin:0 auto; padding:10px 0; text-align:center}

}