#modal-filter .modal-content {
    padding-top: 20px;
}

.filter-option {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
}

.full-width {
    width: 100%;
}

@media (max-width:374px) {

    .logo-wrapper {
        margin: 0 auto;
        margin-top: -75px;
    }

    .gender {
        width: 50%;
    }

    .vacancy-logo {
        margin-top:20px;
    }

    .vacancy-title {
        text-align: center;
    }

    .width400, .width190, .width110, .width220, .width250 {
        width: 200px !important;
    }

    .d-wrapper {
        display: block !important;
        text-align: center;
    }

    .d-wrapper .d-line {
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .d-wrapper.hidden-xs {
        visibility: hidden;
    }

    .d-rect {
        display: block !important;
        margin: 0 auto;
    }

    .btn-bookmark {
        width: 100%;
    }

    .do-search {
        margin-top: 10px;
    }

    .input-group {
        margin-bottom: 5px;
    }

    .very-small-hide {
        display: none;
    }

    .very-small-show {
        display: block !important;
    }

    .very-small-show h5 {
        text-align: center;
    }

    .very-small-show .btn {
        display: block;
        width:100%;
        margin-bottom: 20px;
    }

    .vacancy-information .item {
        margin-bottom: 10px;
    }

    .vacancy-information, .vacancy-job-detail, .vacancy-qualification-information, .vacancy-benefit {
        padding-left: 20px !important;
        padding-right:20px !important;
    }

    .btn-action {
        margin-top: 20px;
    }

    .btn-action .btn {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .job-detail-container {
        margin-top:0;
    }

    .isApplied {
        float: left !important;
        color: red;
    }

    #main-search-form.outside {
        margin-top: -40px;
    }

}
@media(min-width:375px) and (max-width:424px) {

    .logo-wrapper {
        margin: 0 auto;
        margin-top: -75px;
    }

    .gender {
        width: 50%;
    }

    .vacancy-logo {
        margin-top:20px;
    }

    .vacancy-title {
        text-align: center;
    }

    .width400, .width190, .width110, .width220, .width250 {
        width: 200px !important;
    }

    .d-wrapper {
        display: block !important;
        text-align: center;
    }

    .d-wrapper .d-line {
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .d-wrapper.hidden-xs {
        visibility: hidden;
    }

    .d-rect {
        display: block !important;
        margin: 0 auto;
    }

    .btn-bookmark {
        width: 100%;
    }

    .do-search {
        margin-top: 10px;
    }

    .input-group {
        margin-bottom: 5px;
    }

    .vacancy-information .item {
        margin-bottom: 10px;
    }

    .vacancy-information, .vacancy-job-detail, .vacancy-qualification-information, .vacancy-benefit {
        padding-left: 20px !important;
        padding-right:20px !important;
    }

    .btn-action {
        margin-top: 20px;
    }

    .btn-action .btn {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .job-detail-container {
        margin-top:0;
    }

    .isApplied {
        float: left !important;
        color: red;
    }

    #main-search-form.outside {
        margin-top: -40px;
    }
}
@media(min-width:425px) and (max-width:679px) {

    .logo-wrapper {
        margin: 0 auto;
        margin-top: -75px;
    }

    .gender {
        width: 50%;
    }

    .vacancy-logo {
        margin-top:20px;
    }

    center {
        float: left;
        margin-left:10px;
    }

    .do-search {
        margin-top: 10px;
    }

    .input-group {
        margin-bottom: 5px;
    }

    .vacancy-information .item {
        margin-bottom: 10px;
    }

    .vacancy-information, .vacancy-job-detail, .vacancy-qualification-information, .vacancy-benefit {
        padding-left: 20px !important;
        padding-right:20px !important;
    }

    .btn-action {
        margin-top: 20px;
    }

    .btn-action .btn {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .job-detail-container {
        margin-top:0;
    }

    .isApplied {
        float: left !important;
        color: red;
    }

    #main-search-form.outside {
        margin-top: -40px;
    }
}
@media(min-width:680px) and (max-width:767px) {

    .gender {
        width: 50%;
    }

    center {
        float: left;
        margin-left:10px;
    }

    .vacancy-logo {
        margin-top:20px;
    }

    .do-search {
        margin-top: 10px;
    }

    .input-group {
        margin-bottom: 5px;
    }

    .vacancy-information .item {
        margin-bottom: 10px;
    }

    .job-detail-container {
        margin-top:0;
    }

    #main-search-form.outside {
        margin-top: -40px;
    }
}
@media(min-width:768px) and (max-width:991px) {
    .gender {
        width: 50%;
    }

    .do-search {
        margin-top: 10px;
    }

    .input-group {
        margin-bottom: 5px;
    }

    .vacancy-information .item {
        margin-bottom: 10px;
    }
}
@media(min-width:992px) and (max-width:1199px) {
    .ctbn {
        display: none;
    }

    .width400 {
        width: 250px !important;
    }

    .vacancy-box {
        padding-left: 30px !important;
    }

    .btn-action .btn {
        margin-bottom: 10px;
    }
}
@media(min-width:1200px) {

}