.xs-visible{
    display: none;
}

.xs-hidden{
    display: block;
}


/**
 * Basic responsive layout
 */
.single-product .site-main {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
@media (max-width: 768px) {

    .xs-visible{
        display: block;
    }
        
    .xs-hidden{
        display: none;
    }


    .page-template-bookings .booking-product{
        display: block;
    }

    .page-template-bookings .booking-product .booking-product-image img{
        max-height: 100px;
        width: 100%;
    }

    .page-template-bookings .booking-product .booking-product-details{
        padding-left: 0;
    }

    .single-product .woocommerce-products-header{
        padding: 100px 0 50px;
    }

    .woocommerce div.product form.cart select.yith-wapo-option-value,
    .woocommerce div.product form.cart .variations select{
        width: 100%;
        min-width: 100% !important;
        padding: 5px;
    }

    .booking-footer-actions,
    .booking-footer-message,
    .booking-date-time-container{
        padding: 0 15px;
    }


}
@media (max-width: 575px) {
    .single-product .site-main {
        padding-right: 10px;
        padding-left: 10px;
    }

    .woocommerce div.product .product_subheader {
        display: block;
    }

    .woocommerce div.product .product_subheader .product_subtitle_extra{
        text-align: left;
    }
}
@media (min-width: 576px) {
    .single-product .site-main {
        max-width: 500px;
    }
    .site-header.header-full-width .header-inner {
        max-width: 100%;
    }
    .site-footer.footer-full-width .footer-inner {
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .single-product .site-main {
        max-width: 600px;
    }
    .site-header.header-full-width {
        max-width: 100%;
    }
    .site-footer.footer-full-width {
        max-width: 100%;
    }

}
@media (min-width: 992px) {
    .single-product .site-main {
        max-width: 800px;
    }
    .site-header.header-full-width {
        max-width: 100%;
    }
    .site-footer.footer-full-width {
        max-width: 100%;
    }
}
@media (min-width: 1200px) {
    .single-product .site-main {
        max-width: 1140px;
    }
    .site-header.header-full-width {
        max-width: 100%;
    }
    .site-footer.footer-full-width {
        max-width: 100%;
    }
}
.site-header + .elementor {
    min-height: calc(100vh - 320px);
}