.motor-busca .form-control {
    height: 50px !important;
}
.motor-busca .search-submit {
    padding: 12px 10px !important;
    height: 50px !important;
}

@media (max-width: 1200px) {
    .close {
        font-size: calc(1.275rem + 0.3vw);
    }
    legend {
        font-size: calc(1.275rem + 0.3vw);
    }
    h1,
    .h1 {
        font-size: calc(1.375rem + 1.5vw);
    }
    h2,
    .h2 {
        font-size: calc(1.325rem + 0.9vw);
    }
    h3,
    .h3 {
        font-size: calc(1.3rem + 0.6vw);
    }
    h4,
    .h4 {
        font-size: calc(1.275rem + 0.3vw);
    }
    .display-1 {
        font-size: calc(1.725rem + 5.7vw);
    }
    .display-2 {
        font-size: calc(1.675rem + 5.1vw);
    }
    .display-3 {
        font-size: calc(1.575rem + 3.9vw);
    }
    .display-4 {
        font-size: calc(1.475rem + 2.7vw);
    }
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-sm > .table-bordered {
        border: 0;
    }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-md > .table-bordered {
        border: 0;
    }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-lg > .table-bordered {
        border: 0;
    }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-xl > .table-bordered {
        border: 0;
    }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1440px) {
    #navbarsMenu {
        margin-left: 600px;
    }
    #navbarsMenu a {
        font-size: 14px !important;
    }
    #dropdownMenuLink {
        font-size: 14px !important;
    }
    #dropdownMenuLink a {
        font-size: 14px !important;
    }
    #menu-superior {
        width: calc(100% - 50px) !important;
        margin-left: 25px;
    }
    #menu-superior h2 {
        font-weight: 400;
        font-size: 2.5rem;
        line-height: 1;
    }
    #navbarCollapse a {
        font-size: 16px !important;
    }
    #img-carousel {
        height: 520px !important;
        max-height: 520px !important;
    }
    .bg-info {
        margin-top: 90px !important;
    }
    .bg-info-reserve {
        width: 32% !important;
    }

    #sobre-nos h2 {
        font-size: 32px !important;
    }
    .carousel-inner img {
        width: 100%;
        height: 600px;
    }
    .travel_bx {
        margin-top: 80px !important;
    }
    .page-header {
        margin-top: -60px;
    }
    #about {
        margin-top: 100px !important;
        margin-left: 70px !important;
        height: 740px !important;
    }
    .about-text {
        margin-top: -650px !important;
        margin-left: 500px !important;
        width: 700px;
    }
    #logo-about {
        margin-top: -620px !important;
        margin-left: -100px !important;
    }
    #pg-about {
        margin-top: 600px !important;
        margin-left: 20px !important;
    }
    #pg-about .about-text {
        margin-top: -600px !important;
        margin-left: 450px !important;
        width: 700px;
    }
    .col-lg-6 {
        max-width: 95%;
        margin-left: 100px !important;
    }
    mark,
    .mark {
        width: 95%;
    }
    .rs-ss {
        display: flex;
        flex-direction: row !important;
    }
    #feature-wrapper {
        width: 100px !important;
        height: 130px !important;
    }
    #features p {
        font-size: 16px !important;
    }
    .p-footer {
        font-size: 16px !important;
    }
    .ftco-heading-2 {
        font-size: 20px !important;
        margin-bottom: 5px !important;
    }
    .block-23 ul li span {
        font-size: 16px !important;
    }
    .service-item p {
        width: 1000px !important;
        margin-left: 150px !important;
    }
    #features,
    footer,
    #sec-018a {
        margin-top: 50px;
    }
}

