@media (min-width: 1200px) {
    .container {
        max-width: 1140px!important
    }
    .vc_tta-tabs-list { display: grid !important; grid-template-columns: 1fr 1fr 1fr 1fr ; gap: 20px; row-gap: 20px; padding: 20px 0 !important ;}
    .destination-landing ul.vc_tta-tabs-list li { width: 100%; }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1425px!important;
        padding: 0 90px
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .galleryslider {
        height: 350px;
        width: 100%;
    }
}

@media (min-width: 1000px) and (max-width: 1250px) {
    ul.primary-menu li a {
        color: #fff!important;
        font-size: 15px
    }
    .tagline {
        min-height: 164px
    }
}


@media (min-width: 999px) and (max-width: 9999px) {
    .galleryslider {
        height: 300px
    }
}

@media (min-width: 100px) and (max-width: 999px) {
    .toggle-inner {
        color: #fff!important;
        font-size: 20px
    }
    .portfoliListing { min-height: inherit !important;}
    .sliderOuter {
        padding-top: 36px!important;
        /* height: auto !important; */
    }
    .galleryslider {
        height: auto;
    }
    button.close-nav-toggle {
        padding: 10px!important
    }
    .mobile-menu ul li {
        padding: 0;
        margin: 0
    }
    .mobile-menu ul li a {
        color: #013305;
        font-size: 16px!important;
        padding: 10px;
        margin: 0
    }
    .menu-modal.active {
        z-index: 2000
    }
    #myBtnContainer {
        display: block;
        width: 310px;
        margin: auto
    }
    #myBtnContainer .btn {
        font-size: 14px;
        margin-bottom: 10px
    }
    h2.vc_custom_heading {
        font-size: 30px
    }
    .vc_custom_1621166616273 .vc_btn3-container.vc_btn3-left,
    .vc_custom_1621166616273 h2.vc_custom_heading {
        text-align: center!important
    }
    .vc_custom_1621166235691 {
        padding: 0!important
    }
    .copyrightOuter {
        padding: 15px 0 0
    }
    .vc_custom_1621166205472 .wpb_content_element {
        margin: 0
    }
    .foterOuter .col-lg-3 {
        padding-bottom: 30px
    }
    .headerOuter {
        padding: 0
    }
    .headerOuter .row {
        margin: 0 15px
    }
    #sticky-social {
        top: 230px
    }
    .nav-toggle {
        right: 0
    }
    .menuHeaderInner,
    .menuHeader {
        float: right
    }
    .container-wrap {
        /* background: none!important; */
        padding: 50px 0 0!important;
        margin: 0!important
    }
    .main-content .destination-landing,
    .galleryslider {
        margin: 0!important;
        padding: 0!important
    }
    .copyrightOuter .row,
    .main-content .row {
        margin: 0!important
    }
    .vc_images_carousel {
        width: 280px!important;
        margin: 30px auto;
    }
    .vc_inner img {
        /* width: 280px!important */
    }
    .vc_images_carousel .vc_carousel-control .icon-prev,
    .vc_images_carousel .vc_carousel-control .icon-next {
        top: 44%!important
    }
    .vc_tta_tabs_outer {
        padding: 0
    }
    .vc_tta-panel-body tbody tr th,
    .availabilityPageOuter tr th {
        display: none
    }
    .vc_tta-panel-body td:before,
    .availabilityPageOuter td:before {
        content: attr(data-th) ": ";
        font-weight: 700;
        width: 90%;
        display: block;
    }
    .vc_tta-panel-body td,
    .availabilityPageOuter td {
        display: block;
        border-left: 0;
        border-bottom: 0
    }
    .vc_tta-panel-body tr,
    .availabilityPageOuter tr {
        margin-bottom: 20px
    }
    .vc_tta-panel-body tr:nth-child(even),
    .availabilityPageOuter tr:nth-child(even) {
        background-color: #013305;
        color: #fff;
    }
    .availabilityPageOuter tr:nth-child(even) a,
    .vc_tta-panel-body tr:nth-child(even) a {
        color: #fff;
    }
    #carouselExampleControls {
        width: 300px
    }
    .carousel-indicators {
        display: block;
        overflow: hidden
    }
    .carousel-indicators li {
        float: left;
        width: 12px;
        height: 12px
    }
    .destination-section-1 h2 {
        font-size: 18px!important;
        line-height: 28px!important
    }
    .vc_tta-panel-body table {
        margin: 0!important;
        padding: 0 0 30px!important
    }
    .vc_tta-panel-body table tr {
        border-bottom: 2px solid rgba(0, 0, 0, 0.4)
    }
    .vc_tta-panel-title i {
        padding-right: 15px
    }
    .vc_tta-panel-body p {
        text-align: left
    }
    .blogListing,
    .custome-5 {
        width: 90%;
        margin: 0 5%
    }
    .blogOuter h1 {
        font-size: 28px!important
    }
    .galleryContent p {
        padding: 0!important
    }
    .contactOuter .row {
        margin: 0;
        padding: 0
    }
    .g-recaptcha div {
        width: 100%!important
    }
    .wpb_image_grid_ul li {
        width: 40%;
        margin-right: 5%!important
    }
    .nav-toggle {
        width: 100%
    }
    .container.gallery-page .button {
        position: relative;
        top: 0;
        left: 0
    }
    select#holiday {
        width: 100%
    }
    .booking-box {
        padding: 15px!important
    }
    #cookieConsent {
        display: block;
        padding: 10px;
        bottom: 52px;
        text-align: center
    }
    .wpb_wrapper h1.vc_custom_heading,
    .destination-section-1 h1,
    .entry-content-1 h1 {
        font-size: 25px!important
    }
    .formTitle {
        font-size: 16px;
        padding: 15px 30px 15px 0
    }
    .admin-bar .headerOuter {
        top: 0
    }
    .portfoliListing {
        width: 90%;
        margin: 0 auto 30px
    }
    .portfoliListing .wpb_wrapper p {
        margin-bottom: 0!important
    }
    .vc_custom_1621166235691 .vc_inner img {
        width: auto!important
    }
    .signup {
        width: 100%!important
    }
    #hero .bottom-bar1 .content1 {
        flex-direction: column!important
    }
    #hero .bottom-bar1 .content1 .login-1 {
        margin-top: 20px!important
    }
    .row2 .content1 .pod.pod25 {
        width: 100%!important
    }
    .row2 .bottom-bar1 h2 {
        font-size: 25px!important
    }
    .footerNewletter h2 {
        text-align: center!important
    }
    a.vc_general {
        display: inline-block;
        margin: 20px 0!important
    }
    .footerNewletter .col-lg-4 {
        text-align: center
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .blogListing,
    .custome-5 {
        width: 50%;
        margin: 0
    }
}

@media (min-width: 100px) and (max-width: 499px) {
    .testimonialsImg img {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    #myBtnContainer .btn {
        font-size: 11px;
        margin-right: 0
    }
    #myBtnContainer {
        width: auto
    }
    #myBtnContainer .btn {
        padding: 7px 10px
    }
    .copyrightOuter {
        padding: 5px 0 0
    }
    .mobile-menu ul li a {
        padding: 12px 15px!important;
        letter-spacing: normal!important
    }
    .menuHeader {
        padding: 8px 0 0!important
    }
    button.toggle:focus {
        outline: 0;
        border: none
    }
}