html,body{
	margin: 0 auto;
	font-family: 'Poppins', sans-serif;
	font-size:13px;
	background: #B9D8FF;
	background-size:100% auto;
	letter-spacing: .4px;
	line-height: 1.8rem;
	color: #212121;
	min-height: 100%;
	height: 100%;
}
::placeholder{
	color: #616161 !important;
}
/*.filterSelect{
	display: block !important;
}*/
.table-small td, th{
	padding:5px !important;
}
.select2-container{
	width: 100% !important;
}
.select2-container--default .select2-selection--single{
	background-color: #f5f5f5 !important;
	border: 2px solid #eceff1 !important;
}
.select2-container .select2-selection--single{
	height: 33px !important;
}
a{
	color: #212121;
}
.container{
	width: 85%;
}
.pencarian{
	/*float: right;*/
	margin:0px 0 0 100px !important;
	/*padding-bottom: 30px;*/
	display: inline-block;
	position: absolute;
}
.cari{
	background: #F5F5F5 !important;
	border:2px solid #ECEFF1 !important;
	border-radius: 4px !important;
	width: 500px !important;
	padding:10px !important;
	height: 10px !important;
	font-size: 14px !important;
}
.cari::placeholder{
	color: #616161 !important;
}
.btn-keranjang{
	/*padding:10px 20px !important;*/
}
.btn{
	font-weight: bold !important;
	text-transform: capitalize !important;
}
.btn-cari{
	background: no-repeat;
	border:none;
	cursor: pointer;
	color: #0c4eea;
	margin: 0px 0 0 -35px;
	position: absolute;
	display: inline-block;
}
.btn-cari:focus{
	background: no-repeat;
	border:none;
}
.btn-cari i{
	font-size: 14px;
}
.btn-block{
	display: block;
	width: 100%;
}
.register .btn{
	box-shadow: none;
	text-transform: capitalize;
}
.register .masuk{
	background: #0c4eea;
	border-radius: 4px 0 0 4px;
}
.register .daftar{
	border-radius: 0 4px 4px 0;
	background: #e3e3e3;
	color: #212121;
}
.usermenu{
	position: relative;
	z-index: 999;
}
.usermenu li{
	color: #212121 !important;
	padding: 0 !important;
	position: relative;
}
.usermenu li a{
	color: #212121 !important;
	padding:4px 10px;
	border: none !important;
}
.usermenu a i{
	font-size: 18px;
}
.usermenu li:hover > .usersubmenu{
	display: block;
}
.usersubmenu{
	display: none;
	background: white;
	border: 1px solid #EEEEEE;
	padding:5px;
	box-shadow: 0 0 17px rgba(0,0,0,.1);
	position: absolute;
	width: 210px;
	margin:-38px 0 0 0;
	right: 0;
	border-radius: 4px;
}
.usersubmenu ul li{
	padding: 0 !important;
	margin: 0 !important;
	float: none;
	line-height: 27px !important;
	border-bottom: 1px solid #EEEEEE
}
.usersubmenu ul li a{
	color: #212121 !important;
	padding: 0 8px;
	margin: 0;
	font-size: 12px;
	display: block;
	text-align: left;
}
.usersubmenu ul li a:hover{
	background: #F5F5F5 !important;
}
.nav-wrapper{
	margin-top: 10px;
}
nav{
	background: white;
	border-bottom: 1px solid #ECEFF1;
	box-shadow: none;
	padding: 0;
	height: 111px;
	position: fixed;
	z-index: 99999;
}
nav .brand-logo{
	position: relative;
}
.navsub{
	margin:0;
	height: 33px;
	line-height: 31px;
	/*border-top: 1px solid #ECEFF1;*/
	/*border-bottom:  1px solid #ECEFF1;*/
	background: #0c4eea;
	position: relative;
	z-index: 9999;
}
.navsub a{
	display: inline-block;
	color: white;
	margin-right: 0px;
	font-size: 12px;
	border-right: 1px solid #1e4ec1;
	text-align: center;
	padding: 0 10px;
}
.navsub a:hover{
	background: #0c4eea;
	color: white;
}
.navsub a i{
	font-size: 18px;
}
.prosesCart{
	float: right;
	padding:0 !important;
	margin: 20px  0!important;
	position: relative;
	z-index: 888;
}
.prosesCart li{
	display: inline-block;
	padding:0 5px;
}
.prosesCart li a{
	padding:4px 6px;
	font-size: 18px;
	color: #F5F5F5;
	border:2px solid #90A4AE;
	background: #90A4AE;
	border-radius: 20px;
}
.prosesCart li a.active{
	color: #F5F5F5;
	border:2px solid #0c4eea;
	background: #0c4eea;
}
.countCart{
	background: #f44336 !important;
	color: white;
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 20px;
	margin: 11px 6px 0 0 !important;
	right: 0;
}
.keranjang{
	position: relative;
	z-index: 99999;
}
.keranjang a{
	color: #212121 !important
}
.keranjang li{
	list-style: none;
}
.keranjang li:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	padding:0;
}
.keranjang li:hover > .box-keranjang{
	display: block;
}
.keranjang .box-keranjang{
	display: none;
	background: white;
	border: 1px solid #EEEEEE;
	position: absolute;
	width: 300px;
	margin:-20px 0 0 0; 
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	right:0;
	padding: 10px;
	border-radius: 4px;
	color: #212121;
}
.keranjang .box-keranjang h3{
	padding: 0 !important;
	margin: 0 !important;
	font-size: 14px;
}	
nav ul a:hover{
	background: none !important;
}
.keranjang .box-keranjang h5{
	padding: 0 !important;
	margin: 5px 0 0 0 !important;
	font-size: 12px;
}
.keranjang .box-keranjang h6{
	padding: 0 !important;
	margin: 5px 0 0 0 !important;
	font-size: 12px;
	font-weight: bold;
}
.keranjang .box-keranjang .item{
	margin: 5px 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #EEEEEE;
}
.keranjang .box-keranjang a{
	margin: 0 !important;
}
.keranjang .footer-keranjang{
	margin:10px 0 0 0;
}
.keranjang .footer-keranjang a.btn{
	box-shadow: none;
	background: #0c4eea;
	color: white !important;
	border-radius: 4px;
}
.keranjang .footer-keranjang a.btn:hover{
	background: #e53935 !important;
	color: white !important;
}
.btn-default{
	box-shadow: none !important;
	background: #F5F5F5 !important;
	border: 1px solid #E0E0E0;
	color: white;
	border-radius: 4px;
	text-transform: capitalize !important;
}
.keranjang .footer-keranjang a i{
	height: 5px !important;
	line-height: 32px !important;
}
.pesanan h4{
	padding: 0 !important;
	margin: 10px 0 20px 0 !important;
}
.jarakmenu{
	height: 120px;
}
#slider{
	background: white;
	/*border: 1px solid #E0E0E0;*/
	margin-bottom: 20px;
	min-height: 400px;
	border-radius: 8px;
}
#slider h3{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 20px;
}
#slider h3 i{
	font-size: 16px;
}
#slider .kategori{
	border: none;
	margin-bottom: 0;
	overflow: visible !important;
}
#slider .kategori a{
	border-bottom: 1px solid #EEEEEE;
	color: #212121;
	padding:5px 20px;
	display: block;
}
#slider .kategori .collection-item:hover{
	background: #EEEEEE;
}
#slider .kategori a.promo{
	background: #0c4eea;
	color: #ffffff;
}
#slider .row{
	margin: 0;
}
#slider .l9{
	padding: 0;
}
.slider .carousel-item{
	width: 100%;
}
.slider .carousel-item img{
	width: 100%;
	height: 400px;
}
.kategori .collection-item{
	line-height: normal !important;
	padding: 0 !important;
	border: 0 !important;
	list-style: none;
}
.kategori .collection-item:hover > .subkategori{
	display: block !important;
}
.subkategori{
	display: none;
	position: absolute;
	background: #EEEEEE;
	border: none !important;
/*	box-shadow: 0 0 15px rgba(0,0,0,.2);
*/	width: 800px;
	height: 403px;
	margin:-64px 0 0 250px !important;
	padding: 20px !important;
	z-index: 99;
	top: 0;
}
.subkategori h3{
	padding: 0 0 20px 0 !important;
	margin: 0 !important;
	text-transform: capitalize !important;
}
.subkategori a{
	padding:5px 7px !important;
}
.subkategori a:hover{
	background: #E0E0E0 !important;
}
#promo{
	background: white;
	/*border: 1px solid #E0E0E0;*/
	margin-bottom: 20px;
	/*padding:20px 0;*/
	border-radius: 8px;
}
#promo .row{
	margin:0;
}
#promo .header-promo{
	padding: 20px;
	/*background: #ffcdd2;*/
	height: 100%;
	display: block;
	/*border-radius: 8px;*/
}
#promo .header-promo i{
	text-align: center;
	font-size: 45px;
	display: block;
}
#promo .header-promo h3{
	padding: 0;
	margin:10px 0 0 0;
	font-weight: bold;
	font-size: 32px;
	color: #c61576;
	text-transform: capitalize;
}
#promo .carousel{
	height: 290px !important;
	min-height: 100% !important;
