.modal.fullscreen-modal .modal-body {
    min-height: calc(100vh - 318px);
}

 .common-title {
    margin-bottom: 30px;
}

 .common-title h1 {
    color: #8C5F1E;
}

 .form-content {
    min-width: 493px;
    max-width: 493px;
    margin: 0 auto;
}

 .detail-fill-form {
    margin-top: 85px;

}

 .detail-fill-form .form-group .form-control {
    margin-bottom: 30px;
    border: 1px solid #8C5F1E;
    color: #503B29;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0;
    padding: 17px 22px;
    font-size: 24px;
    font-weight: 400;
    font-family: var(--Glacial-Indifference);
}

.detail-fill-form .form-group .form-control::placeholder {
    color: #6E6E6E;
}
 .detail-fill-form .form-group .form-control:focus {
    box-shadow: unset;
}

@media (max-width: 1440px) {
.modal.fullscreen-modal .modal-body {
        min-height: calc(100vh - 243px);
    }

.common-title {
        margin-bottom: 27px;
    }

 .detail-fill-form {
        margin-top: 75px;
    }

.detail-fill-form .form-group .form-control {
        padding: 15px 20px;
        margin-bottom: 26px;
    }
.detail-fill-form .form-group .form-control {
        font-size: 20px;
    }
}

@media (max-width: 1280px) {
.common-title {
        margin-bottom: 22px;
    }

l .detail-fill-form {
        margin-top: 60px;
    }

   .detail-fill-form .form-group .form-control {
        padding: 13px 17px;
        margin-bottom: 21px;
    }

.detail-fill-form .form-group .form-control {
        font-size: 18px;
    }

 /* .modal.fullscreen-modal .modal-body {
        min-height: calc(100vh - 283px);
    } */
}

@media (max-width: 1024px) {
 /* .modal.fullscreen-modal .modal-body {
        min-height: calc(100vh - 30vh);
    } */

.common-title {
        margin-bottom: 16px;
    }

 .detail-fill-form {
        margin-top: 45px;
    }

l .detail-fill-form .form-group .form-control {
        padding: 11px 14px;
        margin-bottom: 16px;
    }

 .detail-fill-form .form-group .form-control {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
/* 
 .modal.fullscreen-modal .modal-body {
        min-height: calc(100% - 60vh);
    } */

  .common-title {
        margin-bottom: 41px;
    }
.detail-fill-form {
        margin-top: 35px;
    }

 .form-content {
        max-width: 100%;
        min-width: 100%;
    }

 .detail-fill-form .form-group .form-control {
        font-size: 16px;
    }
}

@media (max-width:576px) {

 .modal-header {
        padding: 20px 0;
        min-height: 12vh;
        align-items: baseline;
    }

   
}