body{
	overflow-x:hidden;
}
@media screen and (max-width: 350px){
	/*#logopos{
		padding-left: 15px;
	}*/
	.space20mobile{
		padding-top: 20px;
	}
	.jumbotron{
		 background: url('http://omegapos.co.id/assets/header-c0c79ebb30eb960a469042df63faa976653919aee0103106bd010a04d6eaac55.jpg') ; 
		/* -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
		 	 height:100vh;*/
		  height: 100%; 

		/* Center and scale the image nicely */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.jumbotronheads{
		background-color:#f2f2f2;
		height:46px;
	}
	#d{
		margin-top:8px;
	}
	#iconsosmed2{
		margin-top:6px;
		height:26px;
	}
	#iconsosmed1{
		
		height:14px;
	}
	#halo{
		font-size:11px;
	}
	#containerhead{
		margin-top:76px;
	}
	#pos{
		
		width:220px;
		
	}
	
	#headerdesc1{
		font-size:19px;
		font-weight:600;
	}
	
	#headerdesc2{
		font-size:14px;
		font-weight:600;
		margin-top:-20px;
	}
	
	#headerdesc3{
		margin-top:13px;
		font-size:12px;
	}
	#gplayline{
		margin-top:0px;
	}
	
	#iconplay{
		width:100px;
	}
	
	#cobagratis1{
		font-weight:400;
	
		background-color:#f68c36;
	}
	#cobagratis1:hover{
	
		background-color:#d16710;
	}
	
	#title{
		font-size:20px;
		margin-top:10px;
	}
	
	#titledesc{
		font-size:15px;
		margin-top:5px;
	}
	
	#titlesmall{
		font-size:15px;
		font-weight:600;
	}
	
	#titlesmalldesc{
		font-size:15px;
		margin-top:-9px;
	}
	.jumbotrongrey{
		background-color:#f2f2f2;
	}
	.whitebox1{
		background-color:#ffffff;
		width:100%;
		min-height:150px;
		padding-left:5px;
		margin-top:30px;
	}
	
	#testi_desc{
		font-size:12px;
		margin-top:50px;
		
	}
	#nama{
		font-size:10px;
		marin-top:6px;
	}
	#branch{
		font-size:10px;
		margin-top:-10px;
		color:#ff6600;
	}
	
	#icon1{
		width:100%;
		margin-left:8px;
	}
	
	
	
	.whitebox2{
		background-color:#ffffff;
		width:90%;
		min-height:150px;
		margin-top:20px;
		padding-left:18px;
	}
	
	#catimg{
		margin-left:5px;
		width:260px;
		margin-bottom:10px;
	}
	
	#rowcat{
		margin-top:10px;
		margin-bottom:10px;
	}
	#harga{
		font-size:20px;
		font-weight:500;
	}
	
	.jumbotronfooter{
		background-color:#354151;
		color:#ffffff;
	}
	
	
	#rowfooter{
		margin-top:60px;
		margin-bottom:60px;
	}
	
	#orangebox{
		background-color:#ffedcc;
		padding-top:30px;
		width:87%;
		padding-bottom:30px;
		
	}
	
	#orangerow{
		margin-top:30px;
	}
	
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1.3px solid #ff6600;
		margin: 1em 0;
		padding: 0;
	}
	
	
	#client{
		width:90%;
	}
	#liput:{
		width:80%;
	}
}

