@media (max-width:1301) {
    .d-A13-block {
        display: block;
    }
    .d-13-none {
        display: none;
    }
}

@media (max-width: 1240px){
    .qr-tab-area ul.qr-navs li a{
        padding: 12px 30px;
    }
}

@media (max-width:1300px) {
    .d-A13-block {
        display: block;
    }
    .d-13-none {
        display: block;
    }
}

@media (max-width: 1199px) {

    .progress-stage-bar {
        margin-left: 20px;
        margin-right: 40px;
    }

    .qr-tab-area ul.qr-navs li a {
        padding: 10px 20px;
    }

    .mob-60 {
        width: 60%;
    }
    .newTAB:nth-child(5),
    #application_status>li.newTAB:nth-child(7) {
        border-radius: 0px 22px 22px 0px!important;
        padding-right: 0px!important;
    }
    .newTAB:first-child {
        border-radius: 22px 0px 0px 22px!important;
        padding-left: 0px!important;
    }
    .useInterview-tab-areaNEW .newTAB a {
        color: #99ab55;
        font-size: 12px;
        font-weight: 500;
        padding: 5px 13px;
        border-radius: 17px!important;
        margin: 2px 2px 0 2px;
        text-transform: uppercase;
        border: 2px solid #496269;
    }
    .useInterview-tab-areaNEW .newTAB1 a {
        border: 2px solid #496269;
        color: #82a4ad;
        font-size: 12px;
        font-weight: 500;
        padding: 5px 13px;
        border-radius: 17px!important;
        margin: 2px 2px 0 2px;
        text-transform: uppercase;
    }
    .newTAB,
    .newTAB1 {
        background-color: transparent;
        padding: 2px 0px;
    }
    .useInterview-tab-area ul {
        height: auto!important;
    }
    .filter-interview-btnNew {
        position: absolute;
        right: 40px;
        top: -39px;
    }
    .user-search-box-info-apply-row {
        background: #fafcfd;
        margin: 0px 0;
        padding: 0px;
        /* font-family: 'FabrikatMono-Light'; */
        letter-spacing: 0px;
        font-weight: 600;
        color: #212529;
        font-size: 11px;
        vertical-align: text-top;
    }
    .text1 {
        position: absolute;
        top: 90px;
        left: 0;
        z-index: 9999;
        background-color: #21383e;
        height: 39px;
        /* width: 63px; */
        padding-top: 11px;
    }
    /* .navbar {
        padding: 0rem 1rem!important;
    } */
    .learn-more-btn {
        margin: 26px 5px 0;
    }
    .btn-check-modal {
        width: 220px!important;
    }
    .map-search-listwrap {
        background-color: #80adb9;
        color: #fff;
        padding: 4px 8px 7px;
        border-radius: 3px;
        margin-bottom: 20px;
        font-size: 12px;
    }
    .setup-wrapimg-right:before {
        height: 350px;
        top: 0px;
    }
    .setup-btn,
    .setup-btn:hover:disabled {
        font-size: 13px;
        padding: 10px !important;
    }

    .payment-new-btn {
        font-size: 14px;
        text-transform: uppercase;
        padding: 12px 20px !important;
    }

    /* .payment-new-btn {
        font-size: 14px;
        text-transform: uppercase;
        padding: 12px 20px !important;
        width: 100%;
    } */

    .step2-wrap{
        width: 291px;
    }

    .inner-checkbox-section{
        width: 291px !important;
    }

}

@media (max-width: 991px) {
    /* .login-submit-btn{padding: 10px 50px;} */
    .w-mob-100 {
        width: 100%;
    }

    .btn-swichDash, .btn-swichDash.upgrading-icons {
        padding: 10px 22px;
        width: 70px;
        margin-right: 12px;
    }
    .btn-swichDash img {
        width: 24%;
    }

    .btn-swichDash.upgrading-icons img{
        width: 24%;
    }

    .progress-stage-bar{
        margin-left: 20px;
    }

    .step2-wrap{
        width: 251px;
    }

    .inner-checkbox-section {
        width: 251px !important;
        height: 150px !important;
    }

    .qr-tab-area ul.qr-navs li a {
        padding: 8px 16px;
        font-size: 14px;
    }

    .login-submit-btn {
        margin: 0 auto;
        display: block;
        margin-bottom: 10px;
        font-size: 12px;
        padding: 10px 30px !important;
    }
    .work-btn {
        padding: 12px 30px !important;
        margin-bottom: 10px;
        display: block;
        font-size: 12px;
    }
    .multi-wrap {
        background-color: #fff;
        border-radius: 12px;
        padding: 15px 23px 23px;
        background-image: url(../img/dotted_img.png);
        margin-bottom: 75px;
        background-repeat: no-repeat;
        display: block;
        height: 100%;
        color: #9bae55;
    }
    .filter-interview-btnNew {
        position: absolute;
        right: 40px;
        top: -39px;
    }
    .tabs-create-account .tab-content {
        background-color: transparent;
        border-radius: 0px;
        border: 1px solid #2f4a51;
        /* padding: 0px 0px; */
    }
    .height-dash-work {
        background-color: #fff;
        height: 162px;
        overflow-y: scroll;
    }
    .text1 {
        position: absolute;
        top: 85px;
        left: -0;
        z-index: 9999;
        background-color: #21383e;
        height: 39px;
        /* width: 63px; */
        padding-top: 11px;
    }
    .navbar {
        padding: .0rem 1rem!important;
    }
    .btn-check-modal {
        width: 210px!important;
    }
    .mb-f13 {
        font-size: 13px;
    }
    .bg-login1 {
        background-color: #2f4a51;
        width: 100%;
        height: auto;
    }
    .bg-login {
        background-color: #2f4a51;
        width: 100%;
        height: auto;
    }
    .table-total-applicants .table td .img-action {
        display: block;
    }
    .job-status-wrap-content .buttonrow .buttonrowinner button {
        font-size: 10px;
    }
    .multi-wrap,
    .premium-wrap,
    .basic-wrap {
        height: 100%;
    }
    .buyplan-btn {
        font-size: 15px;
    }
    .icon-comment-interview1 .img1,
    .icon-phone-interview1 .img1,
    .icon-phn-interview1 .img1,
    .icon-cross-interview1 .img1,
    .icon-save-interview1 .img1 {
        width: auto;
    }
    .img2 {
        width: auto;
    }

    .carousel-caption {
        top: 90px;
    }

    .btn-signup-email{
        font-size: 13px;
    }

    .carousel-indicators {
        bottom: 0;
    }

    #demo .height-fixed img {
        width: 100%;
    }
}