/*	border: 1px solid #000;
*/}
#promo a{
	box-shadow: none;
	border-radius: 4px;
	background: none;
	border:1px solid #0c4eea;
	color: #0c4eea;
}
#promo a:hover{
	background: #0c4eea;
	border:1px solid #0c4eea;
	color: #ffffff;
}
#promo .controller{
	margin:16px 0 0 0;
}
#promo .controller a{
	border: none;
	display: inline-block;
	border:1px solid #BDBDBD;
	padding:5px 10px;
}
#promo .controller a:hover{
	border:none;
}
#promo .controller a i{
	font-size: 18px;
}
#margin-promo-slider{
	margin-left: 207px;
}
.produk{
	text-align: center;
	border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
	display: block;
	cursor: pointer;
	height: 100% !important;
	opacity: 1 !important;
	/*transform: translateX(0px) translateX(207px) translateZ(0px) !important;*/
}
.produk:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.2);
	border: none;
}
.produk img{
	border-radius:4px;
	margin:10px 0;
}
.produk a{
	border: none !important;
	color: #212121 !important;
}
.produk a h2{
	font-size: 14px;
	padding: 0;
	margin: 0
}
.produk a h4{
	font-size: 14px;
	padding: 0;
	margin: 10px 0 16px 0;
	font-weight: bold;
}
.produk a:hover{
	background: none !important;
	color: #0c4eea !important;
}
#kategori{
	margin-bottom: 20px;
	/*padding:20px 0;*/
}
#kategori .row{
	margin:0;
}
#kategori .row .col{
	padding:0 .3rem !important;
}
#kategori h3{
	font-size: 18px;
	font-weight: bold;
	padding:7px 20px;
	margin-top:20px;
	position: relative;
	z-index: 1;
	/*background: white;*/
	display: inline-block;
	border-radius: 8px;
}
/*.kat-header::before{
	margin-top:30px;
	border-radius: 7px;
	border-top-style: solid;
	content: "";
	left: auto;
	right: 0;
	width: 100%;
	height: 0;
	border: 3px solid #dcdee3;
	overflow: hidden;
	float: left;
	position:absolute;
}*/
.kat-control{
	margin:-40px 0 0 0;
	right: 0;
	position: relative;
	z-index: 1;
}
.kat-control a{
	padding: 5px 10px;
	border: none;
	background: white;
	color: #0c4eea;
}
.kat-control a:hover{
	background: #0c4eea;
	color: white;
	border: none;
}
.kat-control a.next{
	border-radius:4px 0 0 4px;
}
.kat-control a.prev{
	border-radius:0 4px 4px 0;
}
.kat-control a i{
	font-size: 18px;
}
#kat-slider{
	height: 300px !important;
}
.kat-produk{
	text-align: center;
	/*border:1px solid #E0E0E0;*/
	border-radius: 8px;
	display: block;
	cursor: pointer;
	height: 100% !important;
	opacity: 1 !important;
	background: white;
	padding: 5px 10px;
	min-height: 300px;
	margin-bottom: 13px;
}
.kat-produk:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.2);
	border: none;
}
.kat-produk img{
	border-radius:4px;
	margin:10px 0;
}
.kat-produk a{
	border: none !important;
	color: #212121 !important;
}
.kat-produk a h2{
	font-size: 14px;
	padding: 0;
	margin: 0
}
.kat-produk a h4{
	font-size: 14px;
	padding: 0;
	margin: 10px 0 16px 0;
	font-weight: bold;
}
.kat-produk a:hover{
	background: none !important;
	color: #0c4eea !important;
}
.margin-kat-slider{
	margin-left: 578px;
}
input[type="text"],
input[type="password"],
input[type="email"]{
	background: #F5F5F5 !important;
	border: 2px solid #ECEFF1 !important;
	border-radius: 4px !important;
	width: 100% ;
	padding: 10px 0 !important;
	height: 10px !important;
	font-size: 14px !important;
	text-indent: 10px;
}
textarea{
	background: #F5F5F5 !important;
	border: 2px solid #ECEFF1 !important;
	border-radius: 4px !important;
	padding: 10px !important;
	/*min-height: 100px;*/
	height: auto !important;
}
select{
	background: #F5F5F5 !important;
	border: 2px solid #ECEFF1 !important;
	border-radius: 4px !important;
	width: 100% ;
	height: 34px !important;
	font-size: 14px !important;
	margin:0 0 8px 0;
}
label{
	color: #212121;
	font-size: 14px;
}
label span{
	display: inline-block !important;
	height: 30px !important;
	width: 100% !important;
}
label span br{
	margin-top: -10px;
}
label div.secondary-content{
	position: absolute;
	right: 0;
	color: #212121;
	float: none !important;
	margin:-45px 20px 0 0;
}
.login{
	background: white;
	/*border:1px solid #E0E0E0;;*/
	padding: 20px;
	margin:0px auto 30px auto;
	border-radius: 8px;
}
.login .btn{
	margin:20px 0 0 0;
	box-shadow: none;
	background: #c61576;
	color: white;
	border-radius: 4px;
}
.login li{
	padding: 0 !important;
}
.login li a{
	display: block !important;
	padding:4px 10px;
}
.login li a:hover{
	background: #E0E0E0;
}
.divider{
	margin: 20px 0;
}
.produk_img{
	width: 100%;
	height: 520px;
/*	border: 1px solid green;
*/	overflow: hidden;
}
.produk_img img{
	width: 100%;
}
.produk_img_thum{
	margin:20px 0 0 0;
}
.produk_img_thum .row .col{
	padding: 0 1.5px !important;
	margin: 0 !important;
}
#produk{
	margin-bottom: 20px;
	/*padding:20px 0;*/
}
#produk .row{
	margin:0;
}
#produk h3{
	font-size: 18px;
	font-weight: bold;
	padding:7px 20px;
	margin-top:20px;
	position: relative;
	z-index: 1;
	/*background: white;*/
	display: inline-block;
	border-radius: 8px;
}
/*#produk .produk-header::before{
	margin-top:10px;
	border-radius: 7px;
	border-top-style: solid;
	content: "";
	left: auto;
	right: 0;
	width: 100%;
	height: 0;
	border: 3px solid #dcdee3;
	overflow: hidden;
	float: left;
	position:absolute;
}*/
#produk h1{
	padding: 0;
	margin: 0;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 28px;
}
#produk h5{
	padding: 5px 0 8px 0;
	margin:0;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	color: #0c4eea;
}
#produk h5 span{
	font-weight: normal;
	font-size: 14px;
	display: block;
	color: #212121;
}
#produk h5 section{
	display: inline !important;
}
#produk h4{
	padding: 0;
	margin: 5px 0;
	font-size: 14px;
}
#produk h6{
	font-size: 14px;
	line-height: 18px;
}
#produk button{
	margin: 0 !important;
	font-weight: bold;
}
#produk .kiri{
	border-right: 1px solid #E0E0E0;
}
#produk .garis{
	margin:20px 0;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}
