/* HERO-Video */
.background-image {
	  background-image: url('/about-us/img/main-dr.jpg'); /* เปลี่ยนชื่อไฟล์ตามต้องการ */
	  background-position: right top; /* ติดขวาและบน */
	  background-repeat: no-repeat; /* ไม่ให้ซ้ำ */
	  background-size: auto 500px; /* ปรับขนาดให้ครอบคลุม */
	  height: 500px; /* สูง 690px */
	  width: 100%; /* เต็มความกว้างหน้าจอ */
}
.box-main {position: relative;}
.img-hero {
	position: relative;
	display: flex;
	justify-content: flex-end;
}
.head-line {
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
	padding: 20px;
	width: 50%;
}

.line-white {border: 2px solid #fff;}
.line-br {border: 1px solid #B6BBDE; width:80%; margin: 8px auto;}
.img-size {width:80%;}


@media (max-width: 1200px) {
	
}
@media (max-width: 992px) {
	.background-image {
		background-position: center top;
		background-size: auto 450px; 
		height: 450px; }
	.head-line {position: relative; width: 100%; top: 0; transform: translateY(0%);}
}

/* Responsive สำหรับ Tablet (≤ 768px) */
@media (max-width: 767px) {
	.head-line {position: relative;}
}

/* Responsive สำหรับ Mobile (≤ 576px) */
@media (max-width: 576px) {
	.background-image {
		background-position: center top;
		background-size: auto 300px; 
		height: 330px; }
}