@media screen and (max-width:840px){
    .qr-tab-area ul.qr-navs li a {
        padding: 6px 10px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .sidebar-collapsed span {
        padding-left: 15px;
    }
    .pb-sign-height {
        padding-bottom: 230px;
    }
    .desk-heading-ml {
        margin-left: 0px;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
        left: -86px!important;
        top: 66px!important;
    }
    .available-days-pc{
        display: block;
    }
    .available-days-mobile{
        display: none;
    }
    .bg-theme{
        height: 70px;
    }
    #sidebar-container{
        top: 70px;
    }
    .dashboard-bg{
        margin-top: 70px;
    }
    .sidebar-expanded ~ .dashboard-bg {
        margin-left: 25%;
    }
    
    .sidebar-collapsed ~ .dashboard-bg {
        margin-left: 6%;
    }

    .sidebar-expanded {
        width: 25%;
    }
}

@media (min-width: 1024px){
    #eventFilterModal .filter-section {
        width: 50%;
    }
    .apply-clear-filter {
        width: 50%;
    }

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

    .sidebar-expanded {
        width: 20%;
    }
}

@media (min-width: 1199px){
    .dashboard-bg {
        margin-top: 70px;
    }

    .sidebar-expanded ~ .dashboard-bg {
        margin-left: 15%;
        margin-top: 70px;
    }
    
    .sidebar-collapsed ~ .dashboard-bg {
        margin-left: 3.5%;
    }

    .sidebar-expanded {
        width: 15%;
    }

    .sidebar-collapsed {
        width: 3.5%;
    }
    
}

@media (min-width: 1200px){
    .days-boxes{
        width: 940px;
    }
}

