/* Mobile */
@media (max-width: 767px) {
    .h1, h1 {
        font-size: 30px;
    }

    .h2, h2 {
        font-size: 25px;
    }

    .radio {
        line-height: 25px;
        display: flex;
    }

    .form-control {
        min-width: 100%;
    }

    .btn-primary {
        min-width: 120px;
    }

    .radio input[type="radio"] + label:before {
        min-width: 15px!important;
        max-width: 15px!important;
    }

    .datepicker-dropdown, .timepicker-dropdown {
        top: 146%!important;
        left: 25px!important;
        right: 25px;
    }

    .custom-select.short-select {
        min-width: 80px!important;
        max-width: 90px!important;
    }

    .datepicker td, .datepicker th {
        width: 20px;
        height: 20px;
        padding: 0px 5px !important;
    }
}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px) {
    .datepicker-dropdown, .timepicker-dropdown {
        top: 123%!important;
        border-right: 1px solid #4E5B2C;
        border-left: 1px solid #4E5B2C;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .datepicker-dropdown, .timepicker-dropdown {
        top: 127%!important;
        border-right: #4E5B2C;
        border-left: #4E5B2C;
    }
}

/* Laptop: */
@media (min-width: 1200px) and (max-width: 1600px) {
    .datepicker-dropdown, .timepicker-dropdown {
        top: 125%!important;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .datepicker-dropdown, .timepicker-dropdown {
        top: 130%!important;
    }
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .datepicker-dropdown, .timepicker-dropdown {
        top: 140%!important;
    }
}