/* BISMILLAH ===========================================================================  */
@media only screen and (max-width: 40em) {
/* START ===========================================================================  */
.boxTop {
	padding: 0px 0;
}
/* ==================================================================================  TOP FRAME == */
.moduletable-mainMenu {
	border: 0px solid #f00;
	margin: 0px 0 0 0;
	padding: 0px 0px;
}
.moduletable-mainMenu .maximenuckh {
	border: 0px solid #ccc;
	padding: 0px 0px;
}
.moduletable-mainMenu .maximenuckh .boxm-L {
	float: none;
	width: 100%;
	display: block;
	padding: 20px;
}
.moduletable-mainMenu .maximenuckh .boxm-R {
	border: 0px solid #ccc;
}
/*========================================================================================== SEARCH ==*/
.moduletable-mainMenu .-search  {
	width: 100%;
	display:block;
	background: #ddd;
	padding: 15px 20px
}
.moduletable-mainMenu .maximenuckh.maximenufixed .-search {display:none}
/* ==================================================================================  mainMenu == */
.moduletable-mainMenu ul.menu-mainMenu {
	  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
	gap: 0px 20px;
  margin: 0px 0 0 0;
  padding: 0px;
  list-style: none;
  border: 0px solid #f00;
 
}
.moduletable-mainMenu ul.menu-mainMenu li {
	 display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
width: auto !important;
	  
  margin:0px 0px 0 0px;
  letter-spacing: 0px;
 }
/* link */
ul.menu-mainMenu li a:link, ul.menu-mainMenu li a:visited {
	line-height: 14px;
	font-size: 14px;
}
/* ================================================================================== Welcome Pic  == */
.custom-welcomePic {
	height: 30vh;
}
/* ================================================================================== titleSubtitle  == */
.moduletable-titleSubtitle {
	position: absolute;
	top: auto;
	bottom: 10%;
	left: 0;
	padding: 0px 0px;
	margin: 0 0px 0px 0;
}
.moduletable-titleSubtitle h1 {
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 0px;
	margin: 0px 0 0px 0;
	display: inline-block;
}
.moduletable-titleSubtitle h3 {
	font-weight: 300;
	letter-spacing: 0px;
	padding: 0px 5px;
	background: #eee;
	display: inline-block;
}
/* ================================================================================== homeLatest  == */
.moduletable-homeLatest {
	display: none;
}
/* ================================================================================== HOME  == */
.item-page-homePage {
	margin: 0px;
}
/* ======================================================== BLOG BERITA == */
.boxPage {
	margin: 0 30px;
}
/*------------------Primary*/
.itemListView.-newsPage #itemListPrimary {
	border:0px solid #f00;
	position: relative;
	margin: 0 0 0px 0px;
	padding: 0 0 0px 0;
}
.itemListView.-newsPage #itemListPrimary .itemContainer,
.moduletable-homeLatest2 li
{
	float: none;
	display: block;
}
.itemListView.-newsPage #itemListPrimary .itemContainer, .moduletable-homeLatest2 li
{ width: 100%; list-style: none; }
.itemListView.-newsPage #itemListPrimary .itemContainer:nth-of-type(n), .moduletable-homeLatest2 li:nth-of-type(n)
{ clear: none; }
.itemListView.-newsPage #itemListPrimary .itemContainer:nth-of-type(2n+1), .moduletable-homeLatest2 li:nth-of-type(1n+1)
{ clear: both;}
.itemListView.-newsPage #itemListPrimary .catItemView, .moduletable-homeLatest2 .boxModK2Content
 {
	margin: 0 0 50px 0px;
}
.itemListView.-newsPage #itemListPrimary .imgContent, .moduletable-homeLatest2 .imgContent
{
	height: 240px;

}
.itemListView.-newsPage #itemListPrimary .boxHeader h3, .moduletable-homeLatest2 .boxHeader
 {
	font-size: 26px;
	line-height: 36px;
	font-weight: 300;
	padding: 0px;
	margin: 0px 0 10px 0;
}

