@media only screen and (max-width: 1450px){

    .dataTables_wrapper {
        overflow-x: scroll;
    }


    section {
    	padding: 1rem 1rem;
	}

	
}

@media only screen and (max-width: 1340px){

	.reserva-tab {
	    width: 90%;
	}

}

@media only screen and (max-width: 1270px){

	.table-meses-local{
		width: 50%;
	}
}

@media only screen and (max-width: 1190px){

	.table-meses-local{
		width: 70%;
	}

	.content-half {
	    width: 100%;
	}
}


@media only screen and (max-width: 900px){

	.section-estadias {
	    padding: 1rem 0.5rem;
	}

	.estadias {
	    overflow-x: scroll;
	    padding: 0.1rem 1rem 0rem;
	}

	.art-calendario{
		overflow-x: scroll;
	}

	.table-meses-local{
		width: 100%;
	}
}
@media only screen and (max-width: 770px){

	.article-login {
	    width: 65%;
	}

	.aside-custos-variaveis {
    	width: 100%;
	}

}

@media only screen and (max-width: 700px){

	.reservas-content-3 {
	    width: 100%;
	}

	.reservas-content-3 div {
    	justify-content: center;
	}

	.reserva-resumo-result .resumo-ref, .reserva-resumo-result .mensagens {
    	width: 100%;
    	position: relative;
    	border-radius: 10px;
    	align-self: flex-start;
	}

	.reserva-resumo-result .resumo-ref{
		margin-bottom: 1rem;
	}

}

@media only screen and (max-width: 610px){

	.article-login {
    	width: 100%;
	}

	.erros {
	    width: 75%;
	    margin: 50px auto;
	    text-align: center;
	}

	.section-default form {
	    width: 100%;
	    margin: 50px auto 0;
	}

	.reservas-content-3 {
	    width: 100%;
	}
}

@media only screen and (max-width: 450px){

	.section-centro{
		padding: 10px;
	}

	.article-login{
		padding: 2rem 3rem;
	}
}