@media(max-height:800px) {
    .nav-bar-container {
        height: 3.5rem;
    }

    .book-page-main-container {
        padding-top: 1.15rem;
        padding-bottom: 1.15rem;
    }

        .book-page-main-container .book-page-container {
            gap: 1.25rem;
            max-width: 90vw;
            margin-left: auto;
            margin-right: auto;
        }

    .book-page-footer-container .book-page-action-container {
        max-width: 90vw;
        margin-left: auto;
        margin-right: auto;
    }

    .book-page-main-container .book-page-container .book-page-title-container .book-page-title h2{
        font-size: 1.25rem;
    }

    .book-page-form{
        gap: 1rem;
    }

    .book-page-main-container .book-page-container .book-page-form-container .book-page-form-1,
    .book-page-main-container .book-page-container .book-page-form-container .book-page-form-2 {
        gap: 1.15rem;
    }

    .book-page-form-input-text.hidden-input, .field-group .book-page-form-input-text{
        height: 2.75rem;
    }

    .book-page-main-container .book-page-container .book-page-form-container .book-page-form-3{
        gap: 1.25rem;
    }

    .book-page-main-container .book-page-container .book-page-form-container {
        gap: 2.25rem;
    }

    .book-page-form.qc-page-form .book-page-form-container .book-page-form-3 .book-page-form-3-bg {
        gap:1.20rem;
    }
}

@media(max-height:745px) {
    .nav-bar-container {
        height: 3.5rem;
    }

    .book-page-main-container {
        padding-top: 1.15rem;
        padding-bottom: 1.15rem;
    }

    .book-page-main-container .book-page-container{
        gap: 1.25rem;
    }

    .book-page-main-container .book-page-container .book-page-title-container .book-page-title h2{
        font-size: 1.15rem;
    }

    .book-page-form{
        gap: 1rem;
    }

    .book-page-main-container .book-page-container .book-page-form-container .book-page-form-1,
    .book-page-main-container .book-page-container .book-page-form-container .book-page-form-2 {
        gap: 1rem;
    }

    .book-page-form-input-text.hidden-input, .field-group .book-page-form-input-text{
        height: 2.5rem;
    }

    .book-page-main-container .book-page-container .book-page-form-container .book-page-form-3{
        gap: 1rem;
    }
}

@media(min-height:800px) { 
    .book-page-main-container .book-page-container,
    .book-page-footer-container .book-page-action-container{
        max-width: 83vw;
    }    

    .book-page-main-container .book-page-container .book-page-form-container {
        gap:2.5rem;
    }
    
}

.field-group .book-page-form-input-textarea + label {
    top: -1rem;
    left: 0;
}