@media (min-width: 1360px) and (max-width: 1439px) {
    #navbarsMenu {
        width: 450px !important;
        margin-left: 630px;
    }
    #navbarsMenu ul li:nth-child(2) {
        width: 165px !important;
    }
    #navbarsMenu a {
        font-size: 14px !important;
    }
    #dropdownMenuLink {
        font-size: 14px !important;
    }
    #dropdownMenuLink a {
        font-size: 14px !important;
    }
    #menu-superior {
        width: calc(100% - 50px) !important;
        margin-left: 25px;
    }
    #menu-superior h2 {
        font-weight: 400;
        font-size: 2.5rem;
        line-height: 1;
    }
    #navbarCollapse a {
        font-size: 16px !important;
    }
    #img-carousel {
        height: 520px !important;
        max-height: 520px !important;
    }
    .bg-info {
        margin-top: 30px !important;
    }
    .bg-info-reserve {
        width: 32% !important;
    }

    .travel_bx {
        margin-top: 90px !important;
    }
    .page-header {
        margin-top: -60px;
    }
    #about {
        margin-top: 50px !important;
        margin-left: 140px !important;
        height: 650px !important;
    }
    .about-text {
        margin-top: -610px !important;
        margin-left: 340px !important;
        width: 700px;
    }
    #sobre-nos h2 {
        font-size: 32px !important;
    }
    #logo-about {
        margin-top: -650px !important;
        margin-left: -20px !important;
    }
    #pg-about {
        margin-top: 600px !important;
        margin-left: 20px !important;
    }
    .col-lg-6 {
        max-width: 85%;
        margin-left: 200px !important;
    }
    mark,
    .mark {
        width: 86%;
    }
    #feature-wrapper {
        width: 100px !important;
        height: 130px !important;
    }
    #features p {
        font-size: 16px !important;
    }
    .p-footer {
        font-size: 16px !important;
    }
    .ftco-heading-2 {
        font-size: 20px !important;
        margin-bottom: 5px !important;
    }
    .block-23 ul li span {
        font-size: 16px !important;
    }
    #sec-018a h2 {
        font-size: 32px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1359px) {
    .container {
        width: calc(100% - 20px) !important;
    }
    #menu-superior h2 {
        font-size: 40px !important;
    }
    #menu-superior a {
        font-size: 16px !important;
    }
    #navbarsMenu {
        width: 450px !important;
        margin-left: 630px;
    }
    #navbarsMenu ul li:nth-child(2) {
        width: 165px !important;
    }
    #navbarsMenu a,
    #navbarsMenu span {
        font-size: 14px !important;
    }
    .bg-info {
        margin-top: 30px !important;
    }
    .travel_bx {
        margin-top: 70px !important;
    }
    .bg-info-reserve {
        width: 450px !important;
    }
    #about {
        height: 650px !important;
        margin-left: 120px !important;
    }
    #sobre-nos {
        margin-top: 5px !important;
        margin-left: -230px !important;
    }
    .p-lg-5 {
        margin-top: 20px !important;
        padding: 20px !important;
    }
    #feature-wrapper {
        width: 100px !important;
        height: 130px !important;
    }
    #features p {
        font-size: 15px !important;
    }
    #sec-018a h2 {
        font-size: 40px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .container {
        width: calc(100% - 20px) !important;
    }
    #navbarsMenu {
        margin-left: 90px;
    }
    #navbarsMenu a {
        font-size: 1rem !important;
    }
    #menu-superior h2 {
        font-size: 36px !important;
    }
    .navbar-nav a {
        font-size: 1rem !important;
    }
    .page-header {
        margin-top: -60px;
    }
    .bg-info {
        height: 120px !important;
        margin-top: 40px !important;
    }
    #img-carousel {
        height: 520px;
    }
    .bg-info-reserve {
        width: 40% !important;
    }
    .travel_bx {
        height: 580px !important;
        margin-top: 50px !important;
    }
    .cards {
        margin-top: 10px;
        display: flex;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .cards .card_h .btn_city a {
        width: 100px;
    }
    #about {
        margin-top: 100px !important;
        height: 750px !important;
        margin-left: 0 !important;
    }
    #sobre-nos h2 {
        font-size: 28px !important;
    }
    .about-text {
        margin-top: -700px !important;
        margin-left: 340px !important;
        width: 600px !important;
        height: 660px !important;
    }
    #onde_ficar {
        margin-right: 40px;
    }
    .pl-3,
    .px-3 {
        padding-left: 0 !important;
        padding-right: 1.5rem !important;
    }
    #logo-about {
        margin-top: -600px !important;
        margin-left: -80px !important;
    }
    #pg-about {
        margin-top: 580px !important;
        margin-left: 20px !important;
    }
    #pg-about .about-text {
        margin-top: -600px !important;
        margin-left: 450px !important;
        width: 700px;
        height: 1060px !important;
    }
    .col-lg-6 {
        max-width: 100%;
        margin-left: -5px !important;
    }
    #features {
        margin-top: 0 !important;
    }
    .title-seguro {
        margin-top: 30px !important;
        margin-left: 0 !important;
    }
    .img-seguro {
        margin-top: 30px !important;
    }
    footer {
        margin-top: 100px;
    }
    #feature-wrapper {
        width: 100px !important;
        height: 200px !important;
    }
    #features p {
        font-size: 16px !important;
    }
    .p-footer {
        font-size: 12px !important;
    }
    .ftco-heading-2 {
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    .block-23 ul li span {
        font-size: 15px !important;
    }
    .motor-busca .form-control {
        height: 50px !important;
    }
    .motor-busca .search-submit {
        padding: 12px 10px !important;
        height: 50px !important;
    }
    #sec-018a {
        margin-top: 120px !important;
        margin-bottom: 50px;
    }
    #sec-018a h2 {
        font-size: 32px !important;
    }
}

