@charset "UTF-8";
/* CSS Document */



/* ==== toggle classes */
.hide-ele{
	display: none;
}

.content-control img{
	width: 99.8%;
	display:block;
	margin: 0 auto;
}
.content-control  div.col-sm-4{
	margin-bottom: 20px;
}

.breadcrumbs-style{
	margin: 0 auto;
	
}

.breadcrumbs-style p{
	color: #999;
	margin: 0;
	
}

/* ==== Brief info ul ===*/

ul.brief-info{
	display: block;
	margin-top: 20px;
	list-style: none;
	padding: 0 0 0 0;
}
ul.brief-info li{
	line-height: 2em;
}

/* ==== col-8 row control ====*/
.content-control div.spread-control{
	margin-bottom: 50px; /*adjust here */
}

/* === col-4 row control . ==*/

.nested-row-control .cover{
	border-bottom: 1px solid #FFF;
}



/* =====  FOOTER STYLES ===== */
.footer-content{
background: rgba(0,0,0,0.8);
margin-top: 30px;
}
.footer-text{
	padding: 10px 20px;
	color:rgba(225,225,225, 0.7);
}

/* ========= MEDIA QUERIES ============ */

@media screen and  (max-width: 360px){
	
	
}/* end @mediaMAX360 */

@media screen and (max-width: 480px){
    /*=== diplay of covers row ===*/	
	.nested-row-control .cover-images .cover{
		display: block;
		width: 32%;
		float: left;
		margin-bottom: 10px;
	}
	.nested-row-control  h4.toggle-heading{
		display: none;
	}
	
}/* end @mediaMAX480 */



@media screen and (max-width: 960px) and (min-width: 485px){
	
	
	
}/* end @mediaRANGE 485 - 900 */

@media screen and (max-width: 750px) and (min-width: 485px){
	
	/*=== diplay of covers row ===*/	
	.nested-row-control .cover-images .cover{
		display: block;
		width: 49%;
		float: left;
		margin-bottom: 10px;
	}
	
	.nested-row-control  h4.toggle-heading{
		display: none;
	}
	
}/* end @mediaRANGE 485 - 750 */