@media screen and (max-width: 768px) {
    /* Cart page */
    .woocommerce-checkout div#main,
    .woocommerce-cart div#main {
        width: 100%;
    }

    form#booking-cart-form,
    form#booking-cart-form .booking-date-opening-hours {
        flex-direction: column;
    }

    form#booking-cart-form .woocommerce-cart-form-right,
    form#booking-cart-form .woocommerce-cart-form-left,
    form#booking-cart-form .booking-cart-opening-hours {
        width: 100%;
    }
    .entry-content > .woocommerce {
        width: 100%;
    }
    .woocommerce {
        width: 90%;
        margin: 0 auto;
    }

}


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* Landing Page */
    .porlwi-pass-banner-row > .vc_column_container>.vc_column-inner > .wpb_wrapper,
    .odysseo-widthcontainer  {
        width: 90%;
        margin: 0 auto;
    }

    .porlwi-pass-banner-row .wpb_wrapper > .vc_row {
        margin-left: 0;
    }

    .porlwi-pass-banner-row > .vc_column_container>.vc_column-inner > .wpb_wrapper {
        flex-direction: column;
    }

    .porlwi-pass-banner-row {
        background-size: 200% 126%;
    }    

    .porlwi-pass-banner-row .left-content-wrapper {
        width: 100%;
        padding-top: 100px;
    }

    .fade-bg {
        display: none;
    }

    .gws-image-item.first-stack-image,
    .gws-image-item.second-stack-image {
        width: 75%;
    }

    .gws-image-item.first-stack-image {
        margin-left: 8%;
    }

    .porlwi-pass-banner-row .right-content-wrapper .gws-image-item.second-stack-image {
        left: 20%;
    }

    .porlwi-pass-banner-row .right-content-wrapper {
        width: 100%;
    }

    .gws-image-item.lion-fish {
        display: none;
    }

    .gws-image-item.requin-taureau {
        bottom: 100px;
        left: -43px;
        width: 800px;
        right: unset;
    }

    .gws-image-item.right-bubble-img.pass-included-bubble {
        position: static;
        margin-left: 125px;
        width: 540px;
    }

    .gws-image-item.left-bubble-img.pass-included-bubble {
        top: 25px;
        left: 120px;
    }

    .foundation-card-container > .odysseo-widthcontainer {
        width: 100%;
    }

    .package-card-item {
        /* width: unset; */
    }

    .card-image-wrapper img {
        height: revert-layer;
    }

    .travel-description-content-wrapper > .vc_column_container>.vc_column-inner > .wpb_wrapper {
        flex-direction: column;
    }

    .travel-description-content-wrapper .content-wrapper.container-left-content {
        width: 100%;
    }

    .travel-description-content-wrapper .content-wrapper.container-right-content {
        width: 85%;
        margin: 0 auto;
    }

    .gws-image-item.emirates-airplane {
        position: static;
    }

    .traveller-inner-row {
        text-align: center;
        max-width: unset;
    }
}

/* Tablet landscape */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* Landing page */
    .porlwi-pass-banner-row {
        background-size: 126% 126%;
    }

    .porlwi-pass-banner-row .left-content-wrapper {
        width: 55%;
        padding-top: 0;
    }

    .porlwi-pass-banner-row .right-content-wrapper {
        width: 45%;
    }

    .porlwi-pass-banner-row > .vc_column_container>.vc_column-inner > .wpb_wrapper,
    .odysseo-widthcontainer {
        width: 90%;
        margin: 0 auto;
    }

    .porlwi-pass-banner-row > .vc_column_container>.vc_column-inner > .wpb_wrapper,
    .travel-description-content-wrapper > .vc_column_container>.vc_column-inner > .wpb_wrapper {
        flex-direction: row;
    }

    .gws-image-item.right-bubble-img.pass-included-bubble,
    .gws-image-item.emirates-airplane {
        position: absolute;
    }

    .gws-image-item.left-bubble-img.pass-included-bubble {
        top: 150px;
        left: -50px;
    }

    .gws-image-item.right-bubble-img.pass-included-bubble {
        width: 486px;
    }

    .gws-image-item.lion-fish {
        display: block;
    }

    .gws-image-item.lion-fish {
        width: 230px;
        left: 5%;
        top: 45px;
    }

    .gws-image-item.requin-taureau {
        width: 400px;
        left: unset;
        right: 5%;
        bottom: -45px;
    }

    .gws-image-item.emirates-airplane {
        width: 880px;
        left: -40%;
    }

    .foundation-card-container > .odysseo-widthcontainer {
        width: 100%;
    }

    .travel-description-content-wrapper .content-wrapper.container-right-content {
        margin-right: 6%;
    }

}

/* Tablet Ipad Pro */
@media screen and (min-width: 1025px) and (max-width: 1260px) {

    /* Landing page */
    .porlwi-pass-banner-row {
        background-size: 126% 126%;
    }

    .porlwi-pass-banner-row > .vc_column_container>.vc_column-inner > .wpb_wrapper, .odysseo-widthcontainer {
        width: 90%;
        margin: 0 auto;
    }

    .gws-image-item.lion-fish {
        width: 300px;
        left: 5%;
        top: 45px;
    }

    .gws-image-item.requin-taureau {
        width: 450px;
        right: 5%;
        bottom: -45px;
    }

    .gws-image-item.emirates-airplane {
        width: 880px;
        left: -40%;
    }

    .foundation-card-container > .odysseo-widthcontainer {
        width: 100%;
    }

    .travel-description-content-wrapper .content-wrapper.container-right-content {
        margin-right: 6%;
    }
}