@media only screen and (max-width: 1550px) {
	#banner {
		background-position: 50%;
	}
}

@media only screen and (max-width: 1440px) {
	#banner {
		background-position: 50%;
	}
}



@media(max-width: 1450px) {


	#banner {
		background-size    : cover !important;
		background-position: -30vw 0px !important;
	}
}





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


	#banner {
		background-size    : cover;
		background-position: -25vw 0px;
	}



	.lista-hoteis ul li {
		margin-bottom: 20px;
	}

	header:before {
		height: 80px;
	}

	header .logo-principal {
		padding: 15px 0px;
		height : 80px;
	}

	header .conteudo-esq {
		height : 80px;
		padding: 30px 0px 30px 60px;
	}

	header:after {
		height: 80px;
	}

	header .conteudo-esq .rede-social {
		margin-top: -21px;
	}

	header .logo-principal:before {
		border-top   : 0px solid transparent;
		border-bottom: 79px solid transparent;
		border-left  : 40px solid #009D3E;
		right        : -50px;
	}

	header .conteudo-esq h3 {
		font-size: 20px;
	}

	header .conteudo-esq .rede-social li a i {
		font-size: 20px;
	}

	header .logo-branco {
		max-width: 230px;
	}

	.motor-reserva .formulario-reserva form .nome-hotel select {
		width: 220px !important;
	}

	.motor-reserva .formulario-reserva form input[type="text"] {
		width    : 75px;
		font-size: 11px;
	}

	.motor-reserva .formulario-reserva form .num-quartos select,
	.motor-reserva .formulario-reserva form .num-adultos select,
	.motor-reserva .formulario-reserva form .num-criancas select {
		width: 40px;
	}

	.motor-reserva .formulario-reserva form .nome-hotel {
		margin-right: 5px;
	}

	.motor-reserva .formulario-reserva form .calendario {
		width       : auto;
		margin-right: 5px;
	}

	.motor-reserva .formulario-reserva form .num-criancas,
	.motor-reserva .formulario-reserva form .num-adultos,
	.motor-reserva .formulario-reserva form .num-quartos {
		width       : auto;
		margin-right: 5px;
	}

	.motor-reserva .formulario-reserva form input[type="submit"] {
		padding: 0px 31px;
	}

	.informacoes-gerais-tarifa .titulo-promocao {
		font-size: 24px;
	}

	.informacoes-gerais-tarifa p {
		font-size: 16px;
	}

	.informacoes-gerais-tarifa .info-preco {
		padding-left: 40px;
		height      : 135px;
	}

	.informacoes-gerais-tarifa .info-preco h2 {
		font-size: 18px;
	}

	.informacoes-gerais-tarifa .info-preco h2 span {
		font-size: 15px;
	}

	.informacoes-gerais-tarifa .info-preco .tarifa .breve-texto {
		font-size    : 14px;
		padding-right: 14px;
	}

	.informacoes-gerais-tarifa .info-preco .tarifa .preco h1 .cifrao {
		left: 2px;
		top : -17px;
	}

	.informacoes-gerais-tarifa .info-preco .tarifa .preco h1 {
		font-size     : 50px;
		letter-spacing: -3px;
	}

	.informacoes-gerais-tarifa .info-preco .tarifa .preco h1 .centavos {
		font-size: 34px;
		top      : -5px;
	}

	.informacoes-gerais-tarifa .info-preco .tarifa .preco {
		margin-left: 10px;
		width      : 140px;
	}

	.informacoes-gerais-tarifa .info-preco .tarifa .preco .info-quant-pessoa {
		margin-right: 20px;
	}

	.informacoes-gerais-tarifa {
		margin-bottom: 60px;
	}

	.hotel .informacoes-gerais-hoteis .info-texto-hotel {
		width: 488px;
	}

	.hotel .informacoes-gerais-hoteis .imagem-hotel {
		width : 450px;
		height: 390px;
	}

	.hotel .informacoes-gerais-hoteis .info-texto-hotel .tab-content .tab-pane {
		height   : 328px;
		padding  : 40px 30px 75px 60px;
		font-size: 13px;
	}

	.hotel .informacoes-gerais-hoteis .info-texto-hotel .tab-content #comodidades ul li {
		font-size: 17px;
	}

	.hotel .galeria a .foto-galeria {
		width: 33%;
	}

	.hotel .galeria a .foto-galeria img {
		width: 100%;
	}

	.hotel {
		margin-bottom: 70px;
	}

	footer.principal {
		padding: 30px 0px 85px 0px;
	}
}

