@media (min-width: 768px) {
    .h-header {
        height: 300px;
        position: sticky !important;
        top: -240px;
        z-index: 100;
    }

    .h-header-sm {
        height: 100px;
    }

    .h-header-md {
        height: 200px;
    }
}
@media (min-width: 992px) {
    .h-header {
        height: 400px;
        position: sticky !important;
        top: -340px;
        z-index: 100;
    }

    .h-header-sm {
        height: 133px;
    }

    .h-header-md {
        height: 267px;
    }
}

@media (max-width: 767px) {
    .h-header {
        height: 200px;
        position: sticky !important;
        top: -140px;
        z-index: 100;
    }

    .h-header-sm {
        height: 67px;
    }

    .h-header-md {
        height: 133px;
    }
}

.z-index-0 {
    z-index: 0;
}

.mask {
    position: absolute;
    top: 0;
    right: 0;
    /* bottom: 0; */
    /* left: 0; */
    width: 100%;
    /* height: 100%; */
    overflow: hidden;
    background-attachment: fixed;
}

img.cursor-zoom-in {
    cursor: zoom-in;
}