/*----- MÁXIMO 475 -----*/

@media (max-width:475px) {
    .icon-menu {
        color:rgb(255,255,255);
        font-size:24px;
        background-color: rgb(125,45,0);
        padding:3px 15px 5px 15px;
        border-radius:6px;
        cursor:pointer;
    }
    nav {
        top:7px;
        right:0;
        padding:15px 0;
        position: relative;
    }
    ul {
        position: absolute;
        display:none;
        top:56px;
        right:0;
        background-color: rgb(125,45,0);
        border-radius:12px;
        padding:15px 0 20px 0 !important;
        width:200px;
        font-style: normal;
    }
    .icon-menu:hover ul {display:block !important} 
    nav li {
        padding:0 15px !important;
        margin:0 !important;
        display:block !important;
    }
    nav li a {
        padding:10px 15px !important;
        border-bottom:1px solid rgba(255,255,255,.2) !important;
        display: block !important;
        margin:0 !important;
    }
    nav li a:hover {
        border:1px solid transparent !important;
        background-color: rgba(255,255,255,.2);
    }
    #logo span:last-child {
        padding-bottom:0;
    }
    .header-home {
        height:60vh;
        background-size: 180%;
    }
    .header-home-filtro {
        height:60vh;
    }
    #menu {
        margin-top: -60vh;
        border-bottom: 1px solid rgba(255,255,255,.5);
        z-index: 99;
    }
    .chamada small {
        font-size:14px;
        padding-bottom:20px;
    }
    .chamada span {
        font-size:36px;
        line-height:40px;
        padding:10px 10px 30px 10px;
    }
    .legenda {
        bottom:15px;
        left:10%;
        right:10%;
        font-size:14px;
        line-height:14px;
    }
    .padding-pos-header {
        padding-top: 55vh;
        padding-bottom: 50px;
        padding-left:15px;
        padding-right:15px;
    }
    .padding-section {
        margin:0;
        padding:80px 0;
    }
    .moldura , .moldura1 {
        padding:30px;
    }
    .fita-1 {
        width:50%;
    }
    .padding-section {
        margin: 0;
        padding: 50px 0;
    }
    .atracao {
        height:300px;
        width:150px;
        margin-bottom:10px;
    }
    .fazer {
        height:300px;
        width:150px;
        margin-bottom:10px;
    }
    .comer {
        height:300px;
        width:150px;
        margin-bottom:10px;
    }
    .ficar {
        height:300px;
        width:150px;
        margin-bottom:10px;
    }
    .box-agenda-capa {
        padding:20px;
        margin:10px 5px;
    }
    .box-agenda-capa h5 {
        font-size:13px;
    }
    .google-maps-home {
        background-image: url(../images/google-maps.png);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 500px;
    }
    #agenda h4 {
        margin-top:-80px;
    }
    #agenda-btn-todos .btn-padrao {
        left: 30%;
        right: 30%;
    }
    .titulo-pagina {
        background-size: 160%;
    }
    .titulo-pagina h2 {
        padding:20px 0 20px 0;
    }
    .moldura2 .padding40 {
        padding:0;
    }
    .hidden-texto {
        display:none;
    }
    .hidden-texto img {
        background-size:200%;
    }
    .titulo-turismo {
        background-size: 100%;
        height:200px;
    }
    .titulo-turismo h2 {
        margin-top:30px;
    }
    .titulo-turismo h3 {
        margin:15px 0;
        font-size:32px;
    }
    .veja-tambem {
        height:150px;
    }
    .veja-tambem img {
        height:150px;
    }
    .foto-view-turismo {
        margin-top:30px
    }
    .foto-view .tns-outer {
        height:auto;
    }
    .texto-view-turismo {
        height:auto;
        overflow-y:auto;
    }
    .index-midia-foto img {
        width:100%;
        height:auto;
        overflow: hidden;
        border-radius:12px;
        object-fit: cover;
    }
}










/*----- 476/575 -----*/