@media only screen and (max-width: 991px) {
	.formulario-reserva {
		width: 100%;
	}

	.motor-reserva .formulario-reserva {
		width  : 480px;
		display: table;
		margin : 0 auto;
	}

	.motor-reserva .formulario-reserva form .nome-hotel {
		margin-right : 0;
		width        : 100%;
		margin-bottom: 6px;
	}

	.motor-reserva .formulario-reserva form .nome-hotel select {
		width: 100% !important;
	}

	.motor-reserva .formulario-reserva form input[type="text"] {
		width    : 100%;
		font-size: 14px;
	}

	.motor-reserva .formulario-reserva form .calendario {
		width        : 100%;
		margin-right : 0;
		margin-bottom: 5px;
	}

	.motor-reserva .formulario-reserva form .input-group-addon {
		width: 50px;
	}

	.motor-reserva .formulario-reserva form .num-criancas,
	.motor-reserva .formulario-reserva form .num-adultos,
	.motor-reserva .formulario-reserva form .num-quartos {
		width        : 100%;
		margin-right : 0px;
		margin-bottom: 5px;
	}

	.motor-reserva .formulario-reserva form .num-quartos select,
	.motor-reserva .formulario-reserva form .num-adultos select,
	.motor-reserva .formulario-reserva form .num-criancas select {
		width    : 100%;
		font-size: 14px;
	}

	.motor-reserva .formulario-reserva form .btn-reservar {
		width: 100%;
	}

	.motor-reserva .formulario-reserva form input[type="submit"] {
		width: 100%;
	}

	.informacoes-gerais-tarifa p {
		text-align   : center;
		padding-right: 0px;
	}

	.informacoes-gerais-tarifa .titulo-promocao {
		text-align: center;
	}

	.informacoes-gerais-tarifa .info-preco {
		padding-left: 0px;
		text-align  : center;
		height      : auto;
		border-left : none;
		margin-top  : 20px;
	}

	.informacoes-gerais-tarifa .info-preco .tarifa {
		float     : initial;
		display   : table;
		margin    : 0 auto;
		width     : 234px;
		margin-top: 20px;
	}

	.hotel .informacoes-gerais-hoteis .imagem-hotel {
		width : 100%;
		height: auto;
	}

	.motor-reserva .formulario-reserva form .nome-hotel select {
		font-size: 14px !important;
	}

	.hotel .informacoes-gerais-hoteis .info-texto-hotel {
		width: 100%;
	}

	.hotel .galeria a .foto-galeria {
		width: 49.5%;
	}

	footer.principal .logo-branco {
		display      : table;
		margin       : 0 auto;
		margin-bottom: 40px;
	}

	footer.principal .endereco {
		text-align  : center;
		padding-left: 0px;
		border-left : none;
	}
}


/* Small Devices, Tablets */

@media only screen and (max-width: 769px) {
	.motor-reserva .formulario-reserva {
		width: 430px;
	}

	.hotel .galeria a .foto-galeria {
		width: 49%;
	}

	footer.footer-fixo {
		display: none;
	}

	footer.principal {
		padding: 30px 0px;
	}

	.mapa iframe {
		height: 300px;
	}

	.topo-responsivo {
		background: #527954;
		padding   : 15px 0px;
	}

	.topo-responsivo img {
		width  : 250px;
		display: table;
		margin : 0 auto;
	}

	.topo-responsivo h3 {
		text-align : center;
		margin-top : 20px;
		color      : #fff;
		font-weight: 300;
	}
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
	.lista-hoteis ul li {
		margin-right: 0px;
		width       : 100%;
	}

	.lista-hoteis ul li button {
		width: 100%;
	}

	.formulario-reserva form .datas .calendario {
		margin-right: 12px;
	}

	.formulario-reserva h1 {
		text-align: center;
	}

	.formulario-reserva {
		padding: 20px;
	}

	.motor-reserva .formulario-reserva {
		width: 100%;
	}

	.hotel .informacoes-gerais-hoteis .info-texto-hotel .nav-tabs {
		padding-left: 5px;
	}

	.hotel .informacoes-gerais-hoteis .info-texto-hotel .nav-tabs li a {
		font-size: 13px;
	}

	.hotel .informacoes-gerais-hoteis .imagem-hotel .logo-foto {
		padding: 10px 0px;
	}

	.hotel .informacoes-gerais-hoteis .imagem-hotel .logo-foto img {
		width    : 154px;
		min-width: 60%;
	}

	.hotel .galeria a .foto-galeria {
		width: 48%;
	}
}


/* Custom, iPhone Retina */

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