@media only screen and (max-width:800px){.hide_desktop{display:block;visibility:visible}.hide_mobile{display:none;visibility:hidden}#cd-menu-trigger{position:absolute;right:0;top:0;width:46px;height:56px;display:block;background:transparent;cursor:pointer}#cd-menu-trigger .cd-menu-text{height:100%;text-transform:uppercase;color:#fff;font-weight:600}#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:#fff}#cd-menu-trigger .cd-menu-icon::before,#cd-menu-trigger .cd-menu-icon::after{content:"";width:18px;height:2px;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:#fff}#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;z-index:5;width:100%;background-color:#111;overflow-y:auto;-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;-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:#fff;position:relative;font-size:16px;font-weight:600;display:flex}#cd-lateral-nav a:hover{color:#ddd}#cd-lateral-nav a.current{color:#ddd}.no-touch #cd-lateral-nav a:hover{color:#ddd}#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 30px}#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}#cd-logo{margin:0 auto;height:56px;width:auto;font-size:30px;display:inline-flex;justify-content:flex-start;align-items:center;color:#fff;font-weight:normal;position:absolute;left:0;top:0;padding:8px 0 8px 16px}#cd-logo img{height:32px}#cd-lateral-nav .item-has-children>a{position:relative}#cd-lateral-nav .item-has-children>a::after{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:.2s;-moz-transition-duration:.2s;transition-duration:.2s;display:flex;align-items:center;justify-content:center}#cd-lateral-nav .item-has-children>a.submenu-open::after{-webkit-transform:translateY(0) rotate(180deg);-moz-transform:translateY(-0) rotate(180deg);-ms-transform:translateY(0) rotate(180deg);-o-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}.header{height:56px;width:100%;margin:0 auto;position:fixed;top:0;left:0;right:0;z-index:20;background:#000}.header .header-in{max-width:1200px;margin:0 auto;position:relative;width:100%;height:56px}.cd-main-content{padding-top:56px}.col-mobile-100{width:100%;float:none;margin-bottom:16px;padding:0}.card-box.text-right .text-card{background:transparent;position:relative;right:inherit;top:inherit;bottom:inherit;left:inherit;padding:16px 0}.card-box.text-left .text-card{background:transparent;position:relative;right:inherit;top:inherit;bottom:inherit;left:inherit;padding:16px 0}.card-box.text-right .v-center,.card-box.text-left .v-center{position:inherit;top:0;transform:none;left:auto;right:auto;margin-bottom:30px}.card-box .text-card h2.title{font-size:24px;line-height:28px}.blockbox.spacing{padding:24px 16px}.blog-left{position:relative;padding-left:0;padding-right:0}.blog-left .blog-right{position:relative;right:inherit;left:inherit;width:100%;top:inherit;bottom:inherit;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:16px 0}.blog-right .f20{font-size:16px!important;line-height:24px!important}.blog-left .blog-right .card-box{margin-bottom:16px}.blog-left .card-box.toptitle .text-card{padding-bottom:16px}.footer .footer-in{padding-left:16px;padding-right:16px}.footer-in .col-4{width:100%;float:none;padding-bottom:16px;text-align:center}.footer-in .col-2{width:100%;float:none;padding-bottom:16px}.footer .logo-footer{width:300px;text-align:center;margin:0 auto}.footer svg{display:none}.footer a.link{display:flex;justify-content:center;align-items:center}.footer_menu h4{text-align:center}.maincover .top-text{position:relative;background:#000;top:0;bottom:0;padding:16px}.maincover .top-text .col-8,.maincover .top-text .col-4,.maincover .top-text .col-9{width:100%;padding:16px 0}.maincover .top-text .sign-btn{margin:4px 0}h2.bigtitle{font-size:32px;line-height:36px}.card-box .text-card p{font-size:16px;line-height:22px}.blockbox h3.titlebox,.blockbox h2.titlebox{font-size:30px;line-height:34px}.col-6.m50{width:100%;float:none}ul.row-list.list-blog li{width:50%}.col-7.kiri_blog{width:100%}.col-5.kanan_blog{width:100%}ul.row-list.list-team li,ul.row-list.list-team2 li{margin-bottom:16px;width:100%}ul.row-list.list-team li .card-box,ul.row-list.list-team2 li .card-box{width:100%}ul.row-list.list-angka li{width:100%;margin-bottom:16px}ul.row-list.list-mitra li{width:100%;margin-bottom:16px}.slider-item .col-3{width:100%}.slider-item .col-9{display:none}.slider-item .card-box.toptitle{border-radius:6px!important}.card-box.ontop-left{padding:0 16px}.card-box.ontop-left .img-card{width:100%;border-radius:16px}.card-box.ontop-left .text-card{position:relative;width:100%;left:0;top:inherit;bottom:inherit;padding:16px;border-radius:16px;height:auto;margin-top:8px}.card-box.ontop-left .v-center{position:relative;transform:none;left:auto;right:auto}.card-box.ontop-right{padding:0 16px}.card-box.ontop-right .img-card{width:100%;left:0;border-radius:16px;right:0}.card-box.ontop-right .text-card{position:relative;width:100%;left:0;top:inherit;bottom:inherit;padding:16px;border-radius:16px;height:auto;margin-top:8px}.card-box.ontop-right .v-center{position:relative;transform:none;left:auto;right:auto}.f96,.f80{font-size:30px!important;line-height:36px!important}.f26{font-size:20px!important;line-height:26px!important}.hubkami .col-6{width:100%;float:none}.hubkami .margin-bottom-sm{margin-bottom:0!important}.margin-bottom-xxl{margin-bottom:30px!important}.margin-top-xxl{margin-top:30px!important}.slider.slider-square .slider-item{padding:0 8px}.col-3.left-prod,.col-9.right-prod{width:100%;float:none}ul.row-list.list-prod li{width:50%}ul.row-list.list-prod li .card-box .text-card h3.title{font-size:18px;line-height:22px}.left-title{width:100%;float:none}.right-title{width:100%;float:none;margin-bottom:32px}.right-title .element-box input.element-input.minimalis{width:100%}.left-title h2.titlebox{text-align:center!important}.detail-prod .col-6{width:100%;float:none}.slider-thumb .thumb-item,.slider-thumb2 .thumb-item{padding:0 8px}.slider-thumb .thumb-item .card-box,.slider-thumb2 .thumb-item .card-box{border-radius:6px!important}ul.row-list.list-areabis li{width:100%;margin-bottom:32px}.modalDialog>div{top:50%;right:50%;transform:translate(50%,-50%);margin:0 auto}.modalDialog .col-6{width:100%;float:none}.close{background:#fff;border-radius:2px;z-index:5}.modalDialog .card-box .img-card{margin-bottom:16px}.sharepage{top:inherit;left:0;height:36px;flex-direction:row;right:0;width:100%;background:#464646}}