/*Detail Produk*/
.product-info .feature-img, .mousetrap{}
.feature-img{position: relative;margin-top: 20px;margin-bottom: 10px;z-index: 3;}
.feature-img img{width: 100%;}
#zoom-btn {position: absolute;right: 0px;bottom: 0px;width:35px;height:35px;line-height: 35px;text-align:center;font-size:15px;z-index: 10000;background-color: #74c400;color: white;}
#zoom-btn:hover {background:#222222;color:#ffffff;}
.tabel-description{width: 100%;margin: 10px 0px;float:left;}
table.infotable{border: 1px;padding: 7px;font-weight: 400;}
table.infotable tr{}
table.infotable tr td.title{width: 111px;padding: 7px;background: #74c400;color: #ffffff;font-weight: 600;}
table.infotable tr td{padding: 7px;}


/*Detail List*/
.produk-list{float: left;width: 100%;}
.boxsingle{width:  90%;margin-left: 5%;float:  left;margin-bottom: 40px;}
.single{background: white;text-align: center;width: 100%;}
.box-foto img{width:100%; height: 100%;}
.single .box-foto img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.single .box-foto:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.title-produk{overflow:  hidden;float:  left;width: 100%;text-align:  center;}
.title-produk h4{font-size: 15px;}
.harga{float:  left;width:  100%;text-align:  center;}
.harga .harga-diskon{font-style:  oblique;text-decoration: line-through;color: red;padding-right: 7px;font-size: small;}
.harga .harga-biasa{}


/*blog*/
.blogbox{border-bottom: 2px solid #67bc0000;}
.blogbox .title{margin-top:20px;margin-bottom: 10px;}
.blogbox .feature-img{height:200px;overflow:  hidden;margin-bottom: 20px;}
.blogbox .feature-img img{width:100%;}
.deskripsi-singkat{margin-bottom:15px;}

.tourbox2 { width: 100%;float: left;margin: 10px 0px;}
.tourbox2 .tourbox-box {margin: 7px;float: left;}
.tourbox2 .tourbox-box {margin: 15px;}
@media(max-width:1000px){
	.title-produk{
		height: 35px;
		margin-top: 10px;
	}
	.box-foto{
		text-align: center;
		width: 70%;
		height: 50%;
		margin-left: 15%;
	}
	.box-foto img{
		width: 100%;
	}
	.watext{
		float: right;
		font-size: 20px;
	}
	.logoweb{
		height: 74px;
	}
	#mobile-nav-toggle{
		top: 38px;
	}
}
@media(min-width:801px){
	.title-produk{
		height: 35px;
		margin-top: 10px;
	}
	.box-foto{
		text-align: center;
		width: 70%;
		height: 20%;
		margin-left: 15%;
	}
	.box-foto img{
		width: 100%;
	}
	.watext{
		float: right;
		font-size: 20px;
	}
	.logoweb{
		height: 74px;
	}
	#mobile-nav-toggle{
		top: 38px;
	}
}
@media(max-width:800px){
	.title-produk{
		height: 35px;
		margin-top: 10px;
	}
	.box-foto{
		text-align: center;
		width: 70%;
		height: 20%;
		margin-left: 15%;
	}
	.box-foto img{
		width: 100%;
	}
	.watext{
		float: right;
		font-size: 20px;
	}
	.logoweb{
		height: 74px;
	}
	#mobile-nav-toggle{
		top: 38px;
	}
}

@media(max-width:750px){
	.title-produk{
		height: 35px;
		margin-top: 10px;
	}
	.box-foto{
		text-align: center;
		width: 80%;
		height: 20%;
		margin-left: 10%;
	}
	.box-foto img{
		width: 100%;
	}
	.watext{
		float: right;
		font-size: 20px;
	}
	.logoweb{
		height: 74px;
	}
	#mobile-nav-toggle{
		top: 38px;
	}
}
@media(max-width:480px){
	.produk-list{
		text-align: center;
	}
	.title-produk{
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.box-foto{
		text-align: center;
		width: 50%;
		height: 20%;
		margin-left: 25%;
	}
	.box-foto img{
		width: 100%;
	}
	.harga{
		margin-top: 1px;
	}
	.idr{
		margin-top: 1px;
	}
	.mobilehidden{
		display:none;
	}
	.logoweb{
		height: 50px;
	}
	#mobile-nav-toggle{
		top: 27px;
	}
}


@media(min-width:990px) and (max-width:1200px){
	a.btnwa{line-height: 19px;padding: 10px 10px 10px 10px;}
}

.icon{color:#262b30;}
.title-area{border-bottom: 2px solid #262b3000;padding: 15px;color: #212529;border-top: 2px solid #262b3000;font-size: 30px;}

.feature-area, .produk-area, .testomial-area, .blog-area, .appoinment-area, .footer-area, .home-about-area{
    float: left;
    width: 100%;
}

.box-tranlate{
    position: fixed;
    bottom: -20px;
    left: 0;
    width: inherit;
    padding: 10px 10px 30px 10px;
    font-size: 14px;
    text-align: center;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1032;
}
.box-tranlate select{}