#produk .produk-tombol{
	margin:5px 0 0 0;
	display: block;
}
#produk .produk-tombol .row{
	margin-bottom: 20px;
}
#produk .weight{
	font-weight: normal;
	padding:3px 10px;
	border-radius: 30px;
	font-size: 18px;
	margin-top: 14px;
}
.daftar-keranjang img{
	width: 50px;
	margin:15px 0 0 0;
}
.daftar-keranjang .list-item{
	margin-bottom: 20px !important;
}
.daftar-keranjang h5{
	font-weight: bold;
	font-size: 15px !important;
}
.daftar-keranjang h6{
	font-size: 13px !important;
	margin: 0;
	padding: 0;
}
.daftar-keranjang h6.note{
	font-size: 12px !important;
}
.daftar-keranjang .jumlah-box{
	display: inline-block;
	margin:0;
}
.daftar-keranjang .jumlah-box2{
	display: block;
	margin:0 !important;
}
.daftar-keranjang input[type="text"]{
	width: 80px;
	text-align: center;
}
.divider2{
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0;
    margin:10px 0;
}
/*.daftar-keranjang a:hover{
	color: #0c4eea;
}*/
.lanjut-belanja{
	background: #F5F5F5 !important;
	color: #212121 !important;
}
.bayar h4{
	font-size: 16px;
	font-weight: bold;
	margin:0 0 20px 0;
}
.bayar h5{
	font-size: 14px;
}
.bayar h6{
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.bayar img{
	float: left;
	margin-right: 10px;
}
.bayar .item{
	display: block;
	height: 70px;
	border-bottom: 1px solid #E0E0E0;
}
.bayar button{
	margin-top: 50px !important;
	display: block;
}
.bayar li{
	padding: 10px !important;
}
.bayar .item h6{
	font-size: 13px;
}
.kurir b{
	font-weight: normal;
}
.ringkasan{
	min-height: 400px;
}
.alert-danger{
	background: #ef9a9a;
	border:1px solid #f44336;
}
.alert-success{
	background: #81C784;
	border:1px solid #4CAF50;
}
.alert p, .alert{
	line-height: 20px;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.alert{
	padding:10px;
	border-radius: 4px;
	margin:0 0 20px;
}
.selengkapnya{
	color: #f44336 !important;
}
#toast-container{
	z-index: 999999 !important;
}
.toast{
	font-size: 12px !important;
	display: block;
}
.toast p{
	display: block !important;
	padding: 0;
	margin: 0;
}
footer{
	/*border-top: 1px solid #E0E0E0;*/
	background: #08266f;
	/*bottom: 0;*/
	/*position: absolute;
	width: 100%;*/
	clear: both;
    /*position: relative;*/
    color: #EEEEEE;
}
footer a{
	color: #EEEEEE;
}
footer .row{
	margin:0;
}
footer h4{
	font-weight: bold;
	font-size: 18px;
	color: white;
}
footer .footer-bottom{
	border-top: 1px solid #4F4F4F;
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

.sidenav{
	background: #00298a !important;
}
.sidenav li > a{
	color: white !important;
}
/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*============ MOBILE ========================================*/
@media only screen and (max-width: 600px) {
	.container{
		width: 95%;
	}
	nav{
		height: 65px;
	}
	.brand-logo{
		display: inline !important;
		margin: 0 0 0 50px !important;
		left: 0!important;
		text-align: center;
	}
	
	.brand-logo img{
		height: 40px;
	}
	.pencarian{
		display: none;
		margin: 0 0 0 20px !important;
		float: none !important;
	}
	.btn-cari {
	    background: no-repeat;
	    border: none;
	    cursor: pointer;
	    color: #0c4eea;
	    margin: -33px 12px 0 0;
	    position: absolute;
	    display: inline-block;
	    right: 0;
	}
	.cari{
		width: 100% !important;
	}
	.navsub {
		display: none;
	}
	.keranjang{
		float: right !important;
	}
	.keranjang li{
		padding: 0 !important
	}
	nav .sidenav-trigger{
		float: left !important;
		color: #212121;
		/*margin: 37px 0 0 20px;*/
		/*z-index: 99999;*/
	}
	.jarakmenu{
		height: 63px;
	}
	#slider{
		width: 100%;
		min-height:auto;
	}
	.slider .carousel-item img{
		height: auto;
	}
	.carousel{
		height: 165px;
	}
	#promo p, #promo .btn{
		display: none;
	}
	#promo .header-promo{
		padding: 10px;
		margin-bottom: 35px;
	}
	#promo .header-promo h3{
		float: left;
	}
	#promo .controller{
		margin: 5px 24px 0 0;
		right: 0;
		position: absolute;
	}
	.produk{
		border-left: none;
	}
	#promo .carousel{
		height: 190px !important;
	}
	#kategori h3,#promo .header-promo h3,#produk h3{
		font-size: 1.3rem;
	}
	#kategori .row .col{
		padding: 0 1px !important;
	}
	.margin-kat-slider{
		margin: 0;
	}
	#kat-slider{
		height: 200px !important;
	}
	.kat-produk{
		min-height: 210px;
	}
	#mobile-demo .row{
		margin: 10px 0 0 0;
	}
	.produk_img{
		height: 295px;
	}
	#produk .row{
		margin-bottom: 5px !important;
	}
	#produk .row .col{
		padding: 0 1.5px !important;
	}
	#produk h1{
		margin-top: 10px;
		font-size: 1.7rem;
	}
	.produk-detail{
		margin:20px 0 0 0 !important;
	}
	.produk_img_thum{
		margin: 7px 0 0 0 ;
	}
	.login{
		padding:8px 15px;
	}
	#posIndonesia .secondary-content, #JNE .secondary-content,#Tiki .secondary-content{
		float: none !important;
		display: block;
		width: 100%;
		position: relative;
		margin:0 0 0 102px;
	}
	.daftar-keranjang img{
		width: 40px;
	}
	.daftar-keranjang input[type="text"]{
		padding: 5px 0 !important;
		width: 50px;
	}
	.daftar-keranjang h5{
		font-size: 13px !important;
	}
	.daftar-keranjang h6{
		font-size: 12px !important;
	}
	.daftar-keranjang .btn{
		overflow: hidden;
	}
	.sidenav{
		z-index: 99999 !important;
	}
	.modal{
		width: 95% !important;
		top: 15% !important;
	}
	.modal-keranjang h4{
		font-size: 1.3rem;
		font-weight: bold;
	}
	.modal-keranjang .item{
		margin-bottom: 10px;
		border-bottom: 1px solid #E0E0E0;
		padding-bottom: 10px;
	}
	.modal-keranjang h3{
		font-size: 1.1rem;
		padding: 0;
		margin:0;
		font-weight: bold;
	}
	.modal-keranjang h5{
		font-size: 1rem;
		padding: 0;
		margin:0;
		/*font-weight: bold;*/
	}
	.countCart{
		margin: 2px 6px 0 0 !important;
	}
}