/************************************************************************************
smaller than 1024
*************************************************************************************/

@media screen and (max-width: 1024px) {

/* pagewrap */
#pagewrap {
	width: 100%;
}


  

 /* FOOTER */
 footer {
	height: 250px;
	padding-top: 40px;
	margin-top: 50px;
}



/* SLIDE CONTACT */
body .carousel-caption {
	padding: 250px 0px 55px 30px;
}

body .carousel-indicators {
	left: 87%;

}
body .carousel-indicators li {
	margin: 3px;

	}

body .carousel-caption h3 {

	font-size:34px;
}
body .carousel-caption p {
	font-size:20px;
	
}
/* END SLIDE CONTACT */

}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (min-width: 769px) {
	.mob-view-none {
	display: block;
		}
		.mob-view {
			display: none;
		}
	}
@media screen and (max-width: 768px) {
/* content */
#pagewrap {
		width: 100%;
	}

/* SLIDE */
.mob-view-none {
	display: none;
}
.mob-view {
	display: block;
}

/* LAYANAN PAGE */	
 #layanan {
 	padding: 30px 0px; margin-top: 70px;
 }	

 #layanan .col-sm-4 {
 	margin-top: 35px;
 	height: 200px;
 }

 /* KORPORASI */
 #korporasi .container-fluid .col-sm-5 img {
 	margin-bottom: 40px;
	}

 /* FOOTER */
 footer {
	height: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 50px;

}

footer img {
	margin-bottom: 30px;
	}

/* SLIDE CONTACT */


/* END SLIDE CONTACT */


#pagewrap {
	margin: 68px auto;
}


}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

/* SLIDE */
body .carousel-caption {
	display: none;
}

/* HOME - ABOUT */
#about-home hr {
    height: 4px;

  }
/* HOME - LAYANAN */
#layanan-home .logo-layanan {
    height: auto; margin-top: 40px;

  }
   #layanan-home .logo-layanan img {
    width: 70%;
    height: auto;

  }

  #layanan-home .btn-lanjut {
  		margin-top: 80px; 
  }

/* LAYANAN PAGE */	
 #layanan {
 	padding: 30px 0px; margin-top: 65px;
 }	

  #layanan .col-sm-4:first-child,  #layanan .col-sm-4:nth-child(2), #layanan .col-sm-4:nth-child(3)  {
 	margin-top: 40px;
 }

 #layanan .col-sm-4 {
 	margin-top: 40px;
 	height: 250px;
 }

 /* KORPORASI */
 #korporasi p, #karir p  {
		line-height: 30px;
		font-size: 18px;

	}
 #korporasi .container-fluid {
		margin-top: 75px;
	}
 #korporasi .container-fluid .col-sm-5 img {
 	margin-bottom: 0px;
	}
 #korporasi .container-fluid .col-sm-7 img {
 	margin-top: 40px;
		max-width: 50%;
		height: auto;
		width: auto\9; /* ie8 */
	}
/* KARIR */
#karir p  {
	margin-top: 18px;
}

 /* FOOTER */
footer {
	bottom: 0;
}


footer img {
	max-width: 80px;
	}
footer .col-sm-4:last-child {

}

.carousel-indicators {
	display: none;
}


}

@media screen and (max-width: 767px) {
	.navbar-default{
	background-color: #CCC;
	border: none;
	height: auto;
}

}