@media (min-width: 768px) {

}

@media (min-width: 1300px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1300px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 990px) {


}
.footer{display: none}
@media screen and (max-width: 370px) {
    .footer{display: block}
    footer {
        padding-bottom: 77px;
    }
    .signup-dialog{
        max-width: 100%;
    }
    .slide-signin {
        max-width: 100%;
    }
    .footer .nav .nav-item .nav-link span .nav-text {
        font-size: 9px;
    }
}
@media screen and (max-width: 375px) {
    .footer{display: block}
    footer {
        padding-bottom: 77px;
    }
    .signup-dialog{
        max-width: 100%;
    }
    .slide-signin {
        max-width: 100%;
    }
    .footer .nav .nav-item .nav-link span .nav-text {
        font-size: 9px;
    }
}
@media screen and (max-width: 390px) {
    .footer{display: block}
    footer {
        padding-bottom: 77px;
    }
    .signup-dialog{
        max-width: 100%;
    }
    .slide-signin {
        max-width: 100%;
    }
}
@media screen and (max-width: 414px){
    .footer{display: block}
    footer {
        padding-bottom: 77px;
    }
    .signup-dialog{
        max-width: 100%;
    }
    .slide-signin {
        max-width: 100%;
    }
    .xdsoft_datetimepicker.xdsoft_noselect.xdsoft_ {
        position: fixed!important;
        left: 0!important;
        top: 0!important;
        right: 0;
        bottom: 0;
    }
    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
        width: 100%;
        text-align: center;
        margin: 0 !important;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
        background-position: -40px 0;
        margin-bottom: 7px;
        margin-top: 0;
        margin: 0 auto;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
        height: 400px;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
        float: none;
        /* background-position: -40px -15px; */
        height: 15px;
        width: 30px;
        display: block;
        margin-left: 14px;
        margin-top: 7px;
        margin: 0 auto;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
        height: 35px;
    }
    .react-datepicker__portal {
        position: fixed;
        z-index: 100;
        /* inset: 56px 0px 0px; */
        background-color: rgb(249, 249, 249);
        display: block;
        top: 0;
        bottom: 0;
        z-index: 11111111111;
    }
    .react-datepicker .react-datepicker__month-container {
        width: 100%;
    }
    .react-datepicker__time-container {
        float: right;
        border-left: 1px solid #aeaeae;
        width: 100%;
    }
    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
        width: 100%;
        overflow-x: hidden;
        margin: 0 auto;
        text-align: center;
        border-bottom-right-radius: 0.3em;
    }
    .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
        right: 0px;
    }
}

@media (max-width: 380px) {
    .footer{display: block}
}
@media (max-width: 450px) {
    .footer{display: block}
}
@media (max-width: 320px) {
    .footer{display: block}
}
.d-modile{display: none}
@media screen and (max-width: 767px) {

}

@media (max-width: 1024px) {

}
@media screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {


}
@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .searchbox {
        display: flex;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {

}
/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
    .footer{display: block}
    footer {
        padding-bottom: 77px;
    }
    .signup-dialog{
        max-width: 100%;
    }
    .slide-signin {
        max-width: 100%;
    }
    .xdsoft_datetimepicker.xdsoft_noselect.xdsoft_ {
        position: fixed!important;
        left: 0!important;
        top: 0!important;
        right: 0;
        bottom: 0;
    }
    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
        width: 100%;
        text-align: center;
        margin: 0 !important;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
        background-position: -40px 0;
        margin-bottom: 7px;
        margin-top: 0;
        margin: 0 auto;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
        height: 375px;
        overflow: hidden;
        border-bottom: 1px solid #ddd;

    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
        float: none;
        background-position: -40px -15px;
        height: 15px;
        width: 30px;
        display: block;
        margin-left: 14px;
        margin-top: 7px;
        margin: 0 auto;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
        height: 35px;
    }
    .react-datepicker__portal {
        position: fixed;
        z-index: 100;
        inset: 56px 0px 0px;
        background-color: rgb(249, 249, 249);
    }
    .react-datepicker .react-datepicker__month-container {
        width: 100%;
    }.react-datepicker__portal {
         position: fixed;
         z-index: 100;
         inset: 56px 0px 0px;
         display: block;
         top: 0;
         bottom: 0;

     }
    .react-datepicker .react-datepicker__month-container {
        width: 100%;
    }
    .react-datepicker__time-container {
        float: right;
        border-left: 1px solid #aeaeae;
        width: 100%;
    }
    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
        width: 100%;
        overflow-x: hidden;
        margin: 0 auto;
        text-align: center;
        border-bottom-right-radius: 0.3em;
    }
    .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
        right: 0px;
    }
}

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    .footer{display: block}
    footer {
        padding-bottom: 77px;
    }
    .signup-dialog{
        max-width: 100%;
    }
    .slide-signin {
        max-width: 100%;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    .footer{display: block}
    footer {
        padding-bottom: 77px;
    }
    .signup-dialog{
        max-width: 100%;
    }
    .slide-signin {
        max-width: 100%;
    }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {
    .footer{display: block}
    footer {
        padding-bottom: 77px;
    }
    .signup-dialog{
        max-width: 100%;
    }
    .slide-signin {
        max-width: 100%;
    }
}

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
    .footer{display: block}
    footer {
        padding-bottom: 77px;
    }
    .signup-dialog{
        max-width: 100%;
    }
    .slide-signin {
        max-width: 100%;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
    .footer{display: block}
    footer {
        padding-bottom: 77px;
    }
    .signup-dialog{
        max-width: 100%;
    }
    .slide-signin {
        max-width: 100%;
    }
    .xdsoft_datetimepicker.xdsoft_noselect.xdsoft_ {
        position: fixed!important;
        left: 0!important;
        top: 0!important;
        right: 0;
        bottom: 0;
    }
    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
        width: 100%;
        text-align: center;
        margin: 0 !important;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
        background-position: -40px 0;
        margin-bottom: 7px;
        margin-top: 0;
        margin: 0 auto;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
        height: 400px;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
        float: none;
        background-position: -40px -15px;
        height: 15px;
        width: 30px;
        display: block;
        margin-left: 14px;
        margin-top: 7px;
        margin: 0 auto;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
        height: 35px;
    }

    .react-datepicker__portal {
        position: fixed;
        z-index: 100;
        inset: 56px 0px 0px;
        background-color: rgb(249, 249, 249);
    }
    .react-datepicker .react-datepicker__month-container {
        width: 100%;
    }
    .react-datepicker__portal {
        position: fixed;
        z-index: 100;
        inset: 56px 0px 0px;
        display: block;
    }
    .react-datepicker .react-datepicker__month-container {
        width: 100%;
    }
    .react-datepicker__time-container {
        float: right;
        border-left: 1px solid #aeaeae;
        width: 100%;
    }
    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
        width: 100%;
        overflow-x: hidden;
        margin: 0 auto;
        text-align: center;
        border-bottom-right-radius: 0.3em;
    }
    .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
        right: 0px;
    }
}