@media (min-width: 992px) and (max-width: 1023px) {
    .container {
        width: calc(100% - 20px) !important;
    }
    #menu-superior {
        width: calc(100% - 40px) !important;
        margin-left: 20px;
    }
    #navbarsMenu {
        margin-left: -90px;
    }
    .page-header {
        margin-top: -60px;
    }
    .bg-info {
        margin-top: 50px !important;
    }
    .travel_bx {
        margin-top: -20px !important;
    }
    .bg-info-reserve {
        width: 42% !important;
    }
    .bg-info-reserve-text {
        font-size: 18px;
    }
    #praias {
        margin-left: 10px !important;
    }
    #praias-hoteis {
        margin-left: -45px !important;
        margin-top: -15px !important;
    }
    .pl-3,
    .px-3 {
        padding-right: 2.5rem !important;
    }
    .col-lg-6 {
        max-width: 100%;
        margin-left: -5px !important;
    }
    #logo-about {
        margin-top: -600px !important;
        margin-left: -80px !important;
    }
    #pg-about {
        margin-top: 580px !important;
        margin-left: 20px !important;
    }
    #about {
        margin-top: -60px !important;
        height: 620px !important;
        margin-left: 20px !important;
    }
    .about-text {
        margin-top: -610px !important;
        margin-left: 380px !important;
        width: 590px !important;
        height: 600px !important;
    }
    #features {
        margin-top: -50px !important;
    }
    footer {
        margin-top: 100px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #menu-superior {
        width: calc(100% - 40px) !important;
        margin-left: 20px;
    }
    #menu-superior h2 {
        font-size: 32px !important;
    }
    .page-header {
        margin-top: -40px;
    }
    .booking {
        position: relative;
        margin-top: -60px !important;
        z-index: 1;
    }
    .bg-info {
        width: 95% !important;
        height: 120px !important;
        margin-top: 30px !important;
    }
    .bg-info-reserve {
        width: 350px !important;
    }
    .travel_bx {
        height: 580px !important;
        margin-top: 90px !important;
    }
    .bg-info-reserve {
        width: 54% !important;
    }
    .bg-info-reserve-text {
        font-size: 16px;
    }
    .cards {
        margin-top: 10px;
        display: flex;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    #about {
        margin-top: 120px !important;
        margin-left: 150px !important;
        height: 590px !important;
    }
    .about-text {
        margin-left: 90px;
        margin-top: 20px !important;
        width: 600px !important;
    }
    .about-text h2 {
        font-size: 30px !important;
    }
    #onde_ficar {
        margin-right: 80px;
    }
    .col-md-3 {
        flex: 0 0 20%;
        max-width: 20%;
        width: 20%;
    }
    .col-lg-6 {
        position: relative;
        width: 85%;
        padding-right: 15px;
        padding-left: 15px;
    }
    footer .col-lg-6 {
        position: relative;
        width: 350px !important;
    }
    footer .ml-md-3,
    footer .mx-md-3 {
        margin-left: 0 !important;
    }
    #praias-hoteis {
        margin-left: 6px !important;
        margin-top: -70px !important;
    }
    #logo-about img {
        margin-top: -600px !important;
        margin-left: -20px !important;
    }
    #pg-about {
        margin-top: 380px !important;
        margin-left: 20px !important;
    }
    #pg-about .about-text {
        margin-top: -450px !important;
        margin-left: 20px !important;
    }
    #feature-wrapper {
        width: 60px !important;
        height: 200px !important;
    }
    #features p {
        font-size: 13px !important;
    }
    #informativo {
        margin-top: 30px !important;
    }
    #informativo p {
        font-size: 13px !important;
    }
    .title-seguro {
        margin-top: 30px !important;
        margin-left: 0 !important;
    }
    .img-seguro {
        margin-top: 30px !important;
        width: 220px !important;
    }
    mark,
    .mark {
        display: flex;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .text-md-right {
        margin-left: 0 !important;
    }
    footer {
        width: 80% !important;
        margin-top: 40px;
        margin-left: 80px;
    }
    footer .row:first-child {
        display: flex !important;
        flex-direction: column !important;
    }
    footer .list-unstyled {
        list-style: square !important;
    }
    footer .list-unstyled:nth-child(2) {
        list-style: circle !important;
    }
    .ftco-heading-2:last-child {
        margin-left: 240px !important;
    }
    .ftco-heading-2 {
        width: 200px !important;
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    .ftco-heading-3 {
        width: 300px !important;
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    .block-23 ul li span {
        font-size: 16px !important;
    }
    .servicos {
        width: 800px !important;
    }
    .col-lg-12 {
        margin-left: -70px !important;
        width: 800px !important;
    }
    .motor-busca {
        margin-left: 70px !important;
    }
    .motor-busca .form-control,
    .search-submit {
        height: 50px !important;
    }
    .search-submit {
        width: 100px !important;
        padding: 12px 10px 12px 5px !important;
    }
    .block-23 ul li span {
        font-size: 14px !important;
    }
    #sec-018a h2 {
        font-size: 32px !important;
    }
    #features,
    footer,
    #sec-018a {
        margin-top: 50px !important;
    }
    footer .col-lg-6:nth-child(2) {
        width: 250px !important;
        margin-top: 30px !important;
        display: flex;
        justify-content: end;
    }
}

