/* new construction of site css */
*{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-family:Roboto,Arial,Helvetica,sans-serif;
	font-weight:normal;
}
b,strong{
	font-weight:900;
}
header{
	top:0px;
	position:fixed;
	z-index:100;
	box-shadow:0 4px 40px #000;
	padding:0;
	height: 60px;
	width:100%;
	background:#C70000 url(images/site/tile_header.gif);
	border-bottom:5px solid black;
}
	header h1{
		margin:0;
		padding:0;
		height: 39px;
		width: 280px;
		display: block;
		left: 5px;
		top: 5px;
		position: relative;
	}
		header h1 a{
			margin: 0;
			width: 280px;
			height: 39px;
			background: transparent url("images/site/rebelnoise-logo.png") 0 1px no-repeat;
			color: transparent;
			display: block;
			overflow: hidden;
		}
		header h1:after{
			content:"// The duty of youth is to challenge corruption //"; 
			position:absolute;
			left:300px;
			top:9px;
			font-size:.5em;
			line-height:1em;
			background:#000;
			color:#fff;
			width:400px;
			text-align:center;
			padding:3px;
		}
.inner{
	overflow:visible;
	position:relative;
	max-width: 960px;
	margin: 0 auto;
}
.left{
	display: block;
	float: left;
}
.right{
	display: block;
	float: right;
}
div#flyerBanner{
	height: 85px;
	overflow: hidden;
	margin: 10px 0;
}
	div#flyerBanner ul.flyer-list{
		display:inline-block;
		padding:0;
		margin:0 auto;
		text-align:center;
	}
		div#flyerBanner ul.flyer-list li{
			display:inline;
			float: left;
			margin: 0 10px;
			list-style-type:none;
		}
			div#flyerBanner ul.flyer-list li a img.flyer_image{
				border: 1px solid gray !important;
				padding: 3px;
				margin: 0 5px;
			}
ul.flyer-list li{
	display: inline-block;
}
.slider-wrapper{
	/* background: #000 !important; */
	height: 480px !important;
	overflow: hidden;
	margin: 0 auto;
	max-width: 1024px;
	text-align: center;
	background-color:transparent !important;
}
	.slider-wrapper .nivoSlider, div.nivo-slice{
		position: relative;
		background: #FFF url("/images/uploads/articles/rn_loader.png") no-repeat 50% 50%;
		background-size: cover !important;
		background-position: center center !important;
	}

div#featured{
	text-align:center;
	height: 480px;
	margin:0 auto;
	margin-top: 50px;
	margin-bottom: -95px;
	background:#000 url(images/site/tile-grill.gif) 0 repeat;
		border:2px solid #000;
}
div#slider{
	height: 478px !important;
	width:640px !important;
	float:left;
}
div#sliderSide{
	float:right;
	width:calc(100% - 643px);
	height:100%;
	position:relative;
	overflow:hidden;
	display:block !important;
	font-size: 2em;
	line-height:1.4em;
	padding: 10px;
	text-align: left;
}
div#sliderSide .feature{
	border-bottom:1px dashed white;
	padding: 3px 0 10px;
}
div#sliderSide a{
	color:white;
}
#miniIndex{
	background:#efefef;
}
	#miniIndex .miniIndexArticle{
		border-bottom: 1px dotted gray;
		overflow: hidden;
		padding: 0 5px 5px 5px;
	}
		#miniIndex .miniIndexArticle h3{
			clear:both;
			font-weight: bold;
			font-size: 1em !important;
		}
		#miniIndex .miniIndexArticle img{
			max-width:95%;
		}
a{
	text-decoration:none;
}
	a:hover{
		text-decoration:underline;
	}
header div.left{
	position: absolute;
	top: 0;
	left: 0;
}

body{
	background: white;
	text-align:center;
	margin: 0;
	font-size: 14px;
	line-height:17px;
}

.nivo-caption{
	text-align: left;
	max-width: 640px;
}

div#post-menu{
	display: none;
}
div#login_menu{ 
	display:inline;
	position:absolute;
	list-style-type:none;
	right: 30px;
	top: 15px;
	text-align: right;
	font-size: .9em;
	line-height: 1em;
	display:none; /* for now */
}
	div#login_menu a{
		color:white;	
	}