/* Mobile HD */
@media screen and (min-width: 350px) and (max-width: 760px){
	/*#logopos{
		padding-left: 15px;
	}*/
	.space20mobile{
		padding-top: 20px;
	}
	.jumbotron{
		 background: url('http://omegapos.co.id/assets/header-c0c79ebb30eb960a469042df63faa976653919aee0103106bd010a04d6eaac55.jpg') ; 
		/* -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
		 	 height:100vh;*/
		  height: 100%; 

		/* Center and scale the image nicely */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.jumbotronheads{
		background-color:#f2f2f2;
		height:46px;
	}
	#d{
		margin-top:8px;
	}
	#iconsosmed2{
		margin-top:6px;
		height:26px;
	}
	#iconsosmed1{
		
		height:14px;
	}
	
	#containerhead{
		margin-top:140px;
	}
	#headerdesc1{
		font-size:19px;
		font-weight:600;
	}
	
	#headerdesc2{
		font-size:14px;
		font-weight:600;
		margin-top:-20px;
	}
	#pos{
		
		width:220px;
		
	}
	#gplayline{
		margin-top:0px;
	}
	
	#iconplay{
		width:100px;
	}
	
	#title{
		font-size:20px;
		margin-top:10px;
	}
	
	#titledesc{
		font-size:15px;
		margin-top:5px;
	}
	
	#titlesmall{
		font-size:15px;
		font-weight:600;
	}
	
	#titlesmalldesc{
		font-size:15px;
		margin-top:-9px;
	}
	.jumbotrongrey{
		background-color:#f2f2f2;
	}
	.whitebox1{
		background-color:#ffffff;
		width:100%;
		min-height:150px;
		padding-left:5px;
		margin-top:30px;
	}
	
	#testi_desc{
		font-size:12px;
		margin-top:50px;
		
	}
	#nama{
		marin-top:6px;
	}
	#branch{
		margin-top:-10px;
		color:#ff6600;
	}
	
	#icon1{
		width:100%;
		margin-left:8px;
	}
	
	
	
	.whitebox2{
		background-color:#ffffff;
		width:90%;
		min-height:150px;
		margin-top:20px;
		padding-left:18px;
	}
	
	#catimg{
		margin-left:5px;
		width:260px;
		margin-bottom:10px;
	}
	
	#rowcat{
		margin-top:10px;
		margin-bottom:10px;
	}
	#harga{
		font-size:20px;
		font-weight:500;
	}
	
	.jumbotronfooter{
		background-color:#354151;
		color:#ffffff;
	}
	
	
	#rowfooter{
		margin-top:60px;
		margin-bottom:60px;
	}
	
	#orangebox{
		background-color:#ffedcc;
		padding-top:30px;
		width:87%;
		padding-bottom:30px;
		
	}
	
	#orangerow{
		margin-top:30px;
	}
	
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1.3px solid #ff6600;
		margin: 1em 0;
		padding: 0;
	}
	
	
	
	
	
	#client{
		width:90%;
	}
	
	#liput:{
		width:80%;
	}
	
}
/* tablet */
@media screen and (min-width: 760px) and (max-width: 980px){
	/*#logopos{
		padding-left: 40px;
	}*/
	.space20mobile{
		padding-top: 0px;
	}
	.jumbotron{
		 background: url('http://omegapos.co.id/assets/header-c0c79ebb30eb960a469042df63faa976653919aee0103106bd010a04d6eaac55.jpg') ; 
		/* -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
		 	 height:100vh;*/
		  height: 80%; 

		/* Center and scale the image nicely */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.jumbotronheads{
		background-color:#f2f2f2;
		height:46px;
	}
	#d{
		margin-top:8px;
	}
	#iconsosmed2{
		margin-top:6px;
		height:26px;
	}
	#iconsosmed1{
		
		height:14px;
	}
	
	#halo{
		font-size:11px;
	}
	
	#containerhead{
		margin-top:40px;
	}
	
	#headerdesc1{
		font-size:40px;
	}
	
	#headerdesc2{
		font-size:29px;
		margin-top:-20px;
	}
	
	#headerdesc3{
		margin-top:63px;
		font-size:16px;
	}
	
	#pos{
		
		width:320px;
		
	}
	
	
	#gplayline{
		margin-top:40px;
	}
	
	#iconplay{
		width:120px;
	}
	
	#icon1{
		width:80%;
	}
	
	#client{
		width:50%;
	}
	#liput:{
		width:72%;
	}
}

/* Desktop */
@media screen and (min-width: 980px) and (max-width: 1024px){
	/*#logopos{
		padding-left: 70px;
	}*/
	.space20mobile{
		padding-top: 0px;
	}
	.jumbotronheads{
		background-color:#f2f2f2;
		height:36px;
	}
	#d{
		margin-top:8px;
	}
	#iconsosmed2{
		margin-top:6px;
		height:26px;
	}
	#iconsosmed1{
		
		height:14px;
	}
	
	.jumbotron{
		 background: url('http://omegapos.co.id/assets/header-c0c79ebb30eb960a469042df63faa976653919aee0103106bd010a04d6eaac55.jpg') ; 
		/* -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
		 	 height:100vh;*/
		  height: 100%; 

		/* Center and scale the image nicely */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#cobagratis1{
		font-weight:600;
		letter-spacing:1px;
		background-color:#f68c36;
	}
	#cobagratis1:hover{
		font-weight:600;
		letter-spacing:1px;
		background-color:#d16710;
	}
	#menu{
		margin-top:4px;
	}
	
	#containerhead{
		margin-top:140px;
	}
	
	#headerdesc1{
		font-size:40px;
	}
	
	#headerdesc2{
		font-size:29px;
		margin-top:-20px;
	}
	
	#headerdesc3{
		margin-top:63px;
		font-size:16px;
	}
	
	#pos{
		
		width:540px;
		
	}
	
	#gplayline{
		margin-top:40px;
	}
	
	#iconplay{
		width:120px;
	}
	
	#title{
		font-size:25px;
		margin-top:40px;
	}
	
	#titledesc{
		font-size:17px;
		margin-top:5px;
	}
	
	#rowbisnis{
		margin-top:40px;
		padding-left:70px;
		padding-right:70px;
	}
	
	#titlesmall{
		font-size:17px;
		font-weight:600;
	}
	
	#titlesmalldesc{
		font-size:17px;
		margin-top:-9px;
	}
	
	.jumbotrongrey{
		background-color:#f2f2f2;
	}
	.whitebox1{
		background-color:#ffffff;
		width:85%;
		min-height:150px;
		padding-left:50px;
		margin-top:30px;
	}
	
	#testi_desc{
		font-size:13px;
		margin-top:50px;
		
	}
	#nama{
		marin-top:6px;
	}
	#branch{
		margin-top:-10px;
		color:#ff6600;
	}
	
	.whitebox2{
		background-color:#ffffff;
		width:90%;
		min-height:150px;
		margin-top:20px;
		padding-left:18px;
	}
	
	#catimg{
		margin-left:25px;
		width:400px;
	}
	
	#rowcat{
		margin-top:10px;
		margin-bottom:10px;
	}
	#harga{
		font-size:60px;
		font-weight:500;
	}
	
	.jumbotronfooter{
		background-color:#354151;
		color:#ffffff;
	}
	
	
	#rowfooter{
		margin-top:60px;
	}
	
	#orangebox{
		background-color:#ffedcc;
		padding-top:30px;
		width:87%;
		padding-bottom:30px;
	}
	
	#orangerow{
		margin-top:100px;
	}
	
	#icon1{
		width:80%;
	}
	#client{
		width:50%;
	}
	#liput:{
		width:72%;
	}
}

