@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 767px) {
	body {
	}
	.produk_intro {
		h2:before { content:"";}
		h2:after { content:""; }
	}
	.kepala {
		display:none;
	}
	.brd {
		display:none;
	}
	.menu-kiri {
		display:none;
	}
	h3 {
		font-size:1rem;
	}
	.pencarian {
		margin-bottom:20px;
	}
	.pembungkus {
		width:300px;
	}
	.intro-luar {
	grid-template-columns: repeat(2, 1fr);
	}
	.banner-text h1 {
		margin-left:0px;
		font-size:1.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	body {
	}
	.kepala {
		display:none;
	}
	.banner-text h1 {
		font-size:1.8rem;
	}
	.brd {
		display:none;
	}
	.tengah {
		display:grid;
		grid-template-columns: 250px auto;
		overflow:hidden;
		gap: 10px;
	}
	.pencarian {
		margin-bottom:20px;
	}
	.pembungkus {
		width:787px;
	}
	.intro-luar {
	grid-template-columns: repeat(2, 1fr);
}
.banner-text h1 {
	padding-left: 250px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1600px) {
	body {
		padding-top:40px;
		margin:0px;
	}
	.tengah {
		width:1000px;
		display:grid;
		grid-template-columns: 250px auto;
		margin:auto;
		overflow:auto;
		gap: 20px;
	}
	.pembungkus {
		width:1012px;
	}
	.intro-luar {
	grid-template-columns: repeat(3, 1fr);
}
.bungkus_detail {
	display:flex;
	justify-content: space-between;
	gap:2%;
}
.bungkus_gambar {
	img { width: 275px; border:1px solid #F0F0EE; padding:5px; object-fit:cover;}
}
p {
	line-height:1.5;
}
.banner {
	width:1000px;
}
.banner-text h1 {
	padding-left: 250px;
}
}
@media screen and (min-width: 1601px) {
	body {
		padding-top:50px;
		margin:0px;
	}
	p, a {
		font-size:1rem;
	}
	p {
		line-height:1.5;
	}
	.tengah {
		width:1600px;
		display:grid;
		grid-template-columns: 300px auto;
		margin:0 auto;
		overflow:auto;
		gap: 30px;
	}	
	.intro-luar {
	grid-template-columns: repeat(4, 1fr);
}
	.pembungkus {
		width:1012px;
	}
	.bungkus_detail {
	display:flex;
	justify-content: space-between;
	gap:2%;
}
.bungkus_gambar {
	img { width: 450px; border:1px solid #F0F0EE; padding:5px; object-fit:cover;}
}
.kanan_isi {
	h3 { text-transform:uppercase; padding:0px; margin:0px;}
	h4 { text-align:right; }
	p { text-align:justify;}
	td p { margin:3px 0px; padding:0px;}
}
.menu {
	width:1600px;
}
.menu li {
	width:200px;
}
.input-cari {
	width:500px;
}
.banner {
	width:1600px;
}
.banner-text h1 {
	padding-left: 300px;
}
}