@media all and (max-width: 767px) {
    .col-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
        padding: 0!important;
    }

    .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10 {
        padding: 0!important;
    }

    .col-6 {
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
        padding: 0!important;
    }
}

@media all and (min-width: 768px) and (max-width: 1365px) {
    .col-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
        padding: 0 0px!important;
    }

    .col-6 {
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
        padding: 0 20px!important;
    }

    .arrow-bg {
        background-image: url(../img/Arrow\ Graphic.png);
        background-repeat: no-repeat;
        background-size: 1076px 1500px;
        background-position: -167px 665px;
    }
}

@media all and (min-width: 1366px) {
    .arrow-bg {
        background-image: url(../img/Arrow\ Graphic.png);
        background-repeat: no-repeat;
        background-size: 1076px 1500px;
        background-position: -167px 665px;
    }
}