/*1280*/
@media (max-width:1280px){
	.mapa .acomodacao.mapa-embarcao.novo{padding: 11rem 5.8em;}
}

/*1180*/
@media (max-width:1180px){
	.mapa .acomodacao.mapa-embarcao.novo{padding: 11rem 7.8em;}
}

/*1040*/
@media (max-width:1040px){
	.mapa .acomodacao.mapa-embarcao.novo{padding: 11rem 6.8em;}
}

/*1236*/
@media (max-width:1236px){
	.base-viagem {
    position: relative;
    height: calc(100vh - 54px);
}
.acomodacao { width: 92%;}
.acomodacao .scroll-acom { height: 1005px;}
}

/*1260*/
@media (min-width:1260px){
.acomodacao { width: 92%;}
.acomodacao .scroll-acom { height: 1108px;}
}

/*1200*/
@media (max-width:1200px){
	.mapa .acomodacao.mapa-embarcao {height: 210vh;margin-bottom: 9rem;}
}

/*1150*/
@media (max-width:1150px){
	.base-topo .conteudo {padding: 0 1rem;}
}

/*1077*/
@media (max-width:1077px){
	.conteudo{width:100%;padding:0 4%}
	.base-viagem {height: calc(100vh - 0px); background-position-y: -72px; background-size: cover;}
	.base-viagem .col-6.alt {  max-width: 54%;  ms-flex: 0 54%;  flex: 0 0 54%;}
	.acomodacao { width: 92%;}
	.acomodacao .scroll-acom { height: 1005px;}
	.menutopo ul li a, .menutopo .ui-accordion-header { padding: .4rem .8rem;}
}


/*1600*/
@media (min-width:1600px){
.acomodacao { width: 75%;    height: 245vh;}
.acomodacao .scroll-acom { height: 1071px;}
}

