@media screen and (max-width:1160px){
ul.main-menu li a {padding:0 15px;}
}
@media screen and (max-width:1024px){
ul.main-menu li a {padding:0 10px;}
}
@media screen and (max-width:800px){
.cd-main-content {
  min-height: 100%;
  position: relative;
  background-color: #fff;
  z-index: 2;
  padding-top: 56px;
}
/*
.cd-main-content.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
*/
header {
  position:fixed;
  top: 0;
  left: 0;
  right:0;
  height: 56px;
  width: 100%;
  background:#fff;
  z-index:32;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
header.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
header.is-fixed {position: fixed;}
#cd-logo {padding:13px 15px;height:56px;display:block;float:left;}
#cd-logo h1.title{float:left; font-size:24px; line-height:56px;}
#cd-logo img {display: block;height:45px;}
#cd-top-nav {position: absolute;top: 0;right: 120px;height: 100%;display: none;}
#cd-top-nav ul {height: 100%;padding-top: 18px;}
#cd-top-nav li {display: inline-block;margin-right: 1em;}
#cd-top-nav a {
  display: inline-block;
  padding: .5em;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}
#cd-top-nav a.current {
  background-color: #111;
}
.no-touch #cd-top-nav a:hover {
  color: rgba(255, 255, 255, 0.7);
}

#cd-menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 56px;
}

#cd-menu-trigger .cd-menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 600;
  display: none;
}
#cd-lateral-nav .cd-navigation li.search{margin:0; height:auto; position:relative; padding:15px; background:#ff7f00;}
#cd-lateral-nav .cd-navigation li.search .search-mobile{padding:5px 46px 5px 10px; width:100%; height:40px; border:none; font-size:16px; border-radius:4px;}
#cd-lateral-nav .cd-navigation li.search .btn-search{width:40px; height:40px; position:absolute;  top:15px; right:15px; text-align:center; background:transparent; color:#333; padding:0; border:none; display:flex; align-items:center; justify-content:center;}

#cd-menu-trigger .cd-menu-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color:#303382 ;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom:6px;
}
#cd-menu-trigger .cd-menu-icon::after {
  top:6px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: #303382 ;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top:0;
  bottom:0;
  padding:56px 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index:21;
  width:280px;
  background-color:#f8f8f8;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
#cd-lateral-nav .cd-navigation {
  margin:0 0 30px 0;
  list-style:none; list-style-position:inside; padding:0;
}
#cd-lateral-nav .sub-menu {
  padding: 0;
  display: none;
  list-style:none; list-style-position:inside;
  border:none !important;
}
#cd-lateral-nav .sub-menu  li{
  padding:0;
}
#cd-lateral-nav a {
  display: block;
  padding:16px;
  color:#00a2ea;
  position:relative;
  font-weight:600;
  text-transform:normal;
  font-size:16px;
  border-top:1px solid #eee;
}
#cd-lateral-nav .cd-navigation li:first-child a{border-top:none;}
#cd-lateral-nav a.current {background-color:#303382;color: #fff;}
.no-touch #cd-lateral-nav a:hover {
  background:#111;color:#999;
}
#cd-lateral-nav .sub-menu a, .sub-menu li:first-child{border:none !important;}
#cd-lateral-nav .sub-menu a, .sub-menu li{padding:15px 30px;}
#cd-lateral-nav.lateral-menu-is-open {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
visibility: visible;
-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
transition: transform .4s 0s, visibility 0s 0s;
-webkit-overflow-scrolling: touch;
box-shadow: 1px 1px 12px rgba(0,0,0,0.3);
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  /* this is the right arrow to show that the item has a submenu  */
}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top:47%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right:20px;
 content:'\f105'; 
 font-family: 'FontAwesome';
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.hide_desktop{display:block; visibility:visible;}
.hide_mobile{display:none; visibility:hidden; height:0;}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}
#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top:0;
  left:0;
  bottom:0;
  padding:56px 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index:21;
  width:100%;
  background-color:#fff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