@media (min-width: 476px) and (max-width: 575px) {
    .icon-menu {
        color:rgb(255,255,255);
        font-size:24px;
        background-color: rgb(125,45,0);
        padding:3px 15px 5px 15px;
        border-radius:6px;
        cursor:pointer;
    }
    nav {
        top:7px;
        right:0;
        padding:15px 0;
        position: relative;
    }
    ul {
        position: absolute;
        display:none;
        top:56px;
        right:0;
        background-color: rgb(125,45,0);
        border-radius:12px;
        padding:15px 0 20px 0 !important;
        width:200px;
        font-style: normal;
    }
    .icon-menu:hover ul {display:block !important} 
    nav li {
        padding:0 15px !important;
        margin:0 !important;
        display:block !important;
    }
    nav li a {
        padding:10px 15px !important;
        border-bottom:1px solid rgba(255,255,255,.2) !important;
        display: block !important;
        margin:0 !important;
    }
    nav li a:hover {
        border:1px solid transparent !important;
        background-color: rgba(255,255,255,.2);
    }
    #logo span:last-child {
        padding-bottom:0;
    }
    .header-home {
        height:60vh;
        background-size: 170%;
    }
    .header-home-filtro {
        height:60vh;
    }
    #menu {
        margin-top: -60vh;
        border-bottom: 1px solid rgba(255,255,255,.5);
        z-index: 99;
    }
    .chamada small {
        font-size:14px;
        padding-bottom:20px;
    }
    .chamada span {
        font-size:36px;
        line-height:40px;
        padding:0 20px 20px 20px;
    }
    .legenda {
        bottom:15px;
        left:10%;
        right:10%;
        font-size:14px;
        line-height:14px;
    }
    .padding-pos-header {
        padding-top: 55vh;
        padding-bottom: 50px;
        padding-left:15px;
        padding-right:15px;
    }
    .padding-section {
        margin:0;
        padding:80px 0;
    }
    .moldura , .moldura1 {
        padding:30px;
    }
    .fita-1 {
        width:50%;
    }
    .padding-section {
        margin: 0;
        padding: 50px 0;
    }
    .atracao {
        height:330px;
        width:200px;
        margin-bottom:10px;
    }
    .fazer {
        height:330px;
        width:200px;
        margin-bottom:10px;
    }
    .comer {
        height:330px;
        width:200px;
        margin-bottom:10px;
    }
    .ficar {
        height:330px;
        width:200px;
        margin-bottom:10px;
    }
    .box-agenda-capa {
        padding:20px;
        margin:10px 5px;
    }
    .box-agenda-capa h5 {
        font-size:13px;
    }
    .google-maps-home {
        background-image: url(../images/google-maps.png);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 550px;
    }
    #agenda h4 {
        margin-top:-80px;
    }
    #agenda-btn-todos .btn-padrao {
        left: 30%;
        right: 30%;
    }
    .veja-tambem {
        width:100%;
        height:370px;
    }
    .veja-tambem img {
        width:100%;
        height:370px;
    }
    .titulo-pagina {
        background-size: 180%;
    }
    .titulo-pagina h2 {
        padding:30px 0 30px 0;
    }
    .moldura2 .padding40 {
        padding:0;
    }
    .hidden-texto {
        display:none;
    }
    .titulo-turismo {
        background-size: 100%;
        height:250px;
    }
    .titulo-turismo h2 {
        margin-top:50px;
    }
    .titulo-turismo h3 {
        margin:20px 0;
        font-size:32px;
    }
    .veja-tambem {
        width:220px;
        height:220px;
        text-align: center;
    }
    .veja-tambem img {
        width:100%;
        height:220px;
    }
    .foto-view {
        margin-top:30px;
    }
    .foto-view-turismo {
        height:auto;
    }
    .texto-view-turismo {
        height:auto;
        overflow-y:auto;
    }
    .index-midia-foto img {
        height:300px;
    }
}










/*----- 576/767 -----*/

