@media (min-width: 1920px) {
    .bg-img {
        background-image: url(./images/main-banner-left.png), url(./images/main-banner-right.png);
        background-repeat: no-repeat, no-repeat;
        background-position: left, right;
        background-size: 230px;
    }
    .logo-main {
        display: none;
    }
    .logo-main-light {
        display: block;
    }
}

@media (min-width: 1200px) and (max-width: 1919px) {
    .bg-img {
        background-image: url(./images/main-banner-left.png), url(./images/main-banner-right.png);
        background-repeat: no-repeat, no-repeat;
        background-position: -10%, 110%;
        background-size: 230px;
    }
    .logo-main {
        display: none;
    }
    .logo-main-light {
        display: block;
    }
}

/*Hide in Other Small Devices */
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .bg-img {
        background-image: none;
    }
    .logo-main {
        display: block;
    }
    .logo-main-light {
        display: none;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .bg-img {
        background-image: none;
    }
    .logo-main {
        display: block;
    }
    .logo-main-light {
        display: none;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .bg-img {
        background-image: none;
    }
    .logo-main {
        display: block;
    }
    .logo-main-light {
        display: none;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .bg-img {
        background-image: none;
    }
    .logo-main {
        display: block;
    }
    .logo-main-light {
        display: none;
    }
}