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

	@font-face{ src:url(../fonts/OpenSans-Bold.ttf); font-family:"opensans-bold"; }
	@font-face{ src:url(../fonts/OpenSans-Light.ttf); font-family:"opensans-light"; }
	@font-face{ src:url(../fonts/OpenSans-Regular.ttf); font-family:"opensans-regular"; }
	
@media only screen and (max-width: 767px) {
	.keterangan-text ul li, .keterangan-text ol li{
		margin-left:15px !important;
	}
	
	/*==========Attribut Website==========*/
		#bg-judul{
			padding-top:50px;
		}
		#bg-judul h1{
			font-size:35px;
		}
		.judul-utama-abu{	
			font-size:30px;
			margin-top:15px;
		}
		.judul-utama-putih{	
			font-size:30px;
			margin-top:15px;
		}
	/*==========Attribut Website==========*/
	
	/*pagination*/
		.list-paging{
			text-align:center;	
		}
		.info-page{
			text-align:center;
		}
	/*pagination*/
	
	/*=========TOP========*/
		#top{
			background:#f3f3f3;
			padding:10px 0px;
			text-align:center;
		}
		
		
		#iso-logo{
			width:100%;
			padding-top:10px;
			margin-top:10px;	
			text-align:center;
			border-top:1px solid #e5e5e5;
		}
		
		#logo{
			width:100%;
			max-width:250px;
			height:auto;
			margin:5px auto;
		}
		
		#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:5px;
			width:20px;
		}
	/*=========TOP========*/	
	
	/*=========FOOTER========*/
		#content-footer{
			display:none;
		}
		
		#footer{
			padding:10px 0;
			font-size:12px;
		}
		#footer #footer-kiri{text-align:center; margin-bottom:5px;}
		#footer #footer-kanan{text-align:center;}
	/*=========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, .list-3{
			width:100%;
		} 
		
		.list-certificate, .list-produk{
			height:170px;
		}
	 /*List*/
	 
	 /*Project*/
		#bg-list-project{
			width:100%;
			height:auto;
			border-bottom:5px solid #f2f2f2;
		}
		
		#bg-list-project ul{
			font-size:0px; margin:0px;
		}
		
		#bg-list-project ul li{
			display:inline-block;
			padding:10px;
		}
		
		#bg-list-project .no-proj{width:50px; text-align:center;}
		#bg-list-project .name-proj{width:calc(100% - 50px); text-align:left;}
		#bg-list-project .location-proj{display:none;}
		#bg-list-project .client-proj{display:none;}
		#bg-list-project .date-proj{display:none;}
		.keterangan-dproject, .keterangan-dproject:last-child{
			padding-bottom:0px;
			border-bottom:none;
			border:1px solid #f0f0f0;	
		}
		.judul-keterangan-dproject img{
			display:none;	
		}
		.judul-keterangan-dproject  span{
			display:block;
			background:#f5f5f5;	
			padding:5px;
			border-bottom:1px solid #f0f0f0;
		}
		.text-keterangan-dproject ul li, .text-keterangan-dproject ol li{
			margin-left:25px;
			font-size:12.5px;
			margin-bottom:3px;
		}
	 /*Project*/
	 
	 /*==========HOME=========*/
		.keterangan-opening-text{
			padding:0 0 10px;
			margin-bottom:0px;
		}
		.keterangan-opening-text p:first-child {
			font-size:13px;
			color:#0072c2;
		}
		
		.bg-kategori-home{
			font-size:0px;
			width:100%;	
		}
		
		.panel-company{
			width:100%;
			margin:0px auto;
		}
		.panel-project{
			width:100%;
			margin:0px auto;
		}
		.kategori-product-home{
			width:calc(50% - 20px);
			height:130px;
			margin-right:10px;
			margin-left:10px;
			margin-bottom:20px;
			font-size:13px;
		}
	/*Home*/
	 
	 /*Kategori*/
		#botton-drop-kategori{
			display:block;
		}
		#kateogri h1{
			margin-bottom:0px;
		}
		#kateogri ul{
			display:none;	
			margin-top:10px;
		}
	/*Kategori*/
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.hidden-480{ display:none !important; } 
	.show-480{ display:inline-block !important; } 
	
	/*Home*/
		.kategori-product-home{
			width:calc(33,3333% - 10px);
			height:130px;
			margin-right:10px;
			margin-bottom:15px;
			font-size:13px;
		}
	/*Home*/
	
	 /*List*/
		.list, .list-3{
			width:50%;
		}
	 	
		.list-certificate, .list-produk{
			height:150px;
		}
	 /*List*/
}