@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	/*=========TOP========*/
		#top{
			background: #f3f3f3;
			padding:10px 0px;
			text-align:center;
		}
		
		#logo{
			width:100%;
			max-width:250px;
			height:auto;
			margin:5px auto;
		}
		#iso-logo{
			width:100%;
			padding-top:10px;
			margin-top:10px;	
			text-align:center;
			border-top:1px solid #e5e5e5;
		}
		
		#sosmed{ display:none; }
		#menu{display:none;}
		#top-mobile{
			border-top:1px solid #0f6710;
			background:url(../asset/bg-menu-mobile.png) right top no-repeat, #1e7b11;
			padding:7.5px 0;
		}
		.list-sosmed{
			display:none;
			margin-left:7.5px;	
			margin-top:7.5px;
			width:20px;
		}
	/*=========TOP========*/
		
	/*==========HOME=========*/
		.keterangan-opening-text{
			padding:0 0 10px;
			margin-bottom:50px;
		}
		.keterangan-opening-text p:first-child {
			font-size:13px;
			color:#0072c2;
		}
		
		.panel-company{
			margin-top:-30px;
		}
		
		.bg-kategori-home{
			font-size:0px;
			width:100%;	
		}
		.kategori-product-home{
			height:120px;
			padding:5px;
			font-size:13px;
		}
	/*==========HOME=========*/


	/*==========Attribut Website==========*/
		#bg-judul{
			padding-top:80px;
		}
		
		.judul-utama-abu{	
			font-size:35px;
			margin-top:20px;
		}
		.judul-utama-putih{	
			font-size:35px;
			margin-top:20px;
		}
	/*==========Attribut Website==========*/

	
	/*=========FOOTER========*/
		#logo-footer{
			max-width:200px;
		}
		.judul-footer{
			margin-bottom:20px;
		}
		.panel-content-footer span{
			font-size:12px;
			margin-bottom:5pxpx;
		}
		.panel-content-footer ul li{
			font-size:12px;
			margin-bottom:5px;
		}
		#img-icon-certificate{
			margin-bottom:5px;
		}
		
		#footer{
			padding:10px 0;
			font-size:12px;
		}
	/*=========FOOTER========*/
	
	/*=============Contact===========*/
		#peta{
			width:100%;	
			border:3px solid #ebebeb;
			margin-bottom:15px;
		}
		#peta iframe{
			min-height:250px;
			max-height:300px;
		}
		#table-contact{
			font-size:12px;
		}
		
	/*=============Contact===========*/
	
	
	 /*List*/
		.list{
			width:33.333%;
		}
	  
		.list-certificate{
			height:150px;
		}
		
		.list-produk{
			height:150px;
		}
	 /*List*/
	 
	 /*Kategori*/
		#botton-drop-kategori{
			display:block;
		}
		#kateogri h1{
			margin-bottom:0px;
		}
		#kateogri ul{
			display:none;	
			margin-top:10px;
		}
	/*Kategori*/
}