/*  
Theme Name: IndoStore Theme
Theme URI: http://www.oketheme.com/themes/indostore-theme
Description: IndoStore theme mudah digunakan dan mempunyai desain yang sangat menarik dengan 7 pilihan warna dan 9 background.
Version: 2.1
Author: Tri Yuli Kurniawan
Author URI: http://www.oketheme.com
Tags : theme indonesia,indostore,toko online indonesia,101,585858,C8C8C8,E9E9E9
*/
#wrap{background:#FFF;width:900px;padding:0 10px 0px 10px;}
body{font-family:Arial;font-size:12px;color:#333;width:930px;margin:0 auto;padding:0;text-align:justify;background-color:#333}
a{color:#B45F04;text-decoration:none}
p{text-decoration:none;line-height:20px}
#posting ul{list-style-type:none;margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0px;}
#posting ul li, #posting ol li{margin-left:30px;margin-right:30px;border-bottom:1px dotted #C8C8C8;padding-top:5px;padding-right:0.3em;padding-bottom:5px;padding-left:20px;background-image:url(images/li.gif);background-repeat:no-repeat;background-position:left center;}
#posting ul li ul{list-style-type:square;padding-top:0;padding-right:0;padding-bottom:0px;padding-left:3px;}
#posting ul li ul li{border-top-width:0;border-right-width:0;border-bottom-width:1px;border-left-width:0;border-bottom-style:dotted;border-bottom-color:#C8C8C8;} 
#menu
{width:900px;font-size:10px;text-transform:uppercase;text-align:left}
#dropdownmenu
{float:left;list-style:none;line-height:20px;z-index:300;width:920px;padding-top:0px;padding-right:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:-10px;background-color:#101;background-image:url(images/gelap/navi.jpg);background-repeat:repeat-x;font-family:Arial}
#dropdownmenu ul{margin:0;padding:0;list-style:none;position:absolute;line-height:20px;z-index:300;position:absolute;display:none;top:26px;background-color:#101;}
#dropdownmenu a{display:block;color:#FFFFFF;font-weight:bold;padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px;}
#dropdownmenu a:hover{text-decoration:none;background-color:#C8C8C8}
#dropdownmenu li{float:left;position:relative;display:block}
#dropdownmenu li ul{width:150px;}
#dropdownmenu li ul a{width:134px;height:auto;float:left;background-color:#101;border-bottom:1px solid #E9E9E9}
#dropdownmenu li ul a:hover{width:134px;text-decoration:none;background-color:#C8C8C8}
#dropdownmenu ul ul{line-height:20px;top:auto;}
#dropdownmenu ul li{}
#dropdownmenu li ul ul{left:12em;margin-left:18px}
#dropdownmenu li:hover ul ul, #dropdownmenu li:hover ul ul ul, #dropdownmenu li:hover ul ul ul ul{display:none;}
#dropdownmenu li:hover ul, #dropdownmenu li li:hover ul, #dropdownmenu li li li:hover ul, #dropdownmenu li li li li:hover ul{display:block;}
#navbot
{width:900px;font-size:10px;text-transform:uppercase;}
#dropdownmenu2
{float:left;list-style:none;line-height:20px;z-index:300;width:920px;padding-top:0px;padding-right:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:-10px;background-color:#101;background-image:url(images/gelap/navi.jpg);background-repeat:repeat-x;font-family:Arial}
#dropdownmenu2 ul{margin:0;padding:0;list-style:none;position:absolute;line-height:20px;z-index:300;position:absolute;display:none;top:26px;background-color:#101;}
#dropdownmenu2 a{display:block;color:#FFFFFF;font-weight:bold;padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px;}
#dropdownmenu2 a:hover{text-decoration:none;background-color:#C8C8C8}
#dropdownmenu2 li{float:left;position:relative;display:block}
#dropdownmenu2 li ul{width:150px;}
#dropdownmenu2 li ul a{width:134px;height:auto;float:left;background-color:#101;border-bottom:1px solid #E9E9E9}
#dropdownmenu2 li ul a:hover{width:134px;text-decoration:none;background-color:#C8C8C8}
#dropdownmenu2 ul ul{line-height:20px;top:auto;}
#dropdownmenu2 ul li{}
#dropdownmenu2 li ul ul{left:12em;margin-left:18px}
#dropdownmenu2 li:hover ul ul, #dropdownmenu li:hover ul ul ul, #dropdownmenu li:hover ul ul ul ul{display:none;}
#dropdownmenu li:hover ul, #dropdownmenu li li:hover ul, #dropdownmenu li li li:hover ul, #dropdownmenu li li li li:hover ul{display:block;}
#top {
  max-width: 920px;
  height: 28px;
  background-color: #E9E9E9;
  margin-top: 30px;
  width: 100%;
}
.tanggal {float:left;margin-left:5px;margin-top:5px;color:#101}
#header {
  max-width: 960px;
  height: 150px;
  background-color: #FFF;
  margin-left: -10px;
  width: 100%;
}
#header .bg {
  max-width: 960px;
  height: 150px;
  float: left;
  width: 100%;
}
#header .logo{width:400px;height:70px;float:left;margin-top:10px;margin-left:10px;font-family:Aharoni;font-size:25px;text-shadow:1px 1px 1px #fff;}
#header .banneratas{width:234px;height:60px;float:right;margin-top:18px;margin-right:20px;}
#cstop {position:fixed;height:30px;top:0;width:920px;float:left;margin-left:-10px;background-image:url(images/gelap/shadow.jpg);background-repeat:repeat-x;border-bottom:1px dashed #C8C8C8}
#cstop .hubungi{width:900px;margin-left:10px;color:#101;font-weight:bold}
.terframe {float:right;width:164px;height:799px;border:1px dashed #C8C8C8;margin:3px;background:#E9E9E9}
#terlaris {width:154px;height:127px;float:left;margin:5px 5px 0 5px} #terbox{width:154px;height:127px;background-image:url(images/gelap/frame.png);}
#search{float:right;height:18px;width:365px;margin:1px -65px 0px !important;padding:0px !important}
#search input{background:#fff;border:1px solid #C8C8C8;color:#999;float:left;font-size:11px;width:200px;margin:2px 0px 0px;padding:3px 4px 4px;}
#search .button{padding:0;height:20px;margin:3px 0px 0px 5px !important;border:none;width:150px;background:#101;}
#isigede{width:900px;margin-bottom:5px;background-color:#FFF}
#isi{float:right;width:688px;margin-right:4px;padding:0px 0px 0px 0px}
#isisingle{float:left;width:522px;margin-left:6px;padding:0px 0px 0px 0px}
#welcome {width:686px;height:auto;border:1px dashed #C8C8C8;margin-top:5px;margin-bottom:5px;font-size:11px;color:#101;background:#E9E9E9}
.single{margin:10px;font-size:12px;text-align:left}
#unique {width:520px;height:auto;border:1px dashed #C8C8C8;margin-top:5px;margin-bottom:5px;font-size:11px;color:#101;background:#E9E9E9}
#warning {width:520px;height:auto;border:1px dashed #CC6600;margin-top:5px;margin-bottom:5px;font-size:11px;background:#FFEBAE}
.singlecs{float:right;margin:5px;}
.entrytitle{border-bottom:1px dashed #C8C8C8;text-align:left}
.entrytitle h2{color:#101;font-size:13px;font-style:normal;margin:0 0 5px;padding:0}
blockquote{color:#101;font-style:italic;margin:0 0 10px;padding-left:30px}
#sidebar{float:left;width:194px;text-align:left;color:#101;margin-top:5px;}
#sidebar .box{border:1px solid #E9E9E9;margin-bottom:5px;background-color:#FFF;background-image:url(images/gelap/shadow.jpg);background-repeat:repeat-x;padding:5px}
#sidebar .box h3, #sidebar h3{color:#101;height:20px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;padding-left:0px;text-transform:uppercase;}
#sidebar a{color:#101;}
#sidebar ul{list-style-type:none;margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0px;}
#sidebar ul li{border-bottom:1px dotted #C8C8C8;padding-top:5px;padding-right:0.3em;padding-bottom:5px;padding-left:3px;background-position:left center;}
#sidebar ul li:hover{background-color:#E9E9E9;border-bottom:1px dotted #C8C8C8;padding-top:5px;padding-right:0.3em;padding-bottom:5px;padding-left:3px;background-position:left center;}
#sidebar ul li ul{list-style-type:square;padding-top:0;padding-right:0;padding-bottom:0px;padding-left:3px;}
#sidebar ul li ul li{border-top-width:0;border-right-width:0;border-bottom-width:1px;border-left-width:0;border-bottom-style:dotted;border-bottom-color:#C8C8C8;}
.seo h1{font-size:0px;margin-top:5px}
#sidebar2{float:left;width:172px;text-align:left;color:#101;margin-top:5px;margin-left:6px}
#sidebar2 .box{border:1px solid #E9E9E9;margin-bottom:5px;background-color:#FFF;background-image:url(images/gelap/shadow.jpg);background-repeat:repeat-x;padding:5px}
#sidebar2 .box h3, #sidebar h3{color:#101;height:20px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;padding-left:0px;text-transform:uppercase;}
#sidebar2 a{color:#101;}
#sidebar2 ul{list-style-type:none;margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0px;}
#sidebar2 ul li{border-bottom:1px dotted #C8C8C8;padding-top:5px;padding-right:0.3em;padding-bottom:5px;padding-left:3px;background-position:left center;}
#sidebar2 ul li:hover{background-color:#E9E9E9;border-bottom:1px dotted #C8C8C8;padding-top:5px;padding-right:0.3em;padding-bottom:5px;padding-left:3px;background-position:left center;}
#sidebar2 ul li ul{list-style-type:square;padding-top:0;padding-right:0;padding-bottom:0px;padding-left:3px;}
#sidebar2 ul li ul li{border-top-width:0;border-right-width:0;border-bottom-width:1px;border-left-width:0;border-bottom-style:dotted;border-bottom-color:#C8C8C8;}
#footer{background-image:url(images/gelap/shadow.jpg);background-repeat:repeat-x;width:920px;padding-bottom:10px;padding-top:10px;margin-left:-10px;}
#footer .designby a{color:#BBB}
#footer .designby {text-align:center;color:#BBB}
#footer .copyright {padding-top:20px;text-align:center}
.contentbr {margin-bottom:5px}
.thumb{float:left;width:230px;height:215px;border:1px solid #C8C8C8;background:#E9E9E9}
.thumb img{margin:5px}
.detailproduct{float:left;width:285px;height:215px;margin-left:5px;text-align:left}
.commentsblock{width:520px;}
.commentsblock textarea{width:500px}
.commentsblock textarea{border:1px solid #C8C8C8;width:300px;font-family:Arial;color:#999}
ol.commentlist{color:#222;list-style-type:none;margin:1.5em 0 0;padding:0}
.commentlist li{border:1px dashed #C8C8C8;background:#E9E9E9}
ol.orderlist{color:#222;list-style-type:none;margin:1.5em 0 0;padding:0}
h2#comments{font-size:12px;color:#101;margin-top:10px}
.commenttext{font-size:12px;margin:5px;}
p img{max-width:100%;padding:0}
a img{border:medium none}
img.centered{display:block;margin-left:auto;margin-right:auto}
img.aligncenter {display:block;margin-left:auto;margin-right:auto;margin-bottom:10px}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px}
.alignleft{float:left}
.alignright{float:right}
.randomprod {width:160px;height:310px} .randomprod img{border:1px dashed #C8C8C8;margin:2px}
.barang1{width:164px;height:261px;float:left;border:1px solid #E9E9E9 ;margin:3px;background-image:url(images/gelap/shadow.jpg);background-repeat:repeat-x}
.barang2{width:164px;height:261px;float:left;border:1px solid #C8C8C8;margin:3px;background-image:url(images/gelap/shadow.jpg);background-repeat:repeat-x}
.barang1 p,.barang2 p{margin:2px 0 3px}
.barang1 img,.barang2 img{padding:7px}
.hometitle h2{text-align:center;font-size:12px;}
.hometitle a{color:#101;font-size:12px;font-weight:700}
.hometitle{margin-top:10px;text-align:center;width:164px;margin-bottom:7px;}
.harga {font-size:15px;text-align:center;color:#101}
h1{font-size:15px;color:#101;font-style:normal;margin:0}a:hover{color:#585858;}
h2{font-size:13px;color:#101;font-style:normal;margin:0}a:hover{color:#585858;}
h3{font-size:12px;color:#101;font-style:normal;margin:0}a:hover{color:#585858;}
.bookmark{float:left;background:#E9E9E9;height:36px;width:250px;margin-top:5px}
.sb{margin:3px}
.small{font-size:10px;color:#101}
.tags{font-size:10px;color:#CCC}
.tags a{color:#CCC}.tags a:hover{color:#101}
.TabMenu{text-align:center;margin:0px;padding:0px;}
.TabMenu li{padding:0px;margin:0px;list-style-type:none;display:inline;font-size:12px;font-family:Arial;width:100px;font-weight:bold;}
.TabMenu li a{margin-right:5px;float:left;text-decoration:none;padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;margin-top:0px;margin-bottom:-1px;color:#101;background-color:#E9E9E9;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:none;border-left-style:solid;border-top-color:#C8C8C8;border-right-color:#C8C8C8;border-left-color:#C8C8C8;}
.TabMenu li a span{display:block;float:right;padding-top:4px;padding-right:4px;padding-bottom:2px;padding-left:5px;}
.TabMenu li a:hover span{text-decoration:none;}
.TabLink a:link.active{	background-color: #FFF;}
.TabLink a:link .active span{text-decoration:none;}
.TabContent{clear:left;padding-top:0px;border-top:1px solid #C8C8C8;}
.TabContent ul{padding:0px;margin:0px;}
.TabContent li{padding:5px;margin:0px;list-style-type:none;}
.TabContent li a{text-decoration:none;}
.TabContent li a:visited{text-decoration:none;}
.TabContent li a:hover{text-decoration:none;}
.mlaku{width:688px;height:290px;float:right;position:absolute;margin-left:208px;margin-top:5px}
.sliders{width:688px;height:290px}
.button-product{margin-top:3px;background-image:url(images/gelap/button.jpg);width:164px;height:32px;text-transform:uppercase;font-size:11px}
.button-product a{color:#FFF}
.button-product a:hover{color:#222}
.button-product .detail{width:164px;float:left;margin-top:8px;text-align:center}
.wp-pagenavi {clear: both;text-align:left;width:683px;height:25px;padding-top:10px;font-size:11px;color:#101;}
.wp-pagenavi a, .wp-pagenavi span {font-size:12px;text-decoration: none;border: 1px solid #C8C8C8;border-radius:4px;-moz-border-radius:4px;padding: 3px 5px;margin: 2px;background-image:url(images/gelap/shadow.jpg);background-repeat:repeat-x;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #C8C8C8;background:#FFF}
.wp-pagenavi span.current {	font-weight: bold;}
#wrapper {width: 678px;margin-left:4px;height: 285px;background:#FFF}
#carousel {width: 678px;	position:relative;}
#carousel ul {margin: 0;	padding: 0;	list-style: none;display: block;}
#carousel li {font-size: 40px;color: #999;text-align: center;width: 166px;height: 275px;padding: 0;margin-right: 3px;display: block;float: left;}		
.clearfix {float: none;clear: both;}
#carousel .prev, #carousel .next {margin-left: 10px;width:15px;height:21px;display:block;text-indent:-999em;background: transparent url(images/slider/carousel_control.png) no-repeat 0 0;position:absolute;
top:100px;}
#carousel .prev {background-position:0 0;left:-26px;}
#carousel .prev:hover {left:-27px;}			
#carousel .next {background-position: -18px 0;right:-20px;}
#carousel .next:hover {right:-21px;}				
#carousel .pager {margin:0 auto;text-align: center;}
#carousel .pager a {margin: 0 5px 0 0;text-decoration: none;display:inline-block;width:8px;height:8px;background: transparent url(images/slider/carousel_control.png) no-repeat -2px -32px;text-indent:-999em;}
#carousel .pager a.selected {text-decoration: underline;background: transparent url(images/slider/carousel_control.png) no-repeat -12px -32px;}	
#source {text-align: center;	width: 100%;position: absolute;bottom: 10px;left: 0;}
#source, #source a {font-size: 12px;color: #999;}

/* bebas-store */
body {
  max-width: 1000px;
  width: 100%;
}
#wrap {
  max-width: 940px;
  width: 100%;
}
#isi {
	margin-right: 0;
}
#isigede {
  max-width: 940px;
  width: 100%;
}
#isisingle, #unique {
	width: 562px;
}
#isi, #welcome {
  max-width: 740px;
  width: 100%;
}
.barang1, .barang2 {
	width: 179px;
	height: 274px;
}
#posting ul li {
	margin-right: 0px;
}
#cstop {
	display: none;
}
/* footer */
#footer {
  max-width: 960px;
  width: 100%;
}
#footerwidget{
	height: 280px;
}
#footerwidget .box{
	float:left;
	margin: 15px 0 0 15px;
	width: 215px;
}
#footerwidget .widget-title {
	margin-bottom: 10px;
}
#dropdownmenu{
	width: 980px;
	margin-left: -20px;
	padding-top: 5px;
	background: url(https://www.jeparaonline.org/wp-content/uploads/2020/12/menubar-kayu.jpg);
	box-shadow: 0 0 10px black;
}
.boxer .commentlist{
	display:none;
}
#welcome {
	background: rgb(255, 253, 207) url(https://www.karyafurniturejepara.com/wp-content/uploads/2018/07/box-bg.png) top right no-repeat;
	border: 1px solid #CCC;
	box-shadow: 2px 2px 2px #CCC;
	font-family: 'Artifika', arial;
}
#top{
	border-radius: 5px 5px 0 0;
	margin-top: 0px;
	height: 0;
}
#unique+#unique {
	display: none;
}
#footerwidget ul{
	padding: 0;
}
#footerwidget ul li{
	list-style: none;
}
#dropdownmenu a:hover{
	background-color: rgb(189, 143, 0);
	color: #000;
}
#dropdownmenu a {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.sliders .mlaku {
	margin-left:0;
}
.sliders{
	display:none;
}
#search{
	position: relative;
	top: 170px;
	width: 155px;
}
#search .button{
	width: 15px;
	height: 15px;
	background: #FFF;
	padding: 3px 5px;
}
#search input{
	width: 115px;
}
.tanggal {
	display: none;
}
#navbot{
	display: none;
}
.hometitle{
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 0;
}
.hometitle a{
	font-family: sans;
	font-size: 14px;
}
.barang1, .barang2{
	background: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.barang2{
	box-shadow: 5px 5px 10px grey;
}
#wrap{
	margin: auto;
	margin-top: -20px
}
#beforetop {
  max-width: 1020px;
  background: url(https://www.karyafurniturejepara.com/wp-content/uploads/2018/05/menubar-kayu.jpg);
  box-shadow: 0 0 10px black;
  margin-left: -10px;
  width: 100%;
}
.barang1 p, .barang2 p{
	text-align: center;
}
.barang1 img, .barang2 img{
	padding: 3px;
	border: solid 1px #CCC;
}
.button-product {
	
	background-image: url(https://www.karyafurniturejepara.com/wp-content/uploads/2018/07/button.png);
	width: 150px;
	font-size: 9px;
	display: block;
	margin-left: auto;
	margin-right:auto;
	margin-top: 10px;
}
.button-product .detail {
	margin-top: 12px;
	text-align: center;
	margin-left: 8px;
}
.comment-link{
	display:none;
}
#unique .single .small{
	visibility: hidden;
}
#footerwidget img{
	/* width:140px; */
}
.terframe{
	width: 172px;
	height: 100%;
	border: none;
}
.terframe .box{
	border: 1px solid #E9E9E9;
	margin-bottom: 5px;
	background-color: #FFF;
	background-image: url(images/gelap/shadow.jpg);
	background-repeat: repeat-x;
	padding: 5px;
}
.terframe ul {
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.terframe ul li {
	border-bottom: 1px dotted #C8C8C8;
	padding-top: 5px;
	padding-right: 0.3em;
	padding-bottom: 5px;
	padding-left: 3px;
	background-position: left center;
}
.terframe ul li:hover{
	background-color: #E9E9E9;
	border-bottom: 1px dotted #C8C8C8;
	padding-top: 5px;
	padding-right: 0.3em;
	padding-bottom: 5px;
	padding-left: 3px;
	background-position: left center;
}
.terframe a{
	color: #101;
}
.harga {
	font-size: 17px;
	font-family: 'artifika', arial;
}
.kotakharga, .kotakkode {
	width: 300px;
	border: solid 1px #553;
	padding: 5px;
	box-shadow: 1px 1px 1px;
	margin-bottom: 5px;
	background: rgb(255, 251, 205);
}
.vtr-menu-wrap{display:none;}

@media only screen and (max-width: 769px){
.vtr-menu-wrap{display:inherit;}
#menu, #searchform, #sidebar, .seo{
  display: none;
}
body{
overflow-x: hidden !important;
}
.terframe {
  width: 100%;
  height: 100%;
  border: none;
  float: left;
}
.terframe .box {
  border: 0px solid #E9E9E9;
  margin-bottom: 5px;
  background-color: #FFF;
  background-image: url(); 
  background-repeat: repeat-x;
  padding: 5px;
}

.terframe ul li {
  border-bottom: 1px dotted #C8C8C8;
  padding-top: 5px;
  padding-right: 0.3em;
  padding-bottom: 5px;
  padding-left: 3px;
  background-position: left center;
  float: left;
  width: 47%;
}
.terframe {
  float: right;
  width: 100%;
  border: 0px dashed #C8C8C8; 
  margin: 3px;
  background: none;
}
.barang1, .barang2 {
  width: 47%;
  height: 274px;
}
#footer .copyright {
  display: none;
}
#footerwidget .box {
  float: left;
  margin: 15px 0 0 15px;
  width: 45%;
}
#header {
  max-width: 960px;
  height: 150px;
  background-color: #FFF;
  margin-left: 0;
  width: 100%;
}
body {
  width: 105%;
}
}

/* Edit by SF */
.mobile { display: none;}
#beforetop {max-width: 1000px; margin: 0;}
#wrap {max-width: 960px; padding: 0;}
#header {margin: 0;}
#header .logo {width: 100% !important; height: auto !important; margin: 0 !important;}
#menu, .menu-menu-container, #dropdownmenu {width: 100%; float: left;}
#menu {box-shadow: 0 0 10px black; background: url(https://www.jeparaonline.org/wp-content/uploads/2020/12/menubar-kayu.jpg); padding: 0 10px; margin: 0 0 0 -10px; position: relative; z-index: 3;}
#dropdownmenu {box-shadow: none; background: transparent; margin: 0;}
#search {right: 10px; z-index: 4;}
#isigede {max-width: 960px;}
#isi {margin-right: 10px;}
#sidebar {margin-top: 10px; margin-left: 10px;}
#footer {margin: 0;}
.wp-pagenavi {width: 100%;}
@media screen and (max-width:1000px){
  .mobile {display: block;}
  body {width: 100% !important; overflow-x: hidden;}
  #header {height: auto !important;}
  #header .bg {background: #fff !important;height: auto;margin-top: 20px;margin-bottom: -6px;}
  #header .logo img {width: 100%; height: auto;}
  #header .banneratas {display: none;}
  .vtr-menu-wrap, #searchform {display: none}
  #menu {display: inherit; margin: 0; padding: 0;}
  #searchform-mobile {float: left; position: relative; width: 100%;}
  #search-mobile {padding: 5px 10px; background: url(https://www.jeparaonline.org/wp-content/uploads/2020/12/menubar-kayu.jpg); }
  #search-mobile input[type="text"] {width: 100%; padding: 5px 0;}
  #search-mobile .button {position: absolute; top: 10px; right: 20px;}
  #isi, #welcome {max-width: 940px; margin: 0 auto; float: none;}
  #welcome {box-shadow: none; width: auto;}
  .terframe {width: 100%; margin: 10px 0; float: left;}
  .terframe .box {float: left; background-image: url(images/gelap/shadow.jpg) !important;}
  .terframe .box li, #sidebar2 .box li {float: left; width: 47%;}
  .barang1, .barang2 {width: 25%; margin: 0; border: none; box-shadow: none; overflow: hidden;}
  .barang-wrapper {margin: 0 5px 10px; outline: 1px solid #ddd; padding: 5px 0 10px;}
  #sidebar {display: none;}
  #footerwidget {height: auto; float: left;}
  #copyright {width: 100%; float: left;}
  #footerwidget .box {width: 50%; margin: 0;}
  #footerwidget .box-wrapper {margin: 0 25px 10px}
  #sidebar2 {width: 100%; margin: 10px 0;}
  #sidebar2 .box {margin: 0 19px 10px 9px;}
  #isisingle {width: calc(100% - 20px);margin: 0 10px;}
  #isigede .entrytitle {margin: 5px 10px;}
  #unique {width: 100%;}
  #isisingle-wrapper {margin: 0 10px;}
  #footer {margin: 0; padding-bottom: 30px;}
  #hppp {display: block; background: #d5bf73 url(https://www.karyafurniturejepara.com/wp-content/uploads/2018/07/Kontak-Mebel-Jepara-Online.jpg) no-repeat 0 3px; background-size: auto 40px; position: fixed; left: 0; bottom: 0; width: 100%; height: 50px;}
}
@media screen and (max-width:769px){
  #welcome {display: none;}
  .barang1, .barang2 {width: 50%; margin: 0; border: none; box-shadow: none;}
  #footerwidget .box-wrapper {margin: 0 15px 10px}
  #hppp {background-size: auto 35px; height: 40px;}
}
@media screen and (max-width:480px){
  #footerwidget .box {width: 100%;}
  #footer .box .box-wrapper {margin: 0 10px 10px;}
  #hppp {background-size: auto 25px; height: 30px;}
}