html,
body {
    height: 100%;
    font-size: 14px;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.navbar {
    border-radius: 0 !important;
}

/*xs*/
@media (max-width: 767px) {
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: normal;
    }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {

}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {

}

/*sm + md*/
@media (min-width: 768px) and (max-width: 1199px) {
    #from-search > .form-group {
        width: 170px;
    }
}

/*lg*/
@media (min-width: 1200px) {
    #from-search > .form-group {
        width: 220px;
    }
}