/*******/
header nav{
	z-index:99;
	position:absolute;
	z-index:1;
	right:0 !important;
}
	header nav div.inner{
		overflow:hidden;
		max-height:0;
		width:200px;
		transition:0;
		overflow:hidden;
		height:20px;
		font-size:0;
	}
		header nav:hover div.inner,header nav:focus div.inner{
			display:block;
			background: #CD0005;
			width: 210px;
			height:auto;
			max-height: 700px;
			-moz-transition: 1s;
			-ms-transition: 1s;
			-o-transition: 1s;
			-webkit-transition: 1s;
			transition:all 1s;
			overflow:visible;
			top:58px;
			right:5px;
			font-size:1em;
			box-shadow:0 0 3px #000;
			border-bottom:2px outset #808080;
			text-align: left;
			box-shadow:0 0 15px;
			float:right;
		}
		header nav:hover a,header nav:focus a{
			display:inline-block;
		}
	header nav ul#nav a{
		color:#000;
		padding:5px 8px;
		transition: .3s;
	}
	header nav ul#nav a:hover,header nav ul#nav a:focus{
		text-decoration: none;
		color: white;
	}
		header nav ul#nav ul a:hover,header nav ul#nav ul a:focus{
			color:red;
		}
	header nav::before{
		display:block;
		content:"";
		background: url('/images/uploads/articles/hamburger-search.png');
		background-repeat:no-repeat;
		color:#fff;
		position:absolute;
		top:10px;
		right: 20px;
		width: 46px;
		height: 32px;
	}
	header nav ul#nav li:hover ul,header nav ul#nav li:focus ul{
		right: 90px;
		top: -1em;
	}
	header nav ul#nav li{
		width: 100%;
	}
/*******/
ul.dropdown{
	position: relative;
	float: left;
}
	ul.dropdown, ul.dropdown li, ul.dropdown ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.dropdown li{
		float: left;
		line-height: 1.3em;
		vertical-align: middle;
		zoom: 1;
	}
		ul.dropdown li.hover, ul.dropdown li:hover{
			position: relative;
			z-index: 599;
			cursor: default;
		}
	ul.dropdown ul{
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 598;
	}
		ul.dropdown ul li{
			float: none;
		}
		ul.dropdown ul ul{
			top: 1px;
			left: 99%;
		}
			ul.dropdown li:hover > ul{
				visibility: visible;
				background:#fff;
				width:300px;
				text-wrapping:nowrap;
			}
/*******/
.onecol, .twocol, .threecol{
	float: left;
	text-align:left;
	display: block;
}
.onecol{
	width:70%;
	text-align:left;
}
.twocol{
	width: 30%;
	padding-left:10px;
}
.threecol{
	width: 100%;
}
div#main{
	max-width:1024px;
	margin:0 auto;
	padding: 0 0 100px 0;
	overflow:hidden;
	text-align:left;
	margin-top: 95px;
}
.feed_entry{
	width: 100%;
	clear: left;
	margin-bottom:5px;
}
#main .feed_entry a.channel_name{
	background:#333333 url(images/site/arrow_heading.gif) 100% 0 no-repeat;
	color:#CCC;
	float:left;
	display:block;
	height:26px;
	padding:8px 16px 1px 8px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:.7em;
	font-weight:700;
	line-height: 1.1em;
}
	#main .feed_entry a.channel_name:hover{
		background:#000 url(images/site/arrow_heading.gif) 100% -26px no-repeat;
		color:#CE9B00;
	}

.feed_entry h3{
	font-size:1.8em;
	font-weight:normal;
}

.feed_entry h3 a{
	color:#CC0000;
	font-family:Georgia,sans-serif;
	font-size:1em;
	line-height:1.8em;
	padding:10px 0;
}

.feed_entry h4{
	margin-top:.9em;
	margin-bottom:0;
	font-weight: 300;
	text-transform: none;
	font-family:Georgia,serif;	
	font-size:1.5em;
	line-height:1em;
}

#main .feed_entry img{
	margin-right:.5em;
	padding:2px;
}
#main .feed_entry p{
	padding:0;
	font-size:1em;
}
#main .feed_entry p.artist{
	font-size: 1.2em;
}
#main .feed_entry_info{
	background: #EEEEEE;
	height: 26px;
}
#main .feed_entry_info div{
	float: right;
	margin: 5px 10px 0 0;
	font-size: .7em;
}
#main img{
	float: left;
	display: block;
	padding: 5px;
	border: 1px solid #DDD;
	margin: 1em 0 2em 0;
}
	#main .entry_body .article_details img{
		width: 100%;
		height: auto;
	}
	#main img.dsq-widget-avatar {
	    margin: 0 6px 0 0 !important;
	    padding: 0 !important;
	}
	#main li.dsq-widget-item {
	    font-weight: bold;
	}
