.age-verification-popup .modal-inner-wrap {

    position: absolute;

    vertical-align: middle;

    text-align: center;

    background-color: #fff;

    overflow: auto;

    width: fit-content;

    /*top: 50%;*/

    /*transform: translate(0, -50%) !important;*/

    transition: transform 1s ease;

}



.age-verification-popup .modal-inner-wrap .modal-header {

    display: none;

}



.age-verification-popup .modal-content form .field  {

    position: relative;

    display: flex;

    /* width: 60%; */

    /* left: 20%; */

    /* margin-top: 10px; */

    /* margin-bottom: 10px; */
    margin: 10px auto;
    justify-content: center;

}

.age-verification-popup .modal-content form .field .ui-datepicker-trigger{
    margin: 0px 10px;
}


.age-verification-fullscreen .modal-inner-wrap {

    position: relative;

    vertical-align: middle;

    text-align: center;

    background-color: #fff;

    overflow: auto;

    width: 100%;

    height: 100%;

    max-height: 100% !important;

    margin: 0;

}



.age-verification-fullscreen .modal-inner-wrap .modal-header {

    display: none;

}



.age-verification-fullscreen .modal-content {

    margin: 0;

    position: absolute;

    top: 50%;

    width: 50%;

    left: 25%;

    text-align: center;

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.age-verification-fullscreen .modal-content form .field  {

    position: relative;

    display: inline-flex;

    width: fit-content;

    margin-top: 10px;

    margin-bottom: 10px;

}



.input-field {

    /* display: grid; */
    display: flex;
}

.ui-datepicker .ui-datepicker-title select{
    font-size: 1.6rem;
}



@media only screen and (max-width: 767px) {

    .age-verification-popup .modal-inner-wrap {

        position: absolute;

        vertical-align: middle;

        text-align: center;

        background-color: #fff;

        overflow: auto;

        width: fit-content;

        transition: transform 1s ease;

        min-height: unset !important;

    }



    .age-verification-popup .modal-content form .field  {

        position: relative;

        display: flex;

        width: 100%;

        left: unset;

        margin-top: 10px;

        margin-bottom: 10px;

    }



    .age-verification-popup {

        left: 20px !important;

        right: 20px;

    }



    .age-verification-fullscreen {

        left: 0 !important;

    }



    .age-verification-fullscreen .modal-content {

        margin: 0;

        padding: 0;

        position: absolute;

        top: 50%;

        width: 100%;

        left: 0;

        text-align: center;

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

    }

}



.agepopup-text.header{

    color: #FFFFFF;

    font-family: Hardy-Regular,sans-serif;

    font-size: 34px;

}



#age-verification-popup{

    padding-top: 30px

}



.agepopup-text{

    margin-top: 20px;

}

.modal-popup.age-verification-popup{

    display: flex;

    align-items: center;

}