@media (max-width: 767px) {
    .w-mob-100 {
        width: auto;
    }
    .career-bannerx img {
        border-radius: 8px!important;
    }
    .filter-interview-btnNew {
        position: absolute;
        right: 20px;
        top: -30px;
    }
    .post-details-image {
        width: 100%;
        height: auto;
        position: relative;
    }
    .user-search-box-info-apply-button {
        display: flex;
        justify-content: center;
        padding: 4px 0 10px;
        position: absolute;
        bottom: 0px;
        left: 3%;
    }
    .text1 {
        left: -0;
        padding-left: 15px;
        position: absolute;
        top: 85px;
        z-index: 9999;
        background-color: #21383e;
        height: 40px;
        width: 50px;
        padding-top: 12px;
    }
    .user-index-search-result-box-info {
        position: absolute;
        top: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        border: solid 1px #8bb0b8;
        padding: 5px;
        border-radius: 6px;
        overflow-y: scroll;
    }
    .navbar {
        padding: 0rem 1rem!important;
    }
    .messaging .chat_img {
        float: left;
        width: 50px!important;
    }
    .messaging .mesgs {
        float: left;
        padding: 15px 15px 0 15px;
        width: 100%;
    }
    .messaging .inbox_people {
        background: #fff none repeat scroll 0 0;
        float: left;
        overflow: hidden;
        width: 100%;
        border-right: 1px solid #c4c4c4;
    }
    .openbtn,
    .closebtn {
        position: absolute;
        top: 13px!important;
        left: 16px!important;
        background-color: #36535b;
        width: 64px;
        height: 76px;
        padding: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-check-modal {
        width: 210px!important;
    }
    .bg-login-main {
        background-color: #2f4a51;
        width: 100%;
        height: auto;
        /* background-image: url(../img/bg_pattern.png); */
        background-repeat: repeat;
    }
    .user-serchlist-place-input-area button {
        position: absolute;
        top: -36px;
        background: none;
        right: 0px;
        border: none;
        color: #7e9ea5;
        text-decoration: underline;
    }
    .searchlist-select-box select {
        background: transparent;
        color: #496267;
        border: #496267 solid 1px;
        margin: 0px 0;
        border-radius: 0;
        color: #7e9ea5;
        width: 140px;
        /* width: 100%; */
        font-size: 13px;
        border-radius: 7px;
        font-weight: 600;
        margin-bottom: 13px;
    }
    .img-restau-wrap-search-list {
        height: 264px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .user-index-search-result-box-footer {
        background: #24373d;
        color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px;
        border-radius: 0 0 8px 8px;
        flex-wrap: nowrap;
    }
    .zy-dashboard-select-row h1 {
        color: #fff;
        font-size: 26px;
        font-weight: 600;
        text-transform: capitalize;
        /*font-family: 'FabrikatMono-Light';*/
        letter-spacing: 0px;
    }
    .useInterview-tab-area ul {
        border-bottom: solid 1px #30454c;
        padding-left: 0px;
        height: auto;
    }
    .scan-code-wrap {
        background-color: #21383e;
        padding: 20px 0px;
    }
    .staff-btn {
        border: solid 2px #9bae55;
        border-radius: 23px;
        padding: 13px 25px!important;
        cursor: pointer;
        color: #2c474e;
        font-size: 13px;
        font-weight: 600;
        position: relative;
        background: #9bae55;
        text-align: center;
        text-transform: uppercase;
        transition: all ease 0.3s;
    }
    .staff-btn {
        padding: 16px 35px!important;
        width: auto;
        margin: 0 15px;
    }
    /* .work-btn {
        margin: 0 !important;
        width: 100%;
    } */
    .carousel-caption {
        position: absolute;
        right: 15%;
        top: 100px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }
    .dashboard-applicants .fair-wrap {
        background-color: #fff;
        padding: 6px 26px;
        border-radius: 6px;
        /*font-family: 'FabrikatMono-Light';*/
        font-size: 13px;
        letter-spacing: 0px;
        color: #262929;
        font-weight: 600;
    }
    .dashboard-applicants .hired {
        background-color: #e3fcf6;
        padding: 30px 99px 15px;
        border-radius: 6px;
        /*font-family: 'FabrikatMono-Light';*/
        font-size: 13px;
        letter-spacing: 0px;
        color: #262929;
        font-weight: 600;
        height: 175px;
    }
    .dashboard-applicants .job-request {
        background-color: #fff;
        padding: 30px 15px 15px;
        border-radius: 6px;
        /*font-family: 'FabrikatMono-Light';*/
        font-size: 13px;
        letter-spacing: 0px;
        color: #262929;
        font-weight: 600;
        height: auto;
        margin: 15px 0px;
        width: 100%;
    }
    .dashboard-applicants .total-applicants {
        background-color: #c79363;
        padding: 30px 20px 15px;
        border-radius: 6px;
        /*font-family: 'FabrikatMono-Light';*/
        font-size: 13px;
        letter-spacing: 0px;
        color: #fffdfa;
        height: 208px;
        margin-bottom: 20px;
    }
    .dashboard-video-wrap {
        background-image: url(../img/dashboard/restaurant-image.jpg);
        height: 175px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .sidebar-expanded {
        width: 250px;
        position: relative;
        z-index: 999999;
    }
    .sidebar-collapsed span {
        font-size: 20px!important;
    }
    .profile-heading {
        /*font-family: 'FabrikatMono-Light';*/
        font-size: 31px;
        color: #fff;
        text-transform: uppercase;
        margin-top: 20px;
        text-align: center;
    }
    .text-mobile-view-day {
        flex-direction: row!important;
    }
    .restuarent-profile-pic .profile-pic1 {
        max-width: 371px;
        max-height: 128px;
        display: block;
    }
    .restuarent-profile-pic .circle1 {
        border-radius: 4px !important;
        overflow: hidden;
        width: 100%;
        height: 100%;
        border: 2px solid #fff;
        margin: auto;
        background-color: #fff;
    }
    .job-fair-priview-bottom-button {
        margin-bottom: 23px;
    }
    .job-fair-priview-bottom-button a {
        border: solid 1px #99ab55;
        color: #99ab55;
        text-transform: uppercase;
        padding: 8px 22px;
        border-radius: 16px;
        font-size: 13px;
        font-weight: 600;
        margin-right: 7px;
    }
    .job-fair-priview-bottom-buton-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: left;
        margin: 25px 0;
        flex-wrap: wrap;
    }
    .profile-img-dropdown {
        background-color: #21393e;
        border-radius: 0px;
        border: 1px solid #21393e;
        position: absolute!important;
        left: -85px;
    }
    .zy-dashboard-select-box {
        margin: 6px 4px;
    }
    .job-fair-tab-area li a {
        color: #82a4ad;
        font-size: 11px;
        font-weight: 500;
        padding: 4px 0px;
        border-radius: 0 !important;
        margin: 0 17px 0 0;
        font-weight: 600;
    }
    .premium-wrap {
        background-color: #b8cc6f;
        border-radius: 12px;
        padding: 23px;
        transform: translateY(3px);
        background-image: url(../img/dotted_img.png);
        margin-bottom: 20px;
    }
    .bg-login {
        background-color: #2f4a51;
        width: 100%;
        height: 100%;
    }
    .industry-login-form {
        padding: 20px;
    }
    .pricing-plan-wrap .pricing-img {
        width: 100%;
        height: 130px;
        position: relative;
    }
    .pricing-plan-wrap {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0px 4px 20px rgba(249, 249, 249, 0.9);
        transition: all ease 0.4s;
        padding: 15px 15px;
    }
    .pricing-plan-wrap .price-content {
        color: #7c7d7f;
        margin-top: 20px;
        line-height: 29px;
        font-size: 14px;
        padding: 0px 5px;
        height: 125px;
    }
    .pricing-submit-btn {
        margin: 17px 12px 0;
        padding: 11px 0px;
    }
    .expert-banner-content-heading {
        color: #fff;
        font-weight: 700;
        font-size: 25px;
        margin-bottom: 12px!important;
    }
    .expert-slider .slick-dots {
        position: absolute;
        bottom: -7%;
    }
    .features-bg {
        padding-bottom: 0px;
    }
    .icon-comment-interview1 .img1,
    .icon-phone-interview1 .img1,
    .icon-phn-interview1 .img1,
    .icon-cross-interview1 .img1,
    .icon-comment-interview1,
    .icon-phone-interview1,
    .icon-phn-interview1,
    .icon-cross-interview1,
    .icon-save-interview1 {
        bottom: 0px;
    }

    #demo .height-fixed img {
        width: 26%;
    }

    /* .goog-te-gadget .goog-te-combo, .goog-te-gadget-simple {
        padding: 7px 20px 7px 35px !important;
        font-size: 9px;left: 50px;
        position: absolute;top: -5px;width: 159px;
    } */
    .btn-swichDash.upgrading-icons img{
        width: 70%;
    }
    .round-text-wrap {
        border-radius: 20px;
        padding: 8px 11px;
        font-size: 13px!important;
    }
    .color-editor-wrap {
        position: relative!important;
        right: 15px;
        top: 17px;
    }
    .color-editor-wrap1 {
        position: relative!important;
        left: 0px!important;
        top: 18px;
    }
    .resume-builder ul {
        padding-left: 21px;
        padding-top: 6px;
    }
    .spec-pd-mb {
        padding: 2px 4px!important;
    }
    .t1-width {
        width: 111px!important;
    }
    .t2-width {
        width: 110px!important;
    }
    .user-search-box-info-apply-row {
        background: #fafcfd;
        margin: 0px 0;
        padding: 0px;
        /* font-family: 'FabrikatMono-Light'; */
        letter-spacing: 0px;
        font-weight: 600;
        color: #212529;
        font-size: 11px;
        vertical-align: text-top;
    }
    .navbar {
        padding: .5rem 1rem!important;
    }
    .new-dashboard-logo- {
        width: 40px;
    }
    .dash-parent-company {
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .dashboard-card .notification {
        background-color: #e55c6e;
        width: 25px;
        height: 25px;
        border-radius: 12px;
        position: absolute;
        top: 10x;
        right: 26%;
        padding: 6px 2px 2px 5px;
        font-size: 11px;
    }
    .popular {
        position: absolute;
        right: 15px;
        top: 0px;
    }
    .staff-btn2 {
        border: solid 2px #9bae55;
        border-radius: 23px;
        padding: 6px 15px!important;
    }
    .user-serch-index-left-upper-menu ul {
        padding: 0;
        margin: 0 8px;
        list-style: none;
    }
    span.invite-notificaion {
        float: none !important;
        background: #b0ca5e;
        width: 20px;
        height: 20px;
        display: inline-block;
        border-radius: 50%;
        font-size: 10px;
        text-align: center;
        margin: 0 0 0 3px;
        line-height: 24px;
    }
    .user-serch-index-left-upper-menu ul li a {
        text-decoration: none;
        color: #9bae55;
        padding: 15px 4px;
        display: block;
        border-bottom: solid 1px #49666e;
        font-size: 13px;
    }
    .user-serch-index-left-upper-menu ul li a span img {
        width: 8px;
    }
    .icon1 {
        left: 220px;
        position: absolute;
        z-index: 9999999;
        top: 165px;
    }
    .dash-btn-new,
    .dash-btn-new- {
        line-height: 21px;
        transition: ease all 0.3s;
        display: inline-block;
        margin-bottom: 12px;
    }
    .pb-378 {
        padding-bottom: 678px;
    }
    .height-full {
        height: auto;
    }
    .w-50-sign {
        width: 100%;
        float: left;
    }
    .profile-img-wrap {
        padding: 0px;
        margin-left: 11px;
    }
    .wrap-edit-tool1 {
        position: absolute;
        right: 24%;
        top: -16px;
    }
    .field-icon-lft-edit {
        float: right;
        margin-right: 12px;
        margin-top: -29px;
        position: relative;
        z-index: 2;
        cursor: pointer;
        color: #d0d0d0;
        font-size: 16px !important;
        left: -16px;
    }
    .user-index-search-result-box-footer {
        background: #24373d;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex!important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px;
        border-radius: 0 0 8px 8px;
        flex-wrap: nowrap;
    }
    .video-heading-wrap {
        text-align: center;
        padding-top: 12px;
    }
    .video-container {
        width: 100%;
        height: auto;
        position: relative;
    }
    .search-job-msg {
        font-size: 12px;
        padding-left: 28px;
        padding-right: 10px;
    }
    .serach-btn-message-wrap .serach-btn-user-1 {
        padding: 9px 20px;
    }
    .career-btn {
        float: left;
    }
    .heading-wrap {
        position: absolute;
        top: 27%;
        right: 36%;
        z-index: 99999999;
        text-align: center;
    }
    .career-banner {
        height: 139px;
    }
    .career-header img {
        /* max-width: 53px;
        margin-right: 12px;
        max-height: 86px; */
        width: 100%;
    }
    .career-tab-area ul {
        padding-left: 0px;
        height: 45px;
        padding-top: 14px;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
    }
    /* .career-bg-color {
        padding: 15px 0;
        height: auto;
    } */

    /* .career-bg-color-responsive{
        min-height: calc(100vh - 141px) !important;
    } */

    .user-navbar-right {
        padding-right: 20px;
    }
    section.zy-restaurant-dashboard-sec- {
        background: #2d444a;
        padding: 180px 0 30px;
    }
    .word-mb-wrap {
        word-break: break-word;
    }
    .user-serch-place-input-area input {
        font-size: 12px;
    }
    .user-index-search-header-items .zy-dashboard-select-box a {
        border: none;
        text-align: right!important;
    }
    .user-serch-index-container {
        overflow: hidden;
    }
    .user-serch-index-left-location {
        width: 100%!important;
    }
    .completion-msg {
        color: #98aa56;
        font-size: 30px;
    }
    .brt-bt-40 {
        margin-top: 40px;
    }
    .tab-wrap ul li a.finished {
        text-transform: capitalize;
        color: #fff;
        font-size: 13px;
        position: relative;
    }
    .create-job-posteing-form-row {
        padding: 0px;
    }
    .tooltip .tooltiptext {
        left: -607%;
    }
    .tooltip .tooltiptext::after {
        left: 63%;
    }
    .heading-modal {
        text-align: center;
        font-size: 20px;
        color: #fff;
    }
    .mb-fair-wraper-1 {
        position: absolute;
        right: 64%;
        top: 21px;
    }
    .mb-profile-wraper {
        position: absolute;
        right: 23px;
        top: 21px;
    }
    /* .work-btn {
        font-size: 12px;
        margin: 0 !important;
        padding: 16px !important;
    } */
    .industry-login-form label {
        margin-bottom: 0px;
    }
    .profile-img-dropdown {
        z-index: 999999999;
    }
    .restuarent-profile-logo .upload-button-sub {
        padding: 10px 12px;
        font-size: 10px;
    }
    .my-plan-upgrate-plan {
        margin-bottom: 20px;
    }
    .my-plan-current-plan1 .renew-date span {
        color: #ee7c37;
        display: block;
    }
    .btn-my-plan-payment {
        margin: 14px 0 0px;
    }
    .my-plan-visa-card {
        background-color: #FFF;
        padding: 10px 10px;
        display: initial;
        font-size: 14px;
    }
    .my-plan-current-plan {
        padding: 8px 15px 20px;
    }
    .btn-my-plan-view {
        padding: 14px 10px;
    }
    .basic-wrap,
    .premium-wrap {
        margin-bottom: 40px!important;
        display: block;
        height: auto;
    }
    .h-indus1 {
        height: 235px;
    }
    .restuarent-profile-logo .upload-button {
        cursor: pointer;
        background-color: #264148;
        border: 1px solid #264148;
        border-radius: 19px;
        padding: 10px 9px;
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
        font-weight: 600;
        font-size: 8pt;
        text-decoration: underline;
        color: #9bae55;
        transition: all ease 0.5s;
    }
    .restuarent-profile-pic .upload-button1 {
        cursor: pointer;
        background-color: #264148;
        border: 1px solid #264148;
        border-radius: 19px;
        padding: 10px 7px;
        font-size: 9px;
    }
    .zy-dashboard-back-btn {
        margin-bottom: 14px;
    }
    .zy-dashboard-select-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .teaser-frame .modal-body .title {
        color: #9bae55;
        font-size: 15px;
    }
    .teaser-frame .modal-body {
        background-color: #2f4a51;
        padding: 30px 0px;
    }
    .my-plan-current-plan1 .renew-date {
        margin-top: 20px;
        width: 100%;
    }
    .my-plan-current-plan1 .basic,
    .my-plan-current-plan1 .month-wrap,
    .my-plan-current-plan1 .view-plan {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .setup-btn {
        /*font-family: 'FabrikatMono-Light';*/
        border: solid 2px #9bae55;
        border-radius: 23px;
        padding: 11px 13px!important;
        cursor: pointer;
        color: #2c474e;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        background: #9bae55;
        text-align: center;
        text-transform: uppercase;
        transition: all ease 0.3s;
    }
    .total-applicants-wrap-top .sort-dropdown select {
        background: transparent;
        color: #5a757c;
        border: solid 1px #7e9ea5;
        margin: 0px 0;
        border-radius: 0;
        color: #7e9ea5;
        width: 100%;
        height: 34px;
        font-size: 14px;
        border-radius: 5px;
        display: inline-block;
        font-weight: 600;
    }
    .tab-wrap ul li a {
        text-transform: capitalize;
        color: #82a4ad;
        font-size: 13px;
        position: relative;
    }
    .shift-work-checkbox {
        margin: 10px 0 0 0;
    }
    .work-shift-time li:last-child {
        float: left;
        margin: 0 0px 0 0;
        width: 87px;
        height: 40px;
        position: relative;
    }
    .work-shift-time li {
        float: left;
        margin: 0 7px 0 0;
        width: 87px;
        height: 40px;
        position: relative;
    }
    .work-shift-time label {
        padding: 5px 1px;
        border: 1px solid #2c474e;
        cursor: pointer;
        z-index: 90;
        color: #496269;
        text-align: center;
        border-radius: 15px;
        font-size: 13px;
    }
    .work-shift-time {
        list-style-type: none;
        margin: auto;
        padding-top: 10px;
        float: left;
        padding-left: 0px;
    }
    .shift-work-wrap {
        border: solid 2px #496269;
        padding: 4px 6px 6px;
        border-radius: 11px;
        height: 123px;
    }
    .user-search-detail-info-button a {
        background: #9bae55;
        color: #2c474e;
        padding: 10px 13px;
        display: inline-block;
        border-radius: 22px;
        font-size: 11px;
        font-weight: 600;
        margin: 0px;
        transition: all ease 0.3s;
    }
    .user-search-detail-info-company-phone span img {
        width: 16px;
        position: absolute;
        left: -11px;
    }
    .user-search-detail-info-company-phone {
        font-size: 14px;
        position: relative;
        padding-left: 22px;
    }
    .resume-builder table tr td {
        vertical-align: top;
        line-height: 17px;
        padding: 13px 4px;
    }
    .user-search-detail-info-company-name {
        color: #9bad55;
        padding: 10px 0px 0px 0px;
        font-size: 15px;
        font-weight: 600;
    }
    .user-search-detail-info-logo {
        /* background: #fff; */
        /* width: 100%;
        height: 102px; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 11px;
        /* margin-bottom: 15px; */
    }
    .user-search-detail-info-header {
        justify-content: center;
    }
    .btn-signup-email {
        font-size: 14px;
        padding: 8px 7px;
    }
    .btn-signup-email i {
        font-size: 14px!important;
        margin-right: 20px;
    }
    .btn-twitter {
        font-size: 14px;
        padding: 8px 7px;
    }
    .btn-twitter i {
        font-size: 17px!important;
        margin-right: 23px;
    }
    .btn-facebbok {
        font-size: 14px;
        padding: 8px 7px;
    }
    .btn-facebbok i {
        font-size: 17px!important;
        margin-right: 6px;
    }
    .text-create-act {
        font-size: 20px;
    }
    .lang-select .b {
        display: none;
        width: 100%;
        max-width: 131px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 0px;
        position: absolute;
        background-color: #f4faf6;
        margin-top: 20px;
        left: -11px!important;
    }
    .lang-select #a img,
    .lang-select .btn-select img {
        width: 14px;
    }
    .lang-select .btn-select:before {
        display: none;
    }
    .text-login {
        font-size: 11px;
    }
    .lang-select .btn-select {
        border: solid 2px #c79363;
        border-radius: 23px;
        padding: 10px 12px 8px 13px !important;
        cursor: pointer;
        color: #c79363;
        font-size: 11px;
        font-weight: 600;
        position: relative;
        background: transparent;
        width: 89px;
        margin-left: 12px;
    }
    .login-header {
        padding-top: 10px;
        display: flex;
        justify-content: flex-end;
    }
    .mx-top-logo-main {
        margin-top: 78px;
    }
    .zy-dashboard-back-btn.absolute {
        position: relative;
        margin: 0;
        text-align: left;
        padding: 0;
    }
    .btn-check-modal {
        background-color: #98aa56;
        padding: 14px 31px 14px;
        color: #fff;
        border-radius: 23px;
        margin-left: 13px;
        transition: all ease 0.5s;
        width: 226px;
        display: inline-block;
        text-align: center;
    }
    .step2-wrap {
        padding: 19px 0px 0px 30px;
        background-color: #2d444a;
        border: 1px solid #374d48;
        border-radius: 23px;
        margin-bottom: 1px;
        width: 299px;
    }
    .tab-wrap ul li {
        display: table-cell;
        padding: 7px 13px 7px 21px;
        margin: 0px;
    }
    .login-signup-bg-area {
        padding: 20px 0 0px 0;
        position: relative;
    }
    .text-back-indu {
        color: #43585d;
        font-size: 110px;
        text-transform: uppercase;
        text-align: center;
        font-weight: 600;
        margin-top: 0px;
    }
    .setup-wrapimg-right:before {
        content: '';
        position: absolute;
        width: 41px;
        height: 95%;
        background-image: none;
        left: -16px;
        top: 75px;
    }
    .bg-login {
        background-color: #2f4a51;
        width: 100%;
        height: inherit;
        margin-top: 160px;
    }
    .btn-login {
        color: #3ba496!important;
        background-color: #f7e73a;
        padding: 8px 19px!important;
        letter-spacing: 0px;
        border-radius: 19px;
        margin-left: 0px;
        transition: all ease 0.3s;
        width: 94px;
    }
    #collapsibleNavbar {
        background-color: #3ba496;
        padding: 10px 20px;
        position: absolute;
        width: 324px;
        z-index: 99999;
        top: 59px;
        right: -90px;
    }
    header {
        background-image: url(../img/banner_2.png);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 61%;
    }
    .heading-signup-cross {
        color: #3a8195;
        font-weight: 800;
        margin-top: 5px;
        font-size: 43px;
        margin-bottom: 20px;
    }
    .mx-mb-20 {
        margin-bottom: 20px;
    }
    .float-right {
        /* float: left!important; */
        float: right!important;
    }
    .amaz-features-wrap.mt-wrap {
        margin-top: 11px;
    }
    .logo-width {
        max-width: 90px;
        width: 100%;
    }
    .pricing-plan-wrap .pricing-img img {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }
    .pricing-plan-wrap .pricing-img {
        width: 100%;
        height: 293px;
        position: relative;
    }
    .pricing-plan-wrap .price-content {
        height: auto
    }
    .expert-slider .slick-dots {
        position: absolute;
        bottom: -4%;
    }
    .login-submit-btn {
        padding: 11px 30px;
    }
    .setup-wrap-right .arw-left {
        left: 20%;
    }
    .icon-comment-interview1 .img1,
    .icon-phone-interview1 .img1,
    .icon-phn-interview1 .img1,
    .icon-cross-interview1 .img1,
    .icon-save-interview1 .img1 {
        width: 40px;
    }
    .img2 {
        width: 40px;
    }
    .restau-interview--wrap .interview-details {
        height: auto !important;
        margin-bottom: 20px;
    }
    .login-submit-btn {
        padding: 12px 30px !important;
        /* width: auto; */
    }
    .work-btn {
        padding: 12px 30px;
    }
    .interview-invite-profile .view-applicant-btn {
        margin: 10px 0;
    }
    .interview-invite-profile .profile-btn {
        display: block;
    }
    .icons-box-right {
        right: 0;
        bottom: 0;
    }
    #pc1 {
        display: none;
    }
    a.btn.absolute-btn {
        display: none;
    }

    .carousel-indicators {
        bottom: 30px;
    }

    .qr-tab-area ul.qr-navs li a {
        padding: 10px 30px;
        font-size: 14px;
    }

    .mobile-progess-bar-new {
        width: 60%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .non-mandatory-checked, .mandatory-checked {
        margin-left: 0 !important;
        padding: 20px 15px !important;
    }

    .preview-wrap{
        margin-top: 25px;
    }

    .step2-wrap{
        width: 100%;
    }

    .inner-checkbox-section {
        width: 100% !important;
    }

    .spacing-btn {
        gap: 15px;
        justify-content: center !important;
    }

    .tab-wrap{
        background-color: transparent;
    }

    .w-md-100{
        width: 100% !important;
    }

    .available-days-mobile{
        display: block;
    }

    .available-days-pc{
        display: none;
    }

    .create-job-posteing-content-heading{
        padding-bottom: 0;
    }

    /* .days-boxes{
        background-color: transparent !important;
        border-radius: 0 !important;
    } */

    .days {
        padding: 0px 5px !important;
        height: auto !important;
        /* border-radius: 15px; */
    }

    .days li {
        justify-content: left !important;
        margin: 10px 0 !important;
    }

    .days li span{
        order: 1;
        margin-left: 10px;
    }

    .days li label {
        /* order: 2; */
        margin-bottom: 0;
        margin-left: 10px;
    }

    .meals {
        padding: 5px 10px !important;
        height: auto !important;
        /* display: none; */
    }

    .cancelplan .modal-content .modal-footer button {
        padding: 12px 35px;
    }

    .bg-theme {
        height: 160px;
    }

    .dashboard-bg{
        margin-top: 160px;
    }

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

    section.zy-restaurant-dashboard-sec- .sticky-topsection{
        top: 160px;
    }

    .bg-login-main1{
        margin-top: 160px;
    }

    .bg-theme.header-height {
        height: 83px;
        max-height: 160px;
    }
    section.zy-restaurant-dashboard-sec-.header-height{
        padding: 100px 0 30px;
    }

    #sidebar-container.header-height{
        top: 83px;
    }

    .dashboard-bg.header-height{
        margin-top: 83px;
    }

}

@media (max-width: 699px){
    .sidebar-collapsed ~ .dashboard-bg {
        margin-left: 8.5%;
    }
}

@media (max-width: 580px){
    .sidebar-collapsed ~ .dashboard-bg {
        margin-left: 10%;
    }
}

@media (max-width: 540px) {
    .dashboard-bg {
        margin-left: 12%;
    }
    .career-header img {
        width: 100%;
    }
    .icon1 {
        left: 160px;
        position: absolute;
        z-index: 9999999;
        top: 160px;
    }
    .text1 {
        left: 0px;
        position: absolute;
        z-index: 999;
        top: 150px;
        /* width: 60px; */
        /* height: 60px; */
    }
    .setup-btn {
        font-size: 12px;
        display: block;
    }
    .payment-new-btn {
        font-size: 14px;
        text-transform: uppercase;
        padding: 12px 30px !important;
    }
    .sidebar-expanded {
        width: 190px;
    }
    #sidebar-container .list-group a {
        font-size: 12px;
    }
    .dashboard-heading {
        font-size: 14px;
    }
    .btn-upgrate {
        width: 125px;
    }
    .goog-te-gadget .goog-te-combo,
    .goog-te-gadget-simple {
        padding: 11px 22px 11px 22px !important;
        font-size: 12px;
    }
    a.bck_dashboard {
        margin-bottom: 10px;
    }
    .zy-dashboard-back-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .zy-dashboard-back-btn a {
        margin: 5px 0;
        font-size: 10px;
        padding: 5px 10px;
    }
    .div_postbtn {
        right: 50%;
        top: 150px;
        transform: translateX(50%);
    }
    .call_mobicon {
        display: block !important;
    }
    .call_pcicon {
        display: none !important;
    }

    #demo .height-fixed img {
        width: 28%;
    }

    .qr-tab-area ul.qr-navs li a {
        padding: 10px 20px;
    }

    .zy-dashboard-upper-row{
        position: sticky;
        top: 0px;
        z-index: 9;
        background: #2d444a;
    }

    .job-fair-tab-container .useInterview-tab-areaNEW .nav.nav-pills{
        /* position: sticky; */
        top: 55px;
        z-index: 9;
        /* background: #2d444a; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .zy-dashboard-upper-row.desktop-screen .new-collapse{
        display: none;
    }

    .mobile-progess-bar-new{
        width: 80%;
    }

    .create-job-posteing-header span, .create-job-posteing-header span.active {
        width: 25px;
        height: 25px;
    }

    .create-job-posteing-header{
        width: 80%;
    }

    .create-job-post-checkbox-row .create-job-post-check-modal{
        width: 180px;
        padding: 10px;
    }
    .step2-checkbox [type="radio"]:not(:checked)+label::after, .step2-checkbox [type="radio"]:checked+label::after{
        top: 14px;
    }
}

@media (max-width:464px) {
    /* .login-submit-btn{
        margin-top: 30px !important;
    } */

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

    .text1 {
        width: 43px;
        height: 43px;
    }
    .sidebar-collapsed {
        width: 43px;
    }
}