#main p.label{
	text-transform:uppercase;
	font-size:.7em;
}
#main a{
	color: #C70000;
	text-decoration: underline;
}
#main .artist{
	color: #333;
	font-size: 1.7em;
	margin:0;
}

.halfColumn{
	width: 50%;
	float: left;
	overflow: hidden;
}
#indexCalendarWrapper{
	position: relative;
	top: 5px;
	background: #BDBCBC;
	padding: 50px 5px 0 5px !important;
	border: 8px solid black;
	overflow: hidden;
}
#indexCalendarWrapper > .heading{
	background: red;
	color: white;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 2em;
	line-height:1em;
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	padding:10px
}
#indexSubmitEvent{
	float: right;
	font-size: .5em;
	margin: 2px;
	text-transform: lowercase;
	background: black;
	color: white !important;
	text-align: center;
	padding: 5px 10px;
	text-decoration: none !important;
	line-height: 1em;
}
.event_date{
	width: 55px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0.5em 0 0 0;
}
	.upcoming .event_date{
		width: 100%;
	}
.upcoming{
	overflow:hidden;
}
.upcoming li{
	clear: left;
	margin-top: 1em;
	overflow: hidden;
}
.event_date .month{
	color: #FFF;
	background: #222;
	border: 1px solid #222;
	font-size: 1em;
	font-weight: 700;
}
.event_date:hover .month{
	background: #CC0000;
	color: #FFF;
	border: 1px solid #CC0000;
}
.event_date .day{
	background: #EEE;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	font-size: 1.5em;
	line-height:1.5em;
	color: #333;
}
.event_date .year{
	background: #EEE;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 1em;
	color: #666;
	line-height: 1.2em;
	padding-bottom: 0.5em;
}
#main a.event_link{
	float: left;
	text-decoration: none;
	display: inline-block;
	width: 20%;
	margin: 0 5px;
}
a.event_link span{
	font-size: .8em;
	clear: left;
	text-transform: uppercase;
	font-weight: 600;
	display: block;
	padding-top: 0.5em;
	text-align: center;
	width: 55px;
	border: 1px solid #FFF;
}
ul, ol{
	list-style: none;
}

.upcoming ul{
	padding: 0;
}

b, em, strong{
	font-weight: 600;
}
#main .event_venues{
	font-style: italic;
	font-size: .8em;
	line-height:1em;
	color: #555;
}
.event_artists{
	line-height:1.5em;

}

.player{
	background:#FFF;
	padding:1em 0 0 1em;
	100%;
}

#main .audio li a b{
	color:#333;
	display:block;
}

#main .audio li a.playing b{
	color:#FFF;
}

#main .audio li a, #main .audio li a.played{
	display:block;
	clear:left;	
	text-decoration:none;
	color:#C70000;
	border-top:1px dotted #CCC;
	padding:0.4em 1em 0.4em 3em;
	text-transform:uppercase;
	font-size:1.2em;
	background:transparent url(images/site/icon_music_red.png) 8px 50% no-repeat;	
}

#main .audio li a.playing, #main .audio li a.playing:hover{
	color:#FFF; 
	background:#C70000 url(images/site/icon_music_white.png) 8px 50% no-repeat; 
}

#main .audio li a:hover{
	color:#1B88C2;
	background:#EEE url(images/site/icon_music_grey.gif) 8px 50% no-repeat; 
}

#main .audio li a.playing span{
	color:#FFF;	
}

#main .audio li a span{
	font-size:0.85em;
	clear:left;
	display:block;
	color:#333;
}

a.play, a.pause, a.stop{
	display:block;
	float:left;
	width:16px;
	height:16px;
	text-indent:-9999px;
	margin:0 0.25em;
}

