@media (max-width: 768px) {
	.a-slider {
		background: none;
		width: 720px !important;
		height: 400px !important;
	}

	.a-slider div {
		width: 720px !important;
		height: 350px !important;
		background: none;
	}

	.a-slider div img {
		width: 690px !important;
		height: 250px !important;
		margin-top: 10px;
		margin-left: 30px !important;
		-webkit-box-shadow: 0 10px 6px -6px #777;
		-moz-box-shadow: 0 10px 6px -6px #777;
		box-shadow: 0 10px 6px -6px #777;
		/*
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;	
		*/
	}

	/*
	.a-slider.active div img {
		width: 720px !important;
		height: 235px !important;
		justify-content: center;
		margin: 0;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;		
	}
	*/


	.slider {
		margin-bottom: 20px !important;
	}

	.box-product {
		height: 420px !important;
		padding-bottom: 0px !important;
		margin-bottom: 0px !important;
	}

	.box-product .harga {
		padding-top: 10px;
		font-size: 14px !important;
	}

	.box-product img {
		max-width: 100%;
		height: auto;
		float: center !important;
		margin-left: -50px;
		padding-top: 30px;
	}

	.product-item {
		height: 420px !important;

	}

	.button_product {
		background: #fff;
		padding-right: 0px !important;
		width: 100% !important;
		margin-right: 0px !important;
		margin-left: 0px !important;
		height: auto;
		margin-top: -55px;
		right: 0px;
		display: block;
	}

	.button_product i {
		font-size: 16px !important;
		padding-top: 3px;
	}

	.button_product .buy {
		font-size: 13px !important;
	}

	.button_product .btn-wishlist {
		right: -5px;
	}

	.button_product .btn-cart {
		padding-left: 10px !important;
	}

	.sub_judul a {
		font-size: 13px !important;
	}

	.deskripsi {
		font-size: 10px !important;
	}

	.box-product.special {
		height: 430px !important;
	}

	.button_product.special {
		background: #fff;
		padding-right: 0px !important;
		width: 100% !important;
		margin-right: 0px !important;
		height: auto;
		margin-top: -50px;
	}

	.product-detail-product {
		margin-top: 20px !important;
	}

	#content .head_judul {
		font-size: 15px !important;
	}

	#rc-imageselect,
	.g-recaptcha {
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}

	/* pagination */
	.pagination {
		text-align: right !important;
		margin-top: 30px;
		float: right;
		margin-right: 20px;
	}

	.pagination label.button {
		background-color: white;
		border: 1px solid #eff0f5;
		color: #000;
		display: inline-block;
		transition: all .8s ease 0s;
		height: 30px;
		line-height: 30px;
		margin: 0 0 0 0px;
		padding: 0;
		text-align: center;
		width: 60px;
		border-radius: 50px;
		cursor: pointer;
		font-size: 13px;
	}

	.pagination label.button:hover {
		background: #f57224;
		color: #f3f3f3;
	}

	.pagination label.button.active {
		background: #f57224;
		color: #f3f3f3;
		cursor: not-allowed !important;
	}

	.loading {
		text-align: center !important;
		padding-top: 100px;
	}

	.loading img {
		width: 150;
		height: auto;
	}




	.view-scroll {
		display: block;
		max-height: 720px;
		overflow-y: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}

	.result1 {
		position: absolute;
		width: 100%;
		cursor: pointer;
		max-height: 720px;
		z-index: 10;
		padding-left: 0px;
		padding-right: 0px;
		border-radius: 0px;
	}

	.result1 img {
		height: 70px;
		width: auto;
	}

	.result1 .search-image-loading {
		height: 40px !important;
		margin-top: 10px;
	}

	.result1 .link-class:hover {
		background: #f3f3f3;
	}

	.result1 .link-class .detail-name {
		padding-top: 0px !important;
		font-size: 10px !important;
	}

	.result1 .link-class .detail-name .sku {
		font-weight: 700;
		font-size: 12px;
	}

	.result1 .link-class .price {
		padding-top: 15px;
		text-align: right;
		padding-right: 0px;
		font-weight: 700;
		font-size: 11px !important;
		color: orangered;
	}

	.result1 .list-group-item:first-child {
		border-top-right-radius: 0px !important;
		border-top-left-radius: 0px !important;
		background: #FFF !important;
		color: #333333 !important;
	}

	.result1 .filtering-serach {
		padding-top: 10px;
		padding-left: 20px;
	}

	.result1 .filtering-serach span {
		margin-right: 5px;
		color: #333;
		font-size: 11px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 15px;
		padding-right: 15px;
		background: #f3f3f3;
		border-radius: 50px;
	}

	.result1 .filtering-serach span:hover {
		cursor: pointer;
	}

	.result1 .filtering-serach span.active {
		/* background: #D01F1F; */
		background: #427AB5;
		color: #fff;
	}

	.result1 .list-group-item:first-child {
		background: #000;
	}

	.result1 .content-search .list-group-item:hover {
		background: #F3F3F3 !important;
	}


	/*
	.image_product.img{
		margin: 0;
		position: absolute;
		left: 60;
		top: 25;
		width: 200px;
		height: auto;
	}
	a.thumbnail {
		height: 303px;
    	position: relative;
		width: 335px !important;
	}
*/



	a.thumbnail {
		height: 200px;
		position: relative;
		width: 340px;
	}

	a.thumbnail span.thumbnail-image {
		text-align: center;
	}

	a.thumbnail span.thumbnail-image img {
		/*max-width: 100%;*/
		max-width: 85%;
		padding-top: 10%;
		padding-left: 15%;
	}

	a.thumbnail .arrow {
		padding-top: 18%;
	}

	a.thumbnail span.image-arrow {
		color: #000;
		padding: 10px;
		margin-top: 100px;
		font-size: 48px;
		background: none;
	}


	.image-in-login {
		width: 260px;
		height: auto;
		margin-left: -55px;
	}



	/*category-details*/
	.category-details {
		margin-bottom: 20px;
	}

	.category-details .category-details-content {
		padding-top: 25px;
		padding-left: 30px;
		padding-right: 30px;
		/* border: 1px solid #d01f1f; */
		border: 1px solid #427AB5;
		background: #fff;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.category-details .category-details-content span.header {
		font-size: 20px;
		color: #000;
	}

	.category-details .category-details-content ul {
		margin-top: 2px;
		height: 200px;
		overflow: auto;
		padding-right: 15px;
	}

	.category-details .category-details-content li {
		margin-top: 5px !important;
	}

	.category-details .category-details-content li a:hover {
		/* color: #e91d1d !important; */
		color: #3B5998 !important;
		text-decoration: none;
	}

	.category-details .category-details-content li a span:hover {
		/* color: #e91d1d !important; */
		color: #3B5998 !important;
	}

	.category-details .category-details-content span.name {
		font-size: 11px;
		color: #000;
	}

	.category-details .category-details-content span.total {
		font-size: 10px;
		color: #000;
	}

	.category-details .sort.category-details-content {
		padding-top: 25px;
		padding-left: 40px;
		padding-right: 40px;
		/* border: 1px solid #d01f1f; */
		border: 1px solid #427AB5;
		background: #fff;
		padding-bottom: 20px;
		margin-bottom: 5px;
	}

	.category-details .sort.category-details-content span.header {
		font-size: 18px;
		color: #000;
	}

	.category-details .sort.category-details-content ul {
		margin-top: 2px;
		height: 200px;
		overflow: auto;
		padding-right: 0px;
	}

	.category-details .sort.category-details-content ul #sort-price {
		padding-top: 15px;
	}

	.category-details .sort.category-details-content ul #sort-price input {
		height: 35px !important;
		margin-bottom: 5px;
	}

	.category-details .sort.category-details-content ul #sort-price select {
		font-size: 10px;
	}


	.filter-category .head_judul {
		font-weight: 700;
	}

	.filter-category .filter-content {
		padding-right: 0;
	}

	.filter-category .filter-content .filter-label {
		padding-top: 8px;
		display: none;
	}

	.filter-category .filter-content .filter-input {
		padding-right: 12px;
		padding-left: 15px;
		padding-right: 30px;
		padding-top: 20px;
	}

	.filter-category .filter-content .filter-input select {
		background: transparent;
		-moz-appearance: none;
		/* Firefox */
		-webkit-appearance: none;
		/* Safari and Chrome */
		appearance: none;
		box-sizing: border-box;
	}

	.category .box-product.special .harga {
		position: absolute;
		display: block;
		padding-bottom: 2px !important;
	}

	.category .box-product.special span.harga-awal {
		font-size: 9px;
		position: absolute;
		bottom: -12px;
		margin-bottom: 0px !important;
	}

	.category .box-product.special span.persen {
		font-size: 11px;
		position: absolute;
		bottom: 0;
		margin-bottom: -15px !important;
		right: 15px !important;
	}


	.msg-empty {
		margin-top: 150px;
		margin-bottom: 150px;
	}

	.empty {
		color: #555;
		font-weight: 700;
		font-size: 36px;
	}

	.empty-detail {
		color: #555;
		font-size: 12px;
	}

	.empty-button {
		font-size: 12;
		color: #fff;
		background: orange;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 3px;
	}

	.empty-button:hover {
		background: gold;
		color: #fff;
	}




	.btn-beritahu {
		padding: 0 !important;
		margin-left: -140 !important;
		font-size: 12px;
	}

	.btn-beritahu-text {
		color: 000 !important;
		margin-left: 128px !important;
		font-size: 10px !important;
	}



	/* swiper slider */
	.swiper-container {
		width: 360px !important;
		height: 160px !important;
	}

	.swiper-wrapper {
		display: flex !important;
		align-items: center !important;
	}

	.swiper-slide {
		text-align: center !important;
		background: none !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: -webkit-flex !important;
		height: 100% !important;
		transition: all 0.7s ease !important;
		opacity: 0.7 !important;
	}

	/*
	.swiper-slide-active {
		width: 700px !important;
		background: none !important;
		height: 85% !important;
		opacity: 1 !important;
	}
	.swiper-slide-active:hover {
		cursor: pointer !important;
		opacity: 0.8 !important;
	}
*/
	.swiper-button-prev {
		padding-left: 50px !important;
	}

	.swiper-button-next {
		padding-right: 50px !important;
	}



}