@media (min-width: 646px) and (max-width: 767px) {
    #menu-superior {
        width: calc(100% - 40px) !important;
        margin-left: 20px;
    }
    .page-header {
        margin-top: -40px;
    }
    .travel_bx {
        height: 640px !important;
        margin-top: 380px;
        padding: 50px 0 0 1.7%;
        position: relative;
    }
    .bg-info {
        height: 600px !important;
        margin-bottom: 20px;
    }
    .bg-info-reserve {
        width: 65% !important;
    }
    .bg-info-reserve-text {
        font-size: 16px;
    }
    .cards {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    #about {
        margin-top: -30px !important;
        margin-left: 180px !important;
    }
    .about-text {
        margin-top: 30px !important;
        margin-left: 100px;
    }
    #onde_ficar {
        display: none;
    }
    #praias {
        margin-left: 80px !important;
    }
    #praias-hoteis {
        margin-left: 6px !important;
        margin-top: -70px !important;
    }
    .pl-3,
    .px-3 {
        padding-left: 0 !important;
        padding-right: 1.5rem !important;
    }
    .col-lg-6 {
        position: relative;
        width: 90%;
    }
    #pg-contato {
        margin-left: -10px !important;
    }
    #pg-contato-mapa {
        margin-left: 100px !important;
    }
    mark,
    .mark {
        width: 100%;
    }
    #features p {
        font-size: 13px !important;
    }
    footer {
        margin-top: 40px;
    }
}

