.fixed-gwd {
    display: block;
    position: fixed;
    z-index: 999999;
}

.gwd-banner-image {
    position: relative;
    width: 100%;
    text-align: center;
}

.left-banner-gwd.fixed-gwd,
.right-banner-gwd.fixed-gwd {
    top: 0;
    bottom: 0;
}

.left-banner-gwd.fixed-gwd {
    left: 50%;
    transform: translateX(-50%) translateX(-660px);
}

.right-banner-gwd.fixed-gwd {
    left: 50%;
    transform: translateX(-50%) translateX(660px);
}

.footer-banner-gwd {
    position: relative;
    z-index: 999999;
}

.left-footer-banner-gwd,
.right-footer-banner-gwd {
    bottom: 0;
    max-width: 520px;
    position: fixed;
    z-index: 999999;
}

.left-footer-banner-gwd {
    left: 50%;
    transform: translateX(-100%);
    padding-right: 5px;
}

.right-footer-banner-gwd {
    right: 50%;
    transform: translateX(100%);
    padding-left: 5px;
}

.left-footer-banner-gwd img,
.right-footer-banner-gwd img {
    width: 100%;
    max-width: 520px;
}

.close-footer-banner-gwd #footer-banner-close {
    position: absolute;
    right: 0;
    top: -25px;
}
/* Media query cho màn hình di động */
@media (max-width: 768px) {
    .footer-banner-gwd {
        position: fixed;
        bottom: 10px;
    }

    .footer-banner-gwd .left-footer-banner-gwd,
    .footer-banner-gwd .right-footer-banner-gwd {
        width: 100%;
        transform: none;
        padding: 0;
        position: relative;
    }

    .footer-banner-gwd .left-footer-banner-gwd {
        left: 0;
        margin-bottom: 10px;
    }

    .footer-banner-gwd .right-footer-banner-gwd {
        right: 0;
        margin-top: 10px;
    }

    .close-footer-banner-gwd #footer-banner-close {
        top: -90px;
    }
}