@media screen and (min-width:481px) and (max-width:768px) {

.custom #main {width:100%  !important; border:none;}

.custom #footer{ width:96%; border:none; height:auto; padding:10px 2%;  }
.custom #header, #header {width:100% !important; border:none; height:auto;border-top:8px solid #343434; background:#111; }
#header-middle{display:none;}
#header-right{float:none; padding:10px 2%; margin:0 auto; width:96%; text-align:center;}
#header-left{ float:none; padding:10px 2%; margin:0 auto; width:96%; text-align:center;}

#nav ul {width: 100%;     }
#nav li {width: 50%; text-indent:10px; background:000 url("images/navbar.gif") repeat-x; }
#nav li a,#nav li a:visited { width:100%;padding:6px 0; background:url("images/rnav.gif") right no-repeat;  }


#nav li a:hover, #nav li a:active {color:#999;  }	
#nav li ul {position: absolute; left: -999em; width:160px; margin:0; line-height: 17px; background:#000;}
#nav li li { width: 160px; margin:0; border-bottom:1px solid #999; font-size:10px; }
#nav li li a, #nav li li a:visited {color:#FFF; }
#nav li li a:hover, #nav li li a:active {background:#666; color:#FFF; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto; }

#nav li.dropdn{ background:000 url("images/navbar.gif") repeat-x; }
#nav li.dropdn a,#nav li.dropdn a:visited {background:url("images/rnav.gif") right no-repeat;padding:6px 0;  }
#nav li ul li.dropdn{width: 160px; margin:0;  font-size:10px; }

#sidebar1, .custom #sidebar1,#sidebar2, .custom #sidebar2 {display:none;}

.custom #middlecontent, #middlecontent, .custom .s-c-s #middlecontent, .custom .c-s #middlecontent,.custom .s-c #middlecontent ,.custom .c #middlecontent  {width:96%  !important;  padding:10px 2% 25px 2% !important; border:0; background:#F2F2F2; border-top:1px solid #DDD; margin:0 !important;   }

#content{padding:0; }


.breadcrumb{ margin:0 -1.25% 15px -1.25%;  }

#topfooter .footerwidget{width:47%; }


.middlesites{margin:-7px -5px 20px -5px; }
.c .middlesites{  background:#F8F8F8;}
.c-s .middlesites, .s-c .middlesites{  background:#F8F8F8;}
 .s-c-s .middlesites{  background:#F8F8F8;}

.reviewinfoleft, .reviewinforight {float:none; width:100%; padding:0; margin:10px 0;}

#middlecontent .reviewleft{ float:none; width:100%; margin:0; padding:10px 0;  }
#middlecontent .reviewright{ float:none; margin:0;width:97%; padding:10px 1.5% 5px 1.5%;}

.casinoinforight{ float:none; width:96%; padding:0 2%; margin:0 auto; }
.casinoinfoleft{ float:none; width:96%; padding:0 2%; margin:0 auto 10px 0; border:0; }
}

@media screen and (min-width: 1px) and (max-width:480px){

.custom #main {width:100%  !important; border:none;}

.custom #footer{ width:96%; border:none; height:auto;padding:10px 2%;    }
.custom #header {border-top:8px solid #343434; width:100%; !important; border:none; height:auto;}
#header-middle, #header-right{display:none;}
#header-left{float:none; padding:10px 2%; margin:0 auto; width:96%; text-align:center;}

#sidebar1, .custom #sidebar1,#sidebar2, .custom #sidebar2 {display:none;}

.custom #middlecontent, #middlecontent, .custom .s-c-s #middlecontent, .custom .c-s #middlecontent,.custom .s-c #middlecontent ,.custom .c #middlecontent  {width:96%  !important;  padding:10px 2% 25px 2% !important; border:0; background:#F2F2F2; border-top:1px solid #DDD; margin:0 !important;   }

#content{padding:0; }
.breadcrumb{ margin:-5px -1.25% 15px -1.25%;  }

#topfooter .footerwidget{width:97%; }

#navbar{ background:#333;}
.js #nav { display: none; }
.js .selectnav { display: block; }
.js .selectnav { display: block; width:95%; margin:3px 2.5%; padding:2px 10px; font-size:14px; font-weight:bold; color:#000;  border:1px solid #000; }


.featured .left{ float:none; width:100%;}
.featured .right{ float:none; width:70%; margin:0 auto;}

.middlesites{margin:-7px -5px 20px -5px; }
.c .middlesites{  background:#F8F8F8;}
.c-s .middlesites, .s-c .middlesites{  background:#F8F8F8;}
 .s-c-s .middlesites{  background:#F8F8F8;}

.topreview {padding:10px 0;}
.reviewinfo .block{ width:47%; margin:5px 1.5%; }

.reviewinfoleft, .reviewinforight {float:none; width:100%; padding:0; margin:10px 0;}
.casinoinforight{ float:none; width:96%; padding:0 2%; margin:0 auto; }
.casinoinfoleft{ float:none; width:96%; padding:0 2%; margin:0 auto 10px 0; border:0; }

#middlecontent .reviewleft{ float:none; width:100%; margin:0; padding:10px 0;  }
#middlecontent .reviewright{ float:none; margin:0;width:97%; padding:10px 1.5% 5px 1.5%;}

.hideme{ display:none;}

}