@media (max-width:442px) {
    .sidebar-expanded {
        width: 100%;
        min-height: auto !important;
    }

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

    .sidebar-expanded ~ .dashboard-bg {
        margin-left: 0;
    }

    .icon1 {
        /* top: 110px; */
        left: 95%;
    }
    .btn-upgrate {
        width: 110px;
        margin: 2px 2px !important;
        font-size: 10px;
    }
    .goog-te-gadget .goog-te-combo,
    .goog-te-gadget-simple {
        padding: 11px 20px !important;
        font-size: 10px;
    }
    .div_postbtn {
        top: 140px;
    }
    .zy-dashboard-back-btn {
        justify-content: center;
        margin: 0px 50px;
        column-gap: 25px;
    }

    .carousel-indicators {
        bottom: 0px;
    }

    #demo .height-fixed img {
        width: 32%;
    }

    .zy-dashboard-back-btn.absolute {
        margin-bottom: 20px;
    }
}

@media (max-width: 414px) {
    /* .login-submit-btn {
        padding: 15px 0;
        width: 100%;
        margin: 0 0 15px 0;
    } */
    /* .login-submit-btn {
        padding: 10px 30px;
        font-size: 10px;
    } */
    /* .work-btn {
        font-size: 10px;
        margin: 0px 6px 15px 4px !important;
        padding: 10px !important;
    } */
    .user-search-box-info-apply-button {
        display: flex;
        justify-content: center;
        padding: 4px 0 10px;
        position: absolute;
        bottom: 0px;
        left: 3%;
    }
    .user-search-box-info-apply-row {
        background: #fafcfd;
        margin: 0px 0;
        padding: 0px;
        /* font-family: 'FabrikatMono-Light'; */
        letter-spacing: 0px;
        font-weight: 600;
        color: #212529;
        font-size: 11px;
        vertical-align: text-top;
    }
    .user-index-search-result-box-info-description {
        text-align: left;
        font-size: 12px;
        padding: 10px;
        color: #758991;
        /* font-family: 'FabrikatMono-Light'; */
        letter-spacing: 0px;
        font-weight: 600;
    }
    .icon1 {
        left: 94%;
        top: 145px;
    }
    .text1 {
        left: 0px;
        position: absolute;
        z-index: 999;
        top: 140px;
        /* width: 60px; */
        height: 30px;
    }
}

