@media (max-width: 600px){
    html{
        margin: 0;
        padding: 0;
        height: 100%;
        overflow: hidden;
    }
    
    .banner-bg {
        min-height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }
    .banner-bg{
        background-position: left center;
        padding: 30px 0px;
        align-items: center !important;
	max-height: 100vh !important;
    }
    .main-title{
        font-size: 36px;
        line-height: 36px;
    }
    .reserve-box{
        margin-bottom: 16px !important;
    }
    .reserve-box > img{
        max-width: 60px;
    }
    .reserve-box .reserver-title {
        font-size: 20px;
        line-height: 22px;
    }
    .reserve-box .reserver-content {
        font-size: 18px;
        line-height: 20px;
    }
    .subtitle {
        font-size: 24px;
        line-height: 24px;
    }
    .cta-form{
        margin-top: 20px;
    }
    input[type="text"], input[type="tel"], button{
        padding: 10px 20px !important;
    }
}