@charset "UTF-8";
/* Copyright Azhys Kasmy 2015 */

@media only screen and (max-width: 1024px) {
	/*-- BASIC --*/
	/*body {background: #a1bde3;}*/
	
	/* multiboxFixV2 */
	.multiboxFixV2 .group {	width: 660px;}
	.multiboxFixV2 .group .box {
		margin: 10px;
		width: 200px;
	}
}

@media only screen and (max-width: 960px) {
	/*-- BASIC --*/
	/*body {background: #dca1e3;}*/
	
	/*-- POSISI, WRAP, PADDING --*/
	.tengah {
		float: none;
		margin-right: 0px;
		width: auto;
	}
	.kanan {float: left;}
	
	/* multiboxFix */
	.multiboxFix .group {width: 690px;}
	.multiboxFix .group .box {
		float: left;
		margin: 10px;
		width: 210px;
	}
	
	/* multiboxFixV2 */
	.multiboxFixV2 .kiri {width: 100%;}
	.multiboxFixV2 .kanan {display: none;}
	.multiboxFixV2 .group {
		margin-bottom: 10px;
		width: 690px;
	}
	.multiboxFixV2 .group .box {
		margin: 10px;
		width: 210px;
	}
	.multiboxFixV2 .kanan .box {
		width: 48%;
		margin: 1%;
	}
	.multiboxFixV2 .kanan .box img {
		display: block;
		width: 100%;
	}
	
	/*------- index.php -------*/
	#extraOffers {display: block;}
}

@media only screen and (max-width: 768px) {
	/*-- BASIC --*/
	/*body {background: #99e5d3;}*/
	
	/*-- POSISI, WRAP, PADDING --*/
	.wrapFocusAbs {margin: 20px auto;}
	
	/*-- KOLOM PARAGRAF --*/
	/*opsi1*/
	.tigaKolom, .duaKolom {
		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-ms-column-count: 2;
		-o-column-count: 2;
		column-gap: 10px;
	}
	
	/* opsi2
	.tigaKolom, .duaKolom {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1;
		-o-column-count: 1;
		column-gap: 0px;
	}
	*/
	
	/*-- POSISI, WRAP, PADDING --*/
	.kiri {
		margin-right: 0px;
		width: auto;
	}
	.tengah {
		float: left;
		width: auto;
	}
	/* coloumnFix */
	.kiriFlo {
		float: left;
		margin-bottom: 10px;
		overflow: auto;
		width: 100%;
	}
	.kiriFlo .wrap {margin-right: 0px;}
	.kananFlo {display: none;}
	#heightSatu {min-height: ;}
	#heightDua {min-height: 280px;}	

	/* feeatureV3 */
	.featureV3 .group .box {
		display: block;
		height: 400px;
		margin: 0px auto 10px;
		width: auto;
	}
	
	/* imageText */
	.imageText img {
		float: none;
		margin: 0px;
		width: 100%;
	}
	/* multibox */
	.multibox .group {padding-left: 0%;}
	.multibox .group .box {width: 48%;}
	
	/* multiboxFix */
	.multiboxFix .group {width: 460px;}
	
	/* multiboxFixV2 */
	.multiboxFixV2 .group {width:460px;}
	
	/*------- index.php -------*/
	
	#extraKananProduk {
		display: block;
	}
	
	/*------- footer.php -------*/
	#footer .box {
		height: 200px;
		width: 48%;
	}
}

@media only screen and (max-width: 480px) {
	/*-- BASIC --*/
	/*body {background: #f4f2c4;}*/
	
	/*-- KOLOM PARAGRAF --*/
	.tigaKolom, .duaKolom {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: ;
		-o-column-count: ;
		column-gap: 0px;
	}
	
	/* featureV2 */
	.featureV2 .box {
		float: left;
		width: auto;
		margin: 0 auto 10px;
	}
	
	/* listing V3 */
	.listingV3 .thumbnail {
		width: 106px;
		height: 106px;
	}

	/* multibox */
	.multibox .group .box {
		margin: 0 auto 10px;
		width: 100%;
	}
	
	/* multiboxFix */
	.multiboxFix .group {width: auto;}
	
	/* multiboxFix */
	.multiboxFix .group .box {
		float: none;
		height: auto;
		margin: 0 auto 10px;
		width: auto;
	}
	
	/* multiboxFixV2 */
	.multiboxFixV2 .group {width: auto;}
	.multiboxFixV2 .group .box {
		float: none;
		height: auto;
		margin: 0 auto 10px;
		width: auto;
	}

	/*------- header.php -------*/

	#navigasifixed .box {
		margin-top: 10px;
		clear: both;
		line-height: normal;
		height: auto;
	}
	#navigasifixed .group {
		float: left;
		clear: both;
		margin-top: -50px;
	}
	
	/*------- group-offers.php -------*/
	#groupOffers img {
		width: 100%;
	}
	#groupOffers .box {
		height: auto;
		width: 48%;
	}
	
	/*------- footer.php -------*/
	#footer .box {
		height: auto;
		width: 100%;
		margin: 0px;
		margin-bottom: 10px;
	}
	
}

.h {
	background: #223
}