/* BISMILLAH */
@media (min-width: 41em) and (max-width: 68em){
/* START ===========================================================================  */

/*===================================================================================  MENU AND LOGO ==*/
.moduletable-mainMenu .maximenuckh {padding: 0px 10px 0px 0px;}
.moduletable-mainMenu .maximenuckh.maximenufixed {padding: 0px 10px 0px 0px;}
.boxLogoMenu {width: 75%;}
/*================================= LOGO ==*/
.moduletable-mainMenu .boxL {width: 50%;}
.moduletable-mainMenu .custom-logoText h1 {
	font-size: 22px;
	line-height: 22px;
	margin: 15px 0 3px 0;
}
.moduletable-mainMenu .custom-logoText h2 {
	font-size: 10px;
	line-height: 10px;
}
/*================================= MAIN MENU ITEM ==*/
ul.-mainMenu li {
	margin: 0px 20px 0 0px;
	font-size: 13px;
}
ul.-mainMenu li.item101 {display:none !important}
/*========================================================================================== SEARCH ==*/
.boxSearch  {width: 25%;}
/*========================================================================================== tagline ==*/
.moduletable-tagline {
margin: -80px 20px 80px 20px;
background: #fff;
padding: 30px 30px;
}
.custom-tagline {font-size: 24px;}
/* ================================================================================== list-3col== */
/* ====================== featured-home == */
.moduletable-list-3col.-featured-home {}
/* ====================== latest-home == */
.moduletable-list-3col.-latest-home {}
/* ====================== popular-home == */
.moduletable-list-3col.-popular-home {}
.moduletable-list-3col{
	margin: 0px 20px 100px 20px;
	padding: 0px 0;
	color: #666;
}
.moduletable-list-3col li .boxContent .imgContent {height: 200px;}
.moduletable-list-3col .box-R {padding: 20px 20px 20px 20px;}
.moduletable-list-3col li .boxContent .boxTitle h2 {
	font-size: 18px;
	line-height:28px;
	min-height: 140px;
}
.moduletable-list-3col .boxInfo {padding: 0 20px;}

/* ================================================================================== wijayaco about logo link  == */
.foot {padding: 80px 20px 50px 20px;}
.moduletable-wijayaco {
	margin: 0px 100px 0px 0px;
	padding: 0px 0;
}
.moduletable-wijayaco img {
	width: 70%;
}
/* ================================================================================== webLink  == */
.moduletable-webLink {margin: 80px 0px 0px 0px;}
.moduletable-webLink ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
-webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
   -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
           column-gap: 20px;
}
/* ===================================================================================================== USER PAGE  == */
.userView.-userProfile {margin: 80px 20px 80px 20px;}
.userView.-userProfile .boxUser .userDescription {font-size: 18px;}
.userView.-userProfile .boxItem  {margin: 0 0 0px -20px;}
.userView.-userProfile .boxItem h1 {margin: 0 0 50px 20px;}
.userView.-userProfile .boxItem .itemViewIn {margin: 0 0 80px 20px;}
.userView.-userProfile .boxItem .imgContent {height: 200px;}
.userView.-userProfile .boxHeader {padding: 20px;}
.userView.-userProfile .boxHeader h2 {
	font-size: 18px;
	line-height: 28px;
	min-height: 150px;
}
/* ===================================================================================================== BLOG PAGE  == */
.itemListView.-blogPage {
	position: relative;
	padding: 0px;
	margin: 80px 20px 80px 20px;
	background: none;
}
.itemListView.-blogPage .wrapper-L {
	float: left;
	width: 75%;
	margin: 0 20px 0 0;
	background: none;
}
.itemListView.-blogPage #itemListLeading .boxImage .imgContent {height: 400px;}
/*======================= catItemView LAYOUT BOX R*/
.itemListView.-blogPage #itemListLeading .boxHeader {
	padding: 20px;
	margin: 0px 100px 0 0;
}
.itemListView.-blogPage #itemListLeading .boxInfo {padding: 0 20px;}
/*============================================================================== PRIMARY LAYOUT */
.itemListView.-blogPage #itemListPrimary .boxImage .imgContent {height: 200px;}
.itemListView.-blogPage #itemListPrimary .boxHeader {padding: 20px;}
.itemListView.-blogPage #itemListPrimary .boxHeader h2 {min-height: 140px; font-size: 22px; line-height: 30px}
.itemListView.-blogPage #itemListPrimary .boxInfo {padding: 0 20px;}
/*============================================================================== SECONDARY LAYOUT */
.itemListView.-blogPage #itemListSecondary .boxImage .imgContent {height: 140px;}
/*======================= catItemView LAYOUT BOX R*/
.itemListView.-blogPage #itemListSecondary .boxHeader {padding: 20px;}
.itemListView.-blogPage #itemListSecondary .boxHeader h2 {
	font-size: 18px;
	line-height: 24px;
	min-height: 110px;
}
.itemListView.-blogPage #itemListSecondary .boxInfo {
	padding: 0 10px;
	font-size: 70%;
}
.itemListView.-blogPage #itemListSecondary .boxInfo span {margin: 0 10px 0 0;}
/*============================================================================== ITEM  LAYOUT */
.itemView.-blogPage {margin: 150px 20px;}
/*======================= Author info */
.itemView.-blogPage .wrapper-info {padding: 10px;}
.itemView.-blogPage .wrapper-info .boxAuthor {
	width: 25%;
	margin: 0 10px 0 0;
}
.itemView.-blogPage .wrapper-info .boxAuthor span.itemAuthorUrl {display:none}
.itemView.-blogPage .boxInfo {font-size: 70%;}
.itemView.-blogPage .boxInfo .authorName {font-size: 18px;}

