#jan-promo {
    font-size: 16px;
}

#jan-hero {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-image: url(../../../images/26/jan/hero/back.jpg);
    background-image: -webkit-image-set(url("../../../images/26/jan/hero/back.jpg") 1x,
            url("../../../images/26/jan/hero/back@2x.jpg") 2x);
}
#jan-hero:before {
    content: '';
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: repeat-x;
    background-position: top center;
    background-size: auto;
    background-image: url(../../../images/26/jan/hero/decor.png);
    background-image: -webkit-image-set(url("../../../images/26/jan/hero/decor.png") 1x,
            url("../../../images/26/jan/hero/decor@2x.png") 2x);
}

.jan-main {
    padding-top: 4.791667vw;
    padding-bottom: 6.875vw;
    margin-right: 7.5vw;
}

.jan-main .button {
    width: 235px;
    height: 42px;
    border-radius: 21px;
    font-size: 21px;
    margin-top: 42px;
}

#jan-hero dotlottie-player {
}
#jan-hero .jan-main dotlottie-player {
    height: 80%;
    width: auto;
}
#jan-hero .jan-right dotlottie-player {
    height: auto;
    bottom: -1%;
    width: 111%;
    left: -4%;
}

@media screen and (max-width: 1450px) {}

@media screen and (max-width: 1300px) {}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 567px) {
    #jan-hero {
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        background-image: url(../../../images/26/jan/hero/back-m.jpg);
        background-image: -webkit-image-set(url("../../../images/26/jan/hero/back-m.jpg") 1x, url("../../../images/26/jan/hero/back-m@2x.jpg") 2x);
    }
    #jan-hero:before {
        display: none;
    }
    .jan-inner {
        flex-direction: column;
    }

    .jan-main {
        padding-top: 62px;
        padding-bottom: 30px;
        margin-right: 0;
    }
    #jan-hero .jan-main dotlottie-player {
        height: 127%;
        width: auto;
        top: 85px;
    }
    .jan-main .button {
        width: 176px;
        height: 31px;
        border-radius: 16px;
        font-size: 1em;
        margin-top: 32px;
    }
    #jan-hero .jan-right {
        align-self: center;
    }
}