.controls{
	width: 80px;
	top: 31px;
	left: 123px;
	position: absolute;
}
.play{background:transparent url(images/site/icon_controls.gif) 0 0 no-repeat;}
.play:hover{background-position:0px -16px;}
.pause{background:transparent url(images/site/icon_controls.gif) -16px 0 no-repeat;}
.pause:hover{background-position:-16px -16px;}
.stop{background:transparent url(images/site/icon_controls.gif) -32px 0 no-repeat;}
.stop:hover{background-position:-32px -16px;}
h3.heading{
	width: 100%;
	background: #EBEBEB;
	color: #333;
	font-weight: 700;
	font-size: 1.4em;
	padding: 10px 0 10px 15px;
	margin: 0;
	margin-top: 20px;
	text-transform: uppercase;
	clear: left;
	border-bottom: 1px solid #DDD;
}

#main .feed_entry a.author{
	text-decoration: none;
}
footer{
	background: #333;
	color: #999;
	padding: 0 0 2em 0;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
footer nav{
	background: #222;
	border: 0;
	width: 100%;
	margin: 0 0 25px 0;
	height: auto;
	border-bottom: 1px dotted #222;
	overflow: hidden;
}
footer nav li{
	display: inline;
	list-style-type: none;
}
footer nav ul li a, footer nav ul li span{
	border:0; 
	color:white;
	padding:10px
}

footer nav ul li a:hover, footer nav ul li a.active{
	background:0;
}

footer nav#smallnav{
	background:none;
	border:0;
	margin:20px 0 0 0;
}
footer div[id^="div-gpt-ad"]{
	display: none;
}
#smallnav a{
	display:inline-block;
	float:center;
	font-size:12px;
	font-weight:700;
	color:#FFF;
	padding:10px;
}
h3{
	color: #333;
	font-size: 4em;
	line-height: 1.1em;
	font-weight: 800;
	padding: 10px 0 10px 0px;
	margin: 0;
}
#entry_header{
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}
#main #entry_header .entry_body img{
	margin-right: 2em;
	margin-top: 38px;
	height: auto;
	max-height: 300px;
}
	#main #entry_header .entry_body{
		width: 100%;
	}
#main .reviewcategory{
	color: #666666;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 0;
	padding-top: 1.2em;
	text-transform: uppercase;
}
.abstract{
	font-size: 1.5em;
	line-height:1.5em;
	font-weight: 500;
	clear: left;
	margin-top: 15px;
}
.entry_body{
	clear: left;
	float: left;
	min-width: 70%;
	width: calc(70% - 200px);
	padding-right:10px;
}
.review_info, .artist_info, .interview_info, .article_info, .event_info, .venue_info{
	float: left;
	display: block;
	width:100%;
}
div#nextprev{
	position:relative;
	top:0;
	left:10px;
	width: 100%;
	border-top: 1px dotted #cecece;
	border-bottom: 1px dotted #cecece;
	padding: 0;
	overflow: visible;
	white-space:normal;
		text-align: center;
	padding: 10px;
	font-size: .7em;
}

div#prev_entry{
	float: left;
	border-right: 1px dotted #cecece;
	width: calc(50% - 1px);
	height: 100%;
	margin: 0;
	padding: 20px 0;
	display: block;
	overflow:hidden;
}
	div#prev_entry::before{
		content:"←";
		float:left;
		font-size:20px;
		padding:0 10px;
	}
div#next_entry{
	float: left;
	width: calc(50% - 1px);
	height: 100%;
	margin: 0;
	padding: 20px 0;
	display: block;
	overflow:hidden;
}
	div#next_entry::before{
		content:"→";
		float:right;
		font-size:20px;
		padding:0 10px;
	}
#main #next_entry p, #main #prev_entry p{
	font-weight: 700;
	text-transform: capitalize;
	padding: 0;
}
ul.star-rating{
	padding:0;
	float:left;
	margin:0 10px 0 0;

}
	ul.star-rating li.current-rating {
		background: black;
		color: white;
		border-radius: 40px;
		width: 40px !important;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-weight: bolder;
		font-size:1.3em;
	}
.side_col{
	max-width:30%;
	float:right;
}
#main a.editentry{
	text-transform:uppercase;
	color:#CC0000;
	font-size:1.2em;
	font-weight:700;
	padding:10px 0;
	display:block;
	margin:20px 0 0 0;
}

#main a#request{
	text-transform:uppercase;
	color:#555;
	font-size:13px !important;
	font-weight:700;
	padding:8px 10px 6px 10px;
	display:block;
	background:#F5F5F5;
	text-decoration:none;
	border:1px solid #E5E5E5;
	width:250px;
	text-align:center;
	margin-bottom:25px;
	margin-top:25px;
	clear:both;
}