@media (min-width: 576px) and (max-width: 767px) {
    .icon-menu {
        color:rgb(255,255,255);
        font-size:24px;
        background-color: rgb(125,45,0);
        padding:3px 15px 5px 15px;
        border-radius:6px;
        cursor:pointer;
    }
    nav {
        top:7px;
        right:0;
        padding:15px 0;
        position: relative;
    }
    ul {
        position: absolute;
        display:none;
        top:56px;
        right:0;
        background-color: rgb(125,45,0);
        border-radius:12px;
        padding:15px 0 20px 0 !important;
        width:200px;
        font-style: normal;
    }
    .icon-menu:hover ul {display:block !important} 
    nav li {
        padding:0 15px !important;
        margin:0 !important;
        display:block !important;
    }
    nav li a {
        padding:10px 15px !important;
        border-bottom:1px solid rgba(255,255,255,.2) !important;
        display: block !important;
        margin:0 !important;
    }
    nav li a:hover {
        border:1px solid transparent !important;
        background-color: rgba(255,255,255,.2);
    }
    #logo span:last-child {
        padding-bottom:0;
    }
    .header-home {
        height:60vh;
        background-size: 170%;
    }
    .header-home-filtro {
        height:60vh;
    }
    #menu {
        margin-top: -60vh;
        border-bottom: 1px solid rgba(255,255,255,.5);
        z-index: 99;
    }
    .chamada small {
        font-size:14px;
        padding-bottom:20px;
    }
    .chamada span {
        font-size:36px;
        line-height:40px;
        padding:0 20px 20px 20px;
    }
    .legenda {
        bottom:15px;
        left:10%;
        right:10%;
        font-size:14px;
        line-height:14px;
    }
    .padding-pos-header {
        padding-top: 55vh;
        padding-bottom: 50px;
        padding-left:15px;
        padding-right:15px;
    }
    .padding-section {
        margin:0;
        padding:80px 0;
    }
    .moldura , .moldura1 {
        padding:30px;
    }
    .fita-1 {
        width:50%;
    }
    .padding-section {
        margin: 0;
        padding: 50px 0;
    }
    .atracao {
        height:330px;
        width:200px;
        margin-bottom:10px;
    }
    .fazer {
        height:330px;
        width:200px;
        margin-bottom:10px;
    }
    .comer {
        height:330px;
        width:200px;
        margin-bottom:10px;
    }
    .ficar {
        height:330px;
        width:200px;
        margin-bottom:10px;
    }
    .box-agenda-capa {
        padding:20px;
        margin:10px 5px;
    }
    .box-agenda-capa h5 {
        font-size:13px;
    }
    .google-maps-home {
        background-image: url(../images/google-maps.png);
        background-position:bottom;
        background-repeat: no-repeat;
        background-size:100%;
        height:650px;
    }
    #agenda h4 {
        margin-top:-80px;
    }
    #agenda-btn-todos .btn-padrao {
        left: 35%;
        right: 35%;
    }
    .titulo-pagina {
        background-size: 160%;
        height:300px;
    }
    .titulo-pagina h2 {
        padding:40px 0 30px 0;
    }
    .moldura2 .padding40 {
        padding:20px;
    }
    .titulo-turismo {
        background-size: 100%;
        height:250px;
    }
    .titulo-turismo h2 {
        margin-top:60px;
    }
    .titulo-turismo h3 {
        margin:30px 0;
        font-size:32px;
    }
    .veja-tambem {
        width:100%;
        height:250px;
        text-align: center;
    }
    .veja-tambem img {
        width:100%;
        height:250px;
    }
    .foto-view {
        margin-top:30px;
    }
    .foto-view-turismo {
        height:auto;
    }
    .texto-view-turismo {
        height:auto;
        overflow-y:auto;
    }
    .index-midia-foto img {
        height:200px;
    }
}










/*----- 768/991 -----*/

@media (min-width: 768px) and (max-width: 991px) {
    .icon-menu {
        color:rgb(255,255,255);
        font-size:24px;
        background-color: rgb(125,45,0);
        padding:3px 15px 5px 15px;
        border-radius:6px;
        cursor:pointer;
    }
    nav {
        top:5px;
        right:0;
        padding:15px 0;
        position: relative;
    }
    ul {
        position: absolute;
        display:none;
        top:56px;
        right:0;
        background-color: rgb(125,45,0);
        border-radius:6px;
        padding:15px 0 20px 0 !important;
        width:200px;
        font-style: normal;
    }
    .icon-menu:hover ul {display:block !important} 
    nav li {
        padding:0 15px !important;
        margin:0 !important;
        display:block !important;
    }
    nav li a {
        padding:10px 15px !important;
        border-bottom:1px solid rgba(255,255,255,.2) !important;
        display: block !important;
        margin:0 !important;
    }
    nav li a:hover {
        border:1px solid transparent !important;
        background-color: rgba(255,255,255,.2);
    }
    #logo span:last-child {
        padding-bottom:0;
    }
    .header-home {
        height:60vh;
        background-size: 170%;
    }
    .header-home-filtro {
        height:60vh;
    }
    #menu {
        margin-top: -60vh;
        border-bottom: 1px solid rgba(255,255,255,.5);
        z-index: 99;
    }
    .chamada small {
        font-size:14px;
        padding-bottom:20px;
    }
    .chamada span {
        font-size:36px;
        line-height:40px;
        padding:0 20px 20px 20px;
    }
    .legenda {
        bottom:15px;
        left:10%;
        right:10%;
        font-size:14px;
        line-height:14px;
    }
    .padding-pos-header {
        padding-top: 55vh;
        padding-bottom: 50px;
        padding-left:15px;
        padding-right:15px;
    }
    .padding-section {
        margin:0;
        padding:80px 0;
    }
    .moldura , .moldura1 {
        padding:30px;
    }
    .fita-1 {
        width:50%;
    }
    .padding-section {
        margin: 0;
        padding: 50px 0;
    }
    .atracao {
        height:330px;
        width:170px;
        min-width:170px;
        margin-bottom:10px;
        background-size: 98%;
    }
    .fazer {
        height:330px;
        width:170px;
        min-width:170px;
        margin-bottom:10px;
        background-size: 98%;
    }
    .comer {
        height:330px;
        width:170px;
        min-width:170px;
        margin-bottom:10px;
        background-size: 98%;
    }
    .ficar {
        height:330px;
        width:170px;
        min-width:170px;
        margin-bottom:10px;
        background-size: 98%;
    }
    .box-agenda-capa {
        padding:20px;
        margin:10px 5px;
    }
    .box-agenda-capa h5 {
        font-size:13px;
    }
    .google-maps-home {
        background-image: url(../images/google-maps.png);
        background-position:bottom;
        background-repeat: no-repeat;
        background-size:100%;
        height:650px;
    }
    #agenda h4 {
        margin-top:-80px;
    }
    #agenda-btn-todos .btn-padrao {
        left: 35%;
        right: 35%;
    }
    .titulo-pagina {
        background-size: 160%;
    }
    .titulo-pagina h2 {
        padding:30px 0 30px 0;
    }
    .moldura2 .padding40 {
        padding:20px;
    }
    .veja-tambem {
        width:100%;
        height:160px;
        text-align: center;
    }
    .veja-tambem img {
        width:100%;
        height:160px;
    }
    .titulo-turismo {
        background-size: 100%;
        height:270px;
    }
    .titulo-turismo h2 {
        margin-top:50px;
    }
    .titulo-turismo h3 {
        margin:30px 0;
        font-size:32px;
    }
    .foto-view {
        margin-top:30px;
    }
    .foto-view-turismo {
        height:auto;
    }
    .texto-view-turismo {
        height:auto;
        overflow-y:auto;
    }
    .index-midia-foto img {
        height:240px;
    }
}










