.rl-content-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* cursor: pointer; */
    height: 20.834vw;
    /* min-height: 400px; */
    /* max-height: 400px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height:360px;
}

.rl-content-banner500 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* cursor: pointer; */
    height: 26vw;
    /* min-height: 400px; */
    /* max-height: 400px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height:360px;
}

.rl-content-banner500 .rl-title{
    font-size: calc(1.7361111111111112vw + 26.666666666666668px);
}

.rl-content-banner500 .rl-text-desc {
    font-weight: 400;
    font-size: calc(0.78125vw + 15px);
}

.rl-content-banner .rl-title{
    font-size: calc(1.7361111111111112vw + 26.666666666666668px);
}

.rl-content-banner .rl-text-desc {
    font-weight: 400;
    font-size: calc(0.78125vw + 15px);
}
.rl-text-home-feature {
    font-size: calc(0.75vw + 15.6px);
}

.rl-banner-width-limit{
    max-width: 75%
}

.rl-img-pos-bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
            align-items: flex-end;
}

.rl-feature-banner-button-wrapper{
    margin-left: -10px;
}

.rl-content-banner500 .rl-text-home-feature{
    font-weight: 300;
}


.rl-content-banner .rl-text-home-feature{
    font-weight: 300;
}

@media screen and (max-width: 767px) {
    .rl-content-banner500 .rl-title{
        font-size: calc(3.131991051454139vw + 19.977628635346758px);
    }

    .rl-content-banner500 .rl-text-desc {
        font-size: calc(0.6711409395973155vw + 15.85234899328859px);
    }
    .rl-content-banner .rl-title{
        font-size: calc(3.131991051454139vw + 19.977628635346758px);
    }

    .rl-content-banner .rl-text-desc {
        font-size: calc(0.6711409395973155vw + 15.85234899328859px);
    }

    .banner-feature {
        background-position: 0% 0%;
        height: calc(11.185682326621924vw + 314.20581655480987px);
        min-height: 500px;
    }

    .rl-banner-width-limit{
        max-width: 100%
    }

    .rl-feature-banner-button-wrapper{
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin-left: 0;
        margin-bottom: 20px;
    }

    
}

/* ------------step by step img------------ */

.rl-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: calc(-0.5vw);
    overflow: hidden;
}

.rl-step > div {
    padding: calc(0.5vw);
    position: relative;
}

.rl-step > div:not(:last-child):after {
    content: ' ';
    background-image: url(../../images/features/psd/scene_prop/arrow-right.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(6vw);
    height: calc(6vw);
    position: absolute;
    right: calc(-3.5vw);
    top: 35%;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .rl-step {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
                overflow:hidden;
    }

   .rl-step div:not(:last-child):after {
       background-image: url(../../images/features/psd/scene_prop/arrow-down.png);
       top: auto;
       bottom: calc(-25%);
       left: 40%;
       right: auto;
       width: 40%;
       height: 40%;
   }
}