@media only screen and (min-width: 1920px) {

}

@media only screen and (max-width: 1400px) {
    .row-banner h2 {
        white-space: normal;
    }
    .margin-left-46 {
        margin-left: 5% !important;
    }
    .margin-left-25 {
        margin-left: 13%;
    }
}

@media only screen and (max-width: 1024px) {
    .contact-banner div.is-layout-flex {
        flex-direction: column;
    }
    .contact-banner .wp-block-group {
        width: 100%;
    }
    .top-bar-mobile {
        display: none;
    }

    .small-text-block-left {
        width: 70%;
    }

    .overlap-text-image img {
        width: 400px;
    }

    .team-group div {
        flex-basis: 50% !important;
        max-width: 48% !important;
    }

    .wrap-on-smaller {
        flex-wrap: wrap !important;
    }
    .wrap-on-smaller h2, .wrap-on-smaller p {
        text-align: center !important;
        width: 100%;
        margin: 5px;
    }
    .wrap-on-smaller .wp-block-buttons {
        width: 100%;
    }
    .wrap-on-smaller .wp-block-buttons > .wp-block-button {
        margin: auto;
    }
    .wrap-on-smaller figure {
        margin: auto;
        max-width: 500px;
    }

    .row-banner .margin-left-25, .row-banner .margin-left-10, .row-banner .margin-left-46 {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 959px) {
    /*
    .banner-text .wp-block-group__inner-container {
        width: 50%;
        margin-right: 80%;
        margin-left: 20%;
    }
    */

    .banner-bg {
        min-height: 10vh !important;
        padding: 50px;
    }
    .banner-bg span {
        background: linear-gradient(180deg,rgba(178, 160, 102, 0.411) 20%, rgba(192, 178, 130, 0.678)) !important;
    }

    .banner-bg .wp-block-cover__inner-container {
        width: 100%;
        text-align: center;
        left: initial;
    }
    .banner-bg hr {
        color: #000 !important;
        width: 70% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border-bottom: 4px solid !important;
    }
    .banner-bg .wp-block-cover__inner-container p {
        text-align: center;
        color: #000 !important;
    }

    .row-banner::before {
        left: 0;
        width: 100%;
    }
    .row-banner .wp-block-group__inner-container {
        left: 0;
    }
    .row-banner h2 {
        display: none;
    }

}

@media only screen and (max-width: 860px) {
    .overlap-text-image {
        flex-direction: column;
    }
    .overlap-text-image.img-left {
        flex-direction: column-reverse;
    }
    .overlap-text-image figure {
        position: relative;
        left: 0 !important;
        right: 0 !important;
    }
    .overlap-text-image {
        position: relative;
        left: 0 !important;
        right: 0 !important;
    }
    .overlap-text-image.img-left div.has-background {
        position: relative;
        left: 0 !important;
        right: 0 !important;
    }
    .overlap-text-image img {
        width: 100% !important;
        height: 100% !important;
    }

    /*
    .banner-text .wp-block-group__inner-container {
        width: 70%;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    */

    .team-group div {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 781px) {
    .videos .video:nth-child(3n + 1) {
        top: 0;
    }
    .videos .video:nth-child(3n + 2) {
        top: 0;
    }
    .videos .video:nth-child(3n + 3) {
        top: 0;
    }
    .videos .columns-group {
        justify-content: space-around;
    }
    .videos .video {
        max-width: 45%;
    }
}

@media only screen and (max-width: 768px) {
    .row-banner.wide::before, .row-banner.wide::after {
        height: 95%;
    }
    .row-banner {
        padding: 50px 5px;
    }
    .row-banner.wide figure {
        display: none;
    }
    .row-banner.wide .img-cover {
        display: none;
    }
    .small-text-block-left {
        width: 100%;
    }
    .columns-group {
        justify-content: space-around;
    }
    .columns-group .video {
        flex-basis: 50% !important;
        max-width: 45%;
    }

    .overlap-text-image {
        margin: 25px 0;
    }

    .row-banner {
        margin: 25px 0;
        padding: 50px 25px;
    }
    .row-banner::before {
        width: 100%;
    }
    .row-banner .wp-block-group__inner-container {
        left: 0;
    }
}

@media only screen and (max-width: 635px) {
    .row-banner .flip-mobile {
        flex-direction: column;
    }
    
    .personal-section div.is-layout-flex {
        flex-direction: column;
    }

    .videos .video .stack p {
        left: 0;
    }

    /*
    .banner-text .wp-block-group__inner-container {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    */
    .rotate-on-mobile {
        flex-direction: column;
    }
    .columns-group .video {
        flex-basis: 100% !important;
        max-width: 100%;
        margin-bottom: 0;
    }
    .columns-group {
        justify-content: space-around;
    }

    .trustpilot {
        padding: 25px;
    }
    .trustpilot .is-layout-flex {
        flex-direction: column-reverse;
    }
    .trustpilot .wp-block-image {
        margin: 0 auto;
    }
    .trustpilot h2 {
        display: none;
    }
    .trustpilot a {
        font-size: 25px;
    }
    .contact-banner {
        padding: 15px;
    }

    .sh-container {
        max-width: 100% !important;
        margin-top: 150px;
    }

    .landing-buttons {
        margin-top: 100px;
    }
}

@media only screen and (max-width: 428px) {
    #site-header #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
        max-height: 250px !important;
    }
    #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
        max-width: 250px !important;
    }
}