@media screen and (max-width: 1200px) {
    nav ul {
        display: none;
    }

    #mobile-navigation-control {
        display: block;
        font-size: 22px;
        text-align: right;
        padding:0;
    }
}

@media screen and (min-width: 768px) {
    .hero {
        height: 600px;
    }

    .hero .slick-slide {
        height: 600px;
    }

    /*=============== GRID BLOCK ===============*/
    .grid__slider,
    .grid__slider_item .image__wrapper {
        height: 410px;
    }

    .grid__container .slider-on .grid__block_item:last-of-type {
        margin-top: auto;
    }

    /*=============== DEALS BANNER BLOCK ===============*/
    .banner__block .card__img {
        height: 300px;
    }
    /*=============== SEARCH RESULTS ===============*/
    #search_container .search-results .search-item .card__cta button.dtmg__btn,
    #fav_container .search-results .search-item .card__cta button.dtmg__btn {
        min-width: 250px;
    }

    #search_container .search-results .search-item .card__image.image__wrapper,
    #search_container .search-results .search-item .card__image.image__wrapper img,
    #fav_container .search-results .search-item .card__image.image__wrapper,
    #fav_container .search-results .search-item .card__image.image__wrapper img {
        border-radius: 4px 0 0 4px;
    }

    #search_container .search-options .inner,
    #fav_container .search-options .inner {
        flex-direction: row;
    }
    .static-search-banner .banner__content .ribbon__text h3 {
        max-width: 60%;
    }
    .blog__post_single .post-links .nav-links .dtmg__btn {
        min-width: 154px;
    }
    #filters .filter-widget i.fa-solid.fa-chevron-down {
        display: none;
    }
}

@media screen and (min-width: 920px) {

    /*=============== PAGE HEADER ===============*/
    section.page__header {
        height: 240px;
    }
    #search_container .search-options,
    .cruise__header.sticky,
    .secondary__navigation_ship.sticky {
        top:90px;
    }

    .hero .slider-inner {
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -40%);
    }

    .hero-slider-arrows {
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: auto;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .hero-slider-arrows button {
        background: rgb(255, 255, 255, 0.8);
        border-radius: 50%;
        width: 35px;
        height: 35px;
        color: var(--black);
        z-index: 999;
    }

    .similar-cruises-list-header {
        border-bottom: 1px solid #E0E0E0;
        font-weight: 700;
        text-align: left;
        color: var(--white);
        min-height: 70px;
        background-color: var(--primary-darker);
    }

    .similar-cruises-list-header,
    .similar-cruises-list-item {
        display: grid;
        grid-template-columns: minmax(135px, 0.5fr) minmax(220px, 1fr) minmax(180px, 1fr) minmax(100px, 0.5fr) minmax(150px, 1fr);
        gap: 10px;
        padding: 10px 15px;
    }

    .similar-cruises-list-item div:nth-child(3) span:nth-child(2),
    .similar-cruises-list-item div:nth-child(3) span:nth-child(3),
    .similar-cruises-list-item div:nth-child(3) span:nth-child(4) {
        display: none;
    }

    /*=============== OFFERS BLOCK ===============*/
    .offers__container .offers__slider .slick-track .slick-slide,
    .tabs__container .offers__slider .slick-track .slick-slide {
        display: flex;
        height: auto;
    }
    /*=============== NEWSLETTER FORM ===============*/
    form#form_newsletter .frm_fields_container {
        flex-direction: row;
    }
    form#form_newsletter .frm_fields_container .frm_top_container,
    form#form_newsletter .frm_fields_container .field__wrapper {
        flex-direction: row;
        padding-top: 2rem;
    }
    form#form_newsletter .frm_combo_inputs_container {
        grid-template-columns: repeat(12, 1fr);
    }
    form#form_newsletter .frm_fields_container .frm_top_container div.form-field input {
        border-right: 1px solid #DEDEDE;
    }
    
    form#form_newsletter .frm_fields_container .frm_top_container .frm_form_subfield-first input {
        border-radius: 5px 0 0 5px;
    }
    form#form_newsletter .frm_fields_container .field__wrapper div.form__btn .frm_submit button {
        border-radius: 0 5px 5px 0;
    }
    /*=============== TWO COLS BLOCK ===============*/
    .two__columns_block .inner__wrapper {
        flex-direction: row;
    }
    /*=============== BLOG ===============*/
    .single-post:first-of-type .post-item img {
        border-radius: 5px 0 0 5px;
    }
    /*=============== DESTINATIONS MAP ===============*/
    .map-loc {
        display: block;
    }
    /*=============== CABINS TAB ===============*/
    .cruise__staterooms .cabin__list_item.show-item {
        flex-direction: row;
    }
    .cruise__staterooms .cabin__image {
        width: 252px;
    }

}

