.top-bg {
    background-color: #00000000;
    background-image: url('../images/bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: fixed;
}

.top-bg::before {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .39);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: rgba(102, 102, 105, 0.35);
}

.top-bg {
    -webkit-clip-path: circle(200vw at 50% calc(99% - 200vw));
    clip-path: circle(200vw at 50% calc(99% - 200vw));
}

@media screen and (max-width:727px) {
    .top-bg {
        -webkit-clip-path: circle(200vh at 50% calc(99% - 200vh));
        clip-path: circle(200vh at 50% calc(99% - 200vh));
        height: 60vh !important;
        background-attachment: local;
    }

}