@media (max-width:1400px){
    .hotel_shilla_hero{
        height: 40rem;
        padding-top: 66px;
    }
    .con1_info{
        padding: 9rem 2rem;
        justify-content: s;
    }
    .con2_txt{
        padding: 0 2rem;
    }
    .con3_info{
        padding: 9rem 2rem;
    }
}

@media (max-width:768px){
    .info h1{
        font-size: var(--heading2);
    }
    .hotel_shilla_hero{
        height: 20rem;
    }
    .floatingHeroText{
        font-size: var(--heading2);
    }
    .info p{
        margin-bottom: 3rem;
    }
    .con1_info{
        padding: 6rem 1rem;
    }
    .con1_info figure{
        width: 55%;
        height: 300px;
    }
    .con2_info{
        padding-top: 4rem;
    }
    .con1_txt{
        flex: 1;
    }
    .con2_txt{
        padding: 0 1rem;
    }
    .con2_info figure{
        height: 300px;
    }
    .con3_info{
        padding: 4rem 1rem;
    }
    .con3_info figure{
        height: 300px;
    }
}
@media(max-width:394px){
    .con1_info{
        padding-bottom: 0;
        flex-direction: column-reverse;
    }
    .con1_info figure{
        width: 100vw;
    }
    .con1_txt{
        width: auto;
        gap: var(--space-nomal);
        margin-bottom: var(--space-x-large);
    }
}