.horizontal-data { max-width: 100%; overflow-x: auto; }

@media (max-width: 100px)
{
    .section-fwg-kiwi { padding-bottom: 36rem; }
}
@media (max-width: 768px)
{
    input, textarea, select, fieldset { margin-bottom: 0.8rem; }
    #header { padding-top: 7.4rem; }
    #header #top-header-mobile { display: block; }
    #header #top-header { position: absolute; padding: 0; height: 100%; width: 100%; top: 0; left: 0; background: rgba(255,255,255,0.7);  overflow: hidden; z-index: 1000; }
    #header #top-header .three.columns { display: none; }
   
    #header #top-header {
        z-index: -1;
        opacity: 0;
        -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
    #header.mobile-active #top-header { z-index: 1000; opacity: 1; }
    
    #header #top-header .container { width: 100%; height: 100%; position: absolute; padding: 0; }
    #header #top-header .row {
        height: 100%;
        width: 100%;
        position: absolute;
    }
    #header #top-header .panel-content { height: 100%; margin: 0; padding: 1rem; box-sizing: border-box; }
    #header #top-header .user-panel-holder .panel-column { float: none; clear: both; margin: 0; padding: 0; }
    #header #top-header .user-panel-holder {
        position: fixed;
        top: 0;
        left: -100%;
        background: #404041;
        width: auto;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        float: none;
        clear: both;
        padding: 0;
        margin: 0;
        display: block;
        -webkit-transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    #header.mobile-active #top-header .user-panel-holder { left: 0; min-width: 30%; }
    #header #top-header .user-panel-holder a { color: #fff; }
    #header #top-header .user-panel-holder .fwg-header-panel { padding-right: 1.8rem; }
    #header .panel-content .fwg-header-user-menu li.user,
    #header .panel-content ul.fwg-header-panel-menu li.panel,
    #header #top-header .user-panel .panel-content .panel-column { float: none; clear: both; display: block; font-size: 1.8rem; color: #fff; }
    #header #top-header .user-panel .panel-content .panel-column { box-sizing: border-box; width: 100%; padding: 1rem; font-size: 1.8rem; font-weight: 400; line-height: 1.4; }
    #header .panel-content .fwg-header-user-menu li.user,
    #header .panel-content ul.fwg-header-panel-menu li.panel { margin: 0 0 0.4rem 0; padding: 0; }
    #header .panel-content span.label.but, header .panel-content a.button, header .panel-content a.but { display: inline; border: none; padding: 0; font-size: 1.8rem; height: auto; line-height: inherit; }
    
    #header .panel-content li.panel .fwg-header-user-wrapper .fwg-header-user-menu li.user { display: block; width: auto; height: auto; border: none; padding: 0; margin: 0; }
    #header .panel-content li.panel .fwg-header-user-wrapper .fwg-header-user-menu a { display: inline; border: none; padding: 0; margin: 0; color: #fff; font-size: 1.8rem; }
    
    #header .panel-content li.panel .fwg-header-user-wrapper,
    #header .panel-content li.panel .fwg-header-user-wrapper .fwg-header-user-menu {
        display: block;
        float: none;
        clear: both;
        background: none;
        position: static;
    }
    
    #header .header-overlay {display: none; }
    
    #header .whatsapp-support { top: 4.6rem; }
    #top-header-mobile { margin-bottom: 2.4rem; }
    
    #supplier-panel-products .products .grid li.odd,
    #supplier-panel-products .products .grid li.even,
    #supplier-panel-products .products .grid li { float: none; clear: both; width: 100%; margin-left: 0; margin-right: 0; }
    
    #fwg-languages a.flag { width: auto; display: inline-block; padding-left: 26px; text-indent: 0; background-position: center left; margin: 0; }
    
    .fwg-search-form { display: none; }
    .fwg-search-form.single-input { display: block; width: 94%; margin: 0 auto; }
    .fwg-search-form.single-input .where-holder { width: 76%; }
    .fwg-search-form.single-input .go-holder { width: 24%; }
    .fwg-search-form.single-input .go-holder .input-wrapper input.button-primary { font-size: 1.4rem; font-weight: 300; }
    .fwg-search-form.single-input .input-wrapper button, 
    .fwg-search-form.single-input .input-wrapper select, 
    .fwg-search-form.single-input .input-wrapper input { font-size: 1.4rem; }
    .fwg-search-form-mobile { display: block; }
    .popup-content .fwg-search-form { display: block; }
    
    .mslogan h1 { font-size: 3.2rem; }
    .mslogan h2 { font-size: 1.8rem; }
    .section-fwg-contact .form h2.title,
    .section-fwg-shabbat .info h2.title,
    .section-fwg-satisfaction .info h2.title,
    .section-fwg-discover .info h2.title,
    .section-fwg-unlimited .info h2.title,
    .section-fwg-live-banner .info h2.title { font-size: 2.8rem; }
    .section-fwg-shabbat .info h3.subtitle,
    .section-fwg-satisfaction .info h3.subtitle,
    .section-fwg-discover .info h3.subtitle,
    .section-fwg-unlimited .info h3.subtitle,
    .section-fwg-live-banner .info h3.subtitle { font-size: 2.2rem; }
    .fwg-live-banner .banner .column.one-third { 
        position: static;
        float: none;
    }
    .fwg-live-banner .banner .column.one-third h4 { font-size: 2.4rem; }
    .fwg-live-banner .banner .column.one-third p { font-size: 2rem; }
    .section-fwg-discover .action .button { font-size: 1.8rem; }
    
    .section-fwg-contact .form select,
    .section-fwg-contact .form input[type=password],
    .section-fwg-contact .form input[type=email],
    .section-fwg-contact .form input[type=text] { margin-bottom: 0.8rem; }
    footer .columns.social,
    footer .columns.logo,
    footer .columns.links  { text-align: center; padding-top: 0.4rem; }
    
    /* TRIP.CSS */
    #trip-builder .meal-type-menu { display: block; }
    #trip-builder .guests-toolbar { display: none; }
    #trip-builder .guests-toolbar-mobile { display: block; }
    #trip-builder .days-toolbar { display: none; }
    #trip-builder .days-toolbar-mobile { display: block; }
    
    .trip-builder-day-page .column.meals { display: none; width: 95%; float: none; clear: both; margin: 0 auto; }
    .trip-builder-day-page .column.meals.current { display: block; }
    
    .edit-other-guests { position: static; }
    .edit-other-guests,
    #trip-builder-pages .actions .button.next,
    #trip-builder-pages .actions .button.back { display: block; float: none; clear: both; text-align: center; margin: 0 auto 0.4rem auto; }
    #trip-builder-pages .actions .button.next.checkout { display: none; }
    .next-meal-type-button { display: block; }
    
    .section-trip-builder .current-supplier { font-size: 1.4rem; line-height: 1.2; }
    .section-trip-builder .current-supplier span.title { font-size: 1.8rem; }
    #trip-builder .days-toolbar .day .date { font-size: 1.2rem; }
    #trip-builder .days-toolbar .day .name { font-size: 1.4rem; }
    .day-selection-text { font-size: 1.8rem; }
    
    #trip-builder-pages .actions .button.next,
    #trip-builder-pages .actions .button.back { font-size: 1.8rem; }
    .trip-checkout-wrapper a.button,
    .trip-checkout-wrapper button { font-size: 2.4rem; }
    
    .section-trip-builder .current-supplier .info .u-pull-left,
    .section-trip-builder .current-supplier .info .u-pull-right { float: none; display: block; clear: none; }
    .section-trip-builder .current-supplier .info .divider { display: none; }
    .section-trip-builder .current-supplier .info .label { float: left; }
    .section-trip-builder .current-supplier .info .agent-logo { float: right; }
    .section-trip-builder .current-supplier .info .agent-logo img { height: 3.6rem; }
        
    /* POPUPS.CSS */
    .suppliers-popup ul.supplier-list.cols2 li {
        float: none;
        width: 100%;
        margin: 0 auto;
        clear: both;
    }
    .suppliers-popup .supplier-list-wrapper { padding: 0; }
    .facebook-like-wrapper { top: 5rem; }
    .facebook-like-wrapper .container { width: 98%; padding: 0; }
    #header.mobile-active .facebook-like-wrapper { display: none; }
    
    .button, button, .button-primary { white-space: normal; height: auto; }
    
    body.cms-kosher-destinations div.std .fwg-worldwide a.button, .fwg-worldwide a.button { font-size: 1.8rem; line-height: 2rem; padding: 0.4rem 0; }
    .section-fwg-suppliers-menus .image img { width: 100%; }
    .section-fwg-suppliers-certs .text { padding-top: 0.8rem; }
    .section-fwg-fridge .image img { top: 8rem; }
    .section-fwg-fridge .text h2 { font-size: 3.4rem; }
    .section-fwg-fridge .text h3 { font-size: 2.2rem; }
    
    .kiwi-points {
        font-weight: 600;
        color: #2493ca;
        direction: ltr;
    }
    .kiwi-points.plus { color: #2b904f; }
    .kiwi-points.minus { color: #c15656; }
    .kiwi-points.striken { color: #a1a1a1; font-weight: 400; text-decoration: line-through; }
    .mslogan .icons img { max-height: 10rem; }
    .fwg-search .search-icons .text { padding-top: 0; }
    #trip-builder .supplier-discounts img { display: none; }
    .section-fwg-discover .destinations .one-half a .v-wrap,
    .section-fwg-discover .destinations .one-quarter a .v-wrap,
    .section-fwg-discover .destinations .one-fifth a .v-wrap,
    .section-fwg-discover .destinations .two.columns a .v-wrap,
    .section-fwg-discover .destinations .one.columns a .v-wrap { font-size: 3.4rem; }
    #trip-shipment-popup { min-width: unset; }
    .section-fwg-kiwi h2 { font-size: 3rem; margin-bottom: 2.6rem; }
    .section-fwg-kiwi p { font-size: 2.2rem; margin-bottom: 1.8rem; }
    .section-fwg-kiwi button { font-size: 2.2rem; }
    .section-fwg-kiwi { padding-bottom: 32rem; }
}

@media (max-width: 650px)
{
    .fwg-search-form .where-holder.with-label .input-wrapper {
        padding-left: 0;
        padding-right: 0;
        position: static;
    }
    .fwg-search-form .where-holder.with-label .input-wrapper .where-label { display: none; }
    .section-fwg-kiwi { padding-bottom: 20rem; }
}

@media (max-width: 600px)
{
    .section-fwg-fridge .text h2 { font-size: 3rem; }
    .section-fwg-fridge .text h3 { font-size: 2rem; }
    .section-fwg-fridge .image img { top: 6rem; }
    .fwg-search .search-icons .text { height: auto; text-align: center; padding-bottom: 0.4rem; }
    .section-fwg-kiwi { padding-bottom: 12rem; }
}

@media (max-width: 550px)
{
    .section-trip-builder .current-supplier .signup { padding-top: 1rem; }
    .section-trip-builder .current-supplier .signup button {  width: auto; display: inline-block; padding: 0 1.4rem; }
    .section-trip-builder .current-supplier .signup .text { clear: none; float: left; width: auto; max-width: 19rem; }
    .section-trip-builder .current-supplier .signup .but { clear: none; float: right; width: auto; }
    .section-fwg-kiwi { padding-bottom: 6rem; }
}

@media (max-width: 400px)
{
    .fwg-widget-tabs .tabs-menu .tab { max-width: unset; display: block; }
    .section-fwg-fridge .image img { top: 4rem; }
    .section-fwg-kiwi h2 { font-size: 2.2rem; margin-bottom: 2rem; }
    .section-fwg-kiwi p { font-size: 1.4rem; margin-bottom: 1.4rem; }
    .section-fwg-kiwi button { font-size: 1.6rem; }
    .section-fwg-kiwi { padding-bottom: 4rem; }
}


@media (max-width: 824px)
{
    #trip-planner .planner-main { padding-right: 0; padding-left: 0; }
    #trip-planner .planner-side { position: static; width: auto; }
    #trip-planner .planner-body { min-height: 40rem !important; }
    #trip-planner .mobile-controls.display { display: block; }
    #trip-planner .totals-scroller { display: none !important; }
}
@media (max-width: 415px)
{
    #trip-planner .products-grid .row.product { position: relative; }
    #trip-planner .products-grid .row.product .action { position: absolute; top: 0; right: 0; }
    #trip-planner .products-grid.grid-display .row.product .action { position: static; top: unset; left: unset; right: unset; }
    #trip-planner .products-grid .row.product .image img { max-width: 100%; }
    #trip-planner .products-grid .row.product .info { clear: both; }
    #trip-planner .section-supplier .section-supplier-tabs .supplier-tabs .tab.coupons li { max-width: 26rem; }
}
@media (max-width: 375px)
{
    #trip-planner .products-grid .row.product .info { clear: both; }
    #trip-planner .section-supplier .section-supplier-tabs .supplier-tabs .tab.coupons li { max-width: 24rem; }
}
@media (max-width: 355px)
{
    #trip-planner .products-grid .row.product .info { clear: both; }
    #trip-planner .section-supplier .section-supplier-tabs .supplier-tabs .tab.coupons li { max-width: 17rem; }
}




@media (max-width: 870px) {
    .fwg-widget-compare table tr td.bullet .text,
    .fwg-widget-compare table tr th.bullet .text { width: 23.8rem; }
    .fwg-widget-compare table tr td.bullet .text {
        background-size: auto 3.2rem;
        font-size: 1.4rem;
        min-height: 3.2rem;
        height: auto;
        line-height: 1.6rem;
        margin: 1.4rem;
        padding-left: 4.2rem;
        width: 16.8rem;
        overflow: visible;
    }
    .fwg-widget-compare table.rows tr td.with,
    .fwg-widget-compare table.rows tr td.without { font-size: 1.4rem; }
    .fwg-widget-compare table.headers,
    .fwg-widget-compare table.headers th { font-size: 1.8rem; }
    .fwg-widget-compare table.headers th.with { font-size: 2.4rem; letter-spacing: unset; }
    .section-fwg-comparison h1,
    body.cms-real-value #body div.std h1,
    body.cms-benefits #body div.std h1,
    body.cms-comparison #body div.std h1 {
        line-height: 3.6rem;
        font-size: 3.4rem;
    }
    .section-fwg-comparison h2 a,
    .section-fwg-comparison h2,
    body.cms-real-value #body div.std h2 a,
    body.cms-benefits #body div.std h2 a,
    body.cms-comparison #body div.std h2 a,
    body.cms-real-value #body div.std h2,
    body.cms-benefits #body div.std h2,
    body.cms-comparison #body div.std h2 {
        line-height: 3.2rem;
        font-size: 2.6rem;
    }
}
@media (max-width: 754px) {
    .fwg-widget-compare table.headers,
    .fwg-widget-compare table.headers th { font-size: 1.4rem; }
    .fwg-widget-compare table.headers th.with { font-size: 2rem; }
    .section-fwg-comparison h1,
    body.cms-real-value #body div.std h1,
    body.cms-benefits #body div.std h1,
    body.cms-comparison #body div.std h1 {
        line-height: 3.6rem;
        font-size: 3.2rem;
    }
    .section-fwg-comparison h2 a,
    .section-fwg-comparison h2,
    body.cms-real-value #body div.std h2 a,
    body.cms-benefits #body div.std h2 a,
    body.cms-comparison #body div.std h2 a,
    body.cms-real-value #body div.std h2,
    body.cms-benefits #body div.std h2,
    body.cms-comparison #body div.std h2 {
        line-height: 3.2rem;
        font-size: 2.4rem;
    }
    .fwg-widget-compare table tr td.bullet .text,
    .fwg-widget-compare table tr th.bullet .text { width: 18.2rem; }
    .fwg-widget-compare table tr td.bullet .text {
        font-size: 1.2rem;
        line-height: 1.6rem;
        margin: 1rem;
        width: 11.2rem;
    }
    .trip-title h2 { font-size: 2.6rem; }
}
@media (max-width: 680px) {
    .fwg-widget-compare table.headers,
    .fwg-widget-compare table.headers th { font-size: 1.2rem; }
    .fwg-widget-compare table.headers th.with { font-size: 1.6rem; }
    .section-fwg-comparison h1,
    body.cms-real-value #body div.std h1,
    body.cms-benefits #body div.std h1,
    body.cms-comparison #body div.std h1 {
        line-height: 3.2rem;
        font-size: 2.8rem;
    }
    .section-fwg-comparison h2 a,
    .section-fwg-comparison h2,
    body.cms-real-value #body div.std h2 a,
    body.cms-benefits #body div.std h2 a,
    body.cms-comparison #body div.std h2 a,
    body.cms-real-value #body div.std h2,
    body.cms-benefits #body div.std h2,
    body.cms-comparison #body div.std h2 {
        line-height: 2.6rem;
        font-size: 2rem;
    }
    .fwg-widget-compare table.rows tr td.with .cell,
    .fwg-widget-compare table.rows tr:nth-child(2n) td.with .cell { padding: 1rem; }
    .trip-title h2 { font-size: 2.3rem; }
    #fwg-express-popover { display: none; }
}
@media (max-width: 440px) {
    .fwg-widget-compare table tr td.bullet .text,
    .fwg-widget-compare table tr th.bullet .text { width: 17rem; }
    .fwg-widget-compare table tr td.bullet .text {
        background-size: auto 2.2rem;
        font-size: 1.2rem;
        line-height: 1.6rem;
        margin: 1rem;
        padding-left: 3rem;
        width: 10rem;
    }
    .fwg-widget-compare table.rows tr td.with,
    .fwg-widget-compare table.rows tr td.without { font-size: 1.2rem; }
    .trip-title h2 { font-size: 2.1rem; }
}
@media (max-width: 380px) {
    .fwg-widget-compare table.headers,
    .fwg-widget-compare table.headers th { font-size: 1.2rem; }
    .fwg-widget-compare table.headers th.with { font-size: 1.6rem; }
    .fwg-widget-compare table tr td.bullet .text,
    .fwg-widget-compare table tr th.bullet .text { width: 8.8rem; }
    .fwg-widget-compare table tr td.bullet .text {
        background-image: unset !important;
        padding-left: 0;
        font-size: 1rem;
        letter-spacing: -0.05rem;
        line-height: 1.6rem;
        margin: 0.3rem;
        width: 8.2rem;
    }
    .fwg-widget-compare table.headers,
    .fwg-widget-compare table.headers th { font-size: 1.2rem; }
    .fwg-widget-compare table.headers th.with { font-size: 1.6rem; }
    .section-fwg-comparison h1,
    .section-fwg-comparison h1,
    body.cms-real-value #body div.std h1,
    body.cms-benefits #body div.std h1,
    body.cms-comparison #body div.std h1 {
        line-height: 2.8rem;
        font-size: 2.2rem;
    }
    .section-fwg-comparison h2 a,
    .section-fwg-comparison h2 a,
    .section-fwg-comparison h2,
    .section-fwg-comparison h2,
    body.cms-real-value #body div.std h2 a,
    body.cms-benefits #body div.std h2 a,
    body.cms-comparison #body div.std h2 a,
    body.cms-real-value #body div.std h2,
    body.cms-benefits #body div.std h2,
    body.cms-comparison #body div.std h2 {
        line-height: 2rem;
        font-size: 1.6rem;
    }
    .fwg-widget-compare table.rows tr td.with .cell,
    .fwg-widget-compare table.rows tr:nth-child(2n) td.with .cell { padding: 0.5rem; }
    .trip-title h2 { font-size: 1.8rem; }
}
