/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { }


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
   .main-sidebar, .main-sidebar::before{
       height: 100vh !important;
       overflow-y: hidden !important;
       z-index: 1038 !important;
       /* width: 250px !important;
   }
}


/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

@media (max-width: 767.98px) {

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .loginBox a.logo img{
        width: 80%;
    }

    .loginBox .card .card-body{
        padding: 1.25rem 2rem;
        text-align: center;
    }
    .loginBox p.login-box-msg{
        text-align: center;
    }


}


/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .loginBox a.logo img{
        width: 80%;
    }

    .loginBox .card .card-body{
        padding: 1.25rem 2rem;
        text-align: center;
    }
    .loginBox p.login-box-msg{
        text-align: center;
    }

    .small-box p{
           font-size: 0.8rem;
           height: 38px;
        }


        .small-box>.inner{
            min-height: 138px;
        }

        .small-box-footer a{
            font-size: 0.8rem;
        }
        .global_Wrapper .content-wrapper .content .card .card-body form .cardSubHeader select#merchant {
            font-size: 0.875rem !important;
        }

        .global_Wrapper .content-wrapper .content .card .card-body form .cardSubHeader .selectRange .form-group input::-webkit-input-placeholder,
        .global_Wrapper .content-wrapper .content .card .card-body form .cardSubHeader .selectRange .form-group input::-moz-placeholder,
        .global_Wrapper .content-wrapper .content .card .card-body form .cardSubHeader .selectRange .form-group input:-ms-input-placeholder,
        .global_Wrapper .content-wrapper .content .card .card-body form .cardSubHeader .selectRange .form-group input:-moz-placeholder{
            font-size: 0.875rem !important;
        }

}