/*============================================== ITEM RELATED */
.itemView.-blogPage .boxRelated li { width: 50%; list-style: none; }
.itemView.-blogPage .boxRelated li:nth-of-type(n) { clear: none; }
.itemView.-blogPage .boxRelated li:nth-of-type(2n+1) { clear: both;}
.itemView.-blogPage .boxRelated .boxImage .imgContent {height: 140px;}
/* ===================================================================================================== VIDEO PAGE  == */
.itemListView.-videoPage #itemListLeading .catItemView .boxR {
	padding: 30px 30px 80px 30px;
	margin: 0 20px;
}
.itemListView.-videoPage #itemListLeading .boxHeader {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 30px 0;
	color: #333;
}
.itemListView.-videoPage #itemListLeading .boxInfo {padding: 0 20px;}
/*============================================================================== PRIMARY LAYOUT */
.itemListView.-videoPage #itemListPrimary {margin: 50px 20px 50px 10px;}
.itemListView.-videoPage #itemListPrimary .catItemView {margin: 0 0 80px 20px;}
.itemListView.-videoPage #itemListPrimary .boxHeader {padding: 20px}
.itemListView.-videoPage #itemListPrimary .boxHeader h2 {
	font-size: 18px;
	line-height: 24px;
	min-height: 80px;
}
.itemListView.-videoPage #itemListPrimary .boxInfo {padding: 0 20px;}
/*============================================================================== ITEM  LAYOUT */
.itemView.-videoPage {margin: 150px 20px;}
.itemView.-videoPage .wrapper-L {
	display: inline-block;
	width: 70%;
	border: 0px solid #000;
	padding: 50px;
	margin: 0px;
	position: relative;
}
.itemView.-videoPage .wrapper-R {
	float: right;
	width: 30%;
	display: block;
	position: relative;
}
/*======================= Author info */
.itemView.-videoPage .wrapper-info {padding: 10px;}
.itemView.-videoPage .wrapper-info .boxAuthor {
	width: 25%;
	margin: 0 10px 0 0;
}
.itemView.-videoPage .wrapper-info .boxAuthor span.itemAuthorUrl {display:none}
.itemView.-videoPage .boxInfo {font-size: 70%;}
.itemView.-videoPage .boxInfo .authorName {font-size: 18px;}

/*============================================== ITEM RELATED */
.itemView.-videoPage .boxRelated li { width: 50%; list-style: none; }
.itemView.-videoPage .boxRelated li:nth-of-type(n) { clear: none; }
.itemView.-videoPage .boxRelated li:nth-of-type(2n+1) { clear: both;}
.itemView.-videoPage .boxRelated .boxImage .imgContent {height: 140px;}
/* ================================================================================== popular-kanan blog  == */
.-blogPage .-popular-kanan {
	margin: 0px 20px 50px 0px;
	padding: 20px;
	border:1px solid #eee;
	position: relative;
	background: #f6f6f6;
}
.itemListView.-blogPage .-popular-kanan { margin-right: 0}
.-blogPage .-popular-kanan .box-L {
	float: none;
	width: 100%;
	margin: 0 0px 0 0;
}
.-blogPage .-popular-kanan .box-R {overflow: inherit;}
.-blogPage .-popular-kanan .boxImage {
	margin: 0px 0 10px 0;
	padding: 0px;
}
.-blogPage .-popular-kanan .boxImage .imgContent {height: 140px;}
/* ================================================================================== popular-kanan video  == */
.-videoPage .-popular-kanan .box-L {
	float: none;
	width: 100%;
	margin: 0 0px 0 0;
}
.-videoPage .-popular-kanan .box-R {overflow: inherit;}
.-videoPage .-popular-kanan .boxImage .imgContent {height: 100px;}
.-videoPage .-popular-kanan .boxVideo {
	margin: 0px 0 10px 0;
	padding: 0px;
}
/* ================================================================================== browse  == */
/*======================== browse Title  == */
.-blogPage .custom-browseTitle {padding: 20px;}
/*======================== browse module  == */
.-blogPage .-browse {padding: 20px;}

/* =========================================================================================== SEARCH N TAG PAGE  == */
.tagView,
.genericView 
{margin: 100px 20px;}

.tagView .boxImage .imgContent,
.genericItemView .boxImage .imgContent
 {height: 200px;}

.itemListView.-videoPage .k2Pagination {margin: 0 20px 50px 20px;}
























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