/*BISMILLAH*/
/*========================================
v1. love you bunda, rafka, dean, amanda
========================================*/
/* =================================================== RESPONSIVE LAYOUT */
/* =================================================== KECIL */
@media only screen and (max-width: 640px) {
/*================================================================== HEADER  ==*/
h1,h2,h3,h4,h5,h6 {
	line-height: normal;
	margin: 0px 0px 20px 0;
	padding: 0;
}
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}
/*================================================================== box top ==*/
.moduletable-mailNphone {
	display: none;
}
li.mail {
	font-size: 80%;
}
/*===================================================== logo ==*/
.moduletable-logo {
	margin-top: 0px;
	height: 74px;
}
.custom-logo p {
	margin: 0px !important;
	padding: 0px !important;
	line-height: 74px;
}
.custom-logo img {
	margin: 0px !important;
	padding: 0px !important;
	height: 74px;
}


/*================================================================== slideHome frame ==*/

/*================================================================== slideHome frame ==*/

.camera_caption > div {
background:  none !important;
display: block;
width: 80%;
margin: 0 0 10px 10px;
}

.camera_caption .camera_caption_desc h3 {
	margin: 0 0 10px 0;
	font-size: 32px;
	line-height: 28px;
	width: 60%;
	text-shadow: 0px 0px 15px #fff;
}
.camera_caption .camera_caption_desc h4 {
	border-left: 3px solid #ff5f15;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
	padding: 0 0 0 10px;
	text-shadow: 0px 0px 15px #fff;
}
.camera_caption .camera_caption_desc ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.camera_caption .camera_caption_desc ul li {
    margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
}
.camera_caption .camera_caption_desc ul li a {
	display: inline-block;
	text-transform: uppercase;
	padding: 8px 12px;
	background: #ff5f16;
	color: #fff;
	font-size: 90%;
	font-weight: 500;
}
/*================================================================== ABOUT  ==*/
.moduletable-aboutTitle h2
{
	margin: 0px 0 0px 0;
	padding: 0px;
	font-size: 36px;
	line-height: 28px;
}
.moduletable-aboutTitle h3
{
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: 300;
}
.about-1 {
	padding: 30px;
}
.about-1kanan {
	overflow: none;
}
.moduletable-aboutTitle {
	float: none;
	width: 100%;
	text-align: left;
	border-right: 0px solid #ddd;
	margin: 0 0px 0 0;
	padding: 0px 0px 10px 0px;
}
/*===================== ABOUT LINK  ==*/
.moduletable-AboutIconLink {
	margin: 25px;
	padding: 0px 0px;
}
.moduletable-AboutIconLink ul {
	margin: 0px 0 0 0px;
	padding: 0px;
}
.moduletable-AboutIconLink ul li {
	margin: 0px 0 0 0px;
	padding: 0px;
	float: left;
	text-align: center;
	border: 0px solid #f00;
}
.moduletable-AboutIconLink ul li { width: 50%; list-style: none; }
.moduletable-AboutIconLink ul li:nth-of-type(n) { clear: none; }
.moduletable-AboutIconLink ul li:nth-of-type(2n+1) { clear: both;}
.moduletable-AboutIconLink ul li a {
	border: 0px solid #f00;
	padding: 2px;
	display:inline-block;
	width: 80%;
	font-weight: 600;
	margin: 20px 0;
	font-size: 12px;
	line-height: normal;
}
.moduletable-AboutIconLink  ul li:nth-child(1) a:before,
.moduletable-AboutIconLink  ul li:nth-child(2) a:before,
.moduletable-AboutIconLink  ul li:nth-child(3) a:before,
.moduletable-AboutIconLink  ul li:nth-child(4) a:before {
	border: 0px solid #f00;
	font-size: 84px !important;
	height:  84px;
	display: block !important;
	clear: both;
	margin: 10px auto;
}
/*===================== ABOUT VISIMISI  ==*/
#about-visimisi{
	background: url(../../../images/assets/bg-bot-top.png) left top no-repeat;
	margin: 0px;
	padding: 0px;
}
.moduletable-aboutVisiMisi  {
	min-height: auto;
	padding: 60px 40px;
}
.moduletable-aboutVisiMisi  h3
{
	font-size: 32px;
	line-height: 24px;
}
.moduletable-aboutVisiMisi.-visi {
	font-size: 100%;
}

