@media (min-width: 1200px) and (max-width: 1320px) {

	/* TOP BAR */
	#top {
		/* background: #d01f1f; */
		background: #427AB5;
		border-bottom: 1px solid #F3F3F3;
		padding-top: 6px;
		padding-bottom: 6px;
		font-size: 13px;
		color: #888;
		position: fixed;
		width: 100%;
		z-index: 90;
		padding-right: 0px;
	}

	#top-menu ul li span {
		font-size: 13px !important;
	}

	#top-menu ul li i {
		font-size: 13px !important;
	}

	#top-menu .hover a:hover {
		color: orange !important;
	}


	/* NAV BAR */
	header {
		background-color: #FFF;
		padding: 5px 0px 2px 0px !important;
		position: fixed;
		width: 100%;
		margin-top: 10px;
		z-index: 9;
	}

	.img-logo-nav {
		height: 75;
		width: auto;
	}

	.container-logo {
		left: -95;
		top: 8;
	}

	.container-search-nav {
		padding-left: 0px;
		padding-right: 0px;
	}

	.container-search-nav .search-nav {
		padding-right: 0px;
		padding-left: 0px;
	}

	.container-search-nav .search-nav input {
		height: 40px !important;
		font-size: 16px !important;
		font-weight: 600;
	}

	.container-search-nav .search-nav input::placeholder {
		color: gray;
		opacity: 0.5;
		/* Firefox */
		font-weight: 300;
	}

	.container-search-nav .search-nav input:focus {
		/* border-color: #D01F1F !important; */
		border-color: #427AB5 !important;
	}

	.container-search-nav .search-nav span {
		height: 40px !important;
	}

	.container-search-nav .search-nav span i {
		font-size: 13px !important;
		right: 0px !important;
	}

	.dropdown-category {
		padding-top: 4px;
		padding-right: 0px !important;
		/* background-color: #d01f1f; */
		background-color: #427AB5;
		width: 150px !important;
		height: 40px !important;
		line-height: 2.5 !important;
	}

	.dropdown-category a span {
		font-size: 13px !important;
		padding-left: 20px !important;
		color: #FFF;
	}

	.dropdown-category a i {
		font-size: 10px !important;
	}

	.container-icon {
		padding-left: 0px;
		margin-top: 35px !important;
	}

	.container-icon a {
		color: #3E3E3E;
	}

	.container-icon a:hover {
		/* color: #D01F1F !important; */
		color: #427AB5 !important;
	}

	.container-icon a i {
		font-size: 25px !important;
	}

	.container-icon a span {
		font-size: 13px !important;
	}

	.container-icon .dropdown.account {
		margin-top: 6px !important;
	}

	.container-icon .dropdown.account i {
		color: #000;
		margin-top: -5px;
	}

	.container-icon .dropdown.account span {
		color: black;
	}

	.container-icon .dropdown.account i:hover {
		color: orange;
	}

	.container-icon .dropdown.account span:hover {
		color: orange;
	}

	.myaccount {
		margin-top: 17px !important;
	}

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

	.box {
		padding-bottom: 50px;
	}

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

	.box-product:hover .button_product {
		display: block !important;
	}

	.box-product .harga {
		font-size: 15px !important;
		position: absolute;
		bottom: 0;
		padding-bottom: 10px !important;
		z-index: 1;
	}

	.box-product img {
		max-width: 100%;
		height: auto;
		margin-left: -7px;
	}

	.product-item {
		height: 300px !important;
	}

	.button_product {
		background: #fff;
		padding-right: 0px !important;
		width: 100% !important;
		margin-right: -20px !important;
		height: auto;
		margin-top: 30px;
		z-index: 1;
		display: block;
	}

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

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

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

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

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

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

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


	.breadcrumb.category {
		padding-top: 15px !important;
	}

	.head_judul {
		font-size: 17px !important;
	}

	.fw-1 {
		font-size: 19px !important;
		margin-top: 25px;
	}

	b.product-sku {
		font-size: 20px;
	}

	b.price-detail {
		font-size: 18px;
		padding-left: 0px;
	}

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

	.pt-icon-time {
		font-size: 10px;
	}

	.bt-label-discount {
		font-size: 10px !important;
	}

	.bt-product__price {
		font-size: 18px !important;
	}

	.pdp-cart-concern .btn-checkout {
		font-size: 13px !important;
	}

	.pdp-cart-concern .btn-wishlist i {
		font-size: 15px !important;
	}

	.pdp-cart-concern button {
		font-size: 10px !important;
		width: 200px;
	}

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

	.pagination label.button {
		background-color: white;
		border: 1px solid #eff0f5;
		color: #000;
		display: inline-block;
		transition: all .8s ease 0s;
		height: 40px;
		line-height: 40px;
		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: 400px;
		overflow-y: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}

	#result {
		position: absolute;
		width: 100%;
		cursor: pointer;
		max-height: 400px;
		z-index: 10;
		padding-left: 30px;
		padding-right: 0px;
		border-radius: 0px;
	}

	#result img {
		height: 100px;
		width: auto;
	}

	#result .search-image-loading {
		height: 60px !important;
		margin-top: 20px;
	}

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

	#result .link-class .detail-name {
		padding-top: 20px !important;
	}

	#result .link-class .detail-name .sku {
		font-weight: 700;
	}

	#result .link-class .price {
		padding-top: 35px;
		text-align: right;
		padding-right: 0px;
		font-weight: 700;
	}

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

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

	.filtering-serach span {
		margin-right: 5px;
		color: #333;
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
		background: #f3f3f3;
		border-radius: 50px;
	}

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

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

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

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




	a.thumbnail {
		height: 303px;
		position: relative;
		width: 460px;
	}

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

	a.thumbnail span.thumbnail-image img {
		max-width: 100%;
		padding-top: 10%;
	}

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

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


	span.harga-awal {
		font-size: 9px;
		position: absolute;
		bottom: 0;
		margin-bottom: -40px !important;
	}

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



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




	/*category-details*/
	.category-details {}

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

	.category-details .category-details-content span.header {
		font-size: 18px;
		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: 10px;
		color: #000;
	}

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

	.category-details .sort.category-details-content {
		padding-top: 15px;
		padding-left: 15px;
		/* border: 1px solid #d01f1f; */
		border: 1px solid #427AB5;
		background: #fff;
		padding-bottom: 15px;
		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;
	}

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

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

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

	.filter-category .filter-content .filter-input {
		padding-right: 12px;
		padding-left: 0px;
	}

	.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;
	}


	.box.category {
		padding: 10px;
		padding-bottom: 50px;
	}

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

	.category .button_product {
		background: #fff;
		padding-right: 0px !important;
		width: 100% !important;
		margin-right: -20px !important;
		height: auto;
		margin-top: 100px;
		z-index: 1;
	}

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

	.category span.persen {
		font-size: 11px;
		position: absolute;
		bottom: 0;
		margin-bottom: -57px !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;
	}




	/*slider*/
	.a-slider {
		background: none;
		width: 720px !important;
		height: 250px !important;
	}

	.a-slider div {
		width: 720px !important;
		height: 250px !important;
	}

	.a-slider div img {
		width: 690px !important;
		height: 200px !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;		
	}
	*/





	/*category hover*/
	ul.dropdown-menu {
		background: #949494;
	}

	ul.dropdown-menu>li>a {
		font-family: Roboto-Regular, 'Helvetica Neue', Helvetica, Tahoma, Arial, Sans-serif;
		color: #fff !important;
	}

	ul.dropdown-menu>li>a:hover {
		font-family: Roboto-Regular, 'Helvetica Neue', Helvetica, Tahoma, Arial, Sans-serif;
		/* color: #e91d1d !important; */
		color: #3B5998 !important;
	}

	ul.dropdown-menu>li.open>a {
		font-family: Roboto-Regular, 'Helvetica Neue', Helvetica, Tahoma, Arial, Sans-serif;
		/* color: #e91d1d !important; */
		color: #3B5998 !important;
	}

	ul.dropdown-menu>li.open>a>.caret {
		/* border-left-color: #e91d1d !important; */
		border-left-color: #3B5998 !important;
	}

	.dropdown .dropdown-menu .caret {
		border: 4px solid transparent;
		border-left-color: #fff !important;
		float: right;
		margin-top: 6px;
	}

	.dropdown .dropdown-menu a:hover .caret {
		border: 4px solid transparent;
		/* border-left-color: #e91d1d !important; */
		border-left-color: #3B5998 !important;
		float: right;
		margin-top: 6px;
	}



	.btn-beritahu {
		padding: 0 !important;
		margin: 0 !important;
		margin-left: -210 !important;
	}

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



	/* swiper slider */
	.swiper-container {
		width: 1135px !important;
		height: 230px !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: 80% !important;
		transition: all 0.7s ease !important;
		opacity: 0.7 !important;
	}

	.swiper-slide-active {
		width: 600px !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;
	}













}