@media screen and (max-width: 1200px) {
}
@media (max-width:1025px) {
}
@media (max-width:768px) {
	.body-wrapper>.container-fluid{padding:30px 10px 0}
	.nav-pills .nav-link{margin-right:1px}
	.nav-pills .nav-link:last-child{margin-right:0}
	#master-qr-info{display:block;position:fixed;left:0;top:45%;z-index:1}
	#master-qr-info .block-sm{cursor:pointer}
	#master-qr-info .block-sm img{width:54px}
	#master-qr-info .block-more{position:relative;display:none}
	#master-qr-info .block-more .btn-close{position:absolute;top:0;right:-1px;cursor:pointer}
	#master-qr-info .block-more .btn-close svg{fill:#fff;margin:2px 5px}
	#master-qr-info.selected .block-sm{display:none}
	#master-qr-info.selected .block-more{background:#a49c7a;display:flex;flex-direction:column;padding:25px 15px}
	#master-qr-info.selected .block-more img{width:150px}
	.news img{width:100%}
	.footer{color:#fff}
	.footer a{color:#fff}
}
@media only screen and (max-width: 576px) {
	.body-wrapper>.container-fluid{padding:16px 8px 0}
	h1,.h1{font-size:1.6rem}
	h2,.h2{font-size:1.3rem}
	.card-body{padding:1rem .75rem}
	.btn{padding:10px 14px}
	.news img{width:100%;height:auto}
	.news h3{font-size:16px}
	.nav-pills{flex-wrap:wrap;gap:4px}
}
@media screen and (max-height: 450px) {
}

/* ===== Bổ sung responsive cho điện thoại & iPad (chỉ áp dụng <=991px) ===== */
@media (max-width: 991.98px) {
	/* Bảng dữ liệu rộng -> cuộn ngang thay vì tràn trang */
	.table-responsive,.dt-container,.dataTables_wrapper,.dataTables_scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
	table.dataTable,table.table{width:100%!important}
	/* Vùng chạm đủ lớn cho ngón tay (iOS/iPad/Android) */
	.form-control,.form-select,.btn{min-height:44px}
	/* Modal "Đổi coin" vừa màn hình thay vì cố định 500px */
	#confirm-convert-coin .confirm-modal-content{width:92%!important;max-width:500px;margin:20% auto}
	/* Ảnh trong nội dung không tràn khung */
	.card img,.news img{max-width:100%;height:auto}
}