.moduletable-aboutVisiMisi .boxCustomLink {
	border: 0px solid #f00;
}
.moduletable-aboutVisiMisi .boxCustomLink a {
	position: relative;
	width: 18px;
	height: 18px;
	display: block;
	border: 0px solid #f00;
	font-size: 0;
	color: #fff;
}
.moduletable-aboutVisiMisi .boxCustomLink a:before {
	font-size: 32px !important;
	line-height: 32px !important;
	position: absolute;
	left: 0px;
	top: 0px;
}
.item-page-homePage #homeAbout {
	padding: 0px 50px;
}
.item-page-homePage #homeServis {
	background: url(../../../images/assets/bg-mid-1.png) center top no-repeat;
	padding: 30px;
}
.moduletable-homeServiceTitle {
	border: 0px solid #f00;
}
.moduletable-homeServiceTitle h2
{
	font-size: 36px;
	line-height: 28px;
}
.moduletable-homeServiceTitle h3
{
	font-size: 24px;
}
.moduletable-homeServiceItem
{
	width: 100%;
}
.moduletable-homeServiceItem li
{
	margin: 30px 0 30px 0;
}
.moduletable-homeServiceItem h4
{
	font-size: 22px;
	text-transform: uppercase;
}
.item-page-homePage #homeProduct {
	padding: 30px 30px;
}
/*================================================================== PROJECT MODULE HOME ==*/
.moduletable-homeProjectItem  {
	padding: 0px;
	margin: 30px 0px 0px 0px;
	position: relative;
	border: 0px solid #ddd;
}
.moduletable-homeProjectItem ul.ulMod {
	margin: 0px 0 0 0px;

}
.moduletable-homeProjectItem ul.ulMod li {
	margin: 0px 0 0 0px;
	padding: 0px;
	float: none;
}
.moduletable-homeProjectItem ul.ulMod > li { width:100%; list-style: none; }
.moduletable-homeProjectItem ul.ulMod > li:nth-of-type(n) { clear: none; }
.moduletable-homeProjectItem ul.ulMod > li:nth-of-type(1n+1) { clear: both;}
.moduletable-homeProjectItem .luModin{
	position: relative;
	margin: 0 0px 30px 0px;
}
.moduletable-homeProjectItem .boxImage {
	margin: 0px 0 10px 0;
}
.moduletable-homeProjectItem .boxImage .imgContent {
	height: 350px;
}
.moduletable-homeProjectItem .mod-boxR {
	display: block;
	width: 55%;
	padding: 20px;
	
}
.moduletable-homeProjectItem .cate {
	font-size: 24px;
	line-height: 24px;
}
.moduletable-homeProjectItem .mod-boxR h4 {
	font-size: 24px;
	line-height: 24px;
}
/*================================================================== List kanan ==*/
.moduletable-mediaKanan {
	padding: 30px;
	margin: 20px 0 0 0px;
	border: 1px solid #ddd;
	
}

/*================================ MARGIN PAGE  ==*/
.itemListView.-general,
.itemView.-general,
.itemListView.-berita,
.itemListView.-multimedia,
.itemView.-berita,
.itemView.-multimedia,
.itemView.-profil,
.genericView,
.tagView
{
	margin: 25px;
}
/*================================== ITEM 2 KOLOM ==*/
.itemView.-berita .boxItem-M,
.itemView.-multimedia .boxItem-M
{
	float: none;
	width: 100%;
}
.itemView.-berita .boxItem-R,
.itemView.-multimedia .boxItem-R
{
	overflow: inherit;
	width: 100%;
}
/*================================================================== GENERAL  ==*/

