/* ========== 1024px ========== */

@media (max-width: 1024px) {

    .navbar-toggler-icon {
        width: 2em;
        height: 2.5em;
        filter: invert(1);
    }

    .navbar-toggler {
        border: 2.5px solid #fff;
        padding: 5px;
    }

    .navbar-collapse {
        background: #fff;
        border-radius: 15px;
    }

    html .language-switcher-language-url .links span a,
    #navbar-main #block-bootstrap-barrio-subtheme-main-menu ul a {
        color: #000 !important;
    }

    .language-switcher-language-url nav {
        justify-content: center;
    }

    #navbar-main #block-bootstrap-barrio-subtheme-main-menu ul .dropdown-menu.show {
        flex-direction: column;
        width: auto;
        border: unset;
    }

    .slider video,
    .slider {
        height: 600px;
        object-fit: cover;
    }

    .block-views-blockslider-block-1 .slide__description {
        height: 675px;
    }

    .block-views-blockslider-block-1 .views-field-title {
        font-size: 38px;
    }

    .block-views-blockslider-block-1 .views-field-body {
        margin: 10px 0;
    }

    .block-views-blockwhy-choose-hk-block-1,
    .destinations {
        padding: 75px 0;
    }

    .advisers .block img {
        height: 175px;
    }

    .view-testimonial .slick__arrow {
        display: none;
    }

    footer #block-bootstrap-barrio-subtheme-logo img {
        height: auto;
    }

    .site-footer__top .region:last-child,
    .site-footer__top .region {
        width: 50%;
        margin-bottom: 25px;
    }

    footer #block-bootstrap-barrio-subtheme-logo {
        text-align: start;
    }

    footer #block-bootstrap-barrio-subtheme-socialmedia ul {
        justify-content: start;
    }

    #block-bootstrap-barrio-subtheme-footer {
        margin: 0;
    }

    .view-mission-vision .views-field-fieldset {
        padding-inline: 20px;
    }

    .node--type-package .topInfo .col-12 {
        justify-content: center;
        flex-wrap: wrap;
    }

    .node--type-package .topInfo .col-12 .block {
        width: 33%;
        margin: 15px;
        border-inline-end: unset;
        border-block-end: 1.5px solid #A9AFBF;
        padding-bottom: 15px;
    }

    .node--type-package .topInfo .col-12 .block-inline-blockbasic {
        border-block-end: unset;
    }

    .node--type-package .bottomInfo .row {
        width: 100%;
    }

    .service-page .row .views-field-fieldset-1 {
        bottom: unset;
        top: 220px;
    }

    .contact-us .block-webform .js-form-item {
        width: 100%;
    }

    .view-testimonial .slide__description {
        width: auto;
        height: auto;
    }

}

/* ========== 1024px ========== */

/* ========== 820px ========== */

@media (max-width: 820px) {

    .service-home .row fieldset {
        margin-bottom: 25px;
    }

    .advisers .block-block-content {
        padding-inline-end: unset;
    }

    .site-footer__top .region:last-child,
    .site-footer__top .region {
        width: 100%;
    }

    footer #block-bootstrap-barrio-subtheme-support ul a,
    footer #block-bootstrap-barrio-subtheme-footer ul a,
    .site-footer__top h2,
    footer #block-bootstrap-barrio-subtheme-logo {
        text-align: center;
    }

    #block-bootstrap-barrio-subtheme-contact .field--name-body li,
    footer #block-bootstrap-barrio-subtheme-socialmedia ul {
        justify-content: center;
    }

    .view-mission-vision .views-row,
    .view-about-us .views-row {
        flex-direction: column;
    }

    .view-mission-vision .views-row {
        gap: 15px;
    }

    /* .view-mission-vision .views-row:last-child {
        flex-direction: column-reverse;
    } */

    .view-testimonial .view-content,
    .view-testimonial .view-header,
    .view-mission-vision .views-field-field-media-image,
    .view-mission-vision .views-field-fieldset,
    .view-about-us .views-row .views-field-nothing,
    .view-about-us .views-row .views-field-fieldset {
        width: 100%;
        max-width: unset;
    }

    .view-testimonial {
        flex-wrap: wrap;
    }

    .view-testimonial .slick-dots {
        bottom: 5%;
    }

    .node--type-package .lastInfo .block-webform,
    .node--type-package .mainInfo .block-field-blocknodepackagefield-media-image {
        margin-block: 25px;
    }

    .node--type-package .bottomInfo .block {
        margin-block: 15px;
    }

    .service-page .row .views-field-fieldset>.field-content>fieldset {
        margin-bottom: 25px;
    }

    .service-page .row .views-field-fieldset-1 {
        position: unset;
        padding: 20px;
    }

    .contact-us .layout {
        flex-wrap: wrap;
    }

}

/* ========== 820px ========== */

/* ========== 768px ========== */

@media (max-width: 768px) {

    .advisers form .js-form-item {
        width: 100%;
    }

}

/* ========== 768px ========== */

/* ========== 500px ========== */

@media (max-width: 500px) {

    .block-views-blockslider-block-1 .views-field-title {
        font-size: 30px;
    }

    .node--type-visa .gallery .field__items {
        display: flex;
        flex-direction: column;
    }

    .node--type-visa .gallery img {
        height: 250px !important;
        object-fit: cover;
    }

    .view-testimonial {
        padding-block: 50px;
    }

    .node--type-package .topInfo .col-12 .block {
        width: 70%;
    }

    .node--type-package .mainInfo .block-field-blocknodepackagefield-top-highlights .field__item {
        width: 100%;
    }

    .contact-us .layout {
        padding: 10px;
    }

    .contact-us .col-lg-6.col-md-6.col-12 {
        padding: 25px;
    }

}

/* ========== 500px ========== */