@media ( max-width: 767px ) {
	.header-biometric {
		text-align: center;
		padding-top: 70px;
		padding-bottom: 70px;
		background: url(../img/2025-03-12/header-mobile.jpg) no-repeat center;
		background-size: cover;
		background-position: center;
	}
	.header-biometric-teks-title {
    	font-size: 35px;
	}
	.header-biometric-teks {
    	position: relative;
    	margin-top: 0px;
	}
	.header-biometric-teks-img {
    	padding-bottom: 30px;
	}
	.header-biometric-teks-img img {
		display: block;
		margin: 0 auto;
		max-height: 70px !important;
	}
	.img-bg {
		display: none;
	}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	.about-img {
    	padding-right: 0px;
	}
	.about-problem .about-teks-desc {
		padding-top: 20px;
	}
    .about-2-img {
    	padding-left: 0px;
    	padding-bottom: 20px;
	}
	.about-img {
    	padding-right: 0px;
    	padding-bottom: 20px;
	}

	.icon-tentang_payroll {
    	width: calc(100%/2 - 15px);
	}
	.sb-img img {
    	height: 32px;
	}
	.harga-box-coret .line {
    	width: 130px;
	}
	.harga-box-coret-parent {
  		font-size: 25px;
	}
	.harga-box-view {
    	font-size: 35px;
	}
	.about-teks-title,
	.about-2-teks-title  {
    	font-size: 30px; 
	}
	.about-teks,
	.about-2-teks {
	  padding-top: 0px;
	}
	.alasan-teks {
    	font-size: 30px;
    	padding-bottom: 20px;
	}
	.harga-box {
    	padding: 20px;
	}
	.countdown .bigtext {
    	font-size: 32px;
	}
	.footer-title {
	    padding-top: 35px;
	}

	.myresto {
		background: red;
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.myresto-box-title {
    	font-size: 30px;
	}
	.myresto-box {
		margin-top: 0px;
	}

	.harga {
		text-align: center;
	}
	.harga-img {
		padding-bottom: 20px;
	}
	.harga-img img {
		display: block;
		margin: 0 auto;
	}
	.produk-box .header-biometric-teks-cta a {
		padding: 11px 20px;
	}
}

@media ( min-width: 768px ) and ( max-width: 1023px ) {
	.header-biometric {
		padding-top: 70px;
		padding-bottom: 70px;
		background: url(../img/2025-03-12/header-mobile.jpg) no-repeat center;
		background-size: cover;
		background-position: center;
	}
	.header-biometric-teks-title {
    	font-size: 35px;
	}
	.header-biometric-teks {
    	position: relative;
    	margin-top: 0px;
	}
	.header-biometric-teks-img {
    	padding-bottom: 30px;
	}

	.sb-img img {
    	height: 60px;
	}
	.about-teks-title,
	.about-2-teks-title {
    	font-size: 30px;
	}
	.img-bg {
		display: none;
	}
	.header-biometric-teks-parent img {
		display: block;
		margin: 0 auto;
	}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}

	.header-biometric-img {
    	padding-top: 30px;
	}

	.about-img {
    	padding-right: 0px;
	}

	.about-img {
    	padding-right: 0px;
	}
	.about-problem .about-teks-desc {
		padding-top: 20px;
	}
    .about-2-img {
    	padding-left: 0px;
    	padding-bottom: 20px;
	}
	.about-img {
    	padding-right: 0px;
    	padding-bottom: 20px;
	}
	.about-teks,
	.about-2-teks {
	  padding-top: 0px;
	}
	.alasan-teks {
    	font-size: 30px;
	}

	.footer-title {
	    padding-top: 35px;
	}

	.myresto {
		background: red;
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.myresto-box-title {
    	font-size: 30px;
	}
	.myresto-box {
		margin-top: 0px;
	}

	.harga {
		text-align: center;
	}
	.harga-title {
		display: block;
		margin: 0 auto;
	}
	.harga-img {
		padding-bottom: 20px;
	}
	.harga-img img {
		display: block;
		margin: 0 auto;
	}
	.produk-box .header-biometric-teks-cta a {
		padding: 11px 30px;
	}
}

@media ( min-width: 1024px ) and ( max-width: 1200px ) {
	.header-biometric-teks {
    	margin-top: -500px;
	}
	.header-biometric-teks-img {
    	padding-bottom: 30px;
	}
	.header-biometric-teks-title {
    	font-size: 35px;
	}
	.about-teks,
	.about-2-teks {
	    padding-top: 0px;
	}
	.myresto-box {
    	margin-top: -530px;
	}
	.myresto-box-title {
    	font-size: 30px;
	}
	.myresto-box-img img {
    	max-height: 200px;
	}
}

@media (min-width: 1700px) {
	.header-biometric-teks {
    	margin-top: -1000px;
	}
	.header-biometric-teks-desc {
		max-width: 700px;
	}
	.header-biometric-teks-title {
  		font-size: 65px;
	}
	.header-biometric-teks-desc p {
  		font-size: 26px;
        line-height: 1.4;
	}
	.myresto-box {
    	margin-top: -920px;
	}
}