@media (min-width: 1320px) {
    #search_container .result-list .result-grid {
        display:grid;
        grid-template-columns: 300px 1fr;
        grid-column-gap: 20px;
    }
    .search-options span.action-filters {
        display: none;
    }
}
@media (max-width: 1320px) {
    #search_container .sidebar {
        /* display: none;
        background-color: transparent; */
        visibility: hidden;
        height: 1px;
        transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .search-options span.action-filters {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 700;
        padding: 5px 20px;
        border-radius: 3px;
        cursor: pointer;
        min-width: 152px;
    }
}

@media (max-width: 992px) {
    .inner {
        max-width: 960px;
    }
    .destinations__slider_mobile .slick-list {
        padding: 0 10% 0 0;
    }
    .destinations__slider_mobile .slick-list .cat-item {
        margin: 0 12px;
    }
    .destinations__slider_mobile .slick-list .cat-item .card__img {
        height: 280px;
    }
    .cruise__slider_section .main__image {
        height: auto;
        max-height: 300px;
        position: relative;
    }
    .cruise__slider_section .main__image .img__cover{
        height: auto;
        max-height: 300px;
        object-fit: initial;
    }
}

@media (max-width: 900px) {
    section.spacer-100 {
        padding-top: 20px;
        padding-bottom: 20px;
     }
     section.spacer-100.content-rows,
     section.spacer-100.image-section {
        padding-top: 40px;
        padding-bottom: 40px;
     }
     .spacer-100-btm {
        padding-bottom: 40px;
     }

     body.home section.spacer-100 {
        padding-top: 40px;
        padding-bottom: 40px;
     }
     body.home section.spacer-100.content-rows,
     body.home section.spacer-100.image-section {
        padding-top: 60px;
        padding-bottom: 60px;
     }
     body.home .spacer-100-btm {
        padding-bottom: 60px;
     }
}

