@media screen and (max-width:767px) {
    .popup_area.active {
        transform: translateX(calc(-100% + 30px)) !important;
        width: 600px;
        height: 40px;
    }
    .popup_area{
        top: 130px !important;
        margin: 8px;
        padding: 10px !important;
        height: calc(100vh - 190px);
        width: calc(100% - 16px) !important;
        transform: none;
    }
    .popup_midd{ height: calc(100% - 80px); }
}

@media screen and (orientation:landscape) and (max-width:767px) {
}


@media screen and (max-width:599px) {
    .popup_area .popup_midd table{
        width:600px !important;
    }
    .popup_midd{
        overflow: auto;
    }
    .popup_area.active {
        transform: translateX(calc(-100% + 30px)) !important;
        width: 600px;
    }
    /* .popup_area {
        top: 112px !important;
    } */
}
@media screen and (orientation:landscape) and (max-device-width: 599px) {
    .popup_area.active {
        transform: translateX(calc(-100% + 30px)) !important;
        width: 600px;
    }
}
@media screen and (orientation:landscape) and (max-device-width: 991px) {
    .popup_area {
        /* top: 90px !important; */
        max-width: 100% !important;
    }
    /* .popup_midd {
        overflow: auto;
        max-height: 132px;
    } */
    .popup_area.active {
        transform: translateX(calc(-100% + 30px)) !important;
        width: 600px;
    }

}

@media screen and (max-width:667px){
    /*.popup_area.active{ transform: translateX(-614px) !important};*/
    /* .popup_area{ top:110px !important;} */
}
@media screen and (max-width:568px){
    /*.popup_area.active{ transform: translateX(-525px) !important;}*/
}


@media screen and (max-width:375px) {
    .popup_area.active {
        transform: translateX(calc(-100% + 30px)) !important;
        width: 600px;
    }   
}