@media (min-width:576px) {
    .static-date-xxxl {
        width: 215px !important;
    }
}

@media (min-width:545px) and (max-width:575px) {
    .static-date-xxl {
        width: 249px !important;
    }
}

@media (min-width: 501px) (max-width:536px) {
    .static-date-xl {
        width: 228px !important;
    }
}

@media (min-width: 460px) (max-width:500px) {
    .static-date-lg {
        width: 210px !important;
    }
}

@media (min-width: 424px) (max-width:459px) {
    .static-date-md {
        width: 190px !important;
    }
}

@media (min-width: 424px) (max-width:423px) {
    .static-date-sm {
        width: 172px !important;
    }
}

@media (max-width:398px) {
    .static-date-xs {
        width: 152px !important;
    }
}
@media (min-width:576px) {
    .static-date-xxxl {
        width: 215px !important;
    }

    .new-date-xxxl {
        width: 470px !important;
    }

    .mp-date-xxxl {
        width: 767px !important;
    }

}
@media (min-width:545px) and (max-width:575px) {
    .static-date-xxl {
        width: 249px !important;
    }

    .new-date-xxl {
        width: 530px !important;
    }
}
@media (min-width: 501px) and (max-width:536px) {
    .static-date-xl {
        width: 228px !important;
    }
    .new-date-xl {
        width: 470px !important;
    }
}
@media (min-width: 460px) and (max-width:500px) {
    .static-date-lg {
        width: 210px !important;
    }
}
@media (min-width: 424px) and (max-width:459px) {
    .static-date-md {
        width: 190px !important;
    }
}
@media (min-width: 424px) and (max-width:423px) {
    .static-date-sm {
        width: 172px !important;
    }
}
@media (max-width:398px) {
    .static-date-xs {
        width: 152px !important;
    }
}


/*mp request*/
@media (min-width:576px) and (max-width:991px) {

    .mp-date-xxl {
        width: 466px !important
    }
}
@media (min-width: 560px) and (max-width: 576px) {
    .mp-date-xl {
        width: 523px !important
    }
}

.flatpickr-wrapper {
    width: 100%;
}