/* RESPONSIVE */
@media screen and (max-width: 992px) {
	.navbar-brand {
		width: 70% !important;
		height: auto;
	}

	.navbar-brand img {
		width: 100% !important;
		height: auto;
	}

	.section-background-homepage .hero-center-section {
		padding-left: 30px !important;
		padding-right: 30px !important;
		top: 40%;
	}

	.display-1 {
		font-size: 30px;
	}

	.lead-homepage {
		line-height: 1.3;
	}

	
	.section-background-homepage {
		text-align: center;
		background-image: url('../img/background-homepage-komunigrafik-mobile.webp');  
		background-position: bottom center;
		background-size: cover;
	}

	#ipad-container {		
		background-image: none !important;
		display: none  !important;
	}

	#app-container {
		background-image: none !important;
		display: none  !important;
	}

	#header-on-servicepage {
		width: 90% !important;
	}

	#header-on-servicepage img {
		width: 200px;
	}

	#header-on-servicepage .title-service {
		font-size: 25px;
		line-height: 1.2;
	}

	#header-on-servicepage .uil-arrow-circle-down {
		display: none;
	}

	.icon-utama {
		font-size: 100px;
	}
	
	.contact-photo {
		float: none;
		width: 80px;
	}
	.contact-phone {
		margin: 20px 0px;
	}

	#footer ul li a {
		font-size: 18px;
		line-height: 40px;
	}
}

@media screen and (min-width: 993px) and (max-width: 1199px) {

	
	
}

@media screen and (min-width: 1200px) and (max-width: 1640px) {
	
	

	
}