/* Mobile screens */
@media (max-width: 768px) {
    .mobileTopMargin{
        margin-top: 80px;
    }
}
@media (max-width: 768px) {
    .nav-item-button {
        margin: 0.3rem 1rem !important;
        align-self: self-start;
    }
}
@media (max-width: 580px) {
    .custom-list {
        justify-content: center;
        flex-direction: row !important;
    }
    li{
        padding: 5px;
    }
}

@media (max-width: 768px) {
    .navbar-toggler {
    background-color: rgb(7, 7, 7) !important;
    }
}
@media (max-width: 480px) {
    .banner-vendor {
        background: rgba(0, 0, 0, 0) url('./assets/img/bg/postAJob_MobileBanner.png') no-repeat
            scroll center center/cover !important;
        height: 220px !important;
        background-size: contain !important;
    }
    .work-job-banner{
        background: rgba(0, 0, 0, 0) url('./assets/img/bg/workAJob_MobileBanner.png') no-repeat
        scroll center center/cover !important;
        height: 220px !important;
        background-size: contain !important;


    }
}

/* Tab screens */
@media (max-width: 991px) {
    .navbar-toggler {
    background-color: rgb(0, 0, 0) !important;
    }
}
@media  (min-width: 480px) and (max-width: 991px) {
    .banner-vendor {
        background: rgba(0, 0, 0, 0) url('./assets/img/bg/postAJob_TabBanner.png') no-repeat
            scroll center center/cover !important;
        height: 400px !important;
        background-size: contain !important;

    }
    .work-job-banner{
        background: rgba(0, 0, 0, 0) url('./assets/img/bg/workAJob_TabBanner.png') no-repeat
        scroll center center/cover !important;
        height: 400px !important;
        background-size: contain !important;

    }
}

@media (max-width:1400px) {
    .banner-vendor{
        background-size: contain !important;
    }
    .work-job-banner{
        background-size: contain !important;

    }
}