@media only screen and (max-width:800px) {
.hide_desktop{display:block !important; visibility:visible;}
.hide_mobile{display:none !important; visibility:hidden;}
#cd-lateral-nav::-webkit-scrollbar {width:6px; background:rgba(255,255,255,0.1);}
#cd-lateral-nav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
#cd-lateral-nav::-webkit-scrollbar-thumb {background-color:var(--dark_gray);}
#cd-lateral-nav::-webkit-scrollbar:horizontal {height:6px;}
#cd-lateral-nav::-webkit-scrollbar:vertical {width:6px;}
#cd-menu-trigger {position:absolute;right:0;top:0;width:46px; height:56px; display:block;}
#cd-menu-trigger .cd-menu-text {height: 100%;color:var(--black);font-weight: 600;display: none}	
#cd-menu-trigger .cd-menu-icon {
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: var(--white);
}
#cd-menu-trigger .teksmenu{ position: absolute;
font-size: 12px;
left: 25px;
top: -7px;}
#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: transparent
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before,
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
background-color: var(--white); 
}
#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%;
left: 0;
top:0;
padding-top:56px;
padding-bottom:56px;
visibility: hidden;
/* the secondary navigation is covered by the main element */
z-index:5;
width:100%;
background-color:var(--white);
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%);
}
#cd-lateral-nav .cd-navigation {margin:0;list-style:none; list-style-position:inside; padding:0;width:100%;}
#cd-lateral-nav .sub-menu {padding: 0;display: none;list-style:none; list-style-position:inside;border:none !important;}
#cd-lateral-nav ul li a {overflow:hidden;padding:12px 16px;color:var(--blue);position:relative; font-size:16px; font-weight:500; display:flex;}
#cd-lateral-nav a:hover{color:var(--blue2);}
#cd-lateral-nav a.current {color: var(--orange);}
.no-touch #cd-lateral-nav a:hover {color:var(--gray); background:var(--blue);}
#cd-lateral-nav .sub-menu a, .sub-menu li:first-child{border:none !important;}
#cd-lateral-nav .sub-menu a, .sub-menu li{padding:10px 40px;}
#cd-lateral-nav .sub-menu li{padding: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;
-webkit-overflow-scrolling: touch;
box-shadow: 1px 1px 12px rgba(0,0,0,0.1);
}
#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: 11px;
  position: absolute;
  top:40%;
  bottom: auto;
  right:20px;
  content:'\f107'; 
  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;
	display: flex; align-items:center; justify-content: center;
}
#cd-lateral-nav .item-has-children > a.submenu-open{color:var(--black);}
#cd-lateral-nav .item-has-children > a.submenu-open::after {transform: rotate(-180deg);}

#cd-lateral-nav .icon-menu{width:24px; height:24px; border-radius:12px;float:left; margin-right:5px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
#cd-lateral-nav .icon-menu img{width:24px; height:24px;}
#cd-search{width:32px; height:56px; position:absolute; right:46px; top:0; display:flex; justify-content:center; align-items:center; cursor:pointer;}
#cd-search{font-size:20px !important;}
#cd-logo{margin:0 auto; height:56px; width:auto; font-size:30px; display:inline-flex; justify-content:flex-start; align-items:center; color:var(--white); font-weight:normal; position:absolute; left:0; top:0; padding:16px 0 16px 16px;}