@media (max-width: 376px) {
    /* .goog-te-gadget .goog-te-combo, .goog-te-gadget-simple {
        padding: 7px 20px 7px 35px !important;
        font-size: 9px;
        position: absolute;top: -8px;width: 159px;left:20px;
    } */
    .btn-swichDash {
        padding: 12px 22px;
        width: 40px;
        margin-right: 12px;
    }
    .btn-swichDash img {
        width: 40%;
    }
    .btn-swichDash.upgrading-icons img{
        width: 40%;
    }
    .user-serch-index-left-upper-menu ul {
        padding: 0;
        margin: 0 6px;
        list-style: none;
    }
    .staff-btn2 {
        border: solid 2px #9bae55;
        border-radius: 23px;
        padding: 6px 12px!important;
        font-size: 9px;
    }
    .staff-btn3 {
        border-radius: 23px;
        padding: 7px 12px!important;
        font-size: 9px;
        line-height: 30px;
    }
    .icon1 {
        top: 140px;
    }
    .text1 {
        left: 0px;
        position: absolute;
        z-index: 999;
        top: 135px;
        width: 40px;
        height: 40px;
    }
    .mb-fair-wraper-1 {
        position: absolute;
        right: 64%;
        top: 21px;
    }
    .dashboard-bg {
        background-color: #f1f9fb;
        padding: 13px;
    }
    .sidebar-collapsed ~ .dashboard-bg {
        margin-left: 11%;
    }
}

