
@media all and (min-width: 768px) {
    .banner .col-6:first-child{
        padding-right: 100px;
    }

    .banner .col-6{
        width: 100%;
    }
    .cta-wrap {
        margin: 7px 0 35px;
    }
    .featured-img-wrap:before{
        width: 260px;
        height: 581px;
        top: -300px;
        right: -180px;
        left: auto;
    }
    .banner .col:first-child{
        padding-right: 170px;
    }
    .featured-img-wrap {
        left: 125px;
        width: 460px;
    }

    .banner .featured-img{
        width: 100%;
    }
    .default-banner .featured-img-wrap:after{
        width: 142px;
        height: 232px;
        bottom: -70px;
        left: -100px;
        top: auto;
    }
    .featured-img-logo {
        right: 35px;
        top: auto;
        bottom: 40px;
        left: auto;
    }
    .alternate-banner .featured-img-wrap:after{
        left: 30px;
        top: -100px;
    }

    .banner h1{
        margin-bottom: 40px;
    }
}

@media all and (min-width: 992px){
    .banner .col-6:first-child{
        padding-right: 250px;
    }
    .featured-img-wrap {
        left: 265px;
        width: 545px;
    }

}

@media all and (min-width: 1200px){
    
    
    .banner .col-6{
        width: 50%;
    }
    .banner .col-6:first-child{
        padding-right: 15px;
    }
    .featured-img-wrap{
        left: 65px;
        width: 480px;
    }
    .alternate-banner .featured-img-wrap:after{
        height: 445px;
        top: -115px;
    }
}

@media all and (min-width: 1400px) {
    .banner{
        padding: 170px 0 200px;
    }

    .banner h1{
        margin-bottom: 48px;
    }

    .banner .flex{
        align-items: center;
    }
    .featured-img-wrap{
        width: auto;
    }
    

    .featured-img-wrap:before{
        width: 370px;
        height: 826px;
        top: -431px;
        left: 345px;
    }
    .default-banner .featured-img-wrap:after{
        left: -72px;
        bottom: -160px;
    }
    .featured-img-logo{
        right: 25px;
        bottom: 35px;
        left: auto;
    }
}