/*search*/
.box-search {height:68px;width:100%;margin:0; position:fixed; top:56px; left:0; right:0; padding:16px; background:var(--blue); z-index:6;box-shadow:0 8px 20px rgba(0, 0, 0, 0.3);}
.box-search-in{position:relative; height:auto; width:100%; max-width:1100px; padding:0; margin:0 auto;}
.box-search-in input.search {width: 100%;height:36px;padding: 5px 40px 5px 10px;background: #fff;border:1px solid #ddd;border-radius: 4px;font-size:14px;}
.box-search-in button.search-btn {width:36px;height:36px;border: 1px solid transparent;position: absolute;right:0;top:0;background: 0 0; color:#202020;}
.box-search-in input.search:focus{color:#000;}
a.sign-btn.show-search{width:36px; height:36px; display:inline-flex; justify-content:center; align-items:center;}
.header{height:56px; width:100%; margin:0 auto; position:fixed; top:0; left:0; right:0; z-index:20; background:var(--blue); padding-left:84px;}
.header .logo{height:60px; margin:0; float:left; padding:0; display:inline-flex; align-items:center; position:absolute; top:8px; left:16px;}
.header .logo img{width:auto; height:60px;}
.logo-text{width:auto; height:55px;display: flex;justify-content: flex-start;align-items: center;}
.logo-text img{width:auto; height:30px;}
.cd-main-content{padding-top:56px;}
.cd-main-content.w-bot-menu{padding-bottom:56px;}
.mobile_scroll{overflow-y:scroll; padding-bottom:12px; width:100%;}
.sub-menu-body{white-space:nowrap;}
.sub-menu-body a.sign-btn{width:auto; margin-right:8px; margin-bottom:0; height:auto; min-height:40px; display:inline-flex;}
.card-box.topslider .text-card{position:inherit; background:var(--blue);width:100%;}
.card-box.topslider .text-card .insider{padding:16px 0;}
.card-box.topslider .text-card h2.title{font-size:30px; text-align:center;}
.card-box.topslider .text-card h2.title::before{margin:0 auto; left:0; right:0;}
.card-box.topslider .text-card .top-button{display:flex; flex-direction:row; justify-content:center;}
.card-box.topslider .text-card .top-button a.sign-btn{margin:0 2px;}
.card-box.topslider .text-card p{text-align:center;}
.card-box.topslider .text-card .insider .mx500{max-width:inherit;}
/*cover*/
.card-box.topslider.cover .img-card{display:flex; justify-content:center; align-items:center;}
.card-box.topslider.cover .img-card img{height:150px; width:auto;}
.card-box.topslider.cover .text-card{position:absolute; width:auto;}
.card-box.topslider.cover .text-card .insider{padding:0;}
.card-box.topslider.cover .text-card h2.title{font-size:24px;}
.card-box.topslider.cover .text-card h4{margin-bottom:4px; font-size:12px; padding:6px 12px;}
/*detail*/
.detail-artikel h1{font-size:22px;}
.detail-artikel h3{font-size:18px;}
/*blockbox*/
.blockbox.mainbox{padding:32px 0;}
.blockbox h2.titlebox{font-size:24px;}
ul.row-list.list_pstudi li{width:100%; margin-bottom:32px;}
ul.row-list.list_pstudi li:last-child{margin-bottom:0;}
ul.row-list.list_pstudi li .text-card{min-height:auto;}
ul.row-list.list_pstudi li .text-card a.sign-btn{bottom:0;}
ul.row-list.list_pstudi li h3{min-height:auto;}
.col-3.left_rektor, .left_kanal{width:100%; float:none;}
.col-9.right_rektor, .right_kanal{width:100%; float:none; padding-left:16px;}
.col-9.right_rektor h2, .col-9.right_rektor p{text-align:center;}
.col-9.right_rektor .btn-rektor{display:flex; justify-content:center; align-items:center;}
.order_on_mobile{display:flex; flex-direction:column;}
.order_on_mobile .right_kanal{order:1;}
.order_on_mobile .left_kanal{order:2;}
ul.row-list.list_penerimaan li{width:50%; margin-bottom:16px;}
ul.row-list.list_penerimaan li:first-child{width:100%;}
ul.row-list.list_penerimaan li:first-child .card-box .img-card{padding:24px;}
ul.row-list.list_penerimaan li:first-child .card-box .text-card{padding:24px 16px 0 16px;}
ul.row-list.list_penerimaan li .card-box .img-card{padding:12px;}
ul.row-list.list_penerimaan li .card-box .text-card{padding:12px;}
ul.row-list.list_penerimaan li .card-box{min-height:190px;}
ul.row-list.list_fasilitas{width:1200px;}
.satu1{width:100%; float:none; margin-bottom:16px !important;}
.dua2{width:100%; float:none; margin-bottom:16px !important;}
.tiga3{width:100%; float:none;}
.footer-col{display:flex; justify-content:space-between; flex-direction:column; padding-left:94px;}
.footer-col .logo{height:70px; margin:0; float:left; padding:0; display:inline-flex; align-items:center;left:11px;}
.footer-col .logo img{width:auto; height:70px;}
.footer-col .logo-text{width:auto; height: 70px;display: flex;justify-content:flex-start;align-items: center;}
.footer-col .logo-text img{width:auto; height:30px;}
.footer-col.col-6{width:100%; float:none;}
.footer p.copy span{text-align:center;}
ul.sosmed.end-pos{justify-content:flex-start;}
.footer-col .ikuti{text-align:left;}
ul.row-list.list_fasilitas.kanal{width:auto;}
ul.row-list.list_fasilitas.kanal li{width:50%; margin:0 0 16px 0;}
ul.row-list.list_utama{width:1080px; margin-top:24px;}
ul.row-list.list_utama li{width:25%;}
ul.row-list.list_lain li{width:100%;}
ul.row-list.list_lain li .card-box .img-card{width:120px; height:120px; display:flex; justify-content:center; align-items:center; float:left;}
ul.row-list.list_lain li .card-box .img-card img{width:auto; height:120px;}
ul.row-list.list_lain li .card-box .text-card{min-height:120px; padding-left:16px;}
.kanal_berita_lain .card-box .text-card h4{font-size:16px;}
.judul-artikel h1.title{font-size:24px; line-height:130%;}
ul.share{flex-flow:wrap; justify-content:flex-start;}
ul.share li:first-child{width:100%; text-align:left; align-items:flex-start; height:40px;}
ul.share li:nth-child(2){margin-left:0;}
}