/* Get your own professional website at PT RIGT Software Indonesia (http://www.rigtsoftware.co.id or http://www.rigtsoftware.com) */
/*
*by PT RIGT Software Indonesia
*Copyright PT RIGT Software Indonesia, All rights reserved.
*/

@media (pointer:none), (pointer:coarse) {
	body, html{
		font-size:1.2em;
	}
	
	body{
		width:100%;
		min-width:800px;
		max-width:800px;
	}
	
	.menu{
		display:none;
	}
	#containerHeader{
		text-align:center;
	}
	.logo img {
		width: 70%;
		height:auto;
	}
	.logo{
		width:100%;
		padding-bottom:30px;
		padding-top:30px;
	}
	#main-logo {
		display:none;
	}
	#mobile-logo {
		display:inline-block;
	}
	#header2Mobile{
		display:block;
	}
	#containerSlideText{
		background: linear-gradient(to right, #ee2a24 80%, rgba(255, 0, 0, 0) 95%); 
		font-size:2em !important;
	}
/*----*/
	.containerWidth{
		width:800px;
		position:relative;
		margin:auto;
	}
	.containerWidthinsideRight{
		width:700px;
		margin-left:100px;
	}

/*----*/

	#container1Left{
		display:block;
		width:auto;
		padding-right:100px;
	}
	#container1Right{
		display:table-cell;
		vertical-align:top;
		padding-top:100px;
		position:relative;
		padding-left:10px;
	}

/*----*/

	#container2{
		padding-top:0px;
		padding-bottom:70px;
		position:relative;
		background-color:#fff;
		text-align:center;
	}

	#container2Left{
		color:#000;
		display:block;
		width:auto;
		vertical-align:middle;
		position:relative;
		z-index:0;
	}
	#container2Right{
		background-color:#4d4d4d;
		display:block;
		width:500px;
		padding:60px;
		margin-left:90px;
		margin-top:-150px;
		margin-bottom:0px;
		color:#fff;
		position:relative;
		z-index:1 !important;
		font-size:1.1em;
	}
	
/*----*/
	
	#containercontactusBackgroundred{
		background: linear-gradient(to right, #ee2a24 40%, rgba(255, 0, 0, 0) 70%); 
	}
/*----*

	#container1Left{
		display:block;
		width:93.4%;
		padding-bottom:90px;
		margin-top:-10px;
	}
	#container1Right{
		display:block;
		width:93.4%;
		padding-bottom:90px;
	}

/*----*
	#container2{
		padding-bottom:130px;
	}
	#container2ProjectBox{
		width:46%;
	}
	#container2ProjectImg{
		height:40%;
	}

/*----*

	#container3Map{
		display:block;
		width:100%;
		height:380px;
	}

/*----*/

	#footerUpLeft{
		display:block;
		width:100%;
		padding:1% 0% 2% 0%;
	}
	#footerUpLeft a{
		display:block;
		width:100%;
		text-align:center;
		border-bottom:#fff solid;
		padding-top:3%;
		padding-right:0%;
		padding-bottom:3%;
	}
	#footerUpRight{
		display:block;
		width:93.4%;
		text-align:left;
	}
	
	#footerDownMobile{
		display:block;
	}
	#footerDownMobile img{
		width:45%;
	}
	#footerDownLeft{
		display:block;
		width:93.4%;
		font-size:.8em;
	}
	#footerDownLeftBreak{
		display:block;
	}
	#footerDownRight{
		display:none;
	}

/*----*/
	
	.rigt-more{
		bottom:40px;
	}
	
/*----*/
/*----*/
/*----*/
/*----*/
/*----*


	#containerKontakTable{
		display:block;
	}
	#containerSitemap ul{
		font-size:1em;
	}
	
/****/

	#containerTentangDownLeft{
		display:block;
		width:620px;
		height:500px;
		text-align:right;
		padding-top:0px;
		padding-left:80px;
	}
	#containerTentangDownRight{
		margin-top:100px;
		padding:100px;
		display:block;
		color:#fff;
		background-color:#ee2a24;
		vertical-align:middle;
	}
	
/****/
	
	.rigt-form textarea{
		width:370px;
		height:200px;
	}
	
/****/
	
	
	#projectshowleft{
		display:block;
		width:600px;
		vertical-align:top;
		padding-top:40px;
		padding-right:0px;
		margin-bottom:50px;
	}
	#projectshowright{
		display:block;
		vertical-align:top;
	}
}
/*
@media screen and (max-width: 800px) 	{
	body, html{
		font-size:120%;
	}
	#container1Left{
		margin-top:-5px;
	}
}
@media screen and (max-width: 720px) 	{
	body, html{
		font-size:100%;
	}
	#container1Left{
		margin-top:-2px;
	}
}
@media screen and (max-width: 640px) 	{
	body, html{
		font-size:90%;
	}
	#container1Left{
		margin-top:-1px;
	}
}
@media screen and (max-width: 480px) 	{
	body, html{
		font-size:80%;
	}
	#container1Left{
		margin-top:-1.5px;
	}
}*/