/*responsive*/
@media only screen and (max-width : 1157px){

}
@media only screen and (max-width : 1024px){
    .hm-about .container{padding:30px 0;}

}
/* Small Devices, Tablets */
@media only screen and (max-width : 800px) {

}
@media only screen and (max-width : 768px) {
	h1{font-size:32px;}
	h2{font-size:28px;}
	h3{font-size:24px;}
	menu{display:none;}
	.menu-btn{display:block;}
    .img-logo{height:70px; width:auto; margin:15px 0 0;}
    .slick-prev{left: 710px !important;top: 240px !important;}
    .slick-next {top: 280px !important;}
    .hm-about{padding:30px 30px;}
	.hm-bm, .hm-ks{padding:0;}
	.hm-bm .container, .hm-ks .container{padding:50px 30px;}
	.menu-right ul{font-size:16px;}
	#slider{display:none;}
	.slideshow img{width:100%; height:45vh; object-fit:cover;}
	.my_btn_prev, .my_btn_next{padding:10px 25px;}
	.slick-dots li button:before{font-size:32px;}
	#slidermobile{display:block;}
	.productpreview{padding:60px 15px 60px;}
	.productpreview img{display:none;}
	.productpreview h2{font-size:28px;}
	.productpreview a{padding:20px;}
	.productpreview .judul{float:left; width:90%;}
	.productpreview .panel-body{padding:15px 20px;}
	.footer-intro{padding:0; text-align:center; font-size:12px; line-height:22px;}
	.footer-logo img{margin:50px 0 50px;}
	.links{text-align:center; padding:40px 0 50px;}
	.links a{display:inline-block; padding:5px 10px;}
	.links br{display:none;
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {


}
@media only screen and (max-width : 320px) {

}