@media only screen and (max-width: 480px) {
	.center-sign .logo {
		font-size: 21px !important; 
		margin-top: 35px !important;
	}
	.center-sign {
		top: -180px !important; 
		position: relative !important;
	}
	.center-sign a  {
		color: #C8B01B !important;
	}
	.panel-body .btn-with-detail {
		top: 22px !important;
	}
}


@media only screen and (min-width: 767.5px) {
	.header .logo-container .logo.visible-sm {
		display: block !important;
	}
	.header .logo-container .logo.visible-sm {
		margin-left: 16px !important;
	}
	.content-body .panel-table {
		margin-bottom: 0px !important;
	}
	section.body {
    padding-bottom: 0px !important;
		padding-top: 40px !important;
	}
	.btn-filter {
		right: 57px !important;
	}
	.center-sign .logo {
		font-size: 30px !important; 
		font-weight: bold !important; 
		padding-left: 10px !important;
		text-shadow: 0 0 3px var(--color-red), 0 0 5px #252831 !important;
	}
}
@media only screen and (min-width: 768px) {
	.header .logo-container .toggle-sidebar-right,
	footer.footer {
		display: none !important;
	}
	.header {
		border-top: none !important;
	}
	.panel-body .btn-special {
		top: 55px !important;
		right: 40px !important;
		padding-left: 14px;
		padding-right: 14px;
		padding-top: 8px;
	}
	.panel-body .btn-with-detail {
		top: 20px !important;
	}
}