@media (min-width: 425px) and (max-width: 645px) {
    #menu-superior {
        margin-left: -10px;
    }
    h2 {
        font-size: 1.5rem !important;
    }
    .page-header {
        margin-top: -40px;
    }
    #img-carousel {
        margin-top: 10px !important ;
    }
    .bg-info {
        background-color: #00b9b9;
        height: 500px !important;
        top: 320px !important;
    }
    .bg-info-reserve {
        width: 90% !important;
    }
    .bg-info-reserve-text {
        font-size: 14px;
    }
    .travel_bx {
        width: 400px !important;
        height: 1080px !important;
        margin-top: 440px;
        margin-left: 60px;
        padding: 50px 0 0 1.7%;
        position: relative;
    }
    .cards {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    #about {
        margin-top: 530px !important;
        margin-left: 0 !important;
    }
    #sobre-nos {
        margin-top: 30px;
        margin-left: -10px !important;
    }
    .about-text {
        width: 350px !important;
        margin-top: 20px !important;
        margin-left: 5px !important;
    }
    #praias {
        margin-left: 40px !important;
    }
    #praias-hoteis {
        margin-left: 6px !important;
        margin-top: -70px !important;
    }
    .pl-3,
    .px-3 {
        padding-left: 0 !important;
        padding-right: 1.5rem !important;
    }
    #pg-contato {
        margin-left: -10px !important;
    }
    #pg-contato-mapa {
        margin-left: 15px !important;
    }
    #pg-about {
        width: 420px !important;
        margin-left: 0;
    }
    #logo-footer {
        margin-left: calc(100% - 280px) !important;
    }
    #features {
        margin-left: -10px !important;
    }
    #features p {
        font-size: 13px !important;
    }
    .navbar-brand h2 {
        font-size: 18px;
    }
    .carousel-inner img {
        width: 100% !important;
        height: 250px !important;
    }
    .title-seguro {
        margin-top: 30px !important;
        margin-left: 0 !important;
    }
    .img-seguro {
        margin-top: 30px !important;
    }
    mark,
    .mark {
        display: flex;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .text-md-right {
        margin-left: 0 !important;
    }
    footer {
        margin-top: 100px;
    }
    .ftco-heading-2 {
        /* width: 140px !important; */
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    .block-23 ul li span {
        font-size: 16px !important;
    }
}

@media (min-width: 300px) and (max-width: 424px) {
    #menu-superior {
        margin-left: -10px;
    }
    h2 {
        font-size: 1.25rem !important;
    }
    .page-header {
        margin-top: -40px;
    }
    #img-carousel {
        margin-top: 10px !important ;
    }
    .bg-info {
        background-color: #00b9b9;
        height: 500px !important;
        top: 320px !important;
    }
    .bg-info-reserve {
        width: 90% !important;
    }
    .bg-info-reserve-text {
        font-size: 14px;
    }
    .travel_bx {
        width: 400px !important;
        height: 1080px !important;
        margin-top: 440px;
        margin-left: 60px;
        padding: 50px 0 0 1.7%;
        position: relative;
    }
    .cards {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    #about {
        margin-top: 500px !important;
        margin-left: -10px !important;
    }
    #sobre-nos {
        margin-top: 30px;
        margin-left: -20px !important;
    }
    .about-text {
        width: 350px !important;
        margin-top: 20px !important;
        margin-left: 5px !important;
    }
    #praias {
        margin-left: 40px !important;
    }
    #praias-hoteis {
        margin-left: 6px !important;
        margin-top: -70px !important;
    }
    .pl-3,
    .px-3 {
        padding-left: 0 !important;
        padding-right: 1.5rem !important;
    }
    #pg-contato {
        margin-left: -10px !important;
    }
    #pg-contato-mapa {
        margin-left: 15px !important;
    }
    #pg-about {
        width: 420px !important;
        margin-left: 0;
    }
    #logo-footer {
        margin-left: calc(100% - 280px) !important;
    }
    #features {
        margin-left: -10px !important;
    }
    #features p {
        font-size: 13px !important;
    }
    .navbar-brand h2 {
        font-size: 18px;
    }
    .carousel-inner img {
        width: 100% !important;
        height: 250px !important;
    }
    .title-seguro {
        margin-top: 30px !important;
        margin-left: 0 !important;
    }
    .img-seguro {
        margin-top: 30px !important;
    }
    mark,
    .mark {
        display: flex;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .text-md-right {
        margin-left: 0 !important;
    }
    footer {
        margin-top: 100px;
    }
    .ftco-heading-2 {
        /* width: 140px !important; */
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    .block-23 ul li span {
        font-size: 16px !important;
    }
}

/* .bg-info-reserve {
        width: 100% !important;
    }
    .bg-info-reserve-text {
        font-size: 18px !important;
    }
    #logo-footer {
        margin-left: calc(100% - 200px) !important;
    }
    footer {
        margin-top: -100px;
    } */