/* BISMILLAH */
@media only screen and (max-width: 40em) {
/* START ===========================================================================  */
/* ===================================================================================================== USER PAGE  == */
.userView.-userProfile {margin: 50px 20px 50px 20px;}
.userView.-userProfile .boxUser {
padding: 20px;
margin: 0 0 80px 0;
}
.userView.-userProfile .boxUser .box-L {
	float: none;
	width: 100%;
	margin: 0 0px 0 0;
}
.userView.-userProfile .boxUser .box-R {overflow: inherit;}
.userView.-userProfile .boxUser .boxImage {
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.userView.-userProfile .boxUser .boxImage img {
	width: 100%;
	height: auto;
}
.userView.-userProfile .boxUser h2 {
	font-size: 24px;
	font-weight: 400;
	margin: 10px 0 10px 0;
}
.userView.-userProfile .boxUser .boxInfo {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 80%;
	margin: 0 0 30px 0;
}
.userView.-userProfile .boxUser .userDescription {font-size: 18px;}
.userView.-userProfile .boxItem .itemView {
	margin: 0 0 0px 0px;
	padding: 0 0 0px 0;
	float: none;
}
.userView.-userProfile .boxItem .itemView { width:100%; list-style: none; }
.userView.-userProfile .boxItem .itemView:nth-of-type(n) { clear: none; }
.userView.-userProfile .boxItem .itemView:nth-of-type(1n+1) { clear: both;}
.userView.-userProfile .boxItem .itemViewIn {margin: 0 0 50px 10px;}
.userView.-userProfile .boxItem .boxImage {
	margin: 0px 0 0 0;
	padding: 0px;
}
.userView.-userProfile .boxItem .imgContent {height: 160px;}
.userView.-userProfile .boxHeader {padding: 20px;}
.userView.-userProfile .boxHeader h2 {
	font-size: 18px;
	line-height: 24px;
	min-height: inherit;
}
.itemListView.-blogPage #itemListSecondary .boxInfo {padding: 0 20px;}

/* ===================================================================================================== BLOG PAGE  == */
.itemListView.-blogPage {margin: 50px 20px;}
.itemListView.-blogPage .wrapper-L {
	float: none;
	width: 100%;
	margin: 0 0px 0 0;
}
.itemListView.-blogPage .wrapper-R {overflow: inherit;}
/*============================================================================== ITEMLIST LAYOUT */

/*============================================================================== LANDING LAYOUT */
.itemListView.-blogPage #itemListLeading {margin: 0 0 80px 0;}
.itemListView.-blogPage #itemListLeading .boxImage .imgContent {height: 160px;}
/*======================= catItemView LAYOUT BOX R*/
.itemListView.-blogPage #itemListLeading .catItemView .boxR {position: relative;}
.itemListView.-blogPage #itemListLeading .boxHeader {
	padding: 20px;
	margin: 0px 0px 0 0;
}
.itemListView.-blogPage #itemListLeading .boxHeader h2 {font-size:18px;line-height:24px;}
.itemListView.-blogPage #itemListLeading .boxInfo {padding: 0 20px;}
/*============================================================================== PRIMARY LAYOUT */
.itemListView.-blogPage #itemListPrimary,
.itemListView.-blogPage #itemListSecondary {margin: 0 0 80px -20px;}
/*======================= itemContainer LAYOUT */
.itemListView.-blogPage #itemListPrimary .itemContainer,
.itemListView.-blogPage #itemListSecondary .itemContainer  {float: none;}
.itemListView.-blogPage #itemListPrimary .itemContainer,
.itemListView.-blogPage #itemListSecondary .itemContainer { width: 100%; list-style: none; }
.itemListView.-blogPage #itemListPrimary .itemContainer:nth-of-type(n),
.itemListView.-blogPage #itemListSecondary .itemContainer:nth-of-type(n),
.itemListView.-blogPage #itemListSecondary .itemContainer:nth-of-type(n) { clear: none; }
.itemListView.-blogPage #itemListPrimary .itemContainer:nth-of-type(1n+1),
.itemListView.-blogPage #itemListSecondary .itemContainer:nth-of-type(1n+1) { clear: both;}
/*======================= catItemView LAYOUT */
.itemListView.-blogPage #itemListPrimary .catItemView,
.itemListView.-blogPage #itemListSecondary .catItemView {	margin: 0 0 80px 20px;}
/*======================= catItemView LAYOUT BOX L*/
.itemListView.-blogPage #itemListPrimary .boxImage .imgContent,
.itemListView.-blogPage #itemListSecondary .boxImage .imgContent {height: 160px;}
/*======================= catItemView LAYOUT BOX R*/
.itemListView.-blogPage #itemListPrimary .boxHeader,
.itemListView.-blogPage #itemListSecondary .boxHeader {padding: 20px;}
.itemListView.-blogPage #itemListPrimary .boxHeader h2,
.itemListView.-blogPage #itemListSecondary .boxHeader h2 {min-height: inherit;font-size:18px;line-height:24px;}
.itemListView.-blogPage #itemListPrimary .boxInfo,
.itemListView.-blogPage #itemListSecondary .boxInfo {padding: 0 20px;}
/*============================================================================== SECONDARY LAYOUT */

/*============================================================================== ITEM  LAYOUT */
.itemView.-blogPage {margin: 20px 10px;}
.itemView.-blogPage .wrapper-L {
	display: block;
	width: 100%;
	padding: 20px;
}
.itemView.-blogPage .wrapper-R {
	float: none;
	width: 100%;
}
/*======================= Author info */
.itemView.-blogPage .wrapper-info,
.itemView.-videoPage .wrapper-info
 {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 15px;
	margin: 0px 20px 40px 20px;
}
.itemView.-blogPage .wrapper-info .boxAuthor,
.itemView.-videoPage .wrapper-info .boxAuthor
 {
	float: left;
	width: 30%;
	margin: 10px 15px 0 0;
}
.itemView.-blogPage .boxInfo,
.itemView.-videoPage .boxInfo {font-size: 70%;}
.itemView.-blogPage .boxInfo .authorName,
.itemView.-videoPage .boxInfo .authorName {font-size: 18px;}
.itemView.-blogPage .boxHeader h2,
.itemView.-videoPage .boxHeader h2 {
	font-size: 24px;
	line-height: 30px;
}
.itemView.-blogPage .boxImage {margin: 0px 0 30px 0;}
/*============================================== ITEM RELATED */
.itemView.-blogPage .boxRelated,
.itemView.-videoPage .boxRelated {margin: 100px 0px 0px 0px;}
.itemView.-blogPage .boxRelated ul,
.itemView.-videoPage .boxRelated ul {
	margin: 0px 0 0 0px;
	padding: 0px;
	list-style: none;
}
.itemView.-blogPage .boxRelated li,
.itemView.-videoPage .boxRelated li {
	margin: 0px 0px 0px 0;
	padding: 0px 0 0px 0;
	list-style: none;
}
.itemView.-blogPage .boxRelated li,
.itemView.-videoPage .boxRelated li  {float: none;}
.itemView.-blogPage .boxRelated li,
.itemView.-videoPage .boxRelated li { width: 100%; list-style: none; }
.itemView.-blogPage .boxRelated li:nth-of-type(n),
.itemView.-videoPage .boxRelated li:nth-of-type(n) { clear: none; }
.itemView.-blogPage .boxRelated li:nth-of-type(1n+1),
.itemView.-videoPage .boxRelated li:nth-of-type(1n+1) { clear: both;}
.itemView.-blogPage .boxRelated .relatedItem,
.itemView.-videoPage .boxRelated .relatedItem {margin: 0 0 50px 0px}
.itemView.-blogPage .boxRelated .boxImage .imgContent,
.itemView.-videoPage .boxRelated .boxImage .imgContent {height: 160px;}
/* ===================================================================================================== VIDEO PAGE  == */
/*============================================================================== LANDING LAYOUT */

/*======================= catItemView LAYOUT BOX R*/
.itemListView.-videoPage #itemListLeading .catItemView .boxR {
	position: relative;
	border-top: 10px solid #e10a0a;
	padding: 20px;
	margin: 0 0px;
}
.itemListView.-videoPage #itemListLeading .boxHeader {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 30px 0;
	color: #333;
}
.itemListView.-videoPage #itemListLeading .boxHeader h2 {margin: 0 0 0px 0; font-size: 24px; line-height:30px}
.itemListView.-videoPage #itemListLeading .boxHeader h2 a {color:#333}
.itemListView.-videoPage #itemListLeading .boxInfo {padding: 0 20px;}
/*============================================================================== PRIMARY LAYOUT */
.itemListView.-videoPage #itemListPrimary {
	margin: 50px 0px 50px 20px;
}
/*======================= itemContainer LAYOUT */
.itemListView.-videoPage #itemListPrimary .itemContainer  {
	margin: 0 0 0px -20px;
	padding: 0 0 0px 0;
	float: none;
}
.itemListView.-videoPage #itemListPrimary .itemContainer { width: 100%; list-style: none; }
.itemListView.-videoPage #itemListPrimary .itemContainer:nth-of-type(n) { clear: none; }
.itemListView.-videoPage #itemListPrimary .itemContainer:nth-of-type(1n+1) { clear: both;}
/*======================= catItemView LAYOUT */
.itemListView.-videoPage #itemListPrimary .catItemView {margin: 0 0 80px 20px;}
/*======================= catItemView LAYOUT BOX R*/
.itemListView.-videoPage #itemListPrimary .catItemView .boxR {
	border: 0px solid #000;
}
.itemListView.-videoPage #itemListPrimary .boxHeader {padding: 20px;}
.itemListView.-videoPage #itemListPrimary .boxHeader h2 {min-height: inherit; font-size:18px; line-height:24px;}
.itemListView.-videoPage #itemListPrimary .boxInfo {padding: 0 20px;}
/*============================================================================== ITEM  LAYOUT */
.itemView.-videoPage {margin: 20px 10px;}
.itemView.-videoPage .wrapper-L {
	display: block;
	width: 100%;
	padding: 10px;
}
.itemView.-videoPage .wrapper-R {
	float: none;
	width: 100%;
	display: block;
}
.itemView.-videoPage .boxVideo  {margin: 0px 0 30px 0;}

