/* User Dashboard Card Media Query */
@media (min-width: 320px) {

    .continue-section button,
    .continue-section a {
        width: 95%;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 600;
    }
}

@media (min-width: 425px) and (max-width: 767px) {
    .job-search-cards-inner.job-description img {
        width: 150px;
        height: 150px;
    }

    .job-search-cards-inner.job-description {
        max-height: 130px;
        min-height: 150px;
    }

    .job-search-cards-inner.job-description.flip-section {
        max-height: 130px;
        min-height: 150px;
    }

    .job-search-cards,
    .job-search-map {
        padding-bottom: 140px;
        padding-top: 0px;
    }

    .carousel-caption {
        top: 180px !important;
    }

    .height-fixed {
        height: 350px !important;
    }

    .profile-right-nav {
        justify-content: center;
    }

    /* .header-work-page button {
        font-size: 13px;
        padding: 10px 20px;
    } */

    .green-bg-header {
        padding: 10px 0;
        top: 60px;
    }

    .dropdown:visited>.dropdown-menu {
        display: block;
    }

    #applied_job_list .newTAB,
    #applied_job_list .newTAB1,
    #applied_job_list .newTAB2 {
        background-color: transparent;
    }

    #applied_job_list .newTAB:first-child,
    #applied_job_list .newTAB1:first-child,
    #applied_job_list .newTAB2:first-child,
    #applied_job_list .newTAB2:nth-child(2) {
        padding-left: 5px !important;
    }

    #resume .tabs-create-account .nav-pills .nav-item {
        display: block;
        width: 100%;
    }

    #resume .tabs-create-account .nav-pills .nav-link {
        width: 100%;
    }

    .goog-te-gadget {
        height: 30px;
    }

    .fixed-bottom {
        display: block;
    }

    /* .header-work-page.fix-top{
        height: 60px;
    } */

    .profile-setting-text {
        font-size: 1.6rem;
    }

    .job-about .inner-content {
        padding: 25px 40px;
    }

    .continue-section button,
    .continue-section a {
        width: 70%;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .continue-section button span,
    .continue-section a span {
        height: 50px;
    }
}