.itemView.-general.clientList ul, .itemView.-multimedia ul.listClientMpi {
	margin: 0px 0 0 0px;
	padding: 0px;
	columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
	list-style: none;
}
.itemView.-general.clientList ul li, .itemView.-multimedia ul.listClientMpi li {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #ddd;
	border-left: 5px solid #022f8e;
	background: #fff;
	font-size: 100%;
	font-weight: 500;
}
/*================================================================== List Content kanan ==*/
.moduletable-listKanan {
	margin: 30px 0;
	border:  1px solid #ddd;
	padding: 30px;
	background:  #fff;
}
.moduletable-listKanan.noEmbeded {
	margin-right: 0px;
}

/*================================================================== BERITA  ==*/
.itemListView.-berita .itemList {
	border: 0px solid #f00;
}
.itemListView.-berita .itemContainer {
	border: 1px solid #ccc;
	background: #f6f6f6;
	padding:  0px;
	margin: 0 0 25px 0;
}
.itemListView.-berita .boxListConten-L {
	float: none;
	width: 100%;
}
.itemListView.-berita .boxImage {
	margin: -1px;
}
.itemListView.-berita .boxImage .imgContent {
	height: 180px;
}
.itemListView.-berita .boxListConten-R {
	border:  0px solid #f00;
	padding:  30px;
	overflow: hidden;
}
.itemListView.-berita .boxHeader {
	margin: 0px 0px 20px 0px;
}
.itemListView.-berita .boxHeader h2 {
	margin: 0px 0px 0px 0px;
	letter-spacing: 0.5px;
	font-size: 18px;
}
.itemListView.-berita .boxBody {
	margin: 0px 0px 20px 0px;
}
.itemListView.-berita .boxIntroText {
}
/*================================================================== MULTIMEDIA  ==*/
.itemListView.-multimedia .itemList {
	margin: 0 0 0 0px;
	border: 0px solid #f00;
}
.itemListView.-multimedia .itemContainer {
	margin: 0px 0 0 0px;
	padding: 0px;
	float: none;
}
.itemListView.-multimedia .itemContainer { width: 100%; list-style: none; }
.itemListView.-multimedia .itemContainer:nth-of-type(n) { clear: none; }
.itemListView.-multimedia .itemContainer:nth-of-type(1n+1) { clear: both;}
.itemListView.-multimedia .catItemView {
	margin: 0px 0px 30px 0px;
}
.itemListView.-multimedia .boxListConten-L {
	position: relative;
}
.itemListView.-multimedia .boxImage {
}
.itemListView.-multimedia .boxImage .imgContent {
	height: 180px;
}
.itemListView.-multimedia .boxListConten-R {
	padding: 20px;
}
.itemListView.-multimedia .boxHeader {
	margin: 0px 0px 20px 0px;
}
.itemListView.-multimedia .boxHeader h2 {
	margin: 0px 0px 0px 0px;
	letter-spacing: 0.5px;
}
.itemListView.-multimedia .boxBody {
	margin: 0px 0px 20px 0px;
}
.itemListView.-multimedia .boxIntroText {
	line-height: 24px;
	font-size: 110%;
}
.itemView.-multimedia ul.sigProResponsive {
	margin: 30px 0 0 -5px !important;
	padding: 0px 0px 0px 0px !important;
}
.itemView.-multimedia ul.sigProResponsive li.sigProThumb span.sigProLinkOuterWrapper { 
	display: block; margin: 0px 0px 5px 5px;
}
.itemView.-multimedia ul.sigProResponsive li.sigProThumb a.sigProLink {
color:#b7dafc; background-color:#fff; border:0px solid #fff; -webkit-transition: 200ms all ease-in; -moz-transition: 200ms all ease-in; transition: 200ms all ease-in;
}
.itemView.-multimedia ul.sigProResponsive li.sigProThumb a.sigProLink:hover {
	color:#333; text-decoration:none; background-color:#fff; border:0px solid #666;
	}