#main a#request:hover{
	background:#EEEEEE;
	border:1px solid #DDDDDD;
}

#main #changes{
	background:#F5F5F5;
	padding:5px 20px 10px 20px;
	margin-top:20px;
	border:1px solid #EEE;
	margin-top:-26px;
	margin-bottom:25px;
	width:580px;	
}

#main #changes p input.btn{
	padding:6px 8px;
	width:auto;
	font-size:14px !important;
	font-family:"Montserrat", Arial, Helvetica, sans-serif;
}
label[for='comment']{
	display: block;
}
textarea {
    width: 100%;
    min-height: 200px;
}
#main #changes p input, #main #changes p textarea{
	font-size:14px !important;
	padding:10px;
	margin-top:5px;
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
}

#bd-venues h3.heading{
	margin-top:2em;
}
div#nav_alpha{
	padding:10px 0 60px 0;
	/* text-align: center; */
	/* margin: 0 auto; */
}

div#nav_alpha a{
	border: 1px solid #FFFFFF;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-size: 2em;
	line-height: 1em;
	height: 30px;
	padding: 0;
	text-align: center;
	width: 30px;
	text-decoration:none !important;
}

div#nav_alpha a:hover{
	color:#C70000 !important;
	border:1px solid #CCC;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
	background:#EEE;
}	

#main .alpha a{
	width:30%;
	float:left;
	font-size:1.4em;
	margin:0.25em 0.5em 0.25em 0;
}

.switchgroup1{
	clear:left;
}

#venue_menu{
	width: 100%;
}
.listing{
	border-bottom:1px dotted #CCC;
	width: 75%;
	width: calc(100% - 100px - 2em);
	float: left;
}
#main p.event_title{
	padding: 0.4em 0;
	font-size:1.3em;
	line-height:1.3em;
	margin:0;
}
.banner_horz{
	display: none;
}
.sidebar_ads{
	text-align:right;
	float: right;
	display: block;
	margin-top: 20px;
	max-width:100%;
}
.sidebar_ads div{
	clear: right;
	float: right;
	margin-bottom: 20px;
	display: block;
	text-align: right;
}

.category_cloud{
	overflow:hidden;
	margin:0 0 2em 0;
	clear:left;
}


.category_cloud a, a.category{
	display:block;
	float:left;
	padding:0.5em 1em;
	margin:0.25em 0.5em;
	margin-left:0;
	background:#EEE;
	color:#333 !important;
	font-size:.7em;
	text-transform:uppercase;
	text-decoration:none !important;
	text-shadow:1px 1px 0 #EEE;	
	border:1px solid #CCC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

a.category{
	padding:0.2em 0.4em;
	font-size:1em;
}

.category_cloud a:hover, a.category:hover{
	background:#CCC;
	border-color:#AAA;
	color:#000 !important;
}

.categories{
	display:block;
	overflow:hidden;	
	margin:1em 0;
}

.featured .categories{
	margin:0.5em 0;
}
div.featured img.review_image {
    width: 300px;
    height: auto;
}
/* Breadcrumb -------------------------------------- */
#breadcrumb_wrap{
	position:absolute;
	width:100%;
	background:#000 url(images/site/tile-grill.gif) 0 repeat;
	border:2px solid #000; 
	padding:1.25em 0;
	top:45px;
	height:50px;
}
	#breadcrumb_wrap h2{
		line-height:1em;
	}
	#breadcrumb_wrap .inner{
		position:relative;
	}
	#breadcrumb_wrap #breadcrumb{
		padding:0;
		font-size:0.75em;
		font-weight:600;
		text-transform:uppercase;
		color:#FFF;
	}
		#breadcrumb_wrap #breadcrumb a, #breadcrumb_wrap #breadcrumb span{
			margin:0 0.5em 0 0;
		}
		#breadcrumb_wrap #breadcrumb span{
			color:#FFF;
		}
		#breadcrumb_wrap #breadcrumb a{
			text-decoration:none;
			border-bottom:1px solid #CE9B00;
			padding-bottom:2px;
		}
			#breadcrumb_wrap #breadcrumb a:hover{
				border-bottom:0;
			}
	#breadcrumb_wrap a{
		color:#CE9B00;
		text-decoration:underline;
	}
