@media (max-width: 600px) {
    :root {    
        --side-padding: 20px;
    }
}

@media (min-width: 601px) and (max-width: 782px) {
    :root {    
        --side-padding: 25px;
    }
}

@media (min-width: 783px) and (max-width: 1160px) {
    :root {    
        --side-padding: 35px;
    }
}
@media (max-width: 782px) {

    .ult-carousel-wrapper .slick-next {
        background-image: url(../images/icons/slider-next-white.svg) !important;
        right: 0px;
    }

    .review-slider-wrapper .owl-nav button.owl-next,
    .activity-list-wrapper .owl-nav button.owl-next {
        right: -21px;
    }

    .ult-carousel-wrapper .slick-prev {
        background-image: url(../images/icons/slider-prev-white.svg) !important;
        left: 0px;
    }

    .review-slider-wrapper .owl-nav button.owl-prev,
    .activity-list-wrapper .owl-nav button.owl-prev {
        left: -21px;
    }

    .funnel-text-right > .l-section > .l-section-h > .g-cols, 
    .funnel-text-left > .l-section > .l-section-h > .g-cols,
    section.content-header > .l-section > .l-section-h > .g-cols,
    section.usp > .l-section > .l-section-h > .g-cols {
        display: block;
    }

    .one-third .vc_custom_1744704825507 {
        margin-right: auto !important;
    }

    .w-image.align_right {
        float: none;
        margin-left: 0 !important;
    }

    .w-btn-wrapper + .w-btn-wrapper {
        margin-left: 0 !important;
    }

    .g-cols.offset_medium > .one-half,
    .funnel-text-left > .l-section > .l-section-h > .g-cols > .one-half, 
    .funnel-text-right > .l-section > .l-section-h > .g-cols > .one-half,
    .g-cols.offset_medium > .two-thirds,
    .g-cols.offset_medium > .one-third,
    section.content-header .image-col + .text-col,
    section.usp > .l-section > .l-section-h > .g-cols > div.one-third, 
    section.usp > .l-section > .l-section-h > .g-cols > div.one-quarter {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: var(--side-padding);
    }

    section.usp > .l-section > .l-section-h > .g-cols > div.one-quarter {
        margin-bottom: 70px;
    }

    h3 {
        font-size: 30px;
    }

    /**
     * Header teaser
     */
    section.slider-header > .l-section.background-dark > .l-section-h > .g-cols > div > .g-cols:first-child > div {
        padding-bottom: 25px;
    }
    section.slider-header .teaser-section {
        display: block;
    }
    .one-third.teaser-col {
        width: 100% !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        margin-top: 1em;
    }
    .one-third.teaser-col:first-child {
        margin-top: 0px !important;
    }

    .one-half.grey-bg {
        padding: 50px 20px;
    }

    .one-half.grey-bg .list > div:first-child ul li {
        padding-left: 0;
    }

    .wpb_wrapper ul {
        margin: 1em 0 1em !important;
    }

    .grey-bg .align_right {
        float: none;
        margin-left: 0px;
    }

    .grey-bg .align_right:before {
        width: 100%;
        left: 0;
    }

    .grey-bg .align_right .w-btn.color_light {
        left: 0;
    }

    .one-half.grey-bg:after {
        display: block;
        position: relative;
    }

    section.content-header .g-cols.offset_medium .image-col {
        margin-top: 100px !important;
        margin-bottom: 0;
    }

    section.content-header .image-col + .text-col {
        padding: 20px;
        margin-bottom:0;
    }

    .l-header .logo_wrapper {
        height: 104px;
        width: 216px;
    }
}

@media (min-width: 783px) and (max-width: 1160px) {
    .ult-carousel-wrapper .slick-next,
    .review-slider-wrapper .owl-nav button.owl-next.
    .activity-list-wrapper .owl-nav button.owl-next {
        right: -30px;
    }

    .ult-carousel-wrapper .slick-prev,
    .review-slider-wrapper .owl-nav button.owl-prev,
    .activity-list-wrapper .owl-nav button.owl-prev {
        left: -30px;
    }


    section.content-header > .l-section > .l-section-h > .g-cols {
        display: block;
    }
    
    section.content-header .image-col,
    section.content-header .image-col + .text-col {
        width: 100% !important;
        margin-top: 0;
    }
    .l-header .logo_wrapper {
        height: 104px;
        width: 216px;
    }
}

@media(min-width: 783px) and (max-width: 1390px) {

    section.slider-header > .l-section.background-dark > .l-section-h > .g-cols > div > .g-cols:first-child > div {
        padding-bottom: 50px;
    }

    .one-third.teaser-col {
        width: 33.333% !important;
        margin-top: 0px !important;
        margin-top: 1em;
    }
}

@media (max-width: 1160px) {
    .w-nav.type_mobile .w-nav-list.level_1 {
        position: absolute;
        top: var(--header-height);
        z-index: 1;
        left: 45px;

        background-image: url(../images/textures/grey-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .l-header .main_menu_wrapper nav > ul > li.absolute-right .w-nav-anchor.level_1:before {
        left: -9px;
    }

    .l-header .w-nav-list.level_2 {
        position: relative;
    }

    .l-header .w-nav-list.level_2:after {
        display: none;
    }

    .l-header .w-nav-list.level_2:before {
        display: none;
    }

   .l-header .main_menu_wrapper {
        margin: 0;
    }

    .one-third.teaser-col h3 {
        font-size: 22px;
    }
}

@media (max-width: 1600px) {
    .one-half.grey-bg .list .one-half {
        width: 100%;
    }
}

@media (min-width: 1161px) and (max-width: 1400px) {
    .main_menu nav > ul.w-nav-list > li {
        font-size: 14px;
    }
}

@media (min-width: 1401px) and (max-width: 1600px) {
    .main_menu nav > ul.w-nav-list > li {
        font-size: 17px;
    }
}

@media (min-width: 1161px) {
    h1,
    .h1 {
        font-size: 64px;
    }

    h2, 
    .h2 {
        font-size: 60px;
    }
}

@media (min-width: 1401px) {
    .one-half.grey-bg {
        padding: 102px 52px 52px;
    }

    .funnel-text-left > .l-section > .l-section-h > .g-cols > .one-half:not(.image-col),
    .funnel-text-right > .l-section > .l-section-h > .g-cols > .one-half:not(.image-col) {
        padding: 100px 50px 50px 50px;
    }

    .branded-heading  {
        position: absolute;
        left: 0;
        top: 50px;
        width: calc(100% - 50px);
    }
}