@media (min-width: 768px) {

    .green-bg-header {
        top: 70px;
        padding: 20px;
    }

    .job-search-cards,
    .job-search-map {
        padding-bottom: 120px;
        padding-top: 0px;
    }

    span.tag {
        padding: 5px 15px;
        font-size: 14px;
        z-index: 9;
    }

    .header-work-page .filter-map-btn-section {
        justify-content: center;
        gap: 20px;
        margin-left: 15px;
    }

    .profile-right-nav span i {
        font-size: 30px;
    }

    /* .profile-right-nav img {
        width: 20%;
    } */

    .profile-right-nav img {
        width: 35px;
        height: 35px;
    }

    .continue-section button,
    .continue-section a {
        font-size: 16px;
        font-weight: 600;
        width: 50%;
        white-space: nowrap;
    }

    .apply-job button.btn,
    .apply-job a.btn {
        padding: 15px 20px;
        width: 80%;
        font-size: 14px;
    }

    .job-seach-page-bottom-btn button.continue-btn,
    .job-seach-page-bottom-btn a.continue-btn {
        padding: 10px 0;
        font-size: 16px;
        width: 200px;
        display: table;
        margin: 0 auto;
    }

    .signin-acceptance-btn button.btn {
        font-size: 16px;
    }

    .continue-btn {
        width: 200px !important;
    }

    .continue-btn:hover {
        background-color: #B1C763;
        color: #2f4a51;
    }

    .header-work-page {
        height: 130px;
    }

    .header-work-page button {
        font-size: 12px;
        padding: 15px;
    }

    /* .header-work-page select{
        font-size: 14px;
        padding: 12px 30px;
    } */

    .header-work-page select {
        font-size: 12px;
        padding: 15px;
    }

    .logo-section img {
        width: 50%;
    }

    .language-message p {
        font-size: 26px;
    }

    .language-message span {
        font-size: 18px;
    }

    .otp-section h2 {
        font-size: 40px;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .otp-section p {
        font-size: 22px;
    }

    .otp-section .otp-input {
        width: 12%;
        height: 120px;
        margin: 10px 5px 0;
        font-size: 60px;
    }

    .otp-section .retry-code {
        font-size: 18px;
    }

    .address-search {
        width: 60%;
        margin: 0 auto;
    }

    .address-search .address-input {
        font-size: 14px;
        height: 50px;
    }

    .main-heading h2 {
        font-size: 30px;
    }

    .login-account {
        width: 70%;
        margin: 0 auto;
    }

    .apply-clear-filter {
        width: 70%;
        margin: 50px auto 0;
    }

    .apply-clear-filter button.btn {
        font-size: 16px;
        padding: 10px 35px;
    }

    .apply-clear-filter input.btn {
        font-size: 16px;
        padding: 12px 35px;
    }

    .filter-section {
        width: 100%;
        margin: 100px auto 0;
    }

    .filter-section p {
        font-size: 22px;
    }

    .zipcode-section {
        width: 30%;
    }

    .bg-input {
        height: 60px;
        font-size: 18px;
    }

    .login-account.address-search .address-input {
        height: 50px;
    }

    .header-work-page .address-search .address-input {
        height: 50px;
        /* font-size: 16px; */
    }

    .header-work-page .address-search .input-group-prepend .input-group-text {
        height: 50px;
    }

    .header-work-page.shift-drink-page-search .address-search .address-input {
        height: 35px;
    }

    .header-work-page.shift-drink-page-search .address-search .input-group-prepend .input-group-text {
        height: 35px;
    }

    .header-work-page .address-search .address-input::placeholder {
        font-size: 16px;
    }

    .header-work-page.shift-drink-page-search .address-search .address-input::placeholder {
        font-size: 14px;
    }

    .filter-section .form-group {
        margin-bottom: 20px;
    }

    .filter-section a.border-radius-input {
        width: 100%;
        display: block;
        padding: 15px;
        height: 50px;
        font-size: 16px;
        position: relative;
    }

    .filter-section .bootstrap-select button {
        height: 50px;
    }

    .continue-section span {
        font-size: 18px;
    }

    .continue-section span a {
        font-size: 18px;
    }

    .verify-btn-section .verify-btn {
        padding: 6px;
        font-size: 18px;
    }

    .job-search-cards h4 {
        font-size: 24px;
    }

    .search-page-text h5 {
        font-size: 28px;
    }

    .search-page-text p {
        font-size: 18px;
    }

    .profile-name h2 {
        font-size: 40px;
        font-weight: 600;
    }

    .profile-name img {
        width: 25%;
    }

    .accordion>.card .card-header a.card-title {
        font-size: 18px;
        font-weight: 600;
    }

    .zipcode-section .otp-input {
        font-size: 32px;
        width: 12%;
    }

    .header-work-page.user-dashboard-info-flip-btn {
        height: 90px;
    }

    .header-work-page.user-dashboard-info-flip-btn button {
        font-size: 14px;
        padding: 6px 24px;
    }

    .job-about {
        max-width: 720px;
    }

    .job-about .inner-content {
        padding: 25px 70px;
    }
}

@media (min-width: 991px) {

    .continue-section button,
    .continue-section a {
        width: 30%;
    }
}

@media (min-width: 1024px) {
    nav {
        display: none;
    }

    .logo-section img {
        width: 25%;
    }

    .otp-section .otp-input {
        width: 6%;
        height: 80px;
        margin: 10px 5px 0;
        font-size: 50px;
    }

    .otp-section h2 {
        font-size: 34px;
    }

    .login-account.address-search {
        width: 35%;
    }

    .filter-section {
        width: 50%;
    }

    .apply-clear-filter {
        width: 50%;
    }

    .job-seach-page-bottom-btn {
        bottom: 0;
        width: 83%;
    }

    .job-search-cards,
    .job-search-map {
        padding: 40px 0 120px;
    }

    .zipcode-section {
        width: 30%;
    }

    .job-search-cards .crop-fitted-img {
        height: 350px;
        object-fit: cover;
    }

    #sidebar-container {
        display: block;
        position: fixed;
        z-index: 99;
        top: 70px;
    }

    .sidebar-collapsed~.col.dashboard-bg {
        margin-left: 6%;
    }

    .sidebar-expanded~.col.dashboard-bg {
        margin-left: 20%;
    }

    .sidebar-expanded {
        width: 20%;
    }

    .job-about {
        max-width: 960px;
    }
}