@media (max-width: 360px) {
    .profile-img-wrap .profile-img {
        border: 2px solid #36535b;
        width: 46px;
        height: 46px;
        overflow: hidden;
        display: inline-block;
        border-radius: 35px;
        margin-right: 5px;
    }
    .mb-profile-wraper {
        position: absolute;
        right: 23px;
        top: 15px;
    }
    .profile-img-wrap {
        padding: 0px;
        margin-left: 4px;
    }
    /* .career-header img {
        max-width: 41px;
        margin-right: 12px;
        max-height: 86px;
    } */
    .career-tab-area li a {
        color: #82a4ad;
        font-size: 12px;
        font-weight: 500;
        padding: 4px 6px;
        border-radius: 0 !important;
        margin: 0 11px 0 11px;
        font-weight: 600;
    }
    #body-row {
        margin-left: 0;
        margin-right: 0;
        overflow-x: hidden;
    }
    .dashboard-bg {
        background-color: #f1f9fb;
        padding: 3px;
    }
    .sidebar-collapsed {
        width: 43px!important;
    }
    .text-days {
        color: #d2d2d2!important;
        font-size: 11px;
        letter-spacing: 0px;
        padding-top: 15px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .icon1 {
        top: 140px;
        left: 90%;
    }
    .footer-icons-applicant h6 {
        font-size: 8px;
    }

    #demo .height-fixed img {
        width: 35%;
    }

    #accountSetupModal .login-submit-btn {
        width: auto;
        padding: 8px 16px !important;
        font-size: 12px;
    }

    .create-job-cancel-next-btn-row{
        flex-wrap: wrap-reverse;
        padding: 0;
    }
}