.itemView.-multimedia .large-block-grid-4 > li { width: 33.333%; list-style: none; }
.itemView.-multimedia .large-block-grid-4 > li:nth-of-type(n) { clear: none; }
.itemView.-multimedia .large-block-grid-4 > li:nth-of-type(3n+1) { clear: both;}
.itemView.-multimedia ul.sigProResponsive span.sigProPseudoCaption {
	padding: 0px;
}
/*================================================================== MODULE ITEM H3 ==*/
.custom-shareContent, .boxItemTags, .itemRelated
{
	margin: 50px 0;
	border:  1px solid #ddd;
	background: #f6f6f6;
	padding: 20px;
}
/* ----------------------------- latest author n related item --- */
.authorLatest,
.itemRelated
{
	margin: 50px 0px;
}
.authorLatest ul.listItem,
.itemRelated ul.listItem
{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul.listItem li.listItemLi {
	margin: 0px 0 0 0px;
	padding: 0px;
	float: left;
}
ul.listItem li.listItemLi { width: 100%; list-style: none; }
ul.listItem li.listItemLi:nth-of-type(n) { clear: none; }
ul.listItem li.listItemLi:nth-of-type(1n+1) { clear: both;}
ul.listItem li.listItemLi .listItemLiIn {
	margin: 0 0 30px 0px;
}
.relatedImage {
	margin: 0 0 10px 0;
	border: 0px solid #fff;
}
.relatedImage .imgContent {
	height: 100px;
}
.itemRelated h4 {
	font-size: 16px;
}
/* ====================================== BERITA KANAN */
.moduletable-newsModStyle.beritaKanan  {
	padding: 0px;
	margin: 0px 0 50px 0;
	position: relative;
	border: 0px solid #ddd;
}
.moduletable-newsModStyle.beritaKanan ul.ulMod li:nth-of-type(1) .mod-boxR {
	min-height: inherit;
}
/*================================================================== KONTENT TERKAIT ==*/
.moduletable-kontenTerkait  {
	margin: 50px 25px;
}
.moduletable-kontenTerkait ul.ulMod {
	margin: 0px 0 0 -10px;
	padding: 0px;
	list-style: none;
}
.moduletable-kontenTerkait ul.ulMod li {
	margin: 0px 0 0 0px;
	padding: 0px;
	float: left;
}
.moduletable-kontenTerkait ul.ulMod > li { width:50%; list-style: none; }
.moduletable-kontenTerkait ul.ulMod > li:nth-of-type(n) { clear: none; }
.moduletable-kontenTerkait ul.ulMod > li:nth-of-type(2n+1) { clear: both;}
.moduletable-kontenTerkait .luModin{
	margin: 0 0px 30px 10px;
}
.moduletable-kontenTerkait .boxImage .imgContent {
	height: 100px;
}
.moduletable-kontenTerkait .mod-boxR h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 0px 0 10px 0;
}
.moduletable-kontenTerkait .mod-boxR h4:before {
	width:20%;
}
/*================================================================== BOT ==*/
.boxBot {
	padding:30px 30px;
}
.boxFoot {
	padding: 10px 30px;
}
/*==================================== contact us ==*/
.moduletable-contactUs {
	padding: 0px 0px 0px 0px;
}
.moduletable-contactUs ul {
	margin: 0px;
	padding: 30px 0 0 0;
	list-style: none;
}

/*======================== copyR ==*/
.moduletable-copyR {
	padding: 20px 0px 90px 0px;
	color: #ccc;
	font-size: 80%;
	line-height: normal;
}
.moduletable-copyR p {
	margin: 0px;
}

/*========================================== ======================== ====== ABOUT Footer ==*/
.moduletable-aboutFooter {
	margin: 0px 0px 0px 0px;
}
.moduletable-aboutFooter img {
	width: 100px;
}
	
/* =================================================== KECIL END */
}


/* =================================================== SEDANG */
@media (min-width: 641px) and (max-width: 1024px) {
	
ul.-topBox > li > a:link, ul.-topBox > li > a:visited {
	color: #fff;
	padding: 20px 20px 20px 0px;
	border: 0px solid #f00;
}
	
.moduletable-mediaModStyle ul.ulMod > li { width:33.333333%; list-style: none; }
.moduletable-mediaModStyle ul.ulMod > li:nth-of-type(n) { clear: none; }
.moduletable-mediaModStyle ul.ulMod > li:nth-of-type(3n+1) { clear: both;}
	
	
/* =================================================== SEDANG END */
}