/*----- 992/1199 -----*/

@media (min-width: 992px) and (max-width: 1199px) {
    .icon-menu svg {
        display:none;
    }
    nav ul {
        margin-top:15px;
    }
    nav ul li {
        display:inline-block;
        padding:15px 10px;
    }
    nav ul li a {
        font-size:12px;
        line-height:12px;
        padding:8px 10px;
    }
    .header-home {
        background-size: 120%;
    }
    .titulo-pagina {
        background-size: 120%;
    }
    .titulo-pagina h2 {
        padding:30px 0 30px 0;
    }
    .moldura2 .padding40 {
        padding:10px;
    }
    .veja-tambem {
        width:100%;
        height:200px;
        text-align: center;
    }
    .veja-tambem img {
        width:100%;
        height:200px;
    }
    .titulo-turismo {
        background-size: 100%;
        height:320px;
    }
    .titulo-turismo h2 {
        margin-top:80px;
    }
    .titulo-turismo h3 {
        margin:30px 0;
        font-size:32px;
    }
    .foto-view {
        margin-top:-20px;
    }
    .foto-view-turismo {
        height:auto;
    }
    .texto-view-turismo {
        height:130px;
        overflow-y:auto;
    }
    .index-midia-foto img {
        height:230px;
    }
}








/*----- 1200/1399 -----*/

@media (min-width: 1200px) and (max-width: 1399px) {
    .icon-menu svg {
        display:none;
    }
    .moldura2 .padding40 {
        padding:30px;
    }
    .veja-tambem {
        width:100%;
        height:170px;
        text-align: center;
    }
    .veja-tambem img {
        width:100%;
        height:170px;
    }
    .foto-view {
        margin-top:-20px;
    }
    .foto-view-turismo {
        height:auto;
    }
    .texto-view-turismo {
        height:180px;
        overflow-y:auto;
    }
    .index-midia-foto img {
        height:200px;
    }
}










/*----- 1400/1679 -----*/

@media (min-width: 1400px) and (max-width: 1679px) {
    .icon-menu svg {
        display:none;
    }
    .veja-tambem {
        width:200px;
        height:200px;
        text-align: center;
    }
    .veja-tambem img {
        width:100%;
        height:200px;
    }
    .index-midia-foto img {
        height:230px;
    }
}










/*----- 1680/1920 -----*/

@media (min-width: 1680px) and (max-width: 1920px) {
    .icon-menu svg {
        display:none;
    }
    .veja-tambem {
        width:200px;
        height:200px;
        text-align: center;
    }
    .veja-tambem img {
        width:100%;
        height:200px;
    }
}










/*----- MAIS DE 1920 -----*/

@media (min-width: 1921px) {
    .icon-menu svg {
        display:none;
    }
    .veja-tambem {
        width:200px;
        height:200px;
        text-align: center;
    }
    .veja-tambem img {
        width:100%;
        height:200px;
    }
}