@media (max-width: 1366px) {
body{font-size:16px !important;}
}

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
.mobile-only{display:block!important;}
.desktop-only{display:none!important;}	
.pagestyle .home-logo div{height:9vh;display:flex !important;justify-content: center;align-items: center;}
.pagestyle .home-logo img{width:auto;height:5vh;margin:0 5px 0 0;}
.pagestyle .home-logo h1{font-size:100%;letter-spacing:-0.3px;}	
.copyright{margin:0 0 40px;}	
.header{display:none;}
.home-logo{width:100%;background:#fff;}
.ifscroll .home-logo{-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);}
.home-logo img{width:auto;height:6vh;margin:10px auto;}
.home-logo h1{font-size:120%;}
.wave-bg{height:85vh;margin-top:calc(6vh + 39px);}
.wave-svg{bottom:auto;top:0;left:-55vw;right:-55vw;}
.slider{top:25vh;}
.slide-image{width:100%;text-align:center;margin-top:5vh;}
.slide-image img{width:80%;margin:0 auto;}
.slide-title{width:100%;}
.slide-title h2{font-size:100%;}
.slide-title h1{font-size:200%;margin:0 auto;letter-spacing:-1px;}
.slide-title .aligntop, .slide-title .alignbottom{padding:0;}
.slider .margin-page, .margin-page{margin-left:15px;margin-right:15px;}
.head-section{margin:0 auto 15px;}
.head-section h1{font-size:120%;}
.nav-tabs li{font-size:95%;}
.nav-tabs li a{padding:0 5px;}
.marquee-inner .ratio, .marquee-inner2 .ratio {margin: 5px 10px 5px 5px;width: clamp(250px, 18vw, 350px);}
.section{padding:5vh 0 0;}
.service-head, .service-data{position:relative;width:100%;}
.service-data-inner{margin:20px 0 0;}
.service-head-top{height:15vh;}
.service-head-bottom img{width:30%;float:right;margin:-5.5vh 10px 0 auto;}
.service-head-bottom{padding:0;}
.service-headbottom-inner{position:relative;bottom:auto;left:0;right:0;display:block;margin:-5px 0 0;}
.service-headbottom-inner.to-center{text-align:left!important;}
.service-contact{float:left;margin:0 auto 0 0;}
.shortcut-graph1, .shortcut-graph2, .shortcut-graph3, .shortcut-graph4, .shortcut-graph5{bottom:auto;top:15px;}
.service-item h2{font-size:100%;margin:0;}
.service-item p{display:none;}
.service-item img{margin:0 10px 0 0;max-width:40%;min-width:40%;}
.blog .carousel-cell{width:70%;margin:0 5px;}
.carousel-cell .image-blog.image-blog{height:25vh;}
.menu-bottom{display:block;position:fixed;bottom:0;left:0;right:0;height:50px;z-index:1200;}
.menu-bottom-bg{position:absolute;top:0;height:50px;}
.menu-bottom-bg, .menu-bottom-open, .closemenu{left:50%;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.menu-bottom-bg svg{width:auto;height:50px;margin:0 auto;}
.menu-bottom-open{position:fixed;bottom:15px;width:50px;height:50px;background:var(--blue);z-index:3;border-radius:50%;cursor:pointer;}
.menu-bottom-open svg{width:35px;height:auto;fill:var(--cwhite);}
.menumobile-open{display:block;position:fixed;bottom:0;left:0;height:0;width:100%;overflow:hidden;z-index:2600;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;background:rgba(0,0,0,0.55);}
.menumobile-container{position:absolute;left:0;right:0;bottom:0;top:23vh;background:var(--cwhite);padding:50px 20px;border-radius:7px 7px 0 0;}
.closemenu{position:absolute;top:-10px;width:50px;height:50px;background:#fff;border-radius:50%;z-index:10;cursor:pointer;}
.closemenu-inner{width:40px;height:40px;border-radius:50%;}
.closemenu-inner svg{width:24px;height:auto;fill:#fff;}
.bottom-tombol{bottom:60px;}
.navbar ul{margin:0!important;padding:0!important;display:block;list-style:none;align-items:left}
.navbar .dropdown ul{position:relative;left:0;top:auto;z-index:99;opacity:1;visibility:visible;background:#fff0;border-radius:0;padding:0!important;margin:0!important}
.navbar li, .navbar li a, .navbar .dropdown li{color:#000!important;opacity:1!important;padding:5px 0!important;margin:0!important;line-height:1.1!important;font-size:18px;}
.navbar li{font-weight:bold;}
.navbar .dropdown li{position:relative;padding:5px 0 5px 15px!important;}
.navbar .dropdown li:after{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;border-radius:10px;background:#bdbdbd;}
.pagetop{margin:9vh -1px 0;}
.product-style .headpage{padding:5.5vh 0;}
.margin-pagesmall{margin-left:20px;margin-right:20px;}
.head-product-left, .head-product-right{width:100%;}
.head-product-right{margin-top:10px;}
.product-title h1{font-size:140%;margin:0 10px 5px;}
.head-product-left h3, .head-product-left h2{font-size:100%;margin:0 10px 5px;}
.content-status.mt30{margin-top:15px!important;}
.service .head-product-right img{width:90%;}
.service-image{padding:10px;border-radius:7px;background:linear-gradient(to top, rgba(255,255,255,0.5), transparent);}
.visual-primary{float:left;width:100%;margin:0 0 10px;}
.headpage h1{font-size:140%;}
.category-col{width:calc(100% - 20px);}
.category-area .image-blog.image-blog{height:25vh;}
.corner-left, .corner-right{width:20px;height:20px;}
.category-area.mt30{margin-top:10px!important;}
}