@media (max-width: 1280px) {
    .form-table {
        min-width: auto;
        width: 100%;
    }

    .form-table {
        overflow-x: auto;
    }

    .form-table__content {
        width: 100%;
    }

	.form-table--bookings .form-table__content {
		width: fit-content;
	}
}

@media(max-width: 1150px) {
	.header--home .header__logo-image {
		margin-top: 40px;
	}
}

@media(max-width: 1024px) {
	.header__event {
		margin-bottom: 50px;
	}
	.home-info-content__item {
		display: flex;
		flex-direction: column;
	}
	.home-info-content__item:first-child {
		flex-direction: column-reverse;
	}
	.event-single-ticket__name {
		width: 200px;
		font-size: 30px;
	}

	.event-form form {
		display: block;	
	}

	.event-form__right {
		text-align: left;
	}

	.localities-maps__local .local__item .barra span {
		transform: rotate(-90deg);	
	}
}

@media(max-width: 990px) {
	.video {
		padding-bottom: 100vh;
	}

	.video iframe {
		left: 50%;
		width: 180vh;
		transform: translate(-50%, 0);
	}

	.datalist__action .btn {
		width: 150px;
		font-size: 15px;
	}
	
	.datalist .datalist-title {
		font-size: 20px;
	}

	.datalist__info .alert {
		width: 225px;
	}

	.form-table__content {
		width: fit-content;
	}

	.form-table--bottles .form-table__content {
		width: 100%;
	}
}

@media(max-width: 768px) {
	.header--admin-role .header__menu ul {
		gap: 40px;
	}

	.footer__menu ul {
		display: block;
		text-align: center;
		margin-bottom: 50px;
	}
	.footer__menu ul li {
		margin-bottom: 15px;
	}

	.h1 {
		font-size: 45px;
	}

	.main {
		padding-left: 25px;
		padding-right: 25px;
	}

	.main__actions {
		top: 130px;
	}

	.event-single-ticket {
		display: block;
		padding: 15px;
		min-height: auto;
	}

	.event-single-ticket__name {
		width: 100%;
		padding-left: 0;
		text-align: center;
		margin-bottom: 15px;
	}

	.event-single-ticket .btn {
		margin: 0 auto;
	}

	.event-single-ticket__info {
		padding-right: 0;
		text-align: center;
	}

	.localities-maps {
		padding-top: 10px;
		padding-left: 10px;
	}

	.localities-maps__local {
		font-size: 11px;
	}

	.localities-maps__local .local__item>div {
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.localities-maps__stage {
		height: 450px;
		margin-right: 10px;
	}

	.datalist__item {
		min-height: 275px;
	}

	.datalist__item .datalist-delete {
		bottom: 100px;
		width: fit-content;
	}

	.datalist__item.event-cancel .tag-cancel {
		top: 25%;
		transform: rotate(-25deg);
	}

	.datalist__info {
		width: 100%;
	}

	.datalist__action {
		position: absolute;
		flex-direction: row;
		gap: 15px;
		bottom: 10px;
	}

	.datalist--user .datalist__action {
		left: 200px;
	}

	.datalist--user .datalist__action .btn {
		margin-bottom: 5px;
	}
}

@media(max-width: 680px) {
	.header--admin-role .header__right {
		top: 10px;
		right: 10px;
	}
}

@media(max-width: 540px) {
	.datalist__action .btn {
		font-size: 13px;
		width: 95px;
		text-align: center;
	}
}

@media(max-width: 480px) {
	.main {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.header__logo-image {
		margin-top: 50px;
	}
	
	.header--minify .header__logo {
		left: 50%;
		transform: translate(-50%, 0);
	}

	.header--admin .header__logo {
		left: 25px;
		transform: none;
	}

	.header--single-page .header__logo {
		left: 15px;
	}

	.header--admin-role .header__menu ul {
		margin-top: 50px;
	}

	.header__menu ul {
		margin-left: 75px;
	}

	.header__right {
		right: 25px;
	}

	.header--admin-role .header__right {
		top: 10px;
		right: 10px;
	}

	.header__title {
		display: none;
	}

	.h1,
	.event-form__title {
		font-size: 25px;
	}

	.header__text{
		left: 25px;
		transform: translate(-12px, -50%);
	}

	.header__text h1 {
		font-size: 65px;
	}

	.events-grid__item img {
		height: auto;
	}

	.home-info {
		margin-bottom: 0;
	}

	.home-info-content__item .home-info-text {
		padding-left: 0;
		padding-right: 0;
	}

	.title-section {
		width: 100%;		
	}

	.event-single-ticket {
		width: initial;
	}

	.btn {
		width: 100%;
	}

	.btn--rounded {
		width: 30px;
		height: 30px;
	}

	.main__actions {
		top: 115px;
		right: 25px;
	}

	.localities-maps {
		margin-bottom: 50px;
	}

	.localities-maps__stage {
		height: 310px;
	}

	.localities-maps__stage span {
		transform: rotate(-90deg);
	}

	.localities-maps__local .local__item>div {
		height: 70px;
	}

	.localities-maps__local .local__item .pista,
	.localities-maps__local .local__item .barra,
	.localities-maps__local .local__item .reservado_grande {
		height: 145px;
	}

	.event-form form {
		padding: 25px;
	}

	.form label {
		font-size: 14px;
	}

	.datalist__item {
		display: block;
		min-height: 460px;
	}

	.datalist-image {
		width: 100%;
	}

	.form-image {
		margin-left: 105px;
	}

	.datalist--user .datalist__item {
		min-height: 325px;
	}

	.datalist--user .datalist__action {
		left: 50%;
		transform: translate(-50%, 0);
	}

	.datalist__item.event-cancel .tag-cancel {
		top: 15%;
		left: 50%;
		transform: translate(-50%, -15%) rotate(-25deg);
	}

	.w-50 {
		width: 100%;
		max-width: 300px;
	}

	.event-form-info {
		font-size: 14px;
	}
	select.form-control,
	input.form-control {
		width: 100%;
	}

	.form-group label {
		min-width: 70px;
		font-size: 14px;
	}

    .form-table {
        width: calc(100vw - 50px);
    }

	.form-table li,
	.form-table__header li,
	.form-table-col-6 li {
		min-width: 125px;
	}

	.event-form-message .alert {
		padding: 15px;
	}
}

@media(max-width: 375px) {
	.header__text {
		top: 60%;
	}
	
	.header--admin-role .header__menu ul {
		gap: 20px;
	}
	
	.datalist__action .btn {
		width: 85px;
	}
}