/* Gallery -------------------------------------- */
div#gallery_wrapper{
	overflow: hidden;
	clear: both;
}
	div#gallery_wrapper figure{
		display: block;
		position:relative;
		float: left;
		overflow: hidden;
		float:left;
		width:25%;
		width:calc(25% - 6px);
		height:100px;
		margin:3px;
		padding:0;
		border: 1px solid #000;
	}
		#gallery_wrapper figure a {
			display: block;
			height: 98px;
			overflow: hidden;
			border: 1px solid white;
		}
		div#gallery_wrapper figure img{
			margin:0;
			padding:0;
			border:none;
		}
		div#gallery_wrapper figcaption{
			display:block;
			padding:5px;
			display:none;
		}
	#gallery_wrapper figure img{
		width:100%;
		height:auto;
	}
ul.dsq-widget-list{
	padding-left: 0;
}
/* MOBILE START =================================================*/

@media only screen and (max-width: 768px){
	body{
		font-size:90%;
	}
		header h1{
			width:calc(100% - 120px);
			height:100%;
		}
		header h1 a{
			width:100%;
			background-size:contain;
		}
		header nav:hover div.inner{
			font-size:1.3em;
			line-height:1em;
			top:0;
			right:0;
			width:300px;
		}
			header nav:hover div.inner .search{
				display:none;
			}
	#featured{
		display:none;
	}
	div#main{
		padding: 0 5px;
	}
	#miniIndex .miniIndexArticle a:first-child{
		display:block;
		height:100px;
		overflow:hidden;
	}
	#miniIndex .miniIndexArticle img{
		width:100%;
	}
	h2{
		font-size:1.6;
		line-height:1em;
	}
	h3{
		font-size:1.5em;
		line-height:1em;
	}
	h4{
		font-size:1.4em;
		line-height:1em;
	}
	h5{
		font-size:1.3em;
		line-height:1em;
	}
	div#gallery_wrapper figure{
		max-height:60px;
		overflow:hidden;
	}
	ul:first-child{
		padding-left:0;
	}
	.hidePortable{
		display:none;
	}
}
/*================*/
@media
	all and (max-width :480px) 
{
	/* small screens, example iphone 4, 5 */
	header h1 a{
		max-width:90%;
		max-width:calc(100% - 32px);
		background-size:contain;
	}
	header nav::before{
		right:5px;
	}
	header nav:hover div.inner{
		font-size:2.5em;
		top:0;
		right:0;
		width:270px;
	}
		header nav:hover div.inner .search{
			display:none;
		}
	#featured{
		display:none;
	}
	#breadcrumb_wrap{
		top: 55px;
		height: 37px;
		font-size:1.5em;
		line-height: 1.5em;
		text-align:left;
		padding:0;
	}
	div#main{
		display:block;
		max-width:initial;
		margin-top:200px;
	}
	.hidePortable{
		display:none;
	}
}
/*================*/
@media screen and (max-width: 667px)
{
	/* Eg: iPhone 6  in landscape*/
	header h1:after{
		display:none;
	}
	.hidePortable{
		display:none;
	}
}
/*================*/
@media screen and (max-width: 375px)
{
	/* Eg: iPhone 6  in landscape*/
	header h1:after{
		display:none;
	}
	div#main{
		margin-top: 90px;
	}
	.hidePortable{
		display:none;
	}
}
/*================*/
@media screen and (max-width: 320px)
{
	/* small screens, example iPhone 4, 5 */
	header{
		height:62px;
	}
		header h1{
			position: relative;
		}
			header h1:after{
				display:none;
			}
	#flyerBanner{
		display:none;
	}
	div#main{
		margin-top: 100px;
	}
	.entry_body .article_info{
		width: 100%;
	}

	#entry_header .categories{
		width: 100%;
	}
	.onecol,.twocol,.entry_body,.side_col{
		width:100%;
		max-width: initial;
	}
	.miniIndexArticle{
		float:left;
		width:24%;
		width:calc(25% - 6px);
		height:150px;
		border:1px outset gray;
		margin:3px;
		overflow:hidden;
	}
	#main .entry_body .article_details img.article_logo {
		width: 100%;
	}
	#main .entry_body .article_details img.article_logo,
	#main .entry_body .article_details img.article_image{
		float: none;
		margin: 0 auto;
		max-width: 100%;
		height: auto;
	}
	.hidePortable{
		display:none;
	}

	}