/*991*/
@media (max-width:991px){
.mapa .col-8.alt,.mapa .col-9.alt { width: 80%;}
.mapa .base-camorote .area-camorote .areas_C,
.mapa .acomodacao .area-camorote .areas_C {width: 33%;}
.mapa.alt .acomodacao .area-camorote .areas_C {width: 100%;}
.mapa .acomodacao.mapa-embarcao.embarcacao-navio{padding: 8rem 4.8em; height: 215vh;}
.acomodacao.mapa-embarcao.embarcacao-navio .scroll-acom { height: 660px;}
.base-topo .conteudo {padding: 0 2rem;}
.mobmenu{display:block;left: 1rem;}
.menutopo {position: absolute; margin-top: 57px; background:#152f6b; left: 0;right: 0;display:none;padding: 23px 0;height: auto;}
.base-topo .logo {margin-left: 1.4rem;}
.flt { position: inherit; margin-top: 20px;}
.mapa .acomodacao.mapa-embarcao.novo{padding: 11rem 14em;}
}

/*880*/
@media (max-width:880px){
	.acomodacao.mapa-embarcao.embarcacao-navio .scroll-acom {height: 586px;}
	.mapa .acomodacao.mapa-embarcao.novo{padding: 11rem 11em;}
}

/*768*/
@media (max-width:768px){
	.menutopo li {display: block!important;}
	.menutopo ul>.sub:before, .base-topo ul>.sub.submenu ul>li.op_sub:before {
		left: 15px;right:inherit;z-index:1
	}
	.menutopo ul li a, .menutopo .ui-accordion-header,.menutopo ul> .sub li a{padding-left:2rem}
	.menutopo ul>.sub:hover ul {position: initial;width: auto;}
	.base-topo ul>.sub.submenu ul>li.op_sub a { background: #27598b;}
	.menutopo li.user-mobile{display:block!important;}
	.m-user{display:none!important}
	.menutopo li.user-mobile span{padding: .4rem;display: block; padding-left: 1rem; padding-right: 1rem; color: #32c6f7; border: solid 1px;    margin: 0 1rem;   border-radius: 4px;}
	.base-topo {
		background: linear-gradient(34deg, #000046 37%, #000046);  background: -webkit-linear-gradient(34deg, #000046 37%, #000046);
		background: -moz-linear-gradient(34deg, #000046 37%, #000046);
		background: -o-linear-gradient(34deg, #000046 37%, #000046);
	}
	h1.titulo{font-size: 1.2rem;}
	.table-responsive {
	  display: block;
	  position: relative;
	  width: 100%;
	}
	.table-responsive thead,
	.table-responsive tbody,
	.table-responsive th,
	.table-responsive td,
	.table-responsive tr {
	  display: block;
	}
	.table-responsive td,
	.table-responsive th {
	  height: 35px;
	}
	.table-responsive thead {
	  float: left;
	}
	.table-responsive tbody {
	  width: auto;
	  position: relative;
	  overflow-x: auto;
	  -webkit-overflow-scrolling: touch;
	  white-space: nowrap;
	}
	.mapa .acomodacao.mapa-embarcao {
		height: 210vh;
		margin-bottom: 9rem;
		padding-top: 8rem;
		background: url(../img/catamara_2_2mob.svg) no-repeat center top;
		background-size: contain;
	}
	.base-camorote.cadeira .area-camorote .areas_C .col-3.disponivel, .base-camorote.cadeira .area-camorote .areas_C .col-4.disponivel, .acomodacao .area-camorote .areas_C .col-3.disponivel, .acomodacao .area-camorote .areas_C .col-4.disponivel {
		background: url(../img/poltrona-disponivel.svg) no-repeat center;
		background-size: contain;
		color: #12c7ae;
	}
	.base-camorote.cadeira .area-camorote .areas_C .col-3, .base-camorote.cadeira .area-camorote .areas_C .col-4, .acomodacao .area-camorote .areas_C .col-3, .acomodacao .area-camorote .areas_C .col-4 { height: 32px;}
	.acomodacao.mapa-embarcao.embarcacao-navio .scroll-acom {  height: 445px;}
	.mapa .acomodacao.mapa-embarcao.novo{padding: 11rem 7em;}
}

/*690*/
@media (max-width:690px){
	.acomodacao.mapa-embarcao .titulo.h3 {font-size: 1.2rem!important;}
	.mapa .acomodacao.mapa-embarcao { padding: 11rem 1.8em; padding-top: 8rem;}
	.mapa .acomodacao.mapa-embarcao.embarcacao-navio { padding: 5rem 4.8em;height: 152vh;}
	.acomodacao.mapa-embarcao.embarcacao-navio .scroll-acom {  height: 374px;}
	.mapa .acomodacao.mapa-embarcao.novo{padding: 11rem 5em;}
}


/*580*/
@media (max-width:580px){
	.mapa .acomodacao.mapa-embarcao {
		padding-top: 5rem;
		background: url(../img/catamara_2_3mob.svg) no-repeat center top;
		background-size: contain;
	}
	.acomodacao.mapa-embarcao .titulo.h3 { line-height: 2.4rem; margin-bottom:0}
	.base-camorote.cadeira .area-camorote .areas_C .col-3, .base-camorote.cadeira .area-camorote .areas_C .col-4, .acomodacao .area-camorote .areas_C .col-3, .acomodacao .area-camorote .areas_C .col-4 {
    height: 26px;
	}
	.mapa .col-8.alt, .mapa .col-9.alt {width: 100%;padding-right: 0px;padding-left: 0;}
	.mapa .acomodacao.mapa-embarcao.novo{padding: 7rem 2em;}
}

/*500*/
@media (max-width:500px){
	h1.titulo { font-size: 1rem;}
	.conteudo { padding: 0 1%;}
	.titulo {line-height: 1.4rem;}
	.mapa .acomodacao.mapa-embarcao.embarcacao-navio {height: 144vh;}
	.mapa .acomodacao.mapa-embarcao.novo{padding: 5rem 3em;}
}

/*440*/
@media (max-width:440px){
	.mapa .acomodacao.mapa-embarcao,.mapa .acomodacao.mapa-embarcao.embarcacao-navio {
		padding: 2rem 0.8em;
		height: auto;
		background:none
	}
	.mapa.alt .acomodacao.mapa-embarcao,
	.mapa.alt .acomodacao.mapa-embarcao.embarcacao-navio {  padding: 0rem}
	.mapa .base-camorote .area-camorote .areas_C, .mapa .acomodacao .area-camorote .areas_C {
		padding-right: 4px;
		padding-left: 4px;
	}
	.acomodacao .quadro:before { top: -3px!important}
	.mapa.alt .acomodacao .area-camorote { grid-template-columns: 27% 42% 27%; grid-gap: 5px;}
	.acomodacao.mapa-embarcao.embarcacao-navio .scroll-acom {
		height: auto;
		overflow:inherit
	}
	.mapa .acomodacao.mapa-embarcao.novo{padding: 5rem 2em;background: url(../img/catamara_2_3mob.svg) no-repeat center top;
    background-size: cover;height:906px}
}