/* retina */
@media screen and (min-width: 1024px){
	.space20mobile{
		padding-top: 0px;
	}
	.logopos{
		padding-left: 70px;
	}
	.jumbotronheads{
		background-color:#f2f2f2;
		height:36px;
	}
	#d{
		margin-top:8px;
	}
	#iconsosmed2{
		margin-top:6px;
		height:26px;
	}
	#iconsosmed1{
		
		height:14px;
	}
	
	.jumbotron{
		 background: url('http://omegapos.co.id/assets/header-c0c79ebb30eb960a469042df63faa976653919aee0103106bd010a04d6eaac55.jpg') ; 
		/* -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
		 	 height:100vh;*/
		  height: 100%; 

		/* Center and scale the image nicely */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#cobagratis1{
		font-weight:600;
		letter-spacing:1px;
		background-color:#f68c36;
	}
	#cobagratis1:hover{
		font-weight:600;
		letter-spacing:1px;
		background-color:#d16710;
	}
	#menu{
		margin-top:4px;
	}
	
	#containerhead{
		margin-top:140px;
	}
	
	#headerdesc1{
		font-size:40px;
	}
	
	#headerdesc2{
		font-size:29px;
		margin-top:-20px;
	}
	
	#headerdesc3{
		margin-top:63px;
		font-size:16px;
	}
	
	#pos{
		
		width:540px;
		
	}
	
	#gplayline{
		margin-top:40px;
	}
	
	#iconplay{
		width:120px;
	}
	
	#title{
		font-size:25px;
		margin-top:40px;
	}
	
	#titledesc{
		font-size:17px;
		margin-top:5px;
	}
	
	#rowbisnis{
		margin-top:40px;
		padding-left:70px;
		padding-right:70px;
	}
	
	#titlesmall{
		font-size:17px;
		font-weight:600;
	}
	
	#titlesmalldesc{
		font-size:17px;
		margin-top:-9px;
	}
	
	.jumbotrongrey{
		background-color:#f2f2f2;
	}
	.whitebox1{
		background-color:#ffffff;
		width:85%;
		min-height:150px;
		padding-left:50px;
		margin-top:30px;
	}
	
	#testi_desc{
		font-size:13px;
		margin-top:50px;
		
	}
	#nama{
		marin-top:6px;
	}
	#branch{
		margin-top:-10px;
		color:#ff6600;
	}
	
	.whitebox2{
		background-color:#ffffff;
		width:90%;
		min-height:150px;
		margin-top:20px;
		padding-left:18px;
	}
	
	#catimg{
		margin-left:25px;
		width:400px;
	}
	
	#rowcat{
		margin-top:10px;
		margin-bottom:10px;
	}
	#harga{
		font-size:60px;
		font-weight:500;
	}
	
	.jumbotronfooter{
		background-color:#354151;
		color:#ffffff;
	}
	
	
	#rowfooter{
		margin-top:60px;
		margin-bottom:60px;
	}
	
	#orangebox{
		background-color:#ffedcc;
		padding-top:30px;
		width:87%;
		padding-bottom:30px;
		
	}
	
	#orangerow{
		margin-top:100px;
	}
	
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1.3px solid #ff6600;
		margin: 1em 0;
		padding: 0;
	}
	
	#icon1{
		width:80%;
	}
	
	#client{
		width:50%;
	}
	#liput:{
		width:72%;
	}
	
}
.turbolinks-progress-bar {
  background-color: #f68c36;
}