@media (max-width:320px){
	.body-title{
		opacity: 1;
		margin:auto;
		width:80%;
		margin-top:18%;
	}

	.home-title{
		font-family: 'ralewaybold' !important;
		color:#fff;
		font-size:18pt!important;
		text-align:center;
		font-style:normal;
		margin-top:0%;
		text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
		background: rgba(255, 212, 0, 0.80);
		padding:auto;
		margin-top:2%;
	}
	.home-title1{
		font-family: 'ralewaybold' !important;
		color:#fff;
		font-size:18pt!important;
		text-align:center;
		font-style:normal;
		margin-top:0%;
		text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
		background: rgba(255, 212, 0, 0.80);
		padding:2%;
		width:80%!important;
		margin-left:auto;
		margin-right:auto;
	}

	.divider-apps{
		font-family: 'ralewaybold';
		color: #FFF;
		font-size: 18pt;
		text-align: center;
		font-style: normal;
		margin-top:3%;
	}

	.divider-image{
		font-family: 'ralewaybold';
		color: #FFF;
		font-size: 30pt;
		text-align: center;
		font-style: normal;
		margin-top:4%;
	}

	.produk-title{
		color:#000!important;
		font-size:14pt;
		text-align: center;
		line-height: 36px;
		font-weight: bold;
		letter-spacing:2px;
	}

	.text-varian{
		max-width:90%; 
		margin:0 auto; 
		font-size:10pt; 
		line-height:25px;
		text-align:center; 
		color:#805A42;
		letter-spacing:1px;
		font-weight:bold;
	}

	.margin-tentang{
		width:100%;
		padding:auto;
	}

	.img-tentang{
		margin-left:10%;
		margin-right:10%;
		width:80%;
		margin-top:auto;
		margin-bottom:auto;
	}

	.title-tentang{
		font-size:14pt;
		color:#805A42;
		line-height: 26px;
		letter-spacing: 0px;
		font-weight: bold;
		text-align: left;
		margin-left:10%;
		margin-right:10%;
	}

	.p-tentang{
		color:#000;
		text-align:justify;
		font-size:11pt;
		font-family: 'open_sansregular';
		text-align: justify;
		line-height: 30px;
		margin-left:10%;
		margin-right:10%;
	}

	.title-p{
		color:#805A42;
		text-align:justify;
		font-size:11pt;
		font-family: 'open_sansregular';
		text-align: center;
		margin-top:-1%;
		letter-spacing:3px;
		margin-left:10%;
		margin-right:10%;
	}



	.sub-tentang{
		font-style:italic;
		color:#805A42;
		font-size:18pt;
		font-weight:bold;
		text-align: justify;
		line-height: 34px;
		letter-spacing: 1px;
		margin-left:10%;
		margin-right:10%;
	}
	.h1-title{
		font-size:22pt;
		font-family: 'ralewayregular';
		color:#805A42;
		margin-bottom:5%;
		text-align: center;
		letter-spacing:3px;
	}

	.h1-title:after{
		display: block;
		content: "";
		width: 10%;
		height: 3px;
		position: absolute;
		left: 45%;
		top: auto;
		margin-top:2%;
		background: #FFD400 none repeat scroll 0% 0%;

	}

	.h2-title{
		margin-top:4%;
		font-family: 'ralewaybold';
		font-size:20pt;
		text-align: center;
		line-height: 30px;
		letter-spacing: 2px;
		color:#fff;
		padding-bottom:4%;
	}

	.h2-jam{
		font-family: 'ralewaybold';
		font-size:18pt;
		text-align: center;
		line-height: 30px;
		letter-spacing: 2px;
		color:#fff;
		margin-top:4%
	}

	.h2-day{
		font-family: 'ralewaybold';
		font-size:18pt;
		text-align: center;
		line-height: 30px;
		letter-spacing: 2px;
		color:#fff;
		margin-bottom:4%;
	}

	.m-t-50 {
		margin-top: 0px !important;
	}

	.animation-preloader1{
		top:0;
		left:0;
		margin-left: 25%;
		margin-top: 90%;
	}

	.desc-produk{
		max-width:600px; 
		margin:auto;
		margin-top:30px!important; 
		font-size:10pt; 
		line-height:24px; 
		color:#000;
		text-transform:none;
		text-align:center;
		font-family: 'open_sansregular';
		letter-spacing:2px;
		margin-left:2px;
		margin-right:2px;

	}

	.p-spacing{
		letter-spacing: 4px;
	}
	
	.divider-text{
		padding-top:15px;
	}
	.title-jam-operasi h2{
		font-size:22pt;
	}

}

@media (max-width:360px){
	
}

@media (max-width:375px){

}

@media (max-width:412px){
   
}

@media only(max-width:414px){
	
}

