@media screen and (max-width: 1024px) {
    .gallery-hero .col-6 {
        width: 100%;
        margin-bottom: 15px;
    }

    .booking-form .group-two .input-holder {
        width: 100%;
    }

    .booking-form .group-two .input-holder:first-child {
        margin-bottom: 15px;
    }

    .trip-item {
        width: calc(33.33% - 15px);
    }

    .main-header-wrapper nav.side_nav_wrap {
        display: none;
    }

    section.content .col-8,
    section.content .col-4 {
        width: calc(50% - 15px);
    }

    .hamburger {
        display: inline-flex;
    }

    #sideMenu.open {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
}

@media screen and (max-width: 940px) {
    .responsive-tab {
        flex-direction: column-reverse;
    }

    .responsive-tab .col-4 {
        width: 100%;
        margin-top: 25px;
    }

    .responsive-tab .col-8 {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .hero_content_wrap .col-6 {
        width: 100%;
    }

    .col-6.content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 25px 0;
    }

    .col-6.content .banner-holder {
        height: 150px;
        width: 150px;
    }

    .hero_content_wrap .col-6 {
        padding: 25px 0;
    }

    .hero_content_wrap {
        height: 0;
    }

    .form-group.group-two .input-holder {
        width: 100%;
    }

    #dataTableBuilder_wrapper td .btn-group {
        display: flex;
        flex-direction: column;
        margin-bottom: 12px;
    }

    #dataTableBuilder_wrapper td .btn-group a {
        margin-bottom: 5px;
    }

    div#dataTableBuilder_wrapper .dt-buttons.btn-group.flex-wrap {
        width: 100%;
    }

    .trip-item {
        width: calc(50% - 15px);
    }

    .offers-item {
        width: 100%;
    }
}

@media (max-width: 668px) {
    .container {
        width: 100%;
        padding: 10px 15px !important;
    }

    .content {
        font-size: 16px;
    }

    .col-12 {
        width: 100%;
        margin-top: 15px;
    }

    .col-11 {
        width: 100%;
        margin-top: 15px;
    }

    .col-10 {
        width: 100%;
        margin-top: 15px;
    }

    .col-9 {
        width: 100%;
        margin-top: 15px;
    }

    .col-8 {
        width: 100%;
        margin-top: 15px;
    }

    .col-7 {
        width: 100%;
        margin-top: 15px;
    }

    .col-6 {
        width: 100%;
        margin-top: 15px;
    }

    .col-5 {
        width: 100%;
        margin-top: 15px;
    }

    .col-4 {
        width: 100%;
        margin-top: 15px;
    }

    .col-3 {
        width: 100%;
        margin-top: 15px;
    }

    .col-2 {
        width: 100%;
        margin-top: 15px;
    }

    .col-1 {
        width: 100%;
        margin-top: 15px;
    }


    .col-11.no-responsive {
        width: calc(91.66% - 15px);
    }

    .col-10.no-responsive {
        width: calc(83.33% - 15px);
    }

    .col-9.no-responsive {
        width: calc(75% - 15px);
    }

    .col-8.no-responsive {
        width: calc(66.66% - 15px);
    }

    .col-7.no-responsive {
        width: calc(58.33% - 15px);
    }

    .col-6.no-responsive {
        width: calc(50% - 15px);
    }

    .col-5.no-responsive {
        width: calc(41.66% - 15px);
    }

    .col-4.no-responsive {
        width: calc(33.33% - 15px);
    }

    .col-3.no-responsive {
        width: calc(24.33% - 15px);
    }

    .col-2.no-responsive {
        width: calc(16.66% - 15px);
    }

    .col-1.no-responsive {
        width: calc(8.33% - 15px);
    }

    .offers-item {
        width: 100%;
    }

    a.all-gallery-btn {
        position: unset;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    .hero-img-item {
        width: 100%;
    }

    .trip-item {
        width: 100%;
    }

    section.content .col-8,
    section.content .col-4 {
        width: 100%;
    }
}