/*=============================================================================================item */

.itemView.-newsPage .boxHeader h2 {
	font-size: 26px;
	line-height: 36px;
}
.itemView.-newsPage .contentInfo {
	color: #999;
	margin: 0 0 0px 0;
}

 /*================================================================== terkait*/
.itemView.-newsPage .itemRelated
 {
	position: relative;
	margin: 100px 0 30px 0;
}

.itemView.-newsPage .itemRelated .relatedTitleBox
{
	padding: 0px;
	position: relative;
}
.itemView.-newsPage .itemRelated h3
 {

	font-size: 26px;
	line-height: 36px;
}
.itemView.-newsPage .itemRelated ul
{
	margin: 0px 0 0 0px;
	padding: 0px;
	list-style: none;
}
.itemView.-newsPage .itemRelated li
{
	border:0px solid #007dd4;
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	display: block;
	float: none;
}
.itemView.-newsPage .itemRelated li { width:100%; list-style: none; }
.itemView.-newsPage .itemRelated li:nth-of-type(n) { clear: none; }
.itemView.-newsPage .itemRelated li:nth-of-type(1n+1) { clear: both;}
.itemView.-newsPage .itemRelated li .itemRelatedContent  {
	border: 0px solid #f00;
	margin: 0 0 50px 0px;
}
.itemView.-newsPage .itemRelated li .itemRelatedContent .imgContent {
	height: 160px;
	width: 100%;
}
.itemView.-newsPage .itemRelated h4
{
	padding: 0px 0 0 0px;
	margin: 20px 0 0px 0;
	font-weight: normal;
}

/* ======================================================== TAG SEARCH == */
/* =========================================================================================== SEARCH N TAG PAGE  == */


.tagItemView,
.genericItemView {
	border-bottom: 1px solid #ddd;
	margin: 0 0 50px 0;
	padding: 0 0 50px 0;
}
.tagItemView .boxL,
.genericItemView .boxL
{
	border: 0px solid #f00;
	width: 100%;
	padding: 0px;
	margin: 0 50px 0 0;
	float: none;
	display: block;
}
.tagItemView .boxImage,
.genericItemView .boxImage
 {
	margin: 0px 0 20px 0;
}
.tagView .boxImage .imgContent,
.genericItemView .boxImage .imgContent
 {
	height: 240px;
	width: 100%;
 }
.tagItemView .boxVideo,
.genericItemView .boxVideo
 {
	margin: 0px 0 0 0;
}
.tagItemView .boxR,
.genericItemView .boxR
{
	overflow: inherit;
}
.tagItemView .boxHeader,
.genericItemView .boxHeader
{
	border: 0px solid #f00;
	position: relative;
}
.tagItemView .boxHeader h2,
.genericItemView .boxHeader h2
{
	font-size: 26px;
	line-height: 36px;
	font-weight: 300;
}
/* ================================================================================== featured + popular kanan  == */
.moduletable-featured-kanan {
	margin: 0px 0px 50px 0px;
}
/* ==================================================================================  tagModule == */
.boxTag {
	padding: 50px 30px;
	background: #f6f6f6;
}
.moduletable-tagModule li {
	font-size: 80%;
}
/* ================================================================================== foot  == */
.moduletable-copyR {
	margin: 0px 30px;
	text-align: center;
}

/* ======================================================== VIDEO  == */
.avVideo .avPlayerContainer .avPlayerBlock iframe,
	.avVideo .avPlayerContainer .avPlayerBlock object,
	.avVideo .avPlayerContainer .avPlayerBlock embed,
	.avVideo .avPlayerContainer .avPlayerBlock video,
.avVideo .avPlayerContainer .avPlayerBlock > div {position:absolute!important;top:0;left:0;min-width:280px!important;width:100%!important;height:100%!important;}

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