@media (max-width:480px){
	.animation-preloader {
		top: 55%!important;
	}
	.vu_mobile-menu{
		
	}
	.home-title1{
		font-family: 'ralewaybold' !important;
		color:#fff;font-size:30pt;
		text-align:center;
		font-style:normal;
		margin-top:0%;
		text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
		background: rgba(255, 212, 0, 0.80);
		padding:2%;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.divider-apps{
		font-family: 'ralewaybold';
		color: #FFF;
		font-size: 18pt;
		text-align: center;
		font-style: normal;
		margin-top:3%;
	}
	.divider-image{
		font-family: 'ralewaybold';
		color: #FFF;
		font-size: 30pt;
		text-align: center;
		font-style: normal;
		margin-top:4%;
	}

	.produk-title{
		color:#000!important;
		font-size:20pt;
		text-align: center;
		line-height: 36px;
		font-weight: bold;
		letter-spacing:2px;
	}

	.text-varian{
		max-width:90%; 
		margin:0 auto; 
		font-size:10pt; 
		line-height:25px;
		text-align:center; 
		color:#805A42;
		letter-spacing:1px;
		font-weight:bold;
	}

	.margin-tentang{
		width:100%;
		padding:auto;
	}

	.img-tentang{
		margin-left:10%;
		margin-right:10%;
		width:80%;
		margin-top:auto;
		margin-bottom:auto;
	}

	.title-tentang{
		font-size:14pt;
		color:#805A42;
		line-height: 26px;
		letter-spacing: 0px;
		font-weight: bold;
		text-align: left;
		margin-left:10%;
		margin-right:10%;
	}

	.p-tentang{
		color:#000;
		text-align:justify;
		font-size:11pt;
		font-family: 'open_sansregular';
		text-align: justify;
		line-height: 30px;
		margin-left:10%;
		margin-right:10%;
	}

	.title-p{
		color:#805A42;
		text-align:justify;
		font-size:11pt;
		font-family: 'open_sansregular';
		text-align: center;
		margin-top:-1%;
		letter-spacing:2px;
		margin-left:10%;
		margin-right:10%;
	}

	.sub-tentang{
		font-style:italic;
		color:#805A42;
		font-size:18pt;
		font-weight:bold;
		text-align: justify;
		line-height: 34px;
		letter-spacing: 1px;
		margin-left:10%;
		margin-right:10%;
	}
	.h1-title{
		font-size:22pt;
		font-family: 'ralewayregular';
		color:#805A42;
		margin-bottom:5%;
		text-align: center;
		letter-spacing:3px;
	}

	.h1-title:after{
		display: block;
		content: "";
		width: 10%;
		height: 3px;
		position: absolute;
		left: 45%;
		top: auto;
		margin-top:2%;
		background: #FFD400 none repeat scroll 0% 0%;

	}

	.h2-title{
		margin-top:10%;
		font-family: 'ralewaybold';
		font-size:16pt;
		text-align: center;
		line-height: 30px;
		letter-spacing: 2px;
		color:rgb(81, 47, 17);
		padding-bottom:4%;
	}

	.h2-jam{
		font-family: 'ralewaybold';
		font-size:12pt;
		text-align: center;
		line-height: 30px;
		letter-spacing: 2px;
		color:#fff;
		margin-top:0%
	}

	.h2-day{
		font-family:'Raleway','sans-serif';
		font-size:12pt;
		text-align: center;
		line-height: 30px;
		letter-spacing: 2px;
		color:#fff;
		margin-bottom:10%;
	}

	.produk-title{
		color:#000!important;
		font-size:14pt;
		text-align: center;
		line-height: 36px;
		font-weight: bold;
		letter-spacing:2px;
	}

	.p-produk{
		font-family: 'ralewayregular' !important;
		color:#FFD400;
		font-size:14pt;
		font-weight:bold;
	}

	.produk-title:after{
		display: block;
		content: "";
		width: 10%;
		height: 3px;
		position: absolute;
		left: 45%;
		top: auto;
		background: #FFD400 none repeat scroll 0% 0%;
		margin-top:5%;
	}

	.list-icon{
		display:inline;
	}
	
	.text-varian span {
		line-height:35px!important;
	}
	.harga-produk {
      font-size: 20pt;
	}
}

@media (max-width:767px){
	.margin-tentang{
		width:100%;
		padding:auto;
	}

	.img-tentang{
		margin-left:10%;
		margin-right:10%;
		width:80%;
		margin-top:auto;
		margin-bottom:auto;
	}

	.title-tentang{
		font-size:14pt;
		color:#805A42;
		line-height: 26px;
		letter-spacing: 0px;
		font-weight: bold;
		text-align: left;
		margin-left:10%;
		margin-right:10%;
	}

	.h2-title{
		margin-top:10%;
		font-family:'ralewaybold';
		font-size:18pt;
		text-align: center;
		line-height: 30px;
		letter-spacing: 2px;
		color:rgb(81, 47, 17);
		padding-bottom:4%;
	}

	.h2-jam{
		font-family:'ralewaybold';
		font-size:14pt;
		text-align: center;
		line-height: 30px;
		letter-spacing: 2px;
		color:#fff;
		margin-top:0%
	}

	.h2-day{
		font-family:'ralewaybold';
		font-size:14pt;
		text-align: center;
		line-height: 30px;
		letter-spacing: 2px;
		color:#fff;
		margin-bottom:10%;
	}

	.p-tentang{
		color:#000;
		text-align:justify;
		font-size:10pt;
		font-family: 'open_sansregular';
		text-align: justify;
		line-height: 30px;
		margin-left:10%;
		margin-right:10%;
	}

	.title-p{
		color:#805A42;
		text-align:justify;
		font-size:10pt;
		font-family: 'open_sansregular';
		text-align: center;
		margin-top:10%;
		letter-spacing:3px;
		margin-left:10%;
		margin-right:10%;
		
	}

	.sub-tentang{
		font-style:italic;
		color:#805A42;
		font-size:14pt;
		font-weight:bold;
		text-align: justify;
		line-height: 34px;
		letter-spacing: 1px;
		margin-left:10%;
		margin-right:10%;
	}
	.h1-title{
		font-size:22pt;
		font-family: 'ralewaybold';
		color:#805A42;
		margin-bottom:5%;
		text-align: center;
		letter-spacing:3px;
	}

	.h1-title:after{
		display: block;
		content: "";
		width: 10%;
		height: 3px;
		position: absolute;
		left: 45%;
		top: auto;
		margin-top:6%;
		background: #FFD400 none repeat scroll 0% 0%;

	}
	.divider-apps{
		font-family: 'ralewaybold';
		color: #FFF;
		font-size: 18pt;
		text-align: center;
		font-style: normal;
		margin-top:3%;
	}

	.divider-image{
		font-family: 'ralewaybold';
		color: #FFF;
		font-size: 30pt;
		text-align: center;
		font-style: normal;
		margin-top:4%;
	}

	.produk-title{
		color:#000!important;
		font-size:14pt;
		text-align: center;
		line-height: 36px;
		font-weight: bold;
		letter-spacing:2px;
		padding-left: 8px;
	}
	.margin-produk {
		margin-top: 30px;
	}
	.product-abon{
		margin-bottom: 0px!important;
	}
	.div-abon{
		margin-bottom: -30px;
	}
	.text-varian span {
		font-size:14pt;
		padding-bottom:15px;
	}

	.p-produk{
		font-family: 'ralewayregular' !important;
		color:#FFD400;
		font-size:14pt;
		font-weight:bold;
	}
	.height-70 {
		height: 30px;
	}
	.text-varian span {
		line-height:35px!important;
	}
	
}

@media (max-width:768px){
	.home-title{
		font-family: 'ralewaybold' !important;
		color:#fff;font-size:30pt;
		text-align:center;
		font-style:normal;
		margin-top:0%;
		text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
		background: rgba(255, 212, 0, 0.80);
		padding:auto;
		line-height:42px;
		
	}
	.home-title1{
		font-family: 'ralewaybold' !important;
		color:#fff;font-size:30pt;
		text-align:center;
		font-style:normal;
		margin-top:0%;
		text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
		background: rgba(255, 212, 0, 0.80);
		padding:2%;
		width:50%;
		line-height:42px;
		margin-left:auto;
		margin-right:auto;
		
	}

	.animation-preloader1{
		top:0;
		left:0;
		margin-left: 40%;
		margin-top: 70%;
	}

	.list-icon {
    	display: inline;
	}
	.section-header {
	    text-align: center;
	    padding-bottom: 25px;
	    padding-top: 35px;
	}
	.galcer {
    	height: 75px !important;
	}

}

@media (max-width:800px){
	
}

@media (max-width:980px){
	
}

@media (max-width:1024px){
	.animation-preloader {
    	top: 50%;
	}
}

@media (max-width:1920px){
	.garis_kuning1{
		width:100%;
		background-color:rgba(255, 212, 0, 0.80);
		height:15px;
		position:absolute;
		margin-top:-0.8%;
		z-index:999;
	}
}

@media (max-width:1200px){
	.home-title{
		font-family: 'ralewaybold' !important;
		color:#fff;font-size:30pt;
		text-align:center;
		font-style:normal;
		margin-top:0%;
		text-shadow: 0px 1px 2px rgba(0, 0, 0,.2);
		background: rgba(255, 212, 0, 0.80);
		padding:auto;
		line-height:42px;
	
	}
	.home-title1{
		font-family: 'ralewaybold' !important;
		color:#fff;font-size:30pt;
		text-align:center;
		font-style:normal;
		margin-top:0%;
		text-shadow: 0px 1px 2px rgba(0, 0, 0,.2);
		background: rgba(255, 212, 0, 0.80);
		padding:2%;
		width:50%;
		line-height:42px;
		margin-left:auto;
		margin-right:auto;
		
	}
}

@media (max-width:768px){
	.vu_mobile-menu {
		margin-top:13%;
	}
}
@media (max-width:767px){
	
}
@media (max-width:480px){
	.vu_mobile-menu {
    	margin-top: 19.5%;
	}
}
@media (max-width:414px){
	.vu_mobile-menu {
    	margin-top: 22.5%;
	}
}
@media (max-width:412px){
	
}
@media (max-width:375px){
	.vu_mobile-menu {
		margin-top: 24.5%;
	}
}
@media (max-width:360px){
	.vu_mobile-menu {
    	margin-top: 26%;
	}
}
@media (max-width:320px){
	.vu_mobile-menu {
    	margin-top: 29%;
	}
}