@media (max-width: 768px) {
    .inner {
        max-width: 720px;
    }
    .cabins .cabins_list li .price.call-for-price {
        font-size: 12px;
        line-height: 1;
    }
    .cruise__slider_section .inner__wrapper div.main_image,
    .cruise__slider_section .inner__wrapper div.main_image img {
        height: 242px;
    }
    /* .cruise__slider_section .inner__wrapper,
    .cruise__slider_section .inner__wrapper .main__image,
    .cruise__slider_section .inner__wrapper .image_list {
        height: 242px;
    } */
    #search_container .search-options .inner hgroup,
    #search_container .search-options .inner #search_actions,
    #mobile-filters-header span {
        display: none;
    }
    #filters .filter-widget {
        margin: 6px 0;
    }
    #filters h5 {
        font-size: 20px;
        text-transform: uppercase;
    }
    #filters .filter-widget h5 {
        font-size: 18px;
        text-transform: capitalize;
    }
    .ship__content_wrapper .image__wrapper {
        height: 240px;
    }
    .hero__search__block.image-section {
        transition: all .3s ease-in-out;
    }
    .hero__search__block #website-search-form {
        height: 282px;
        transition: height 0.8s ease-in-out;
        visibility: visible;
    }
    .hero__search__block #website-search-form .search-form-container {
        height: 280px;
        overflow: initial;
        opacity:1;
        transition: all 1s ease-in-out;
    }
    .hero__search__block #website-search-form.closed .search-form-container {
        height: 1px;
        overflow: hidden;
        opacity:0;
        transition: all 1s ease-in-out;
    }
    .hero__search__block #website-search-form.closed {
        height: 1px;
        visibility: hidden;
        transition: height 0.8s ease-in-out;
    }
    #header-container .trustpilot-widget {
        display: none;
    }
    .search-options span.action-options {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 700;
        padding: 5px 20px;
        border-radius: 3px;
        cursor: pointer;
        min-width: 152px;
    }
    #search_sorting h4.total_cruises {
        font-size: 18px;
    }
    #mobile-filters-container {
        background: var(--primary-darker);
    }
    #search_container .sidebar.open {
        visibility: visible;
        height: 100%;
        padding: 20px;
        margin-bottom: 30px;
        border-radius: 50px;
        border: 0;
    }
    #filters .filter-widget {
        position: relative;
    }
    #filters div.filter-budget {
        order: 11;
    }
    #filters input:focus::placeholder {
        color: var(--primary);
        opacity: 1;
    }
    #filters input::placeholder,
    #search_container #filters .select-container select {
        color: var(--text);
        opacity: 0.7;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #FFF;
    }
    /* #filters .filter-widget h5 {
        display: none;
    } */
    #search_container .sidebar p.list_more {
        display: none!important;
    }
    #search_container .sidebar #filters .filter-widget h5,
    #search_container .sidebar #filters .filter-passengers label {
        display: none;
    }
    #search_container .sidebar #filters .filter-widget p {
        margin-bottom: 4px;
        display:flex;
        align-items: center;
    }
    #search_container .sidebar #filters .filter-passengers {
        gap: 12px;
    }
    #search_container .sidebar .ui-state-default, #search_container .sidebar .ui-widget-content .ui-state-default {
        background-color: var(--primary);
        color: var(--white);
    }
    #filters div.filter-budget {
        color: var(--white);
        text-align: center;
    }
    #filters .ui-widget.ui-widget-content {
        margin-top:10px;
    }
    #search_container .sidebar.open {
        background-color: var(--primary-darker);
    }
    #search_container .sidebar.open .filter-widget:not(.filter-date) .filter input {
        display: none;
    }
    #filters .filter-widget .filter span.filter_placeholder {
        display: block;
        width: 100%;
    }
    ul.mobile__dropdown {
        z-index: 10;
        background-color: var(--white);
        list-style: none;
        /* position: absolute; */
        top: 50px;
        width: 100%;
        height: 1px;
        visibility: hidden;
        /* overflow: hidden; */
        transform: translateY(-1em);
        transition: transformease 0.3s;
        border-radius: 4px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    }
    #search_container #filters .filter-widget.open ul.mobile__dropdown.open {
        visibility: visible;
        transform: translateY(0);
        height: auto;
        max-height:280px;
        overflow: scroll;
        padding:20px;
    }
    #search_container .sidebar:not(.open) #filters .filter-widget.open,
    #search_container .sidebar:not(.open) #filters .filter-widget.open ul.mobile__dropdown.open {
        visibility: hidden;
        height: 1px;
        background-color: transparent;
        transform: translateY(-1em);
        transition: transformease 0.3s;
    }

    /* ul.mobile__dropdown li::before {
        display: none;
        padding:0;
    } */
    ul.mobile__dropdown li input[type=checkbox] {
        visibility: hidden;
        width: 1px;
        height: 1px;
    }
    #filters .filter-widget i.fas.fa-filter {
        display: none;
    }
    #filters .filter-widget i.fa-solid.fa-chevron-down {
        display: block;
    }
}

@media (max-width: 576px) {
    .inner {
        max-width: 540px;
    }
    .offers__container .cruise__price,
    .offers__container .cruise__prices > div,
    .tabs__container .cruise__price,
    .tabs__container .cruise__prices > div {
        text-align: center;
    }
    /* .two__columns_block .image__wrapper img.img__cover {
        object-fit: contain;
    } */
     header.page__header {
        height: 240px;
     }
     .two__columns_block .image__wrapper {
        height: 274px;
     }
     .cabins .cabins_list {
        gap:0.5rem;
     }
     .cabins .cabins_list li .price {
        font-size: 18px;
        line-height: 1.2;
     }
     /* .cruise__slider_section .main__image, */
     .cruise__slider_section .inner__wrapper .slider-grid-masonry {
        position: relative;
        height: 300px;
        overflow: hidden;
    }
    .slider-grid-masonry .slider-grid:nth-child(1) {
        width: 100%;
        height: 100%;
        margin-right: 8px;
    }

    .slider-grid-masonry .slider-grid:nth-child(2),
    .slider-grid-masonry .slider-grid:nth-child(3) {
        display: none;
    }

    .static-search-banner .banner__content .ribbon__text h3 {
        font-size: 18px;
    }

}
@media (max-width: 380px) {
    #header-logo {
        width:120px;
        max-width: 120px;
    }
    .offers__container .slider__controls {
        position: initial;
        right:initial;
        bottom:initial;
    }
    .offers__container .block__cta_btn {
        display: flex;
        justify-content: center;
    }
    .grid__slider, .grid__slider_item .image__wrapper.no-gradient {
        height: auto;
    }
    .secondary__navigation_cta button.dtmg__btn {
        padding: 6px 10px;
    }
}
@media (max-width: 360px) {
    #search_container .search-options .inner,
    #search_sorting .pagination.flex,
    #search_container .search-results .search-item .card__footer,
    #fav_container .search-results .search-item .card__footer {
        flex-direction: column;
        align-items: center;
    }
 }