.cek-resi-container {
	position: absolute;
	top: 110px;
	right: 145px;
	z-index: 10;
}

.cek-resi-input-container,
.cek-resi-btn-container {
	display: inline-block;
	vertical-align: middle;
}

.cek-resi-input-container {
	width: 300px;
}

.cek-resi-input {
	border: 1px solid black;
}

.btn-cek-resi {
	width: 80px;
	margin-left: 10px;
}

.img-layanan {
	width: 150px;
	height: 150px;
	object-fit: cover;
	object-position: center;
	border-radius: 15px;
}

@media all and (max-width: 767px) {
	.cek-resi-container {
		top: 130px;
		right: auto;
		left: 30px;
	}

	.cek-resi-input-container,
	.cek-resi-btn-container {
		display: block;
	}

	.cek-resi-input-container {
		width: calc(100vw - 60px);
	}

	.btn-cek-resi {
		float: right;
		margin-top: 10px;
		margin-left: 0;
		width: 100px;
		height: 30px;
	}

	.img-layanan {
		margin: 0 auto 20px;
		display: block;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	.cek-resi-container {
		top: 120px;
		right: 40px;
	}

	.section-2 .col-md-2 {
		display: none;
	}

	.section-2 {
		overflow-y: auto;
		height: auto !important;
		padding: 50px !important;
		text-align: center;
	}

	.section-2 .col-md-3,
	.section-2 .col-md-5 {
		display: inline-block !important;
		vertical-align: top !important;
		text-align: left !important;
	}

	.section-2 .col-md-5 {
		height: 396px;
	}

	.layanan-title {
		font-size: 16pt;
	}

	#layanan-container .col-md-3,
	.client-item {
		display: inline-block;
		vertical-align: top;
		margin-bottom: 50px !important;
	}
}

@media all and (min-width: 1025px) and (max-width: 1150px) {
	.cek-resi-container {
		right: 105px;
	}
}

@media all and (width: 768px) {
	#layanan-container .col-md-3,
	.client-item {
		width: 40vw;
	}
}

@media all and (width: 1024px) {
	.news-container .col-md-2:nth-child(1) {
		display: none !important;
	}
}
