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

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

.custom #header, .custom #footer{ width:100%; !important; border:0 !important;}
#header-middle{display:none;}
#header-right{padding:10px;}

#nav ul {width: 100%;     }
#nav li {width: 50%; text-indent:10px; border-bottom:1px solid #DDD;  }
#nav li a,#nav li a:visited { width:100%;padding:6px 0; }

#nav li.dropdn{ background:url(../../../wp-content/themes/flytonictheme/images/arrowdn.png) right center no-repeat; }
#nav li.dropdn a,#nav li.dropdn a:visited {padding:6px 0; }
#nav li ul li.dropdn{ background:url(../../../wp-content/themes/flytonictheme/images/rarrow.png) right center no-repeat; }

#nav li.current-menu-item dropdn, #nav li.current-menu-parent dropdn { background-color:#333;}
#nav li.current-menu-item, #nav li.current-menu-parent {color:#FFF; background-color:#333; }
#sidebar1, .custom #sidebar1,#sidebar2, .custom #sidebar2 {display:none;}

.custom #middlecontent, #middlecontent{width:97.5%  !important;  padding:10px 1.25% 25px 1.25%; border:0;   }
.breadcrumb{ margin:0 -1.25% 15px -1.25%;  }

#topfooter .footerwidget{width:47%; }


}

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

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

.custom #header, .custom #footer{ width:100%; !important; border:0 !important;}
#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{width:97.5%  !important;  padding:10px 1.25% 25px 1.25%; border:0; }
.breadcrumb{ margin:15px -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:7px 2.5%; padding:3px 10px; font-size:1.3em; font-weight:bold; color:#000;  border:1px solid #999; }


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



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

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

.hideme{display:none;}

}

/*
playback timings (ms):
  captures_list: 0.779
  exclusion.robots: 0.026
  exclusion.robots.policy: 0.012
  esindex: 0.014
  cdx.remote: 23.194
  LoadShardBlock: 148.258 (3)
  PetaboxLoader3.datanode: 155.708 (4)
  load_resource: 291.85
  PetaboxLoader3.resolve: 193.206
*/