/*---------------------------------------------------------*\
    RESPONSIVE STYLE - WPDealer Theme - Oketheme.com
\*---------------------------------------------------------*/


@media screen and (max-width: 785px) {
	/* NAVIGASI */
	.naviku {
		background: var(--color1);
		position: relative;
		margin-left: 0;
		z-index: 2;
		border-top: 5px solid #333;
	}
	.naviku>li {
		float: none;
	}
	.naviku li li .parent,
	.naviku>li>.parent {
		background-position: 95% 50%
	}
	.naviku ul {
		display: block;
		width: 100%;
	}
	.naviku li li .parent {
		background-image: url(img/downArrow.png);
		background-repeat: no-repeat
	}
	.naviku li li.hover ul,
	.naviku>li.hover>ul {
		position: static
	}
	.toggleMenu {
		display: inline-block;
	}
	.naviku > li:first-child a:hover {
		background: var(--color2);
	}
	.naviku>li>a {
		font-weight: normal;
	}

	/* CONTAIN */
	.container {
		padding: 15px;
	}

	/* WELCOME - SALES HOME */
	.welcome, .salesbox,.boxview {
		width: 100%;
	}
	.salesbox {
		margin-top: 10px;
	}
	.container #salesslider {
		border: 1px solid var(--colorborder);
		background: var(--colorbg);
		padding: 10px;
	}
	.container .saleslist {
		overflow: hidden;
		margin: 0;
	}
	.container .shadow {
		box-shadow: none;
	}
	.container .salesimg {
		max-width: 40%;
		float: left;
		margin: 0 20px 0 0;
	}
	.container .saleslist ul {
		padding-left: 0;
	}
	.container .saleslist div {
		text-align: left;
	}

	/* NEW MODEL */
	.gridpad {
		width: 33.333%;
	}
	.gridpad:nth-child(4n+1) {
		clear: none;
	}
	.gridpad:nth-child(3n+1) {
		clear: both;
	}

	/* TESTI HOME */
	.testi {
		margin-top: 0;
	}
	.isitesti {
		padding: 20px;
	}
	.isitesti img {
		width: 50%;
	}
}

@media screen and (max-width: 560px) {
	/* HEADER */
	#header {
		padding: 0;
	}
	.headlogo, .headkontak {
		width: 100%;
		text-align: center;
		padding: 10px;
	}

	/* GRID */
	.gridpad {
		width:  50%;
	}
	.gridpad:nth-child(3n+1) {
		clear: none;
	}
	.gridpad:nth-child(2n+1) {
		clear: both;
	}

	/* SINGLE MODEL */
	.listimage {
		width: 100%;
	}
	.listimage.singlemod {
		display: none;
	}
	.listharga {
		width: 100%;
	}

	/* FOOTER */
	.footbarwidget {
		padding: 0 10px;
	}

}

@media screen and (max-width: 420px) {
	/* SALES BOX */
	.container .saleslist {
		max-width: 240px;
		margin: 0 auto;
	}
	.container .salesimg {
		max-width: none;
		float: none;
	}
	.container .saleslist ul {
		padding: 10px;
	}
	.container .saleslist div {
		text-align: center;
	}
	#contact_overlay {
		padding: 0;
		overflow: auto;
	}
	.contact_box {
		max-width: none;
	}

	/* PROMO HOME */
	.imgpromo {
		width: 100%;
	}

	/* GRID MODEL */
	.gridpad {
		width: 100%;
	}

	/* SIMULASI KREDIT */
	.infokredit,.formkredit {
		width: 100%;
	}

	/* TESTIMONI */
	.isitesti img {
		width: 100%;
		margin: 0 0 10px;
	}
	.isitesti p {
		padding: 0;
	}

	/* LIST to GRID BLOG */
	.listblog img {
		width: 100%;
		margin: 0 0 10px;
	}
	.listblog p {
		display: none;
	}

	/* FOOTER */
	.footbarwidget {
		width: 100%;
	}

}