@media ( max-width: 767px ) {
	.navbar-cfm a img {
    	max-height: 50px;
    	width: auto;
	}
	.navbar-cfm.navbar-default .navbar-collapse {
		background: #fff;
		border-color: #fff;
		margin-top: 10px;
	}
	.navbar-cfm .navbar-nav {
     	padding-top: 1px; 
     	z-index: 99999;
    	position: relative;
    	background: #fff !important;
	}
	.navbar-nav li a.login {
		text-align: center;
		width: 140px;
		margin-left: 10px;
    	margin-bottom: 10px
	}
	.navbar-cfm.navbar {
    	height: 60px;
	}
	.header-title {
    	font-size: 30px;
    	padding-top: 50px;
    	padding-bottom: 50px;
	}
	.data-input-box-parent {
		height: auto !important;
	}

	.data-success-teks {
    	padding-top: 30px;
	}

	.header-new {
		text-align: center;
    	padding-bottom: 80px;
    	padding-top: 0px;
	}
	.header-new-title {
		font-size: 30px;
	}
	.data-input {
    	padding-top: 80px;
    	padding-bottom: 80px;
	}
	.view-mobile {
		display: block;
	}
	.view-desktop {
		display: none;
	}

	.navbar-default .navbar-toggle {
    	border-color: #333;
	}
	.navbar-nav li a {
		color: #333 !important;
	}
	.header-new-img-logo-mobile {
		padding-top: 40px;
	}
	.dibk-box-warning-teks-title {
    	font-size: 22px;
	}
	.data-input-box-parent {
		height: auto !important;
	}
	.modal-body-kontak-img {
	    margin-bottom: 20px;
	}
}

@media(min-width: 768px) and (max-width: 1023px) {
	.data-input-box-parent {
		height: auto !important;
	}
	.modal-body-kontak-img {
	    margin-bottom: 20px;
	}
}


@media(min-width: 1024px) and (max-width: 1200px) {
	.data-input-box-parent {
		height: 380px !important;
	}
}