@media (max-width: 320px) {
    .filter-interview-btnNew {
        position: absolute;
        right: 20px;
        top: -29px;
    }
    .goog-te-gadget .goog-te-combo,
    .goog-te-gadget-simple {
        padding: 7px 20px 7px 35px !important;
        font-size: 9px;
        position: absolute;
        top: -6px;
        width: 159px;
        left: 0px;
    }
    .btn-swichDash {
        color: #eaeaea!important;
        text-transform: uppercase;
        position: absolute;
        top: 28px;
        background-color: #496267;
        padding: 6px 22px;
        left: 0px;
        border-radius: 21px;
        font-size: 10px;
        letter-spacing: 0px;
        width: 160px;
        text-align: center;
        margin-top: 1px;
        margin-left: 1px;
        margin-right: 12px;
    }
    .icon1 {
        left: 90%;
        position: absolute;
        z-index: 9999999;
        top: 130px;
    }
    .text1 {
        left: 0px;
        position: absolute;
        z-index: 999;
        top: 120px;
        width: 43px;
        height: 43px;
    }
    .job-fair-img {
        width: 57px;
    }
    .mb-fair-wraper-1 {
        position: absolute;
        right: 65%;
        top: 21px;
    }
    .signup-here-text {
        text-align: center;
        padding: 8px 0 25px;
        font-weight: 500;
        color: #9ca7b6;
        font-size: 14px;
    }
    .staff-btn {
        border: solid 2px #9bae55;
        border-radius: 23px;
        padding: 9px 20px!important;
        cursor: pointer;
        color: #2c474e;
        font-size: 13px;
        font-weight: 600;
        position: relative;
        background: #9bae55;
        text-align: center;
        text-transform: uppercase;
        transition: all ease 0.3s;
    }
    .btn-swichDash {
        padding: 12px 22px;
        width: 40px;
        margin-right: 12px;
        top: 0px;
        left: 35px;
    }
    .btn-swichDash img {
        width: 40%;
    }

    .btn-swichDash.upgrading-icons img{
        width: 40%;
    }
    
    .goog-te-gadget .goog-te-combo,
    .goog-te-gadget-simple {
        padding: 11px 20px !important;
        font-size: 10px;
        width: 94px;
        top: 0px;
        left: 90px;
    }

    #demo .height-fixed img {
        width: 40%;
    }
}