/* =========================================================================================== SEARCH N TAG PAGE  == */
.tagView,
.genericView 
{
margin: 50px 10px;
background: #fff;
padding: 20px;

}
.tagView .componentheading h2,
.genericView .componentheading h2
{
	font-size: 18px;
	line-height: 24px;
}
.tagItemView .boxL,
.genericItemView .boxL
{
	width: 100%;
	margin: 0 0px 0 0;
	float: none;
}
.tagView .boxImage .imgContent,
.genericItemView .boxImage .imgContent
 {
	height: 160px;
}
.tagItemView .boxImage,
.genericItemView .boxImage,
.tagItemView .boxVideo,
.genericItemView .boxVideo
 {
	margin: 0px 0 20px 0;
}
.tagItemView .boxR,
.genericItemView .boxR
{
	overflow: inherit;
}

.tagItemView .boxHeader h2,
.genericItemView .boxHeader h2
{
	margin: 0 0 20px 0;
	font-size: 18px;
	line-height: 24px;
}
.tagItemView .boxBody,
.genericItemView .boxBody
 {
 display: none !important;
}
.tagItemView .boxInfo,
.genericItemView .boxInfo
 {
	margin: 0px 0 0 0;
}



/*================================= K2 Pagination --- */
.itemListView.-videoPage .k2Pagination {margin: 20px;}






















/* END ===========================================================================  */
}