@media (max-width: 1200px) {

}

@media (max-height: 600px) {
.mobile-only{display:block;}
.desktop-only{display:none;}
.main-content{left:20px;right:20px;bottom:20px;}
.custom-2-only .main-content{left:0;right:0;bottom:0;}
.back-home{bottom:20px;top:80px;height:calc(100vh - 230px) !important;}
.menu-desktop{display:none;}
.headerpage{height:80px;}
.headerpage-inner{padding:10px 0;}
.custom-1-only .headerpage-inner{margin:0 20px !important;}
.custom-2-only .headerpage-inner{margin:0 0;}
.logo1, .logo2{top:10px;}
.logo1{left:20px;position:fixed;}
.logo1 img, .logo2 img{height:60px;}
.header-right{display:none;}
.menu{top:80px;height:auto;left:0;bottom:0;width:100%;z-index:199;}
.menu-items{
	position:absolute;
	top:auto;
	bottom:0;
	width:100%;
	text-align:left;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	z-index:99;
	background: rgb(0,178,221);background: -moz-linear-gradient(90deg, #000 30%, #001b32 90%);background: -webkit-linear-gradient(90deg, #000 30%, #001b32 90%);background: linear-gradient(90deg, #000 30%, #001b32 90%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b2dd",endColorstr="#001b32",GradientType=1);
	display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
.section{z-index:900;top:80px;}
.section.active{z-index:900;}
.menu-items > ul{width:50%;background:transparent}
.menu-items > ul > li{margin:10px 0;line-height:30px;height:30px;color:#fff;font-size:90%;}
.menu-items > ul > li img{width:30px;height:30px;margin:0 5px 0 0;}
.back-home:after{display:none;}
.mobile-menu {display: block;}
.nav-mobile {display: block;}
.body-home{left:0;right:0;padding:40px 10px;}
.section:after{display:none;}
.close-menu .menu{
	top:5px;
	left:10px;
	height:30px;
	bottom:auto;
	width:30px;
	margin:auto;
}
.close-menu .menu-items{
	position:absolute;
	top:50%;
	width:30px;
	height:30px;
	text-align:left;
	background:#919191;
	border-radius:30px;
	border:none;
	-webkit-transform:translate3d(0, -50%, 0);
	-moz-transform:translate3d(0, -50%, 0);
	-ms-transform:translate3d(0, -50%, 0);
	-o-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0);
	z-index:99;
}
.close-menu .menu-items > ul{width:100%;background:transparent;}
.profile-left{width:100%;float:left;margin:0 0 20px;}
.profile-right{width:100%;float:left;text-align:center;}
.column-4{width:50%;}
.column-2{width:100%;}
.column-3, .column-6{width:50%;}
.category-style .column-3, .grafis-style .column-3{width:100%;}
.footer-left{width:100%;float:left;margin:0 0 30px;}
.footer-center{width:100%;float:left;margin:0 0 30px;}
.footer-right{width:100%;float:right;}
.profile-box{padding:5px;}
.profile-box img{width:50px;height:50px;}

.gridview, .flat-page-style .gridview, .doc-style .gridview, .grafis-style .gridview, .standar-page-style .gridview, .style2-grid .gridview{position:relative;margin:0 0;display:block;width:100%;float:left;}
.gridview-margin{margin:0 0 0 0;}
.style2-grid .gridview-margin{margin:0;}
.sidebarright, .flat-page-style .sidebarright, .doc-style .sidebarright, .grafis-style .sidebarright, .standar-page-style .sidebarright, .style2-grid .sidebarright {position:relative;margin:0 0;display:block;width:100%;float:left !important;margin:0;}
.sidebarright ul, .flat-page-style .sidebarright ul, .style2-grid .sidebarright ul {list-style: none;margin:0;padding: 0;position:relative;overflow:hidden;}
.sidebarright ul, .flat-page-style .sidebarright ul, .doc-style .sidebarright ul, .grafis-style .sidebarright ul, .standar-page-style .sidebarright ul, .standar-doc-style .sidebarright ul, .standar-grafis-style .sidebarright ul, .standar-figure-style .sidebarright ul, .home-style2 .sidebarright ul, .style2-grid .sidebarright ul {position: relative !important;top:0;}

.left-sticky .gridview{position:relative;margin:0 0;display:block;width:100%;float:left;}
.left-sticky .gridview-margin{margin:0;}
.left-sticky .sidebarright {position:relative;margin:0 0;display:block;width:100%;float:left !important;margin:0;}
.left-sticky .sidebarright ul {list-style: none;margin:0;padding: 0;position:relative;overflow:hidden;max-width:100%;}
.left-sticky .sidebarright ul, .body-home2 .left-sticky .sidebarright ul {position: relative !important;top:0;}

.harga-row, .harga-row2, .harga-row p, .harga-nilai, .harga-update, .harga-status{font-size:85%;}

.harga-row h3{font-size:85%;font-weight:normal;}
.harga-title{font-size:85%;height:40px;}
.harga-title img{width:30px;min-width:30px;height:30px;padding:2px;}
.document-row{margin:0 20px 20px;width:calc(100% - 20px);}
.hover-style .document-row{margin:0 0 20px;width:100%;}
.left-icon{width:50px;min-width:50px;height:50px;}
.document-row h2{font-weight:normal;}
.custom-1-only .image-height-middle, .custom-2-only .image-height-middle{padding-bottom:100%;}
.next-news-title h2{font-weight:normal;margin:5px 5px 10px;}
.body-margin-flat{margin:30px 10px;}
.category-style .image-height-middle2{padding-bottom:70%;}
.margin-min10{margin:0 -5px;}
.padding-leftright10{padding:0 5px;}
.category-title h2{font-weight:normal;color:#fff;font-size:85%;}
.cover-black-gradient{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.85;background: rgba(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.max-column{width:100%;margin:0 auto;}
.personal-box{padding-bottom:130%;}
.grafis-style .personal-box{padding-bottom:90%;}
.category-style .personal-box{padding-bottom:170%;}
.sidebarright .head-right{margin-top:30px;}
.personil-left{width:30%;float:left;}
.personil-right{width:70%;float:right;}
.document-inner{width:80%;margin:0 auto;}
.video-flat-style .body-margin-flat{margin:30px 10px 30px;}
.video-flat-style .reactions {width:100%;margin:0 auto;}
.margin-footer-video{margin:0 20px 0 0;}
.margin-footer-video .copyright p{background:#313131;color:#bdbdbd;}
.content-head h1{font-size:120%;}
.figure-style .content-head h1{font-size:120%;}
.margin-footer-default{margin:0 20px;}
.body-home2{margin:80px 0 0;}

.slide-body{margin-bottom:30px !important;}
.slide-body-inner{width:90%;margin:0 auto;z-index:2;height:auto;}
.container-slide{position:relative;margin:0 auto;top:0px;left:0px;width:1000px;height:750px;overflow:hidden;}
.slide-left-image{width:100%;}
.title-slide-line{display:none;}
.title-slide{height:auto;width:100%;position: absolute;top:auto;bottom:0;right:0;margin:0 ;background:rgba(0,0,0,0.6);}
.title-slide-inner{position: relative;top:auto;right:0;left:0;margin:40px;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index:10 !important;}
.title-slide h2{font-size:240%;margin:0 0 5px;padding:0 0 0 5px;color:#dbdbdb;border-left:#ffba00 5px solid;}
.title-slide h3{font-size:240%;color:#dbdbdb;margin:0 0 5px;}
.title-slide h1{font-size:320%;margin:0 0 15px;color:#fff;font-weight:normal;}
.slide-body:after{height:100px;z-index:1;}
.standar-profile:after{display:none;}
.profile-right2{width:100%;float:left;position:relative;margin:0 0 20px;}
.profile-left2{position:relative;left:0;top:0;width:100%;height:auto;float:left;}
.profile-left2-inner{position: relative;width:100%;float:left;top:auto;left:0;right:0;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.leader-title h2{margin:0 10px 0 0;padding:0 0 0;line-height:1.3;color:#414141;}
.admin-style{margin:0 20px;}
.mobile-only .border-image{margin:0 !important;}
.border-image{padding:4px 4px 0;}
.margin-min5{margin:0 -2px;}
.padding-leftright5{padding:0 2px;}
.image-2-only{margin:0 0 5px;}
.image-3-only{margin:0 0 5px;}
.image-1-only{margin:0 auto 5px;}
.image-default{margin:0 0 5px;}
.cb-slideshow li div {bottom:30px;left:0;}
.cb-slideshow li div h3{font-size:90%;color:#fff;margin:0 15px;line-height:1.2;padding:0;font-weight:normal;}
.cb-slideshow li div h2{font-size:100%;color:#ffe153;margin:0 10px;padding:7px;font-weight:normal;letter-spacing:0;}
.custom-1-only .profile h2{font-size:90%;}
.custom-1-only .profile h3{font-size:90%;margin:0 15px 15px;}
.custom-1-only .profile h4{font-size:90%;margin:10px;}
.image-window>div {width:90%;left:5%;}
.image-close {right:50%;text-decoration:none;top:-15px;margin-right:-15px;}

.categoryhead-singlesub h2{font-size:110%;}
.categoryhead-multisub h1{font-size:110%;}
::-webkit-scrollbar{
	background:transparent;
	-webkit-box-shadow:none;
	box-shadow:none;
	width:0;
	height:0;
}
::-webkit-scrollbar-thumb{
	border:none;
	background:transparent;
}
::-webkit-scrollbar-thumb:hover{
	background:transparent;
}
.withscroll {overflow-y: scroll;scrollbar-color:transparent;}
.withscroll::-webkit-scrollbar {width:0;}
.withscroll::-webkit-scrollbar-track {background:transparent);}
.withscroll::-webkit-scrollbar-thumb {background:transparent;}
.image-window2>div {width:90%;left:5%;position:absolute;top:120px;bottom:30px;}
.video-height{height:260px;}
.video-flat-style .body-home-inner{width:100%;margin:0;}
.reactions .col-reaction {width:33.333333%;}
.colors{
	float:left;
	width:100%;
	margin:60px 0 20px;
	text-align:center !important;
	z-index:9999 !important;
}
.colors > a{
	height:auto;
	color:#bdbdbd;
	line-height:1.2;
	font-size:100%;
	padding:10px 10px;
	margin:0 auto;
	text-align:center !important;
	display:block;
}
div#box{
		background:transparent !important;
		width:80%;
		left:10%;
		height:60%;
		position:absolute;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);
		-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
	}
}



@media all and (orientation:portrait){
.mobile-only{display:block;}
.desktop-only{display:none;}
.main-content{left:20px;right:20px;bottom:20px;}
.custom-2-only .main-content{left:0;right:0;bottom:0;}
.back-home{bottom:20px;top:80px;height:calc(100vh - 230px) !important;}
.menu-desktop{display:none;}
.headerpage{height:80px;}
.headerpage-inner{padding:10px 0;}
.custom-1-only .headerpage-inner{margin:0 20px !important;}
.custom-2-only .headerpage-inner{margin:0 0;}
.logo1, .logo2{top:10px;}
.logo1{left:20px;position:fixed;}
.logo1 img, .logo2 img{height:60px;}
.header-right{display:none;}
.menu{top:80px;height:auto;left:0;bottom:0;width:100%;z-index:199;}
.menu-items{
	position:absolute;
	top:auto;
	bottom:0;
	width:100%;
	text-align:left;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	z-index:99;
	background: rgb(0,178,221);background: -moz-linear-gradient(90deg, #000 30%, #001b32 90%);background: -webkit-linear-gradient(90deg, #000 30%, #001b32 90%);background: linear-gradient(90deg, #000 30%, #001b32 90%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b2dd",endColorstr="#001b32",GradientType=1);
	display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
.section{z-index:900;top:80px;}
.section.active{z-index:900;}
.menu-items > ul{width:50%;background:transparent}
.menu-items > ul > li{margin:10px 0;line-height:30px;height:30px;color:#fff;font-size:90%;}
.menu-items > ul > li img{width:30px;height:30px;margin:0 5px 0 0;}
.back-home:after{display:none;}
.mobile-menu {display: block;}
.nav-mobile {display: block;}
.body-home{left:0;right:0;padding:40px 10px;}
.section:after{display:none;}
.close-menu .menu{
	top:5px;
	left:10px;
	height:30px;
	bottom:auto;
	width:30px;
	margin:auto;
}
.close-menu .menu-items{
	position:absolute;
	top:50%;
	width:30px;
	height:30px;
	text-align:left;
	background:#919191;
	border-radius:30px;
	border:none;
	-webkit-transform:translate3d(0, -50%, 0);
	-moz-transform:translate3d(0, -50%, 0);
	-ms-transform:translate3d(0, -50%, 0);
	-o-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0);
	z-index:99;
}
.close-menu .menu-items > ul{width:100%;background:transparent;}
.profile-left{width:100%;float:left;margin:0 0 20px;}
.profile-right{width:100%;float:left;text-align:center;}
.column-4{width:50%;}
.column-2{width:100%;}
.column-3, .column-6{width:50%;}
.category-style .column-3, .grafis-style .column-3{width:100%;}
.footer-left{width:100%;float:left;margin:0 0 30px;}
.footer-center{width:100%;float:left;margin:0 0 30px;}
.footer-right{width:100%;float:right;}
.profile-box{padding:5px;}
.profile-box img{width:50px;height:50px;}

.gridview, .flat-page-style .gridview, .doc-style .gridview, .grafis-style .gridview, .standar-page-style .gridview, .style2-grid .gridview{position:relative;margin:0 0;display:block;width:100%;float:left;}
.gridview-margin{margin:0 0 0 0;}
.style2-grid .gridview-margin{margin:0;}
.sidebarright, .flat-page-style .sidebarright, .doc-style .sidebarright, .grafis-style .sidebarright, .standar-page-style .sidebarright, .style2-grid .sidebarright {position:relative;margin:0 0;display:block;width:100%;float:left !important;margin:0;}
.sidebarright ul, .flat-page-style .sidebarright ul, .style2-grid .sidebarright ul {list-style: none;margin:0;padding: 0;position:relative;overflow:hidden;}
.sidebarright ul, .flat-page-style .sidebarright ul, .doc-style .sidebarright ul, .grafis-style .sidebarright ul, .standar-page-style .sidebarright ul, .standar-doc-style .sidebarright ul, .standar-grafis-style .sidebarright ul, .standar-figure-style .sidebarright ul, .home-style2 .sidebarright ul, .style2-grid .sidebarright ul {position: relative !important;top:0;}

.left-sticky .gridview{position:relative;margin:0 0;display:block;width:100%;float:left;}
.left-sticky .gridview-margin{margin:0;}
.left-sticky .sidebarright {position:relative;margin:0 0;display:block;width:100%;float:left !important;margin:0;}
.left-sticky .sidebarright ul {list-style: none;margin:0;padding: 0;position:relative;overflow:hidden;max-width:100%;}
.left-sticky .sidebarright ul, .body-home2 .left-sticky .sidebarright ul {position: relative !important;top:0;}

.harga-row, .harga-row2, .harga-row p, .harga-nilai, .harga-update, .harga-status{font-size:85%;}

.harga-row h3{font-size:85%;font-weight:normal;}
.harga-title{font-size:85%;height:40px;}
.harga-title img{width:30px;min-width:30px;height:30px;padding:2px;}
.document-row{margin:0 20px 20px;width:calc(100% - 20px);}
.hover-style .document-row{margin:0 0 20px;width:100%;}
.left-icon{width:50px;min-width:50px;height:50px;}
.document-row h2{font-weight:normal;}
.custom-1-only .image-height-middle, .custom-2-only .image-height-middle{padding-bottom:100%;}
.next-news-title h2{font-weight:normal;margin:5px 5px 10px;}
.body-margin-flat{margin:30px 10px;}
.category-style .image-height-middle2{padding-bottom:70%;}
.margin-min10{margin:0 -5px;}
.padding-leftright10{padding:0 5px;}
.category-title h2{font-weight:normal;color:#fff;font-size:85%;}
.cover-black-gradient{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.85;background: rgba(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.max-column{width:100%;margin:0 auto;}
.personal-box{padding-bottom:130%;}
.grafis-style .personal-box{padding-bottom:90%;}
.category-style .personal-box{padding-bottom:170%;}
.sidebarright .head-right{margin-top:30px;}
.personil-left{width:30%;float:left;}
.personil-right{width:70%;float:right;}
.document-inner{width:80%;margin:0 auto;}
.video-flat-style .body-margin-flat{margin:30px 10px 30px;}
.video-flat-style .reactions {width:100%;margin:0 auto;}
.margin-footer-video{margin:0 20px 0 0;}
.margin-footer-video .copyright p{background:#313131;color:#bdbdbd;}
.content-head h1{font-size:120%;}
.figure-style .content-head h1{font-size:120%;}
.margin-footer-default{margin:0 20px;}
.body-home2{margin:80px 0 0;}

.slide-body{margin-bottom:30px !important;}
.slide-body-inner{width:90%;margin:0 auto;z-index:2;height:auto;}
.container-slide{position:relative;margin:0 auto;top:0px;left:0px;width:1000px;height:750px;overflow:hidden;}
.slide-left-image{width:100%;}
.title-slide-line{display:none;}
.title-slide{height:auto;width:100%;position: absolute;top:auto;bottom:0;right:0;margin:0 ;background:rgba(0,0,0,0.6);}
.title-slide-inner{position: relative;top:auto;right:0;left:0;margin:40px;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index:10 !important;}
.title-slide h2{font-size:240%;margin:0 0 5px;padding:0 0 0 5px;color:#dbdbdb;border-left:#ffba00 5px solid;}
.title-slide h3{font-size:240%;color:#dbdbdb;margin:0 0 5px;}
.title-slide h1{font-size:320%;margin:0 0 15px;color:#fff;font-weight:normal;}
.slide-body:after{height:100px;z-index:1;}
.standar-profile:after{display:none;}
.profile-right2{width:100%;float:left;position:relative;margin:0 0 20px;}
.profile-left2{position:relative;left:0;top:0;width:100%;height:auto;float:left;}
.profile-left2-inner{position: relative;width:100%;float:left;top:auto;left:0;right:0;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.leader-title h2{margin:0 10px 0 0;padding:0 0 0;line-height:1.3;color:#414141;}
.admin-style{margin:0 20px;}
.mobile-only .border-image{margin:0 !important;}
.border-image{padding:4px 4px 0;}
.margin-min5{margin:0 -2px;}
.padding-leftright5{padding:0 2px;}
.image-2-only{margin:0 0 5px;}
.image-3-only{margin:0 0 5px;}
.image-1-only{margin:0 auto 5px;}
.image-default{margin:0 0 5px;}
.cb-slideshow li div {bottom:30px;left:0;}
.cb-slideshow li div h3{font-size:90%;color:#fff;margin:0 15px;line-height:1.2;padding:0;font-weight:normal;}
.cb-slideshow li div h2{font-size:100%;color:#ffe153;margin:0 10px;padding:7px;font-weight:normal;letter-spacing:0;}
.custom-1-only .profile h2{font-size:90%;}
.custom-1-only .profile h3{font-size:90%;margin:0 15px 15px;}
.custom-1-only .profile h4{font-size:90%;margin:10px;}
.image-window>div {width:90%;left:5%;}
.image-close {right:50%;text-decoration:none;top:-15px;margin-right:-15px;}

.categoryhead-singlesub h2{font-size:110%;}
.categoryhead-multisub h1{font-size:110%;}
::-webkit-scrollbar{
	background:transparent;
	-webkit-box-shadow:none;
	box-shadow:none;
	width:0;
	height:0;
}
::-webkit-scrollbar-thumb{
	border:none;
	background:transparent;
}
::-webkit-scrollbar-thumb:hover{
	background:transparent;
}
.withscroll {overflow-y: scroll;scrollbar-color:transparent;}
.withscroll::-webkit-scrollbar {width:0;}
.withscroll::-webkit-scrollbar-track {background:transparent);}
.withscroll::-webkit-scrollbar-thumb {background:transparent;}
.image-window2>div {width:90%;left:5%;position:absolute;top:120px;bottom:30px;}
.video-height{height:260px;}
.video-flat-style .body-home-inner{width:100%;margin:0;}
.reactions .col-reaction {width:33.333333%;}
.colors{
	float:left;
	width:100%;
	margin:60px 0 20px;
	text-align:center !important;
	z-index:9999 !important;
}
.colors > a{
	height:auto;
	color:#bdbdbd;
	line-height:1.2;
	font-size:100%;
	padding:10px 10px;
	margin:0 auto;
	text-align:center !important;
	display:block;
}
div#box{
		background:transparent !important;
		width:80%;
		left:10%;
		height:60%;
		position:absolute;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);
		-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
	}
}