@media (min-width: 1199px) {

    .address-search {
        width: 50%;
    }

    .sidebar-expanded {
        width: 17%;
    }

    .sidebar-collapsed {
        width: 5%;
    }

    .sidebar-collapsed~.col.dashboard-bg {
        margin-left: 5%;
    }

    .sidebar-expanded~.col.dashboard-bg {
        margin-left: 17%;
    }

    .job-about {
        max-width: 1140px;
    }

    .job-about .inner-content {
        padding: 25px 90px;
    }
}

@media (min-width: 1366px) {

    /* .header-work-page .address-search span.logo-text {
        font-size: clamp(1.2rem, 2.4vw, 1.8rem);
    } */
}

@media (max-width: 1024px) {
    .new-center-image {
        display: none;
    }

    .header-work-page .address-search span.logo-text {
        vertical-align: -webkit-baseline-middle;
        margin-left: 0px;
        font-size: 12px;
    }

    .header-work-page .address-search img.logo-drinks {
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .header-work-page .profile-image {
        width: 60px;
        height: 60px;
    }

    .new-userInvision-profile-logo .upload-button-user {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .new-userInvision-profile-logo .upload-button-user i {
        font-size: 14px;
    }

    .resume-area img {
        width: 60px !important;
        padding: 10px;
    }

    .resume-area .btn {
        top: 0px !important;
        right: 10px !important;
        width: 25px !important;
        height: 25px !important;
    }

    .qrcode-div svg {
        width: 60px !important;
    }
}

@media (max-width: 580px){
    .header-work-page .address-search a{
        display: flex;
        align-items: center;
        gap: 1px;
    }
}

@media (max-width: 425px) {
    /* .job-search-cards-inner.job-description.flip-section {
        min-height: 160px;
        max-height: 200px;
        margin-bottom: 20px;
    } */

    .job-search-cards,
    .job-search-map {
        padding-bottom: 140px;
        padding-top: 0px;
    }

    .height-fixed {
        height: 350px !important;
    }

    .carousel-caption {
        top: 130px;
    }

    .profile-right-nav {
        justify-content: center;
    }

    /* .header-work-page .address-search img{
        width: 35%;
    } */

    /* .header-work-page button {
        font-size: 13px;
        padding: 10px 20px;
    } */

    .header-work-page button {
        font-size: 9px;
        padding: 8px 12px;
    }

    .job-search-cards-inner.job-description {
        max-height: 110px;
        min-height: 150px;
    }

    .job-search-cards-inner.job-description.flip-section {
        max-height: 110px;
        min-height: 150px;
    }

    .job-search-cards-inner.job-description.flip-section p {

        min-height: 15px;
    }

    #applied_job_list .newTAB,
    #applied_job_list .newTAB1,
    #applied_job_list .newTAB2 {
        background-color: transparent;
    }

    #applied_job_list .newTAB:first-child,
    #applied_job_list .newTAB1:first-child,
    #applied_job_list .newTAB2:first-child,
    #applied_job_list .newTAB2:nth-child(2) {
        padding-left: 5px !important;
    }

    #resume .tabs-create-account .nav-pills .nav-item {
        display: block;
        width: 100%;
    }

    #resume .tabs-create-account .nav-pills .nav-link {
        width: 100%;
    }

    .goog-te-gadget {
        height: 30px;
    }

    .small-btn-dashboard {
        width: 90px;
    }

    .fixed-bottom {
        display: block;
    }

    /* .header-work-page.fix-top{
        height: 60px;
    } */

    .job-search-cards-inner.job-description img {
        width: 150px;
        height: 150px;
    }

    .job-about .inner-content {
        padding: 25px 30px;
    }

    .profile-setting-text {
        font-size: 1.5rem;
    }
}

@media (max-width: 380px) {
    .profile-right-nav img {
        width: 30px;
        height: 30px;
    }

    .profile-right-nav span i {
        font-size: 25px;
    }

    .nav-item {
        padding: 0px 0px;
    }

    .job-search-cards-inner.job-description {
        max-height: 110px;
        /* min-height: inherit; */
    }
}