@media only screen and (min-width: 480px) {
	/* For mobile: */
	body{background:#fff;
	font-family:"Poppins", sans-serif;
	margin:0;
	overflow-x:hidden;
	color:#010090;
	font-weight:300;
	font-size:25px
	}
	html{
		position:relative;
		min-height:100%;
		background:#ffffff
	}

	a{
		text-decoration: none;
	}
	.container{
		max-width:95%
	}
	
	img{
		max-width:100%;
		height:auto;
	}
	/*image gambar */
	.slide-booble{
		background: url(http://dev.cvrachmat.com/wp-content/uploads/2020/01/1-BG-Rachmat-PRO-1-scaled.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		width: 100%;
		height: 60vw;
	}
	.mengapa-booble{
		max-height : 550px;
		margin-bottom:100px
	}    
	.mengapa-booble #owlxx{
		height : 270px;
	}   
	.mengapa-booble .owl-stage-outer{
		height : 270px;
	} 	  
	.slide-booble-text {
		text-align: center;
		position: absolute;
		top: 3%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.pt-s1{
		font-size:50px;
		color:#fff;
	}
	.p-s1{
		font-size:50px;
		color:#fff;
		font-weight:bold;
	}
	.kl-s1{
		font-size:30px;
		color:#ee1c25;
		font-weight:bold;
	}
	.pk-s1{
		background : #0072bb;
		border : none;
		border-radius:5px;
		padding:10px 50px;
		color:#fff;
		font-weight:bold;
	}
	.pk-s1:hover{
		background : #ee1a24;
	}

	/*section2*/
	.tentang-booble{
		margin : 50px 0;
	}
	.bold{
		font-weight:bold;
	}
	.mb-50{
		margin-bottom: 50px;
	}

	.mb-100{
		margin-bottom: 50px;
	}
	.pr-50{
		padding-right:50px
	}

	.pl-50{
		padding-left:50px
	}
	.pt-20{
		padding-top:20px
	}
	.mt-50{
		margin-top:50px
	}
	.mt-100{
		margin-top:100px;
	}
	.light-blue{
		color : #010090
	}
	.box-tk-s2{
		padding : 20px 40px;
		box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
		border-radius:3px;
	}
	.img-tk{
		margin-top:50px;
	}
	.align-style{
		text-align: justify;
	}
	.foot_s2{
		background-image: url("../images/foot.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		width:100%;
		text-align:center;
		color:#fff;
		font-weight:bold;
		padding : 10px 0;
		box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
		border-radius:3px;
	}

	/*section 4*/
	.art-s4{
		background: #010080;
		border-radius : 5px;
		text-align: center;
		width: 100%;
		font-size: 50px;
		color: white;
	}
	.box-artikel-s4{
		padding: 20px;
		margin-top:-20px
	}
	.box-artikel-s4 img{
		height : 200px;
		width:100%;
		border-radius : 5px
	}
	.raa-s4{
		font-size:25px;
		color : blue
	}

	/*section layanan*/
	.layanan-booble{
		background : #f0f0f0;
		padding-bottom : 50px;
		padding-top:50px
	}
	.box-layananb{
		width:50%;
		padding:10px;
		text-align:center;
		font-weight:bold
	}
	/*section klien*/
	.klien-booble{
		margin : 100px;
	}



	/*section testimonial*/
	.testimoni-booble{
		background : #f0f0f0;
		padding-bottom : 50px;
		padding-top:50px
	}
	.image-testi{
		text-align:center
	}
	.image-testi img{
		text-align:center;   
	}
	.head-testi{
		font-weight : bold;
		font-size : 20px;
		text-align:center
	}
	.title-testi{
		font-size : 15px;
		text-align:center
	}

	/* sectio projek */
	.box-artikel-s7 img{
		height : 500px
	}
	.header img{
		margin : 20px 0px;
	}
	
	.view-mobile{
		display : block;
	}
	.view-desk{
		display : none;
	}
	.publicaciones-blog-home .fondo-publicacion-home .img-publicacion-home  {
		overflow: hidden;
		max-height: 280px;
		text-align:center
	}
	.mascara-enlace-blog-home {
		height: 400px;
		width: 0%;
		color: #aaa;
		background-color: #2BBCDE;
		position: absolute;
		top: 0;
		opacity: 0.0;
		-webkit-transition: all 0.4s ease-out 0s;
		-o-transition: all 0.4s ease-out 0s;
		transition: all 0.4s ease-out 0s;
		text-align: center;
		padding-top: 280px;
	}
	.mt-200-m{
		margin-top:200px;
	}
	
	.box-artikel-s8 img{
		height : 500px;
		position: relative;
		z-index: 1;
		top: 0px;
		margin-bottom : 10px;
	}
	.berita-booble a{
		color : #010090;
	}
	.berita-booble a:hover{
		color :#010090;
	}
	.view-t a{
		color : #fff;
	}
	.art-s4:hover{
		background : #fff;
		color : #010090
	}
	.raa-s4 a{
		color : #010090;
	}
	.bottom-style .hl img{
		width : 65%
	}
	.bottom-style .wa img{
		width : 65%;
		/*padding-top:28px;*/
	}
	.ct-tk{
		padding : 0px;
	}
	.img-tk img{
		text-align : center;
		width : 70%
	}
	.w3-left{float:left;font-size: 76px;margin-top: -150px;}.w3-right{float:right;font-size: 76px;margin-top: -150px;}
}