@media ( max-width: 767px ) {
	.navbar-default .navbar-collapse{
	    border-color: #e7e7e7;
	    position: relative;
	    z-index: 9999;
	    background: #fff;
	}
	.navbar-qris.navbar-default .navbar-nav>li>a.kontak {
		width: 223px;
	}
	.navbar-qris.navbar-default {
    	background-color: #fff !important;
    	height: 60px;
	}
	.navbar-qris .navbar-brand img {
    	max-height: 40px;
    	margin-top: -7px;
	}
	.header-biometric {
		text-align: center;
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.header-biometric-teks-title {
    	font-size: 35px;
	}
	.header-tahun img {
		display: block;
		margin: 0 auto;
	}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}

	.fitur-desktop-center {
		display: none;
	}

	.fitur-desktop-left {
    	text-align: left;
	}
	.fitur-desktop-left .fitur-desktop-left-box-title, 
	.fitur-desktop-left .fitur-desktop-left-box-desc {
	    padding-left: 70px;
	}
	.fitur-desktop-left .fitur-desktop-left-box-icon {
    	left: 0;
	}
	.fitur-desktop-right {
		padding-top: 0px;
	}
	.header-biometric-img {
    	padding-top: 50px;
	}
	.icon-tentang_payroll {
    	width: calc(100%/2 - 15px);
	}
	.sb-img img {
    	height: 50px;
	}
	.about-img {
    	padding-right: 0px;
	}
	.footer-title {
	    padding-top: 35px;
	}
	.about-teks-title {
    	padding-top: 10px;
	}

	.produk-lain-box-cta a {
    	font-size: 9px;
    	padding: 8px 10px;
	}
}

@media (max-width: 380px) {
	
}

@media ( min-width: 768px ) and ( max-width: 1023px ) {
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	.about-teks-title {
    	padding-top: 10px;
	}
	.fitur-desktop-center {
		display: none;
	}

	.fitur-desktop-left {
    	text-align: left;
	}
	.fitur-desktop-left .fitur-desktop-left-box-title, 
	.fitur-desktop-left .fitur-desktop-left-box-desc {
	    padding-left: 70px;
	}
	.fitur-desktop-left .fitur-desktop-left-box-icon {
    	left: 0;
	}
	.fitur-desktop-right {
		padding-top: 0px;
	}

	.header-biometric-img {
    	padding-top: 30px;
	}
	.sb-img img {
    	height: 50px;
	}
	.about-img {
    	padding-right: 0px;
	}
	.footer-title {
	    padding-top: 35px;
	}
}

@media ( min-width: 1024px ) and ( max-width: 1200px ) {
	.about-teks {
	    padding-top: 0px;
	}
	.fitur-desktop-center {
    	padding-top: 55px;
	}
}