.main_banner {

    padding: 80px 0;

}

.main_banner .banner-text h1{
    font: 600 18px 'Montserrat', sans-serif !important;
    color: #259CD7;
}

.main_banner .banner-text h2{
    font: 800 50px 'Montserrat', sans-serif !important;
    text-align: left;
}

.main_banner .banner-subtitle{

    font-size: calc(16px + (20 - 16) * (100vw / 1920)); 

    letter-spacing: 0.02em;

    padding-right: 50px;

    margin: 0;

    margin-bottom: 32px;

}

.main_banner .inner-container{

    display: flex;

    justify-content: space-between;

}

.main_banner .text-side{

    width: 50%;

    padding-right: 50px;

}

.main_banner .banner-img img{

    width: 100%;

    height: 100%;
    object-fit: contain;

    /*max-height: 480px;*/
    position:absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

}

.main_banner .banner-img{

    width: 45%;
    position: relative;

}

.main_banner .featured-list{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.banner-featured-wrapper{

    padding-top: 54px;

}

.main_banner .elem{

    width: 20%;

    padding: 8px;

}

.main_banner .elem:first-child{

    padding-left: 0;

}

.main_banner .featured-title{

    font-size: 14px;

    line-height: 26px;

    letter-spacing: -0.01em;

    color: #5D5E67;

    margin: 0;

    font-weight: 600;

}

@media(max-width: 1299px){

    .main_banner .text-side{

        padding-right: 0;

    }

}

@media(max-width: 997px){

    .main_banner{

        padding: 40px 0;

    }

    .main_banner .inner-container{

        flex-direction: column-reverse;

        row-gap: 35px;

    }

    .main_banner .text-side,

    .main_banner .banner-img{

        width: 100%;

        text-align: center;

    }

    .main_banner .banner-subtitle{

        text-align: left;

        padding-right: 0;

    }

    .main_banner h1{

        text-align: left;

    }
    .main_banner .banner-img{
        padding-top: 40%;
    }

}

@media(max-width: 767px){

    .main_banner .featured-list{

        justify-content: center;

    }

    .main_banner .elem{

        width: 33.3%;

    }

    .button_basic{

        margin-bottom: 0;

    }

    .main_banner .featured-title{

        padding: 10px 0;

    }

    .banner-featured-wrapper{

        padding-top: 25px;

    }

    .main_banner .banner-subtitle{

        font-size: calc(16px + (20 - 16) * ((100vw - 420px) / (1600 - 420))); 

    }		

}

@media(max-width: 375px){

    .main_banner{

        padding: 30px 0;

    }

}