#slide_01 .slick-dots{height:30px;}
.topslider-thumb .topslider-title-box{left:15px; right:15px;}
.topslider-thumb .topslider-title-box h2.title{font-size:30px; line-height:34px; text-align:center; margin-bottom:0;}
.box-bisnis{padding:0;}
ul.list-bisnis{padding:0 15px;}
ul.list-bisnis li{width:100%;}
.box-founder .founder-left{width:100%; float:none; }
.box-founder .founder-left img{width:100%; height:auto; margin:0 auto;}
.box-founder .founder-right{width:100%; float:none;}
.box-founder .founder-right .box-text{position:inherit; top:0; left:0; right:0;background:#fff; z-index:2;padding:30px;}

ul.list-services li{width:100%; float:none; height:auto;}
ul.list-services li .cover-serv {width:100%; height:auto;}
ul.list-services li .cover-serv img{width:100%; height:auto;}

.footer .footer-in .logow{width:100%; float:none; margin-bottom:30px;}
.footer .footer-in .logow img{width:auto; height:100px; margin:0 auto;}
.footer .footer-in .address{width:100%; float:none; margin-bottom:30px;}
.footer .footer-in .address p{font-size:14px; line-height:18px; color:#fff; font-weight:300; text-align:center;}
.footer .footer-in .sosmed{width:100%; float:none;}
.footer .box-copy{background:#202470; width:100%; padding:10px 15px;}
.footer .box-copy p.copy{text-align:center;}
 ul.sosmed-page{justify-content:center;}
.box-history .history-in{padding:15px;}
ul.list-leader li, ul.list-leader li:nth-child(2),ul.list-leader li:nth-child(3){width:100%;}
ul.list-leader li .fotos{float:none; margin:15px auto;}
ul.list-leader li .text-fotos{text-align:center;}

.slider-kanal .top-teks h1.title-slider{font-size:30px; line-height:34px; padding:0 15px; margin-bottom:0;}
.slick-dots{height:30px;}

.detail-business .detail-business-left{width:100%; float:none; padding-right:0;}
.detail-business .detail-business-left .logo-business{width:100%; height:auto; margin:0 auto;}
.detail-business .detail-business-left .logo-business img{width:200px; height:auto; margin:0 auto;}
.detail-business .detail-business-right{width:100%; overflow:hidden; margin-top:30px;}
.detail-business .detail-business-right p{ text-align:justify;font-size:16px; line-height:22px;}

.artikel .main-foto img{padding:0;}
.artikel h1.main-title{font-size:30px; line-height:34px;}

.page-contact-left, .page-contact-center, .page-contact-right{width:100%; float:none; margin-bottom:15px;}
.front-contact .front-contact-left{width:100%; float:none;}
.front-contact .front-contact-right{width:100%; float:none;}
.box-form-contact{padding:15px;min-height:30px; margin-top:30px;}
.form-left{width:100%; float:none; padding:0; margin:0;}
.form-right{width:100%; float:none; padding:0; margin:0;}
.box-detail-foto{padding:0;}
.box-detail-foto .pagingInfo{right:0;}
	ul.list-foto li{width:100%;}
	ul.list-foto li h2.title-foto{margin:0; font-size:18px;}
	
.kanalname-career h2.title {
    padding-left: 0.2rem;
	font-size:30px;
	line-height:0;
}
.kanalname-career {
    padding: 0;
	min-height:40px;
}
}
@media screen and (max-width:780px){
h1.titlebox{font-size:40px; line-height:44px;}
ul.list-news li .foto-news{width:100%;float:none; }
ul.list-news li .text-news{width:100%; padding:15px;min-height:100px; display:block;}
ul.list-news li .text-news h2.title-news{font-size:18px; line-height:24px; margin:0 0 15px 0;}
ul.list-news li .foto-news img{width:100%; height:auto;}
.topslider-thumb .topslider-title-box h3.title{font-size:18px; line-height:24px;}
.topslider-thumb.for-news .topslider-title-box{padding:15px 15px 30px 15px; height:auto;}

.topslider-thumb.for-news2{margin:0 auto;}
.topslider-thumb.for-news2 .topslider-title-box{width:100%;float:none; min-height:inherit;padding:15px;}
.topslider-thumb.for-news2 .topslider-cover{width:100%; margin:0; float:none; min-height:inherit;}

ul.list-news2 li{width:100%; padding-top:0;}
ul.list-news2 li .text-news{min-height:inherit;}
ul.list-news2 li .foto-news img{width:100%; height:auto;}
ul.list-news2 li .text-news h2.title-news{text-overflow: inherit;max-height: inherit;-webkit-line-clamp: inherit;}

ul.list-foto li .text-foto{height:auto;}
.topslider-thumb.for-news{border:none;}
}
@media screen and (max-width:450px){
	
}