*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  border: 0;
}
@media screen and (min-device-height: 657px) and (max-device-height: 979px) {
  .phone-bg {
    background-image: url(/img/iphone-d.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100% 100%;
    width: 410px;
    height: 660px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .phone-inn {
    background: var(--dark-grey);
    width: 216px;
    height: 490px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .phone-inn video {
    width: 100%;
    height: 100%;
  }
  .mouse {
    bottom: 20px;
  }
}
@media only screen and (max-width: 1899px) {
  .center {
    padding: 0 2%;
  }
  header .center {
    padding: 1% 2%;
  }
  .banner {
    padding: 140px 0 0;
  }
  .find-content input[type="text"] {
    width: 50%;
  }
  .upper-landing {
    background-repeat: no-repeat;
    background-size: cover;
  }
  .jobs-lists-row ul.recent-job-list li {
    width: 90%;
  }
  .jobs-lists-row .start-now,
  .jobs-lists-row p.buttom_text6_p {
    min-width: 90%;
    width: 90%;
  }
  .slider {
    margin: -74px auto 0;
  }
}
@media only screen and (max-width: 1600px) {
  .provider-box p,
  .provider-box span.sub-text {
    height: 80px;
  }
  .best-responsive-tab-contents:not(.lgTabToggle-tab-responsive-active) {
    padding: 20px !important;
  }
  .banner {
    padding: 200px 0 50px;
  }
  .landing-slider {
    margin: 50px 0 0;
  }
  .upper-landing {
    padding: 0 0 60px;
  }
  .jobs-tabs .more-jobs {
    right: 32px;
  }
  .category-section .category-botton {
    border-radius: 5px;
    font-size: 12px;
    padding: 0 2px;
  }
  .logo-login {
    left: 15px;
  }
  .login-bg-box img {
    height: 100%;
    object-fit: cover;
  }
  .add-category-filter-set1 li a,
  .add-category-filter-set2 li a,
  .create-job-steps .steps-row li span,
  .history-review-job ul.tabs li a,
  .job-post-details-info ul.address-post li p,
  .job-post-details-info ul.new-lang li,
  .new-job-details .job-post-details-info .wallet-tab ul.tabs li a,
  .post-features-inn h4,
  .profile-button-row .profile-button-right .bttn.chat-btn,
  .profile-button-row .profile-button-right .bttn.favourites-btn,
  .profile-button-row .profile-button-right .bttn.hire-btn,
  .profile-setting-row p,
  .search-result-tab .tabs li.active a,
  .setiing-block
    .settings-right
    .step_1
    .verifications-form
    ul
    li:first-child
    input.input-field,
  .setiing-block .settings-right .step_5 .verifications-form .onoff-btn,
  .setiing-block .settings-right .step_5 .verifications-form p,
  .setiing-block .settings-right .verifications-form ul li input.input-field,
  .setiing-block .settings-right .verifications-form ul li label,
  .verifications-form ul li label {
    font-size: 14px;
  }
  .blog-details-section p,
  .dnt-acnt,
  .edit-box h6,
  .job-post-details-info-box h4,
  .new-job-details .job-post-details-info .wallet-tab ul.tabs li.active a,
  .profile-setting-row h6,
  .provide-service h4,
  .setiing-block .settings-left .settings-ul li,
  .setiing-block .settings-right .step_6 .verifications-form p,
  .step_5 .verifications-form h6,
  .verifications-form ul li input.input-field {
    font-size: 16px;
  }
  .job-post-details .post-heading h2 {
    font-size: 35px;
  }
  .job-post-details-info ul.address-post li p {
    margin-right: 12px;
  }
  .new-job-details .job-post-details-info ul.payment-heading li > div {
    font-size: 13px;
  }
  .setiing-block .settings-left h4,
  .setiing-block .settings-right .step-level {
    font-size: 20px;
  }
  .choose-attach-file .choose-attach-file-inn .files_address {
    width: calc(100% - 19%);
  }
  .choose-attach-file .choose-attach-file-inn .files_address ul li {
    margin: 0 8px 8px 0;
  }
  .duration-list p {
    margin: 0 20px;
  }
  .choose-budget .rate-box {
    width: 50%;
  }
  .inner-page-content.blog-details,
  .inner-page-content.blog-listing {
    margin: 0;
  }
  .blog-section .blog-right .blog-right-block h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .blog-details-section h2 {
    font-size: 35px;
    line-height: 44px;
    margin: 0 0 16px;
  }
  .blog-box .blog-info h3 a {
    font-size: 16px;
    line-height: 20px;
  }
  .blog-box .blog-info h3 {
    margin: 10px 0;
  }
  .find-content input[type="text"] {
    width: 100%;
    font-size: 13px;
  }
  .select,
  .verefication-row .verefication-content {
    width: 30%;
  }
  .find-content .bttn {
    width: auto;
    min-width: 144px;
    padding: 0 15px;
    font-size: 15px;
    text-align: center;
  }
  .chat {
    height: 540px;
    width: 350px;
    margin: 87px 0 0 180px;
  }
  .jobs-slider {
    width: 47%;
  }
  .banner-content h3,
  .banner-content h4 {
    font-size: 55px;
    line-height: 65px;
    min-height: 160px;
    padding: 0;
  }
  .banner-content .progress-inn h3 {
    min-height: auto;
  }
  .slider-box h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .slider-box p {
    font-size: 16px;
    line-height: 22px;
  }
  .category-box a {
    font-size: 15px;
    line-height: 1;
    word-break: break-word;
  }
  .find-content .onmap-btn {
    padding: 0 15px 0 55px;
    text-align: left;
  }
  .onmap-btn:after {
    left: 26px;
    background-size: 60%;
  }
  .jobs-category-field .KeywordList .category-ato-footer {
    flex-flow: column;
    justify-content: center;
  }
  .suggested-employee .suggest-profile-box .suggest-img {
    width: 100px;
    height: 100px;
  }
  .history-review-job ul.tabs li.active a,
  .sugg-pro-info h6 {
    font-size: 18px;
  }
  .suggested-employee .percircle .slice {
    width: 92px;
    height: 90px;
    top: -4px;
  }
  .suggest-profile-box {
    width: 15%;
  }
  .suggest-profile-row.suggested-employee .suggest-profile-box {
    margin: 0 20px 16px 0;
  }
  .suggested-employee .gt50 .fill,
  .suggested-employee .percircle .bar,
  .suggested-employee .pie {
    width: 100%;
    height: 100%;
  }
  .profile-loged > a.bttn {
    padding: 0 6px;
    font-size: 12px;
  }
  .login-form li input[type="password"],
  .login-form li input[type="text"],
  .login-section .input-text {
    height: 45px;
    line-height: 45px;
  }
  .login-form li input.input-text:focus {
    border-color: var(--white);
  }
  .login-form li span.password-close-eye {
    top: 43px;
  }
  .login-content .referral_section {
    height: 45px;
    line-height: 46px;
    padding: 0 5px 0 10px;
  }
  .login-content .referral_section p {
    height: 35px;
    padding: 0 46px 0 10px;
    font-size: 14px;
    background-position: 96% center;
  }
  .login-content .referral_section input.input-text {
    height: 35px;
  }
  .login-form li {
    margin: 0 0 8px;
  }
  .login-form li a {
    width: 100%;
    display: inline-block;
    overflow: hidden;
  }
  .login-form li a img {
    width: 100%;
  }
  .signup-btn {
    height: 50px;
    line-height: 50px;
  }
  .login-form li p a {
    color: var(--orange);
    width: auto;
    display: initial;
  }
  .login-content h1,
  .login-content h2 {
    font-size: 50px;
    line-height: 55px;
  }
  .acnt-form h3 {
    line-height: 29px;
    text-align: left;
    margin: 0 0 20px;
    font-size: 24px;
  }
  .login-form li label {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 4px;
  }
  .login-form li a.member-link {
    width: auto;
  }
  .center,
  .create-job-publish #step2.fixed-box .edit-box.edit-box-search {
    max-width: 1300px;
  }
  .verefication-steps {
    width: 68%;
  }
  .search-bar .jobs-category-field .category-search-field {
    width: 185px;
    padding: 0 32px 0 12px;
  }
  .search-find-btn {
    min-width: 80px;
    font-size: 15px;
  }
  .job-post-accnt-info .prof-basic-info p {
    display: inherit;
    align-items: flex-start;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
  }
  .post-features ul li {
    font-size: 12px;
  }
  .job-total h4 {
    font-size: 22px;
  }
  .result-list li .rate-addres p {
    margin: 0 10px 0 0;
  }
  .profile-button-row .profile-button-left .bttn,
  .profile-button-row .profile-button-right .bttn.edit-btn,
  .profile-button-row .profile-button-right .bttn.promote-btn {
    margin: 0 2px 0 0;
    font-size: 16px;
  }
  .choose-category-list .sub-category ul li {
    width: 11%;
  }
  .employer_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    p {
    width: 100%;
    text-align: left;
  }
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    p {
    width: auto;
    text-align: left;
  }
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price
    span
    > img {
    margin-right: 8px;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres
    p {
    margin: 0 16px 0 0;
    width: auto;
    display: flex;
    align-items: center;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres
    p
    img {
    margin: 0 8px 0 0;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres
    p:last-child {
    width: 250px;
  }
}
@media only screen and (max-width: 1550px) {
  .banner {
    padding: 130px 0 50px;
  }
  .suggest-profile-box .suggest-img {
    width: 100px;
    height: 100px;
  }
  .sugg-pro-info h6 {
    font-size: 18px;
    line-height: 21px;
  }
  .active-contract-button-row-outer .bottom-row:first-child {
    width: 90%;
  }
  .profile-info {
    margin: 0 16px 0 0;
  }
  .current-job-post .job-post-rates .rates-box label {
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
  }
  .current-job-post .job-post-rates .rates-box a {
    font-size: 13px;
  }
  .current-job-post .job-post-rates .rates-box {
    padding: 8px;
  }
  .current-job-post .job-post-rates {
    width: 58%;
  }
  .current-job-post .job-post-rates .rates-box span {
    font-size: 14px;
    line-height: 16px;
  }
  .current-job-post .job-post-rates .rates-box label em {
    line-height: 20px;
    font-size: 14px;
  }
  .job-post-accnt-info .prof-basic-info {
    width: calc(100% - 160px);
  }
  .find-content input[type="text"] {
    height: 50px;
  }
  .result-list li .rate-addres p:last-child {
    width: auto;
    margin-right: 0;
  }
  .result_blade .search-map-div .window-bottom {
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
  }
  .result_blade .search-map-div .window-bottom .profile-info {
    margin: 10px 0 0;
  }
  .map-window .top-window {
    flex-flow: column;
  }
  .map-window .top-window h3 {
    margin: 0;
  }
}
@media only screen and (max-width: 1299px) {
  .lower-landing {
    padding: 50px 0 0;
  }
  .slider-box h2 {
    font-size: 55px;
    line-height: 65px;
    margin: 0 0 20px;
  }
  .start-bttn-row {
    padding: 30px 0;
  }
  .chat {
    height: 560px;
    width: 350px;
    margin: 92px 0 0 180px;
  }
  .jobs-slider {
    width: 44%;
  }
  .upper-landing .center {
    height: auto;
    display: inherit;
  }
  .blog-box .blog-info h3 a {
    font-size: 16px;
    line-height: 20px;
  }
  .fourm-form button.forum_post_btn {
    width: 32px;
    height: 32px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner-content {
    padding: 0 10px 0 0;
  }
  .banner-content h1,
  .banner-content h2 {
    font-size: 50px;
    line-height: 60px;
    padding: 0 0 40px;
  }
  .best-responsive-tab-content:first-child .find-content input[type="text"] {
    width: 56%;
  }
  .ipad-section,
  .jobs-slider {
    width: 100%;
  }
  .bottom-banner {
    flex-flow: column;
  }
  .ipad {
    margin: 0 auto;
  }
  .chat {
    height: 560px;
    width: 360px;
    margin: 92px 0 0 175px;
  }
  .slider-box h2,
  .slider-box p {
    text-align: left;
  }
  .start-bttn-row {
    float: none;
    margin: 0 auto;
    width: 300px;
  }
  .newsletter input.subscribe-btn {
    min-width: auto;
  }
  .newsletter .sub_email {
    height: 50px;
    line-height: 50px;
    width: calc(100% - 50px);
    font-size: 16px;
  }
  .best-responsive-tab-contents:not(.lgTabToggle-tab-responsive-active) {
    padding: 16px !important;
  }
  .category-section .category-botton {
    font-size: 10px;
    min-width: 95px;
  }
  .find-content .bttn {
    min-width: 115px;
    font-size: 14px;
  }
  .onmap-btn:after {
    left: 16px;
    background-size: 60%;
  }
  .job-post-review .leave-review .review-details .job-post-rating h6 {
    font-size: 13px;
  }
  .job-post-review .leave-review .avarage-rating h6 {
    font-size: 16px;
    line-height: 18px;
  }
  .job-post-review .leave-review .avarage-rating {
    padding: 16px;
  }
  .address-attachments label.custom-file-upload {
    width: 80% !important;
  }
  .fixed-header .header-r ul.after-login-header li.links .view-btn {
    width: auto;
  }
  .service-pack-badge {
    padding: 1px 8px;
    font-size: 11px;
  }
  .provider-box p,
  .provider-box span.sub-text {
    height: 50px;
    -webkit-line-clamp: 3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: flex-start;
    display: block;
  }
}
@media only screen and (max-width: 1600px) {
  .wallet_blade .inner-page-content {
    padding: 76px 0 0;
  }
  .setiing-block
    .settings-right
    .verifications-form
    ul
    li
    span.password-close-eye {
    top: 42px;
  }
  .footer-block.footer-newsletter {
    width: 40%;
  }
  .find-content .bttn {
    margin: 0 0 0 8px;
  }
  .slider-block .slider-text h2 {
    font-size: 35px;
    line-height: 40px;
  }
  .provide-service-row .new-provide a {
    padding: 10px;
    width: 100%;
  }
  .about-toggle.show-more-height p,
  .fixed-header .header-r ul li a,
  .fixed-header .header-r ul.after-login-header li.links .view-btn,
  .languages-list ul li span.level,
  .profile-button-row .profile-button-left .bttn,
  .profile-button-row .profile-button-right .bttn.edit-btn,
  .profile-button-row .profile-button-right .bttn.promote-btn {
    font-size: 14px;
  }
  .education-list img,
  .employee-info .languages-list ul li .langs img,
  .profile-button-row .profile-button-left .bttn span img,
  .profile-button-row .profile-button-right .bttn.edit-btn img,
  .profile-button-row .profile-button-right .bttn.promote-btn img {
    width: 16px;
  }
  .languages-list ul li span.langs {
    font-size: 12px;
    line-height: 1;
  }
  .choose-category-list .sub-category ul li a,
  .employee-profile .edit-languages-list .level select,
  .footer-block ul li a,
  .post-features ul.job-post-category li {
    font-size: 12px;
  }
  .footer-block h5,
  .jobs-lists-row ul.recent-job-list li label,
  .jobs-tabs ul.tabs li a,
  .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li:last-child
    button {
    font-size: 16px;
  }
  .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li
    label {
    font-size: 13px;
  }
  .post-features-inn {
    margin: 0 12px 0 0;
  }
  .profile-infos .infos-box {
    width: 19%;
  }
  .profile-infos .infos-box h2 {
    font-size: 30px;
    line-height: 35px;
  }
  .profile-infos .infos-box span {
    font-size: 13px;
    padding: 10px 0;
  }
  .profile-statements {
    padding: 10px;
  }
  .profile-methods a {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .profile-row {
    margin: 0 0 16px;
  }
  .profile-row-outer .profile-row {
    margin: 0;
  }
  .offer-listing-page h4,
  h4 {
    font-size: 16px;
    line-height: 22px;
  }
  .verefication-row .verefication-content {
    font-size: 13px;
    line-height: 18px;
  }
  .top-category-box .hour-box,
  .verified-steps .steps span {
    font-size: 10px;
  }
  .active-step span,
  .upcomming-steps .steps span {
    font-size: 10px;
    line-height: 12px;
    height: 45px;
  }
  .inner-page-content.profile-home-inner .search-result-page {
    padding: 30px 0 0;
  }
  .add-category-filter li a,
  .aside-box .add-category-filter li a {
    padding: 4px 8px;
    font-size: 12px;
  }
  .result-list li h3 {
    font-size: 17px;
  }
  .result-list li .rate-addres {
    margin: 0 0 18px;
  }
  .edit-box,
  .post-features,
  .profile-button-row {
    margin: 0 0 20px;
  }
  .profile-information .prof-img,
  .profile-information .prof-img img {
    width: 100px;
    height: 100px;
  }
  .profile-information .prof-basic-info p {
    font-size: 12px;
    line-height: 14px;
  }
  .about-description p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  section {
    padding: 0 0 20px;
  }
  .headings-r {
    font-weight: 700;
    font-size: 22px;
  }
  .inner-page-content {
    padding: 70px 0 0;
  }
  .create-job h1,
  .create-job h2 {
    font-size: 24px;
    margin: 0 0 20px;
  }
  .fixed-header .header-r ul.after-login-header li {
    margin: 0 22px 0 0;
  }
  .start-job-bg h2 {
    font-size: 28px;
  }
  .search-bar .jobs-category-field .category-search-field {
    padding: 0 32px 0 6px;
    font-size: 12px;
  }
  .jobs-lists-row ul.recent-job-list li {
    padding: 30px 20px;
  }
  .jobs-tabs ul.tabs li.active a {
    font-size: 24px;
  }
  .jobs-lists-row .start-now {
    font-size: 20px;
    height: 80px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 1599px) {
  .top-category-box-wrap.scrollbar {
    height: 350px;
  }
  .profile-infos .infos-box a {
    padding: 8px;
  }
  .blog-chips {
    font-size: 10px;
    padding: 0 5px;
  }
  .blog-box .blog-info .top-info .date,
  .edit-sub-button li .delet-icon span {
    font-size: 12px;
  }
  .upper-landing .center {
    height: auto;
  }
  .result-employee-section li .result-employee-left .rate-addres p {
    font-size: 13px;
    line-height: 14px;
  }
  .fixed-header .header-r ul.after-login-header li.links .view-btn,
  .profile-button-row .profile-button-left .bttn.edit-btn {
    font-size: 14px;
  }
  .my_post_promote_button .bttn.edit-btn,
  .my_post_promote_button button {
    font-size: 14px;
    height: 45px;
    line-height: 45px;
  }
  .suggested-employee .suggest-profile-box .suggest-img #text_img > span {
    font-size: 34px;
  }
}
@media only screen and (max-width: 1366px) {
  .profile_blade .profile-button-row {
    margin: 0 0 20px;
    flex-flow: column;
  }
  .profile_blade .profile-button-row .profile-button-right {
    width: auto;
    margin: 16px 0 0;
  }
  .address-verifications .verify-card-btn,
  .input-text,
  .register-row .register-btn {
    height: 45px;
    line-height: 45px;
  }
  .best-responsive-tab-content .find-content .jobs-category-field .KeywordList {
    top: 80px;
  }
  .verifications-form ul li input.input-field {
    width: 58%;
  }
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .bid-info
    .bottom-row {
    font-size: 28px;
    line-height: 32px;
  }
  .profile-methods a img {
    margin: 0 0 12px;
    width: 32px;
  }
  .profile-methods:last-child a img {
    width: 75px;
  }
  .dnt-acnt,
  .job-post-accnt-info .prof-basic-info h5,
  .profile-statements .profile-name h5,
  .results-row h4,
  h3 {
    font-size: 18px;
  }
  .provider-box p,
  .provider-box span.sub-text {
    height: 50px;
    -webkit-line-clamp: 3;
  }
  .provider-box .provides {
    padding: 5px 0;
    min-height: 45px;
  }
  .create-job h1,
  .create-job h2,
  .modal-content h4,
  .offer-listing-page h4,
  .setiing-block .settings-left h4,
  .setiing-block .settings-right .step-level {
    font-size: 20px;
  }
  .setiing-block .settings-left .settings-ul li {
    font-size: 16px;
    margin: 0 0 12px;
  }
  .setiing-block .settings-left .settings-ul li.active:after {
    top: -2px;
    height: 30px;
  }
  .setiing-block .settings-right .verifications-form ul li input.input-field {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
  .setiing-block
    .settings-right
    .step_3
    .verifications-form
    ul
    li
    .mob-pincode {
    height: 35px;
  }
  .setiing-block
    .settings-right
    .step_3
    .verifications-form
    .address_attachments
    li
    a {
    padding: 0 14px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center;
  }
  .create-job-steps .steps-row li span,
  .current-job-post .job-post-rates .rates-box span,
  .duration-list [type="radio"]:checked + label,
  .duration-list [type="radio"]:not(:checked) + label,
  .job-post-accnt-info .prof-basic-info p,
  .jobs-lists-row ul li .hourly,
  .jobs-lists-row ul li .profile-img span,
  .jobs-lists-row ul li .profile-info p,
  .modal-content p,
  .new-job-details .job-post-details-info .wallet-tab ul.tabs li a,
  .post-features-inn h4,
  .search-result-tab .tabs li.active a,
  .setiing-block .settings-right .step_5 .verifications-form p,
  .step_5 .verifications-form h6,
  .verifications-form ul li label {
    font-size: 14px;
  }
  .edit-box ul li,
  .setiing-block .settings-right .step_5 .verifications-form .onoff-btn {
    font-size: 15px;
  }
  .choose-duration .duration-box h5,
  .create-job-publish h5,
  .edit-box h6,
  .job-post-details-content h4,
  .job-post-details-info-box h4,
  .jobs-lists-row ul li .profile-info h5,
  .new-job-details .job-post-details-info .wallet-tab ul.tabs li.active a,
  .note,
  .offer-listing-page h6,
  .promote_modal .promotion-amount-group label,
  .reports-icon,
  .review-list ul li h3,
  .reviews-list-tab ul.tabs li.active a,
  .setiing-block .settings-right .step_6 .verifications-form p {
    font-size: 16px;
  }
  .verifications-form
    ul.card-verification-form
    li
    .file-upload-outer
    > label.custom-file-upload {
    width: 100px !important;
    height: 35px;
    line-height: 35px;
    background: #6c9ba1;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    min-width: auto;
    padding: 0 6px;
  }
  .verifications-form ul.card-verification-form li .file-upload-outer > div {
    width: calc(100% - 120px);
  }
  .fixed-header .header-r ul.after-login-header li ul.sub-menu li a {
    font-size: 14px;
    line-height: 30px;
  }
  .fixed-header .header-r ul li.link-profile ul li a {
    font-size: 14px;
    line-height: 35px;
  }
  .inner-page-content {
    padding: 70px 0 0;
  }
  .current-job-post .job-post-rates .rates-box a,
  .result-employee-section
    li
    .result-employee-right
    .blocks
    .my-category-list
    ul
    li,
  .search-result-tab .tabs li a {
    font-size: 12px;
  }
  .current-job-post .job-post-rates .rates-box label {
    font-size: 24px;
    line-height: 28px;
  }
  .job-post-details .post-heading h2 {
    font-size: 30px;
  }
  .job-post-details-info ul.address-post li p,
  .review-list ul li p {
    font-size: 14px;
    line-height: 18px;
  }
  .job-post-accnt-info {
    padding: 16px;
  }
  .result-list.result-employee-section li .button-row .view-btn {
    font-size: 16px;
    margin: 0 10px 0 0;
  }
  .reviews-list-tab ul.tabs li a {
    font-size: 13px;
  }
  .review-list ul li .top-row .rating-avg {
    font-size: 16px;
    list-style: outside;
    display: flex;
    align-items: center;
  }
  .provide-service h4 {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .promote_modal .promotion-amount-group {
    margin: 20px 0 30px;
  }
  .choose-duration .duration-box {
    padding: 22px 60px;
  }
  .duration-list p {
    margin: 0 18px;
  }
  .choose-budget .rate-box {
    width: 50%;
    font-size: 14px;
  }
  .contract-duration-block p {
    font-size: 14px;
    line-height: 1;
  }
  .start-job-bg h2 {
    font-size: 24px;
  }
  .landing-slider {
    margin: 20px 0 0;
  }
  .slider-block .slider-img {
    width: 40%;
  }
  .slider-block .slider-text {
    width: 55%;
  }
  .slider-block .slider-text h2 {
    font-size: 30px;
    line-height: 35px;
  }
  .slider-block .slider-text p {
    font-size: 16px;
    line-height: 22px;
  }
  .register-row .register-btn {
    font-size: 16px;
    margin: 0;
  }
  .register-row p {
    font-size: 16px;
    margin: 12px 0 0;
  }
  .best-responsive-tab-contents:not(.lgTabToggle-tab-responsive-active) {
    padding: 14px !important;
  }
  .banner-content .jobs-category-field {
    height: 50px;
  }
  .banner-content
    .jobs-category-field
    form
    input[type="text"].category-search-field {
    height: 48px;
    line-height: 48px;
  }
  .find-content .bttn {
    height: 50px;
    line-height: 50px;
  }
  .jobs-lists-row ul li .apply-btn {
    font-size: 16px;
    min-width: 130px;
    height: 35px;
    line-height: 30px;
  }
  .banner .progress-inn h4,
  .banner-content .progress-inn h3 {
    font-size: 40px;
    line-height: 1;
  }
  h1.cursor::after,
  h2.cursor::after {
    height: 35px;
    width: 4px;
  }
}
@media only screen and (max-width: 980px) {
  .login-bg-box {
    width: 20%;
  }
  .login-section .center {
    flex-flow: column;
    width: 100%;
    padding: 0;
  }
  .login-box {
    width: var(--full-height);
    height: 100%;
  }
  .inner-login.current-login .login-box.signup {
    order: 1;
    background-color: var(--dark-grey);
    background-color: transparent;
    height: 430px;
  }
  .signup {
    padding-top: 90px;
    padding-bottom: 20px;
  }
  .inner-login .login-box.signup {
    order: 2;
    background-color: var(--dark-grey);
  }
  .inner-login .login-box.signin {
    order: 1;
    height: 500px;
  }
  .inner-login:after {
    display: none;
  }
  .login-content h1,
  .login-content h2 {
    font-size: 40px;
  }
  .logo-login {
    left: 20px;
  }
  .acnt-form h3 {
    text-align: left;
    font-size: 26px;
    margin: 0 0 16px;
  }
  .acnt-form {
    align-items: flex-start;
  }
  .login-form li input[type="email"]:focus,
  .login-form li input[type="password"]:focus,
  .login-form li input[type="text"]:focus {
    border-color: var(--white);
  }
  .inner-login.current-login .login-box.signin {
    order: 2;
    padding-top: 50px;
    background-color: var(--dark-grey);
    height: 70%;
    align-items: flex-start;
  }
  .login-box.signin .login-content {
    padding: 30px;
  }
}
@media only screen and (max-width: 1023px) {
  .center {
    padding: 0 4%;
  }
  .banner {
    flex-flow: column;
  }
  .banner-content {
    order: 2;
    margin: -180px 0 0;
    width: 100%;
  }
  .banner-phone {
    width: 100%;
    height: 100%;
    margin-top: -7%;
    display: flex;
    justify-content: flex-end;
  }
  .banner-content h1 br,
  .banner-content h2 br {
    display: block;
  }
  .banner-content h1,
  .banner-content h2 {
    font-size: 36px;
    line-height: 44px;
    padding: 0 0 20px;
  }
  .banner-content p {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 16px;
    padding: 0;
  }
  .mouse {
    display: none;
  }
  .header-left nav ul li,
  .header-right ul li {
    padding: 0 0 0 20px;
  }
}
@media only screen and (max-width: 959px) {
  .ipad {
    margin: 0 auto;
    height: 710px;
  }
  .jobs-slider {
    margin: 30px 0 0;
  }
  .jobs-tabs ul.tabs li:after {
    left: -6px;
  }
  .jobs-lists-row ul,
  .slider-block {
    flex-flow: column;
  }
  .slider-block .slider-text {
    width: 100%;
    order: 2;
  }
  .slider-block .slider-img {
    width: 100%;
    order: 1;
  }
  .slider-block .slider-text h2 {
    font-size: 25px;
    line-height: 30px;
  }
  .slider-block .slider-text p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px;
  }
  .carousel-landing {
    padding: 30px 0;
    margin: 40px 0 0;
  }
  .category-slide h3 {
    margin: 0 0 10px;
    float: left;
    width: 80%;
  }
  .view-more {
    font-size: 16px;
  }
  .jobs-lists-row ul li {
    width: 100%;
    padding: 16px;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 5px;
    border-width: 1px;
  }
  .lower-landing .jobs-lists-row ul li .profile-info {
    width: 100%;
    position: relative;
  }
  .jobs-lists-row ul li .profile-info h5 {
    width: 100%;
  }
  .jobs-lists-row ul li .hourly {
    font-size: 13px;
    line-height: 1;
  }
  .jobs-lists-row ul li .hourly span {
    position: absolute;
    right: 16px;
    top: 16px;
  }
  .jobs-lists-row ul li .more {
    display: none;
  }
  .jobs-lists-row ul li .profile-img {
    order: 2;
    width: auto;
    display: flex;
    align-items: center;
  }
  .jobs-lists-row ul li .profile-img img {
    width: 50px;
    height: 50px;
    margin: 0 16px 0 0;
  }
  .upper-landing .center {
    height: auto;
  }
}
@media only screen and (max-width: 1900px) {
  .about-img::before {
    height: 175px;
  }
}
@media only screen and (max-width: 1300px) {
  .about-img::before {
    height: 140px;
  }
}
@media only screen and (max-width: 1200px) {
  .about-img::before {
    height: 110px;
  }
  .jobs-lists-row ul.recent-job-list li {
    padding: 16px 20px;
  }
}
@media only screen and (max-width: 1365px) {
  .advance-search:hover {
    font-size: 0;
  }
  .login-section {
    padding: 0;
  }
  .login-bg-box img {
    height: 100%;
  }
  .new-job-details .job-post-details-info.wallet-page ul.request-withdrawl li,
  .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li.withdraw-option {
    width: 30%;
  }
  .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li:last-child {
    margin: 0;
  }
  .index_blade header.before-login .center {
    padding: 10px 16px;
  }
  .search-bar .address-img {
    display: none;
  }
  .jobs-icon:after {
    right: -15px;
  }
  .jobs-icon {
    margin: 0 14px 0 0;
  }
  .search-bar .jobs-category-field .category-search-field {
    width: 145px;
    padding: 0 0 0 5px;
    font-size: 12px;
  }
  .job_cat_modal .modal-content {
    max-width: 90%;
  }
  .profile-information .prof-basic-info {
    width: calc(100% - 110px);
  }
  .best-responsive-tab-contents:not(.lgTabToggle-tab-responsive-active) {
    padding: 16px !important;
  }
}
@media only screen and (max-width: 1199px) {
  .search-bar .jobs-category-field .search-map {
    display: none;
  }
  .advance-search {
    margin: 0 0 0 10px;
    width: 22px;
    height: 26px;
    background-size: 100%;
    padding: 0;
  }
  .advance-search:hover {
    font-size: 0;
  }
  .fixed-header .header-r ul li a {
    font-size: 12px;
  }
  .fixed-header .header-r ul.after-login-header li {
    margin: 0 20px 0 0;
  }
  .inner-page-content.employee-profile .center {
    padding: 30px 6% 0;
  }
  footer.inner-footer .center.bottom-footer {
    padding: 30px 90px 0 20px;
  }
  .category_add .add-modal-header .tooltips.active .tools-content {
    bottom: -110px;
  }
  .current-post-button-row {
    padding: 12px;
  }
  .welcome-profile {
    margin: 74px 0 0;
  }
}
@media only screen and (max-width: 1024px) {
  .apply-btn,
  .blog-category li a,
  .my_post_promote_button .bttn.edit-btn,
  .my_post_promote_button button,
  .notification-list li .notifiaction-name .pro-name,
  .notification-list li .notification-date p,
  .notification-list li .notification-description,
  .profile-setting-row p,
  .setiing-block
    .settings-right
    .step_1
    .verifications-form
    ul
    li:first-child
    input.input-field,
  .setiing-block .settings-right .verifications-form ul li input.input-field {
    font-size: 14px;
  }
  .setiing-block .settings-right .step_3 .verifications-form ul li .mob-pincode,
  .social a {
    height: 35px;
  }
  .blog-box {
    margin: 0 12px 30px 0;
  }
  .blog-box .blog-img {
    max-height: 230px;
  }
  .fourm-list li .fourm-top .profile span {
    width: 135px;
    font-size: 14px;
  }
  .search-bar {
    margin: 0 0 0 15px;
  }
  .fixed-header .header-r ul.after-login-header li.links .view-btn,
  .logo-light {
    width: auto;
  }
  .logo-light img,
  .settings_blade .verification-steps.step_7 ul.card-verification-form > li {
    width: 100%;
  }
  .welcome-profile {
    padding: 10px 0 20px;
  }
  header.before-login .center {
    padding: 10px 30px;
  }
  .profile-statements {
    width: 40%;
  }
  .profile-loged {
    width: 20%;
  }
  .profile-infos {
    width: 38%;
    flex-wrap: wrap;
  }
  .profile-infos .infos-box {
    width: 49%;
    margin: 3px 0;
    padding: 5px;
  }
  .profile-infos .infos-box:nth-child(4n) {
    display: none;
  }
  .apply-btn {
    min-width: 130px;
    line-height: 1;
  }
  .blog-section .blog-right .blog-right-block h2,
  .setiing-block .settings-left h4,
  .setiing-block .settings-right .step-level {
    font-size: 20px;
  }
  .setiing-block .settings-left .settings-ul li {
    font-size: 14px;
    margin: 0 0 12px;
  }
  .setiing-block .settings-right .verifications-form ul li input.input-field {
    height: 45px;
    line-height: 45px;
  }
  .add-category-filter-set1 li a,
  .add-category-filter-set2 li a {
    padding: 5px 8px;
    font-size: 13px;
  }
  .profile-setting-row h6,
  .setiing-block .settings-right .step_6 .verifications-form p,
  .step_5 .verifications-form h6 {
    font-size: 16px;
  }
  .setiing-block .settings-right .step_5 .verifications-form .onoff-btn {
    width: 50%;
    font-size: 14px;
  }
  .modal.category_add .modal-content {
    max-width: 95%;
  }
  .result-employee-section
    li
    .result-employee-right
    .blocks
    .my-category-list
    ul
    li,
  .search-result-tab .tabs li.active a {
    font-size: 12px;
  }
  .search-result-tab .tabs li a {
    font-size: 11px;
  }
  .result-employee-section li .result-employee-left p {
    font-size: 13px;
    line-height: 18px;
    width: 100%;
  }
  .service-pack ul li .pack-hour {
    display: flex;
    align-items: flex-end;
    font-size: 11px;
    color: var(--medium-grey);
    flex-flow: column;
    line-height: 16px;
  }
  .service-pack ul li .pack-hour span {
    font-size: 18px;
    margin: 0;
  }
  .result-list.result-employee-section li .button-row .view-btn {
    font-size: 14px;
    min-width: auto;
    padding: 0 10px;
  }
  .profile-info {
    margin: 0 10px 0 0;
  }
  .result-list li .button-row .view-btn {
    font-size: 14px;
    padding: 0 20px;
    min-width: auto;
  }
  .review-list ul li p {
    font-size: 13px;
    line-height: 18px;
  }
  .review-list ul li {
    padding: 12px;
  }
  .profile-info span.pro-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    width: calc(100% - 50px);
  }
  footer.inner-footer .center {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 0;
  }
  .footer-block:first-child {
    width: 34%;
    margin: 0 30px 0 0;
  }
  .footer-block {
    width: 27%;
    margin: 0 30px 20px 0;
  }
  .footer-block.footer-newsletter {
    width: 35%;
    bottom: 31%;
  }
  .newsletter input.subscribe-btn {
    min-width: auto;
    font-size: 14px;
  }
  .inner-footer {
    padding: 30px 10px;
  }
  .job_employer_details_blade .job-post-details .post-heading h2 {
    width: 35%;
  }
  .blog-section .blog-left .top-blog .blog-contents h3 {
    font-size: 22px;
    line-height: 27px;
  }
  .fourm-list li .fourm-top {
    align-items: flex-start;
    flex-flow: column;
  }
  .index_blade .hidden-map > div {
    border: 0;
  }
  .hidden-map {
    border-width: 16px;
  }
  .login-bg-box {
    width: 14.28%;
    height: 140px;
  }
  .article-search {
    height: 45px;
    line-height: 45px;
    font-size: 12px;
  }
  .blog-right form button.search_btn {
    right: 5px;
    top: 5px;
  }
  .employer-home .result-list li .button-row span {
    margin: 0 20px 0 0;
  }
  .suggest-profile-box {
    width: 23%;
  }
  .employee-involved-categories-row .carousel-categorys .owl-nav {
    top: -51px;
    left: 37%;
  }
  .category_add .fixed-box-rate p span,
  .category_add .rate-box .add-range-box p span {
    width: 30px;
    font-size: 9px;
    margin: 0 0 0 4px;
  }
  .fixed-box-rate {
    width: 232px;
  }
  .js-modal-services .modal-content {
    max-width: 95%;
    padding: 16px;
  }
  .social {
    margin: 0;
  }
  .social a {
    width: 35px;
    margin: 0 4px 0 0;
  }
  .social a span img {
    width: 18px;
    height: 18px;
  }
  footer.inner-footer .center.bottom-footer {
    padding: 30px 90px 0 20px;
  }
  .active-step span,
  .upcomming-steps .steps span {
    font-size: 9px;
  }
  .profile-information .prof-img,
  .profile-information .prof-img img {
    width: 70px;
    height: 70px;
    margin: 0;
  }
  .profile-information .prof-basic-info {
    padding: 0 0 0 10px;
  }
  .carousel-single .owl-nav {
    top: -26px;
    right: 0;
  }
  footer.inner-footer .center.bottom-footer > a > img {
    display: block;
  }
}
@media only screen and (max-width: 979px) and (min-width: 768px) {
  .jobs-category-field,
  .slider-block .slider-img {
    width: 60%;
  }
  .slider-block {
    overflow: hidden;
  }
  .carousel-landing .owl-nav {
    top: -30px;
    left: auto;
    right: 0;
  }
  .register-row {
    text-align: center;
  }
  .jobs-tabs ul.tabs li {
    padding-right: 20px;
  }
  .jobs-tabs ul.tabs li:after {
    left: -12px;
  }
  .jobs-lists-row ul.recent-job-list li label {
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 60%;
  }
  .jobs-lists-row ul.recent-job-list li {
    width: 85%;
    flex-flow: row;
  }
  .jobs-lists-row .start-now {
    min-width: 100%;
    width: 100%;
    height: 60px;
    line-height: 60px;
  }
  .about-bottm {
    background-color: #fff !important;
    padding: 0;
  }
  .about-follow {
    display: block !important;
    margin: 0 0 50px !important;
  }
  .index_blade .hidden-map > div {
    border: 0;
  }
  .hidden-map {
    border-width: 16px;
  }
  .employer-home .suggest-profile-row.suggested-employee .suggest-profile-box {
    width: 23%;
  }
  .employer-home
    .suggest-profile-row.suggested-employee
    .suggest-profile-box:nth-child(4n + 4) {
    margin-right: 0;
  }
  .suggested-employee .suggest-profile-box .suggest-img {
    width: 130px;
    height: 130px;
  }
  .sugg-pro-info h6 {
    font-size: 16px;
  }
  .employee-result .result-list li .button-row > a,
  .employee-result .result-list li .button-row > a > button {
/* width: 100%; */
    margin: 8px 0 0;
  }
  .provider-box .provides,
  .provider-box p,
  .provider-box span.sub-text {
    min-height: 40px;
  }
  .category_add .rate-box .fixed-rate p {
    width: auto;
    font-size: 11px;
  }
  .category_add .add-range-box input[type="text"],
  .category_add .rate-box .fixed-box-rate input[type="text"] {
    width: 95%;
  }
  .profile_employee_blade .provide-service.profile-button-row:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .active-contract-button-row-outer,
  .job-post-details .post-heading {
    flex-flow: column;
  }
  .my_post_promote_button {
    margin: 30px 0 0;
    width: 100%;
  }
  .my_post_promote_button .down-pro-btn {
    width: auto;
    margin: 14px 0 0;
  }
  .my_post_promote_button a {
    display: flex;
  }
  .setiing-block .settings-right .verifications-form ul li .sendlink-btn {
    height: 45px;
    line-height: 45px;
    width: auto;
  }
  .setiing-block
    .settings-right
    .verifications-form
    ul
    li
    .sendlink-btn#verify_link {
    top: 85px !important;
  }
  .setiing-block
    .settings-right
    .step_1
    .verifications-form
    ul
    li:first-child
    input.input-field,
  .setiing-block .settings-right .verifications-form ul li input.input-field {
    margin: 10px 0 0;
  }
  .category_add .fixed-box-rate p span,
  .category_add .rate-box .add-range-box p span {
    font-size: 10px;
  }
  .category_add .add-range-box img {
    margin: 0;
  }
  .add-range-box.addFixedRange,
  .add-range-box.addRange {
    height: 45px;
    width: 170px;
  }
  .employer-home .result-list li .rate-addres {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .dashboard_employer_blade .employer-home .result-list li .button-row {
    display: block;
  }
  .dashboard_employer_blade
    .employer-home
    .result-list
    li
    .button-row
    .employer-job-post {
    margin: 10px 0 0;
    width: 100%;
    max-width: 100%;
  }
  .dashboard_employer_blade
    .employer-home
    .result-list
    li
    .button-row
    .employer-job-post
    button {
    margin: 0;
    width: 49%;
  }
  .mobile-menu nav ul.current.after-login-header li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mobile-menu nav ul.current.after-login-header li.msg-link a,
  .mobile-menu nav ul.current.after-login-header li.res-notification-link a {
    justify-content: flex-start;
  }
  .verifications-form.address-verifications ul li,
  .verifications-form.address-verifications ul li.verify-address {
    width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .social a img,
  .social a span img {
    width: 15px;
    height: 15px;
  }
  .about-top-inner,
  .create-job-publish .details-contract,
  .edit-box .TypeList .category-ato-footer,
  .employee_edit_profile_blade .employee-profile-inner,
  .employer_edit_profile_blade .employee-profile-inner,
  .employer_profile_blade .employee-profile-inner,
  .employer_profile_blade .provide-service h4,
  .job-post-review .leave-review,
  .profile-shared,
  .profile_blade .employee-profile-inner,
  .profile_blade .provide-service h4,
  .profile_employee_blade .employee-profile-inner,
  .profile_public_employer_blade .provide-service h4,
  .result-employee-section li,
  .search-result-page,
  .verifications-form ul {
    flex-flow: column;
  }
  .employee_edit_profile_blade .employee-profile-inner aside.profile-aside,
  .employer_edit_profile_blade .employee-profile-inner aside.profile-aside,
  .employer_profile_blade aside.profile-aside {
    width: 100%;
    padding-bottom: 25px;
  }
  .carousel-single .owl-nav {
    top: -26px;
    right: 0;
  }
  .fourm-list li .fourm-top {
    align-items: center;
    flex-flow: row;
  }
  .login-content {
    padding: 30px;
    margin: 0 auto;
    width: 70%;
  }
  .about-img::before {
    height: 290px;
  }
  .about-content,
  .choose-budget .rate-box,
  .create-job-publish .details-contract .contract-box,
  .job-apply-modal .modal-content .new-offer-price-outer .apply-job-price,
  .job-intro-modal .intro-button-row a,
  .job-intro-modal .top-intro-row .job-post-accnt-info,
  .job-intro-modal .top-intro-row .job-post-accnt-info .prof-basic-info,
  .job-post-details-info-box,
  .job-post-details-info-box:nth-child(2n),
  .job-post-review .job-post-review-send-button button.submit_review,
  .job-post-review .leave-review .review-details .job-post-rating,
  .main-inner,
  .profile-infos,
  .profile_blade .involved-category .suggest-category-row,
  .result-employee-section li .result-employee-left,
  .result-employee-section li .result-employee-right,
  .verification_steps_blade .next-prev-row .next-btn,
  aside {
    width: 100%;
  }
  .about-content p,
  .about-tab .tabContent p,
  .verification-steps p {
    font-size: 12px;
    line-height: 18px;
  }
  .about-content h3 {
    font-size: 20px;
    margin: 0 0 10px;
  }
  .about-img {
    width: 100%;
    margin: -70px 0 0;
  }
  .about-bottm {
    background-color: transparent;
    padding: 0;
  }
  .inner-page.about {
    padding: 70px 0 0;
  }
  .about-tab {
    width: 100%;
    margin: 50px 0;
  }
  .faq-row {
    padding: 12px 5px;
  }
  .about-right-image {
    width: 100%;
    padding: 0;
    justify-content: center;
  }
  .about-follow {
    display: none;
  }
  .inner-page .about-top h1 {
    text-align: center;
    margin: 0 0 20px;
    font-size: 26px;
  }
  .about-content h2 {
    font-size: 20px;
  }
  .about-top-inner {
    padding: 10px 0;
  }
  .faq-section .inner-page-tab h2 {
    font-size: 20px;
    text-align: center;
    margin: 0 0 20px;
  }
  .blog-listing h1 {
    font-size: 26px;
    margin: 0 0 20px;
    text-align: left;
    display: block;
    width: 100%;
    padding: 20px 0 0 15px;
  }
  .inner-page-tab .tab-list {
    overflow: hidden;
    overflow-x: auto;
    position: relative;
  }
  .inner-page-tab .tab-list::-webkit-scrollbar {
    display: none;
  }
  .inner-page-tab .tab-list ul {
    width: 500px;
    margin: 0 0 20px;
  }
  .inner-page-tab .tab-list ul li {
    padding: 10px 20px 0 0;
  }
  .dnt-acnt,
  .employee-result h4,
  .inner-page-tab .tab-list ul li a,
  .search-result-tab .tabs li a,
  .search-result-tab .tabs li.active a,
  .service-pack ul li .pack-hour span,
  .template_category .down-btn-row .use_template {
    font-size: 16px;
  }
  .faq-section .inner-page-tab .tab-list ul {
    width: 480px;
  }
  .faq-title h5 {
    font-size: 14px;
    padding-right: 36px;
  }
  .faq-title {
    padding: 5px 10px;
  }
  .faq-content,
  .faq-content p {
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0 0;
  }
  .faq_blade .inner-page {
    padding: 70px 0;
  }
  .verification_steps_blade
    .verification-steps.step_1
    .verifications-form
    li
    p
    .first-step-verify {
    right: 8px;
    top: 11px;
  }
  .inner-footer {
    padding: 25px 15px 0;
    border-top: 1px solid var(--darker-grey);
  }
  .new-job-details .job-post-details-info ul,
  footer.inner-footer .center {
    flex-flow: column;
    padding: 0;
  }
  .footer-block,
  .footer-block:first-child,
  .footer-block:last-child {
    width: 100%;
    margin: 0 0 32px;
  }
  .footer-block h5 {
    font-size: 14px;
    margin: 0 0 12px;
  }
  .footer-block.footer-accordion h5 {
    background-image: url("/img/foot-arrow-down.svg");
    background-position: 98% center;
    background-repeat: no-repeat;
  }
  .footer-block.footer-accordion h5.open {
    background-image: url("/img/foot-arrow-up.svg");
  }
  .footer-block ul li {
    margin: 0 0 12px;
  }
  .footer-block ul li.list-gapping {
    margin-top: 40px;
  }
  .footer-block.footer-newsletter {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
  }
  .newsletter input.subscribe-btn {
    background-image: url(/img/notification-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    background-color: #cc7868;
    width: 50px;
    height: 50px;
  }
  .newsletter input[type="text"] {
    width: calc(100% - 50px);
    height: 50px;
    line-height: 50px;
    font-size: 12px;
  }
  footer.inner-footer .center.bottom-footer {
    margin: 0 auto;
    padding: 20px 0 100px;
    flex-flow: row;
  }
  footer.inner-footer .center.bottom-footer p.copy-text {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px 8px 20px;
    width: 100%;
    text-align: center;
    line-height: 18px;
  }
  .result-employee-section li .result-employee-right .blocks .my-category-list,
  .social,
  aside .search-result-tab .tabs {
    margin: 0;
  }
  .social a {
    width: 30px;
    height: 30px;
    margin: 0 4px 0 0;
  }
  .footer-accordion ul,
  .profile-infos .infos-box,
  .profile-loged,
  .profile-statements,
  .verefication-level {
    display: none;
  }
  .footer-accordion,
  .job-intro-modal .top-intro-row p {
    margin: 0 0 16px;
  }
  .employee-involved-categories-row
    .carousel-categorys.owl-carousel
    .owl-stage-outer,
  .employer_profile_blade .inner-page-content.employer-profile .center,
  .history-review-job .job-post-details-content,
  .history-review-job section,
  .pagination li:first-child,
  .pagination li:last-child,
  .profile_blade .inner-page-content .center,
  .profile_blade .inner-page-content.employee-profile .center,
  .profile_blade .inner-page-content.employer-profile .center,
  .profile_blade .provide-service.profile-button-row,
  .profile_employee_blade .inner-page-content.employee-profile .center,
  .profile_employee_blade .profile-button-row .profile-button-right,
  .profile_public_employer_blade .inner-page-content .center,
  .profile_public_employer_blade .inner-page-content.employer-profile .center,
  .welcome-profile .center {
    padding: 0;
  }
  .welcome-profile {
    margin: 56px 0 0;
    padding: 16px 0;
  }
  .profile-infos .infos-box:last-child,
  .profile-infos .infos-box:nth-child(3n) {
    display: flex;
    width: 49%;
    align-items: center;
    flex-flow: row;
    justify-content: space-between;
    padding: 8px;
  }
  .profile-infos .infos-box span {
    font-size: 16px;
    text-align: left;
  }
  .profile-infos .infos-box h2 {
    font-size: 26px;
    padding: 0 10px 0 0;
  }
  .inner-page-content.profile-home-inner .search-result-page {
    padding-top: 0;
    flex-flow: column;
  }
  aside {
    padding: 0 0 20px;
  }
  .provide-service-row.involved-category .new-provide {
    height: auto;
    min-height: 160px;
  }
  .provide-service-row .new-provide {
    width: 120px;
    height: auto;
    min-height: 160px;
    justify-content: center;
  }
  .provide-service-row .new-provide a {
    justify-content: center;
    padding: 0;
  }
  .provide-service-row .new-provide a img {
    width: 30%;
    margin: 0 auto 10px;
  }
  .provide-service-row .new-provide a span {
    font-size: 13px;
    padding: 0 10px;
  }
  .right-slider {
    width: calc(100% - 140px);
    font-size: 14px;
  }
  .provider-box {
    min-height: 158px;
  }
  .profile-row-outer {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
  }
  .profile-row-outer > .profile-row {
    display: block;
    width: auto;
  }
  .profile-row-outer > .profile-row > .profile-methods {
    display: inline-block;
    text-align: center;
    margin: 0 4px 0 0;
    padding: 0;
    width: 115px;
    height: 105px;
  }
  .profile-row-outer > .profile-row > .profile-methods img {
    width: auto;
    height: 30px;
    margin: 6px 0 0;
  }
  .profile-row-outer > .profile-row > .profile-methods a {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    height: 100%;
    justify-content: space-around;
    line-height: 16px;
  }
  .profile-row-outer::-webkit-scrollbar {
    display: none;
  }
  .profile-row-outer > .profile-row > .profile-methods:first-child {
    margin-left: 15px;
  }
  .mobile-advance-search > h2 {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--dark-grey);
    background-image: url(/img/descending-icon.svg);
    background-repeat: no-repeat;
    background-position: right center;
  }
  .mobile-advance-search > h2.open {
    background-image: url(/img/ascdending-icon.svg);
  }
  .aside-box h4,
  .mobile-advance-search .aside-box h2 {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 700;
  }
  .create-job-steps .steps-row li span,
  .fixed-header .center,
  .header-left nav,
  .header-right,
  .jobs-lists-row ul li .home_more,
  .mobile-advance-search > .search-result-tab,
  .mobile-header-login.fixed-header .header-l .search-bar .advance-search,
  .mobile-header-login.fixed-header .header-r,
  .search-bar .jobs-category-field .search-map,
  .start-job-bg h2 {
    display: none;
  }
  .mobile-advance-search {
    border: 1px solid var(--dark-grey);
    border-radius: 5px;
    padding: 0 16px;
    overflow: hidden;
    position: relative;
  }
  .edit-box input[type="text"],
  .edit-box label#titleError,
  .edit-box textarea,
  .job-apply-modal .modal-content .apply-job-price p.expected_note,
  .result_blade .post-features ul.job-post-category li a label,
  .result_blade .post-features ul.job-post-category li a span,
  .results-row h4 a.advnce-search,
  .sortby-icon {
    font-size: 12px;
  }
  .sortby-list li a {
    line-height: 25px;
    font-size: 13px;
  }
  .start-job-bg {
    height: auto;
    padding: 16px;
  }
  .startjob-bttn {
    min-width: 100%;
    width: 100%;
    margin: 0 auto 15px;
  }
  .start-job-bg p {
    font-size: 12px;
    line-height: 1;
  }
  .provide-service h4,
  .results-row h4 {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .dashboard_blade .provide-service h4,
  .employee_edit_profile_blade .provide-service h4 {
    width: 86%;
  }
  .provider-box p {
    height: 65px;
    font-size: 13px;
    font-weight: 400;
    -webkit-line-clamp: 2;
  }
  .provider-box span.sub-text {
    text-indent: -9999px;
    padding: 2px 0;
    height: auto;
  }
  .provide-service .price-block {
    text-indent: 0;
  }
  .carousel-categorys .owl-nav .owl-next span,
  .carousel-categorys .owl-nav .owl-prev span,
  .carousel-categorys-full .owl-nav .owl-next span,
  .carousel-categorys-full .owl-nav .owl-prev span {
    width: 11px;
    height: 14px;
  }
  .employer-home .result-list li .button-row {
    width: 100%;
    position: initial;
    right: auto;
    bottom: auto;
    text-align: left;
    justify-content: flex-start;
    margin: 20px 0 0;
  }
  .employer-home .result-list li .button-row .promote-btn {
    background-color: var(--dark-grey);
    border-color: var(--white);
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: var(--white);
    position: relative;
    z-index: 10;
  }
  .promote_modal p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 20px;
  }
  .mobile-menu nav ul li:first-child a,
  .mobile-menu nav ul li:nth-child(2) a {
    text-align: center;
    display: flex;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    font-size: 18px;
  }
  .pagination_section2 {
    padding: 30px 15px;
  }
  .mobile-menu nav {
    width: auto;
    padding: 0;
  }
  .mobile-header-login.fixed-header .header-l,
  .mobile-menu,
  .profile-bidding-list .profile-bid-info,
  .search-bar a.mobile-search-icon {
    display: block;
  }
  .mobile-menu nav ul.current li a {
    background-image: url(/img/arrow-left-w.svg);
    background-repeat: no-repeat;
    background-position: 94% center;
  }
  .mobile-menu nav ul.after-login-header li a {
    background-image: none;
  }
  .mobile-menu nav ul.after-login-header li.res-employee-profile a,
  .mobile-menu
    nav
    ul.after-login-header
    li.res-employer-profile
    a.menu-full-button,
  .new-job-details .job-post-details-info-box.attachment-publish,
  .profile_blade .history-review-job {
    border: 0;
  }
  .mobile-menu nav ul li:first-child,
  .mobile-menu nav ul li:nth-child(2) {
    padding: 0 15px;
    margin: 0 0 8px;
  }
  .mobile-menu nav ul li:first-child a {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    justify-content: center;
    background-image: none;
  }
  .mobile-menu nav ul li:nth-child(2) a {
    background-color: var(--orange);
    border-radius: 5px;
    justify-content: center;
    background-image: none;
  }
  .mobile-menu nav ul.after-login-header li:nth-child(2) a {
    background-color: transparent;
    height: auto;
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
  }
  .jobs-lists-row ul li .district {
    width: 80%;
    margin: 0 0 8px;
    align-items: flex-start;
  }
  .mobile-header-login.fixed-header {
    height: 58px;
  }
  .mobile-header-login.fixed-header .center {
    display: block;
    position: unset;
  }
  .mobile-header-login.fixed-header .header-l a.logo-light {
    float: left;
    margin: 0 0 0 -14px;
  }
  .mobile-header-login.fixed-header .header-l .search-bar {
    float: right;
    margin: 0;
    display: block;
    position: absolute;
    top: 58px;
    right: 40px;
  }
  .mobile-header-login.fixed-header .header-l .search-bar a.mobile-search-icon {
    font-size: 14px;
    font-weight: 300;
    color: var(--white);
    background-image: url(/img/search-icon.svg);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0 32px 0 0;
    position: absolute;
    right: 40px;
    top: -40px;
    transition: inherit;
    -webkit-transition: inherit;
  }
  .mobile-header-login.fixed-header .header-l .search-bar #header_form {
    width: 100%;
    margin: 10px 0 0;
    display: block;
    height: 0;
  }
  .mobile-header-login.fixed-header
    .header-l
    .search-bar
    #header_form
    > .jobs-category-field
    .category-section
    button.category-botton,
  .mobile-header-login.fixed-header
    .header-l
    .search-bar
    .category-search-field,
  .mobile-header-login.fixed-header .header-l .search-bar .search-find-btn {
    opacity: 0;
    display: none;
  }
  .mobile-header-login.fixed-header
    .header-l
    .search-bar.opened
    #header_form
    > .jobs-category-field
    .category-section
    button.category-botton,
  .mobile-header-login.fixed-header
    .header-l
    .search-bar.opened
    .category-search-field,
  .mobile-header-login.fixed-header
    .header-l
    .search-bar.opened
    .search-find-btn {
    opacity: 1;
    display: block;
  }
  .mobile-header-login.fixed-header .logo-light img {
    height: 40px;
  }
  .mobile-header-login.fixed-header .header-l .search-bar.opened #header_form {
    opacity: 1;
    height: auto;
    width: 100%;
    margin: 10px 0 0;
  }
  .mobile-header-login.fixed-header .header-l .search-bar.opened {
    margin: 0;
    position: absolute;
    background: #303030;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    width: 100%;
    top: 0;
    left: 0;
    padding: 60px 16px 5px;
    z-index: 100;
  }
  .mobile-header-login.fixed-header
    .header-l
    .search-bar
    a.mobile-search-icon.close {
    text-indent: -9999px;
    background-image: url(/img/close-icon-w.svg);
    width: 35px;
    height: 35px;
    background-size: 100%;
    padding: 0;
    top: 16px;
    right: 16px;
    transition: inherit;
    -webkit-transition: inherit;
  }
  .search-bar .jobs-category-field {
    background-color: transparent;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 50px 0 0;
  }
  .search-bar .jobs-category-field .category-section {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
  }
  .search-bar .jobs-category-field .category-section .category-botton {
    border: 0;
    border-radius: 5px;
    font-weight: 500;
    color: var(--dark-grey);
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: #fff;
    cursor: pointer;
    width: 100%;
  }
  .search-bar .jobs-category-field input.search_header {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 5px;
    padding: 0 14px 0 60px;
  }
  .search-bar .jobs-category-field .jobs-icon {
    display: block;
    position: absolute;
    top: 58px;
    left: 12px;
  }
  .search-find-btn,
  .search-find-btn:hover {
    height: 40px;
    line-height: 40px;
    color: var(--white);
    min-width: 50px;
    margin: 0 0 0 8px;
    position: absolute;
    top: 120px;
    right: 16px;
    text-indent: -9999px;
    background-image: url(/img/search-icon.svg);
    background-color: var(--orange);
    background-repeat: no-repeat;
    background-position: center center;
  }
  .mobile-header-login.fixed-header .header-l .search-bar form#header_form {
    visibility: hidden;
  }
  .mobile-header-login.fixed-header
    .header-l
    .search-bar.opened
    form#header_form {
    visibility: visible;
  }
  .c-popup {
    max-width: 300px;
  }
  .employee_current_job_details_blade .c-popup,
  .l-modal.choose-admin-popup .c-popup {
    max-width: 95%;
  }
  .c-popup .category-option-box {
    padding: 22px 0 0;
  }
  .c-popup .category-option-box h4 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 16px;
  }
  .c-popup .category-option-box h5 {
    margin: 0 0 16px;
    font-size: 16px;
  }
  .c-popup .choose-category .filter-category li a,
  .select2-container--default .select2-results__option .select2-results__option,
  .select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    font-size: 13px;
  }
  .c-popup .choose-category ul li {
    width: auto;
    float: left;
  }
  .c-popup .choose-category ul li a {
    margin: 0 4px;
    font-size: 12px;
    font-weight: 700;
    vertical-align: top;
  }
  .c-popup .close {
    position: absolute;
    right: 6px;
    top: 6px;
  }
  .employer_current_job_details_blade .job-post-details-info,
  .inner-page-content.employee-profile .center,
  .inner-page-content.employer-profile .center,
  .welcome-profile .center .profile-row {
    padding: 0 15px;
  }
  .welcome-profile .center .profile-row-outer .profile-row {
    padding: 0;
    margin: 0;
  }
  .inner-page-content.profile-home-inner .center {
    padding-left: 15px;
    padding-right: 15px;
  }
  .edit-box .TypeList ul li {
    font-size: 13px !important;
  }
  .edit-box .TypeList ul {
    height: 240px;
  }
  .contract-box-inn ul.new-lang {
    padding: 5px 0;
  }
  .contract-box-inn ul.new-lang li img {
    width: 14px;
  }
  .contract-box-inn ul.new-lang li {
    padding: 10px;
    width: 42%;
    margin: 0;
  }
  .contract-box-inn ul.new-lang li input[type="text"] {
    padding: 0 0 0 5px;
    font-size: 11px;
  }
  .create-job {
    padding: 56px 0 0;
    height: 100vh;
  }
  .create_job_blade #step6 .add-range-box {
    width: 49%;
  }
  .create_job_blade #step6 .add-range-box > img {
    margin-right: 6px;
  }
  .inner-page-content.create-job-publish .center {
    padding: 30px 15px 0;
  }
  .inner-page-content.create-job-publish > .center {
    padding: 30px 15px 20px;
  }
  .inner-page-content.create-job-publish .center#step5 {
    height: auto;
    height: calc(100% - 290px);
  }
  .modal-content {
    max-width: 90%;
    padding: 32px 15px 15px;
  }
  .close1 {
    top: 14px;
    right: 14px;
    z-index: 1000;
  }
  .contract-box-inn ul.new-lang li select.level,
  .details-similar-jobs ul.result-list.profile-bidding-list li h4,
  .edit-box h6,
  .history-review-job ul.tabs li.active a,
  .job-post-details-info ul li,
  .job-post-review .leave-review .review-details .job-post-rating h6,
  .links-bar a,
  .no-js .owl-carousel,
  .owl-carousel.owl-loaded,
  .profile-shared li span,
  .result-employee-section li .result-employee-right .blocks h5,
  .select2-container--default .select2-results__group,
  .template_category .verifi-pop {
    font-size: 14px;
  }
  #step6 .edit-box input[type="text"] {
    margin: 0;
    padding: 0;
    font-size: 14px;
  }
  #step6 .edit-box .fixed-box-rate input[type="text"]#fixedFrom,
  #step6 .edit-box .fixed-box-rate input[type="text"]#fixedTo {
    width: 100%;
    padding: 0 8px;
  }
  .edit-box ul li {
    font-size: 12px;
    line-height: 15px;
    padding: 0 0 0 25px;
  }
  .edit-box ul li:after {
    width: 16px;
    height: 6px;
    top: 5px;
  }
  .create-job h1,
  .create-job h2 {
    font-size: 18px;
    margin: 0 0 18px;
    line-height: 25px;
  }
  .edit-box,
  p.description-job {
    margin: 0 0 20px;
  }
  .create-job-steps {
    padding: 0 0 30px;
    height: 150px;
  }
  .create-job-steps .steps-row li {
    width: 13%;
  }
  .step-button-row {
    margin: 30px 0 0;
  }
  .step-button-row .back-btn,
  .step-button-row .next-btn {
    min-width: 48%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
  }
  .inner-page-content.create-job-publish .center#step3 .edit-box h6 {
    padding: 0 16px;
  }
  .inner-page-content.create-job-publish .center#step3 .contract-box-inn {
    border-radius: 0;
    padding: 8px 12px;
  }
  .inner-page-content.create-job-publish .center#step3 .contract-box-inn p {
    height: 45px;
    margin: 8px 0;
  }
  .inner-page-content.create-job-publish
    .center#step3
    .contract-box-inn
    p:last-child {
    margin: 0;
    padding: 0 16px;
  }
  .inner-page-content.create-job-publish
    .center#step3
    .contract-box-inn
    p
    input[type="text"] {
    font-size: 14px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    padding: 0 8px 0 40px;
  }
  .inner-page-content.create-job-publish .center#step3 .contract-box-inn p a {
    font-size: 14px;
    width: 100%;
    height: 100%;
  }
  .choose-attach-file .choose-attach-file-inn .choose-file-job,
  .choose-attach-file
    .choose-attach-file-inn
    .choose-file-job
    input[type="file"] {
    width: 120px;
    height: 120px;
    background-size: 146px;
    margin: 0;
    background-position: center;
  }
  .choose-attach-file .choose-attach-file-inn.add-attach-file {
    justify-content: flex-start;
    flex-flow: column;
    align-items: center;
  }
  .choose-attach-file .choose-attach-file-inn .files_address,
  .employer_current_job_details_blade .post-heading .post-features {
    margin: 16px 0 0;
    width: 100%;
  }
  .choose-attach-file .choose-attach-file-inn .files_address ul li {
    width: 95px;
    height: 95px;
    margin: 0 4px 8px;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5px;
  }
  .choose-attach-file .choose-attach-file-inn .files_address ul li img {
    width: 22px;
  }
  .choose-attach-file .choose-attach-file-inn .files_address ul {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    width: 100%;
  }
  .choose-duration.edit-box {
    margin: 0 0 8px;
    justify-content: space-between;
  }
  .choose-duration .duration-box {
    width: 49%;
    padding: 16px;
    margin: 0;
  }
  .choose-duration .duration-box h5 {
    font-size: 14px;
    margin: 0 0 10px;
    line-height: 20px;
    font-weight: 600;
  }
  .choose-duration .duration-box p {
    font-size: 12px;
    line-height: 16px;
  }
  .duration-list {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 0;
    width: 100%;
  }
  .duration-list p {
    margin: 8px 16px;
  }
  .choose-budget .rate-box h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }
  .fixed-box-rate input[type="text"],
  .fixed-box-rate p {
    height: 42px;
    line-height: 42px;
  }
  .fixed-rate {
    margin: 10px 0 0;
  }
  .add-range-box,
  .fixed-box-rate {
    height: 45px;
    width: 49%;
    padding: 0 12px;
  }
  .fixed-box-rate p {
    font-size: 12px;
    padding: 0 0 0 6px;
  }
  .fixed-box-rate p span {
    font-size: 9px;
    line-height: 10px;
  }
  .add-range-box {
    font-size: 10px;
    background-color: var(--light-grey);
    border: 0;
    padding: 0 12px;
  }
  .create-job-publish .error {
    font-size: 14px;
    font-weight: 500;
    color: var(--error) !important;
  }
  .duration-budget {
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 10px;
    flex-flow: column;
  }
  .duration-budget .contract-duration,
  .duration-budget .publish-budget {
    width: 100%;
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid #7a7a7a;
  }
  .create-job-publish h5 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 12px;
    justify-content: space-between;
  }
  .contract-duration-block p {
    width: 49%;
    align-items: flex-start;
    color: var(--dark-grey);
    font-size: 14px;
    margin: 0;
    flex-flow: column;
    justify-content: flex-start;
  }
  .contract-duration-block p span {
    border-radius: 5px;
    background-color: var(--darkest-grey);
    color: var(--white);
    font-weight: 600;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    margin: 0;
  }
  p.title-job {
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    font-size: 14px;
  }
  .inner-page-content.create-job-publish .center#step7 {
    height: auto;
  }
  .new-job-details .job-post-details-info-box {
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid #7a7a7a;
    width: 100%;
  }
  .new-job-details .job-post-details-info ul.address-post li p {
    padding: 18px 16px;
    width: 100%;
    background-color: var(--light-grey);
  }
  .new-job-details .job-post-details-info ul.address-post li {
    margin: 0 0 16px;
    width: 100%;
  }
  .attachment-publish .files_address ul {
    display: flex;
    justify-content: center;
  }
  .job-post-details-info .attachment-publish .files_address ul {
    justify-content: flex-start;
  }
  .job-post-details-info .attachment-publish .files_address ul li {
    margin: 0 4px 8px 0 !important;
  }
  .attachment-publish .files_address ul li {
    width: 95px;
    height: 95px;
    border: 4px solid var(--light-grey);
    border-radius: 5px;
    margin: 0 4px 8px !important;
    font-size: 12px;
    padding: 0 5px;
    text-align: center;
    line-height: 16px;
  }
  .create-job-publish h5 a img {
    margin: 0;
    width: 20px;
    height: 20px;
  }
  .create-job-publish h5 a {
    background-color: var(--light-grey);
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
  }
  .template_category .profile-shared li select.input-text {
    height: 45px;
    font-size: 14px;
    line-height: 45px;
  }
  .inner-page-content.create-job-publish .center#step2,
  .inner-page-content.create-job-publish .center#step3 {
    padding: 30px 4% 0;
    height: auto;
    min-height: calc(100vh - 270px);
  }
  .inner-page-content.create-job-publish .center#step3 {
    padding: 30px 0 0;
  }
  .inner-page-content.create-job-publish
    .center#step3
    .edit-box
    .contract-box
    input[type="text"] {
    font-size: 12px;
    width: 92%;
    display: table;
    margin: 0 auto;
  }
  .inner-page-content.create-job-publish .center#step7 p.categories-job {
    display: flex;
    align-items: center;
    margin: 0 0 16px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--medium-grey);
    padding: 0 0 10px;
  }
  .inner-page-content.create-job-publish .center#step7 p.categories-job span {
    margin: 0 8px 8px 0;
    font-size: 13px;
  }
  .create-job-publish #step2.fixed-box .edit-box.edit-box-search {
    top: 0;
    padding: 16px;
  }
  .inner-page-content #step2.center.fixed-box {
    padding: 195px 4% 0;
  }
  .employer_profile_blade .inner-page-content.employer-profile,
  .profile_blade .inner-page-content,
  .profile_blade .inner-page-content.employer-profile,
  .profile_employee_blade .inner-page-content.employee-profile,
  .profile_public_employer_blade .inner-page-content,
  .profile_public_employer_blade .inner-page-content.employer-profile {
    padding: 54px 0 0;
  }
  .profile_blade aside.profile-aside,
  .profile_public_employer_blade aside.profile-aside {
    width: 100%;
    padding-bottom: 0;
  }
  .employer_profile_blade .profile-button-row,
  .profile_blade .profile-button-row,
  .profile_employee_blade .profile-button-row,
  .profile_public_employer_blade .profile-button-row {
    display: block;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0 0 20px;
    overflow: hidden;
    overflow-x: auto;
  }
  .profile_blade .profile-button-row::-webkit-scrollbar {
    display: none;
  }
  .profile_blade .profile-button-row .profile-button-left,
  .profile_public_employer_blade .profile-button-row .profile-button-left {
    width: 460px;
    padding: 0 0 10px 15px;
  }
  .profile_blade .profile-button-row .profile-button-right,
  .profile_public_employer_blade .profile-button-row .profile-button-right {
    padding: 0 0 0 15px;
    display: flex;
    align-items: center;
  }
  .employer_profile_blade .profile-button-row .profile-button-left button,
  .employer_profile_blade .profile-button-row .profile-button-right button,
  .profile_blade .profile-button-row .profile-button-left button,
  .profile_blade .profile-button-row .profile-button-right button,
  .profile_employee_blade .profile-button-row .profile-button-left button,
  .profile_employee_blade .profile-button-row .profile-button-right button,
  .profile_public_employer_blade
    .profile-button-row
    .profile-button-left
    button,
  .profile_public_employer_blade
    .profile-button-row
    .profile-button-right
    button {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 14px !important;
    margin: 0 4px 0 0 !important;
  }
  .employer_profile_blade .profile-button-row .profile-button-left button img,
  .employer_profile_blade .profile-button-row .profile-button-right button img,
  .profile_blade .profile-button-row .profile-button-left button img,
  .profile_blade .profile-button-row .profile-button-right button img,
  .profile_employee_blade .profile-button-row .profile-button-left button img,
  .profile_employee_blade .profile-button-row .profile-button-right button img,
  .profile_public_employer_blade
    .profile-button-row
    .profile-button-right
    button
    img {
    width: 18px !important;
    height: 18px !important;
  }
  .profile_blade .provide-service,
  .profile_public_employer_blade .provide-service {
    position: relative;
    padding: 0 15px 32px;
  }
  .employer_profile_blade .provide-service .about-description p,
  .profile_blade .provide-service .about-description p,
  .profile_public_employer_blade .provide-service .about-description p {
    font-size: 14px;
    line-height: 19px;
  }
  .employer_profile_blade .provide-service h4 .promotions-btns,
  .profile_blade .provide-service h4 .promotions-btns,
  .profile_employee_blade .provide-service h4 .promotions-btns,
  .profile_public_employer_blade .provide-service h4 .promotions-btns {
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
  }
  .employer_profile_blade .provide-service h4 .promotions-btns a,
  .profile_blade .provide-service h4 .promotions-btns a,
  .profile_employee_blade .provide-service h4 .promotions-btns a,
  .profile_public_employer_blade .provide-service h4 .promotions-btns a {
    width: 49%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid var(--dark-grey);
    order: 2;
  }
  .employer_profile_blade .provide-service h4 .promotions-btns button,
  .profile_blade .provide-service h4 .promotions-btns button,
  .profile_employee_blade .provide-service h4 .promotions-btns button,
  .profile_public_employer_blade .provide-service h4 .promotions-btns button {
    height: 40px;
    line-height: 40px;
    width: 49%;
    order: 1;
  }
  .profile_blade .profile-button-row .profile-button-right .bttn.chat-btn,
  .profile_public_employer_blade
    .profile-button-row
    .profile-button-right
    .bttn.chat-btn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    min-width: 100px;
    display: flex;
    align-items: center;
  }
  .profile_blade .profile-button-row .profile-button-right .bttn.chat-btn img {
    width: 16px;
    margin: 0 0 0 8px;
  }
  .profile_blade .profile-button-row .profile-button-right .bttn.favourites-btn,
  .profile_public_employer_blade
    .profile-button-row
    .profile-button-right
    .bttn.favourites-btn {
    min-width: 210px;
  }
  .profile_public_employer_blade .employee-profile-inner {
    flex-flow: column;
    min-height: auto;
  }
  .profile_public_employer_blade .profile-button-row::-webkit-scrollbar {
    display: none;
  }
  .profile_public_employer_blade
    .profile-button-row
    .profile-button-right
    .bttn.chat-btn
    img {
    width: 20px;
    margin: -5px 0 0 8px;
  }
  .profile_public_employer_blade .provide-service.profile-button-row {
    padding: 0 0 16px;
  }
  .profile-bidding-list .profile-bid-info .job-total {
    width: 48%;
    display: inline-block;
    margin: 0 0 10px;
  }
  .profile-bidding-list .job-total {
    padding: 16px 24px;
  }
  .job_details_blade .result-list.other-edit-experience-list li,
  .profile-bidding-list li,
  .result-list.other-edit-experience-list li {
    padding-bottom: 16px;
  }
  .profile-bidding-list .profile-bid-info .expected_note {
    font-size: 14px;
    width: 100%;
  }
  .carousel-categorys-full .owl-nav {
    top: -45px;
  }
  .contract-box-inn ul.new-lang li.rem_lang {
    left: 41%;
  }
  .job-bidding-modal
    .modal-content
    .bidding-profile
    li
    .bidding-pro-amount.bidding-pro-amount-fixed,
  .job-bidding-modal
    .modal-content
    .bidding-profile
    li
    .bidding-pro-amount.bidding-pro-amount-hourly {
    margin: 10px 8px 0 0;
    max-width: 100%;
    padding: 8px;
    align-items: center;
  }
  .job-apply-modal .modal-content .apply-row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .job-apply-modal .modal-content .new-offer-price-outer .apply-job-price h5 {
    margin: 0 0 6px;
    font-size: 14px;
  }
  .history-review-job ul.tabs li,
  .job-apply-modal
    .modal-content
    .apply-job-price
    .new-offer-price-inner
    p
    span {
    padding: 0 10px;
  }
  .prev_bid h5 {
    font-size: 14px;
    margin: 0 0 8px;
  }
  .job-intro-modal .top-intro-row {
    display: block;
    margin: 16px 0;
  }
  .job-intro-modal .top-intro-row .job-total {
    margin: 0 0 8px;
    text-align: left;
    display: inline-block;
  }
  .job-intro-modal .intro-button-row {
    margin: 20px 0 0;
    flex-flow: column;
  }
  .job-intro-modal .intro-button-row button {
    width: 100%;
    font-size: 16px;
    margin: 10px 0 0;
  }
  .profile_public_employee_blade .inappropriate,
  .profile_public_employer_blade .inappropriate {
    justify-content: flex-end;
    padding: 0 16px 0 0;
  }
  .employer_current_job_details_blade .inner-page-content .center {
    padding: 20px 0 0;
  }
  .history-review-job {
    padding: 0 15px 20px;
    border-bottom: 1px solid #303030;
  }
  .job-post-review .leave-review .avarage-rating {
    order: 1;
    padding: 8px 16px;
  }
  .job-post-review .leave-review .avarage-rating h6 {
    width: auto;
    font-size: 14px;
  }
  .job-post-review .leave-review .avarage-rating p {
    font-size: 15px;
    width: 40px;
    height: 40px;
    margin: 0;
  }
  .job-post-review .leave-review .review-details {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-flow: column;
    order: 2;
  }
  .job-post-review .job-post-review-content h6 {
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 8px;
  }
  .job-post-review .job-post-review-content,
  .result-list li {
    margin: 0 0 8px;
  }
  .job-post-review .job-post-review-content textarea {
    padding: 8px;
    font-size: 14px;
    line-height: 20px;
    height: 200px;
  }
  .current-post-feature {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    padding: 30px 0 0;
  }
  .current-post-feature .post-features-inn {
    width: 100%;
    margin: 0;
    overflow: hidden;
    overflow-x: auto;
    order: 2;
    padding: 0 0 0 15px;
  }
  .current-post-feature .post-features-inn::-webkit-scrollbar {
    display: none;
  }
  .current-post-feature .post-features-inn ul {
    width: 1680px;
  }
  .current-post-button-row {
    order: 1;
    padding: 8px;
    margin: 0 15px 16px;
    width: 92%;
  }
  .employer_current_job_details_blade .post-heading {
    margin: 16px 0 20px;
  }
  .employer_current_job_details_blade .job-post-details-info-box h4 {
    font-size: 16px;
    line-height: 22px;
  }
  .employer_current_job_details_blade
    .job-post-details
    .post-heading
    .applied
    img {
    margin: 0 10px 0 0;
  }
  .employer_current_job_details_blade .result-list li h3 {
    font-size: 16px;
    width: 100%;
  }
  .modal-content p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 16px;
  }
  .links-bar a {
    line-height: 18px;
    padding: 6px 10px;
  }
  .copied-link {
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 8px;
  }
  .copied-link .mainLink {
    width: 84%;
    padding: 0 16px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .copied-link .profile-link-btn {
    font-size: 0px;
    min-width: auto;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .copied-link .profile-link-btn span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .profile-shared li {
    width: 100%;
    padding: 8px;
    margin: 0 0 8px;
  }
  .profile-shared li span img {
    width: 30px;
    height: 30px;
  }
  .profileEmployeePdf .modal-content button {
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 16px;
    margin: 8px 0 0;
  }
  .template_category .down-btn-row {
    margin: 30px 0 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .template_category .down-btn-row .use_template {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 0;
    order: 2;
  }
  .template_category .down-btn-row a {
    font-size: 16px;
    text-align: center;
    margin: 0 0 8px;
    order: 1;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
  }
  .category_add .address-attachments .attach_service {
    margin: 0;
    width: 100%;
  }
  .category_add .address-attachments .attach_service ul,
  .result-employee-section li .result-employee-left .about-me {
    margin: 10px 0;
  }
  .category_add .address-attachments .attach_service li {
    line-height: 1;
    margin: 0 5px 5px 0;
    font-size: 12px;
    word-break: break-all;
  }
  .modal-content h4 {
    font-size: 18px;
    line-height: 24px;
    margin: 14px 0 24px;
  }
  .verifications-form ul li img.check_verify,
  .verifications-form ul li img.remove_verify {
    margin: 0;
    position: relative;
    top: -44px;
    left: 90%;
  }
  .verifications-form ul li:nth-child(2) img.check_verify,
  .verifications-form ul li:nth-child(2) img.remove_verify {
    top: -44px;
  }
  .l-modal.choose-admin-popup .c-popup .category-option-box h5 {
    font-weight: 600;
    line-height: 20px;
    font-size: 18px;
  }
  .l-modal.choose-admin-popup .c-popup .category-option-box p {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
  }
  .l-modal.choose-admin-popup
    .c-popup
    .category-option-box
    .verifications-form
    ul
    li
    label {
    font-size: 16px;
    line-height: 18px;
    padding: 0 20px 10px;
  }
  .l-modal.choose-admin-popup
    .c-popup
    .category-option-box
    .verifications-form
    ul
    li
    p {
    font-size: 12px;
    color: var(--dark-grey);
  }
  .l-modal.choose-admin-popup
    .c-popup
    .category-option-box
    .verifications-form
    .next-prev-row {
    padding: 0;
    position: relative;
    left: auto;
    bottom: auto;
    margin: 15px 0;
  }
  #progressbar {
    flex-flow: row;
  }
  .l-modal.choose-admin-popup
    .c-popup
    .category-option-box
    .verifications-form
    .next-prev-row
    button {
    padding: 0 10px;
    font-size: 14px;
    width: 100%;
    margin: 0;
  }
  .l-modal.choose-admin-popup
    .c-popup
    .category-option-box
    .verifications-form
    ul
    li {
    padding: 8px;
  }
  /* .select2-container {
    min-width: 100% !important;
  } */
  .modal.modal_first_step.js-modal-services .verifications-form {
    margin: 20px 0;
    width: 100%;
  }
  .top-category-box-wrap.scrollbar {
    height: 200px;
  }
  .top-category-box-wrap .top-category-box .add-category-filter-new {
    width: 100% !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-flow: wrap;
    margin: 12px 0 10px;
  }
  .top-category-box-wrap .top-category-box .add-category-filter-new li {
    margin: 0 5px 5px 0;
  }
  .top-category-box-wrap .top-category-box .add-category-filter-new li a {
    height: 25px;
    line-height: 25px !important;
    font-size: 12px !important;
    padding: 0 6px;
    width: auto;
  }
  .modal.modal_first_step.js-modal-services .next-prev-row {
    position: relative;
    background-color: transparent;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .js-modal-services .next-prev-row button {
    float: right;
    height: 40px;
    line-height: 40px;
    color: var(--white);
    min-width: auto;
    font-size: 14px;
  }
  .select2-container--default.select2-container--focus
    .select2-selection--multiple {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    font-size: 12px !important;
    margin: 0 4px 4px 0 !important;
    padding: 0 10px !important;
  }
  .inner-page-content.create-job-publish .verification-level-top .center {
    padding: 10px 4px 0;
    height: auto;
  }
  .create-job-publish .verification-level-top {
    padding: 0 0 10px;
  }
  .create-job-publish .verification-level-top .verefication-level {
    display: block;
    padding: 0;
  }
  .about-info-accodian.active > .about-info.hide-option,
  .about-info-accodian > .about-info,
  .after-login-header li.res-employer-profile a.menu-full-button:after,
  .after-login-header li.res-logout:before,
  .back-to-top,
  .create-job-publish .verification-level-top .verefication-level h4,
  .create-job-publish
    .verification-level-top
    .verefication-row
    .verefication-content,
  .mobile-menu nav ul.current.after-login-header > li.nav-dropdown:before,
  .mobile-menu
    nav
    ul.current.after-login-header
    > li.nav-dropdown
    > ul.sub-menu
    li:before,
  .mobile-menu
    nav
    ul.current.after-login-header
    > li.res-employee-profile:before,
  .mobile-menu
    nav
    ul.current.after-login-header
    > li.res-employer-profile:before,
  .notification-heading,
  .result-employee-section li .result-employee-left .about-me h5,
  .result-employee-section
    li
    .result-employee-right
    .blocks
    .my-category-list
    ul
    li.category-more {
    display: none;
  }
  .create-job-publish
    .verification-level-top
    .verefication-level
    .verefication-row {
    flex-flow: column;
    overflow: hidden;
    overflow-x: auto;
    display: block;
  }
  .create-job-publish
    .verification-level-top
    .verefication-row
    .verefication-steps {
    width: 800px;
  }
  .upcomming-steps .steps h3,
  .verified-steps .steps h3 {
    font-size: 18px;
  }
  .active-step {
    padding: 20px 10px;
    width: 17%;
  }
  .verification-steps h2 {
    margin: 0;
    font-size: 18px;
  }
  .verifications-form ul li {
    width: 100%;
    margin: 0 0 10px;
  }
  .mob-pincode {
    height: 30px;
    font-size: 14px;
    position: absolute;
    left: 10px;
    line-height: 30px;
    padding: 0 4px;
  }
  .verifications-form ul li input.input-field {
    height: 50px;
    line-height: 50px;
    width: 100%;
    font-size: 14px;
  }
  .setiing-block .settings-right .verifications-form ul li input.input-field {
    height: 40px;
    line-height: 40px;
  }
  .verifications-form ul li.verify-number p {
    padding: 0 0 62px;
  }
  .verifications-form ul li.verify-number .sendlink-btn {
    top: 59px;
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
  .verifications-form ul li.verify-number .sendlink-btn#verify_phone {
    top: 180px !important;
  }
  .verification_steps_blade .next-prev-row {
    padding: 15px;
    position: fixed;
    bottom: 0;
    background-color: var(--light-grey);
    left: 0;
    width: 100%;
  }
  .profile-information .prof-basic-info h5,
  .verifications-form ul li label {
    font-size: 16px;
    margin: 0 0 6px;
  }
  .verification_steps_blade .inner-page-content {
    padding: 56px 0 100px;
  }
  .verification_steps_blade .inner-page-content > .inner-page-content {
    padding-top: 0;
  }
  .verifications-form ul li input.input-field.email_pin {
    margin-top: 50px;
  }
  .verifications-form ul li .sendlink-btn {
    position: absolute;
    top: 59px;
    right: 0;
    color: var(--white);
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 100%;
  }
  .verifications-form ul li .sendlink-btn#verify_link {
    top: 175px !important;
  }
  .interview-verifications .interview-btn {
    color: var(--white);
    min-width: auto;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    height: 45px;
    line-height: 45px;
  }
  .after-login-header li {
    padding: 0 16px;
    position: relative;
  }
  .mobile-menu nav ul.current.after-login-header li a {
    padding: 16px 0 !important;
    position: relative;
  }
  .after-login-header li a img {
    margin: 0 12px 0 0;
  }
  .after-login-header li.res-employee-profile a:after {
    display: none !important;
  }
  .after-login-header li .menu-profile-outer {
    display: flex;
    align-items: center;
    margin: 0 0 16px;
  }
  .after-login-header li .menu-profile-outer img {
    width: 88px;
    height: 88px;
    padding: 5px;
    border: 2px solid #fff;
    border-radius: 50px;
    margin: 0 16px 0 0;
  }
  .after-login-header li .menu-profile-outer .pro-name span {
    font-size: 16px;
    font-weight: 600;
    color: var(--white);
    word-break: break-word;
    line-height: 20px;
    display: inline-block;
  }
  .after-login-header li .menu-profile-outer .pro-name p {
    font-size: 12px;
    font-weight: 400;
    color: var(--white);
  }
  .after-login-header li a.menu-full-button {
    padding: 0 !important;
  }
  .after-login-header li a.menu-full-button button {
    width: 100%;
    height: 50px;
    line-height: 46px;
    border: 1px solid var(--white);
    background-color: transparent;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 16px;
  }
  .after-login-header li.res-notification-link a {
    border-bottom: 1px solid #7a7a7a;
    padding-bottom: 22px !important;
    margin-bottom: 12px;
  }
  .mobile-menu li.links.nav-dropdown.my-contracts:after {
    position: absolute;
    content: "";
    background: #7a7a7a;
    left: 50%;
    bottom: 0;
    width: 91%;
    height: 1px;
    transform: translateX(-50%);
  }
  .mobile-menu li.links.nav-dropdown.my-contracts {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .mobile-menu nav ul.current.after-login-header > li.nav-dropdown a {
    width: auto;
    padding: 12px 28px 12px 0 !important;
    display: inline-block;
    position: relative;
  }
  .mobile-menu nav ul.current.after-login-header > li.nav-dropdown a:after {
    width: 12px;
    height: 12px;
    left: auto;
    right: 0;
    background-size: 100% 100%;
  }
  .mobile-menu
    nav
    ul.current.after-login-header
    > li.nav-dropdown:nth-child(5n) {
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
  }
  .mobile-menu
    nav
    ul.current.after-login-header
    > li.nav-dropdown:nth-child(5n):after {
    position: absolute;
    content: "";
    height: 1px;
    width: 92%;
    left: 50%;
    bottom: 0;
    padding-bottom: 0 !important;
    margin-bottom: 0;
    border-bottom: 1px solid #7a7a7a;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .after-login-header li.res-logout a {
    text-align: center !important;
    background: #404040;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32px 0 0;
    padding: 16px 10px !important;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
  }
  .after-login-header li.res-employee-profile .menu-profile-outer img {
    border: 2px solid var(--green);
  }
  .after-login-header li.res-employer-profile .menu-profile-outer img {
    border: 2px solid var(--yellow);
  }
  .mobile-menu nav ul li.msg-link span.msg_alert,
  .mobile-menu nav ul li.res-notification-link span.notification_alert {
    position: absolute;
    right: 22px;
    top: 12px;
    background-color: var(--error);
    width: 30px;
    height: 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0 4px;
  }
  .create_job_blade #step3 .contract-box-inn p .point {
    left: 12px;
    top: 7px;
  }
  .result-list.result-employee-section li .rate-addres {
    position: static;
    bottom: auto;
    right: auto;
    margin: 0;
    width: 100%;
    flex-flow: row;
  }
  .back-to-top {
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 2px solid var(--white);
    bottom: 100px;
    right: 20px;
    z-index: 10;
  }
  .verification_steps_blade .back-to-top {
    bottom: 65px;
  }
  .back-to-top img {
    width: 39px;
    height: 38px;
  }
  .result-list li h3 {
    font-size: 16px;
    width: 75%;
    padding: 0;
  }
  .result-list li .rate-addres p {
    width: 100%;
    margin: 0 0 8px;
    min-height: auto;
  }
  .result-list li p {
    font-size: 14px;
    line-height: 19px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: -webkit-box;
    margin: 0 0 10px;
    min-height: auto;
  }
  .result-list li .favourites > p {
    overflow: visible;
    text-overflow: inherit;
    width: auto;
  }
  .result-list li .bottom-row .profile-info {
    width: 100%;
    margin: 0;
    align-items: flex-start;
  }
  .result-list li .bottom-row {
    position: relative;
    margin: 16px 0 0;
    display: block;
  }
  .result-list li .bottom-row .profile-info:nth-child(2n),
  .result-list li .bottom-row .profile-info:nth-child(3n) {
    width: auto;
    position: absolute;
    left: 48px;
    bottom: -7px;
    align-items: center;
  }
  .result-list li .bottom-row .profile-info:nth-child(3n) {
    left: 140px;
  }
  .create-results-box p {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px;
  }
  .create-results-box {
    padding: 16px;
  }
  .suggest-profile-box {
    width: 49%;
    background: #ecedef;
    border-radius: 5px;
    padding: 16px;
  }
  .sugg-pro-info span {
    font-size: 12px;
    width: 100%;
    color: var(--dark-grey);
    line-height: 1;
    min-height: auto;
    display: block;
  }
  .suggest-profile-box .suggest-img {
    width: 120px;
    height: 120px;
    border: 3px solid var(--white);
  }
  .results-row h4 a.advnce-search img {
    margin: 0 0 0 8px;
  }
  .create-post-bttn {
    min-width: auto;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    padding: 0 20px;
  }
  .result_blade .result-list li .rate-addres > p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .result_blade .post-features ul.job-post-category li {
    font-weight: 400;
    font-size: 12px;
    color: var(--white);
    padding: 4px 8px;
    margin: 0 4px 4px 0 !important;
    min-width: auto;
  }
  .result_blade .post-features {
    margin: 0 0 10px;
  }
  .result-employee-section
    li
    .result-employee-left
    .result-employee-infos
    .inner-infos {
    width: 100%;
    margin: 10px 0 0;
  }
  .result-employee-section
    li
    .result-employee-left
    .result-employee-infos
    .inner-infos
    .profile-info {
    margin: 0 14px 0 0;
    position: inherit;
    left: auto;
    width: auto;
  }
  .result_blade
    .result-list
    li
    .result-employee-left
    .rate-addres
    > p:last-child {
    bottom: auto;
    right: auto;
    width: 70%;
    margin: 0;
    top: 70px;
    left: 76px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .service-pack ul li.count-pack a {
    font-size: 12px;
    line-height: 14px;
  }
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .profile-info
    > a {
    padding: 0 15px 0 95px;
    background-repeat: no-repeat;
    background-position: right center;
    width: auto;
  }
  .profile-bidding-list .profile-bid-info .job-total span {
    font-size: 22px;
  }
  .result-list.result-employee-section li .bottom-row {
    margin: 16px 0 25px;
  }
  .result-employee-section li .service-pack {
    margin: 0 0 5px;
  }
  .result-employee-section li .result-employee-left p {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
  }
  .result-employee-section li .result-employee-right .service-pack ul {
    flex-wrap: wrap;
  }
  .result-employee-section li .result-employee-right .service-pack ul li {
    width: 30%;
    margin: 0 8px 8px 0;
    padding: 8px;
  }
  .result-employee-section
    li
    .result-employee-right
    .blocks
    .my-category-list
    ul {
    flex-flow: column;
    width: 100%;
  }
  .result-employee-section
    li
    .result-employee-right
    .blocks
    .my-category-list
    ul
    li.selected {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 10px;
    line-height: 1;
    flex-flow: row;
    font-size: 13px;
  }
  .service-pack ul li .pack-hour {
    font-size: 10px;
  }
  .result_blade .inner-page-content {
    padding: 58px 0 0;
  }
  .result_blade .result-list li {
    padding-bottom: 70px;
  }
  .result_blade .result-list li .button-row .view-btn {
    justify-content: right;
    float: right;
    height: 40px;
    line-height: 40px;
    color: var(--white);
    min-width: 100%;
    position: absolute;
    right: auto;
    bottom: -52px;
    text-transform: none;
    left: 0;
  }
  .result_blade .result-list.result-employee-section li {
    padding-bottom: 0;
  }
  .result-list li .button-row {
    width: 100%;
    position: relative;
  }
  .result-list li .button-row .view-btn {
    height: 40px;
    line-height: 40px;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .result-employee-section li .result-employee-left .button-row {
    width: 100%;
    position: static;
  }
  .result-employee-section li .result-employee-left {
    position: static;
  }
  .result-employee-section
    li
    .result-employee-left
    .button-row
    button.view-btn {
    position: absolute;
    bottom: 17px;
    width: 92%;
    left: 50%;
    min-width: auto;
    right: auto;
    transform: translateX(-50%);
    margin: 0;
  }
  .result-employee-section li .result-employee-right {
    width: 100%;
    position: static;
    padding-bottom: 60px;
  }
  .result_blade .result-employee-section .service-pack ul li .pack-hour {
    align-items: flex-start;
  }
  .inner-page-content .center {
    padding: 20px 15px 0;
  }
  .notifications_blade .notification-list li {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px;
  }
  .notifications_blade .notification-list li .notifiaction-name,
  .notifications_blade .notification-list li .notification-date {
    display: flex;
    flex-basis: 49%;
    justify-content: space-between;
    flex-direction: column;
  }
  .notifications_blade .notification-list li > .notification-description {
    display: flex;
    margin-top: 0;
    flex-basis: 100%;
    justify-content: center;
    flex-direction: column;
  }
  .notifications_blade .notification-list li .notifiaction-name {
    order: 1;
    padding: 0;
    flex-flow: row;
    border: 0;
    flex-basis: 70%;
    justify-content: flex-start;
  }
  .notifications_blade .notification-list li .notification-date {
    order: 2;
    padding: 0;
    flex-basis: 23%;
  }
  .notifications_blade .notification-list li .notification-description {
    order: 3;
    padding: 10px 0 0;
    margin: 10px 0 0;
    font-size: 14px;
    border: 0;
    border-top: 1px solid;
    flex-flow: row;
  }
  .notification-list li .notification-date p {
    font-size: 12px;
    color: var(--medium-grey);
    font-weight: 400;
  }
  .notification-list li .notifiaction-name .pro-name {
    font-size: 14px;
    margin: 0 0 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .notification-list li .notification-description a.more {
    font-size: 12px;
    text-align: right;
    line-height: 1, 2;
  }
  .notiheader {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 8px;
  }
  .about-info-accodian h2,
  .referral-btn {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
  }
  .referral-btn {
    margin: 0 0 0 5px;
    min-width: auto;
    padding: 0 16px;
  }
  .profile_employee_blade aside.profile-aside {
    width: 100%;
    padding-bottom: 32px;
  }
  .about-info-mobile {
    display: flex;
    justify-content: space-between;
  }
  .about-info-mobile .about-info,
  .profile_blade .about-info-mobile .about-info {
    width: 48%;
    margin: 0 4px 16px;
  }
  .about-info-mobile .about-info .headings {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 12px 8px;
  }
  .about-info-mobile .about-info .headings .headings-l {
    order: 2;
    font-size: 11px;
    line-height: 15px;
  }
  .about-info-mobile .about-info .headings .headings-r {
    order: 1;
    padding: 0 0 0 30px;
    font-size: 18px;
  }
  .about-info-mobile .about-info .headings .headings-l img {
    margin: 0 6px 0 0;
    position: absolute;
    top: 14px;
    left: 8px;
  }
  .about-info-mobile .about-info:nth-child(3) .headings .headings-l img {
    width: 27px;
    top: 20px;
  }
  .about-info-accodian h2 {
    display: block;
    width: 98%;
    text-align: center;
    border-radius: 5px;
    border: 1px solid var(--white);
    font-weight: 500;
    margin: 0 0 16px 4px;
    text-transform: capitalize;
    background-image: url(/img/bottom-accordion-arrow-w.svg);
    background-position: 96% center;
    background-repeat: no-repeat;
  }
  .employee-profile-inner .main-inner.profile-main {
    width: 100%;
    margin: 20px 0 0;
  }
  .profile-information .prof-img,
  .profile-information .prof-img img {
    width: 100px;
    height: 100px;
  }
  .profile-information .prof-basic-info p {
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 4px;
  }
  .about-info-accodian.active h2 {
    background-image: url(/img/top-drop-arrow-w.svg);
  }
  .about-info-accodian.active > .about-info {
    display: block;
    margin: 0 0 8px;
  }
  .profile_employee_blade .profile-button-row::-webkit-scrollbar {
    display: none;
  }
  .profile_employee_blade .profile-button-row .profile-button-left {
    width: 650px;
    padding: 0 0 10px;
  }
  .profile_employee_blade .provide-service {
    position: relative;
    padding: 10px 15px 30px;
  }
  .profile_employee_blade .provide-service:first-child {
    padding-bottom: 10px;
  }
  .profile_employee_blade .provide-service .about-description p {
    font-size: 14px;
    line-height: 22px;
  }
  .history-review-job ul.tabs li a {
    font-size: 11px;
  }
  .history-review-job ul.tabs li:after {
    left: -3px;
    top: 2px;
  }
  .involved-category .suggest-category-row {
    width: 62%;
  }
  .employer_profile_blade .profile-button-row::-webkit-scrollbar {
    display: none;
  }
  .employer_profile_blade .profile-button-row .profile-button-left {
    width: 530px;
    padding: 0 0 10px;
  }
  .employer_profile_blade .profile-button-row .profile-button-right {
    padding: 0 0 0 15px;
  }
  .employer_profile_blade .provide-service {
    position: relative;
    padding: 0 15px 16px;
  }
  .employee-involved-categories-row .carousel-categorys .owl-nav {
    position: absolute;
    top: -100px;
    right: 0;
    left: auto;
    transform: translateX(0);
  }
  .carousel-categorys .owl-nav {
    top: -46px;
  }
  .profile_employee_blade .about-toggle.show-more-height {
    padding: 0 18px 10px;
  }
}
@media only screen and (max-width: 900px) {
  .employer-home .suggest-profile-row.suggested-employee .suggest-profile-box {
    margin: 0 0 16px;
    width: 48%;
  }
  .active-contract-button-row-outer .bottom-row:first-child,
  .category_add .rate-box .fixed-rate,
  .current-job-post .job-post-accnt,
  .details-similar-jobs ul.result-list li,
  .employee_edit_profile_blade .employee-profile-inner .main-inner.profile-main,
  .employee_edit_profile_blade
    .profile-apply-row.profile-button-row
    .profile-button-right,
  .employee_edit_profile_blade
    .profile-apply-row.profile-button-row
    .profile-button-right
    .apply-btn,
  .employee_hire_blade .job-post-accnt-info,
  .employee_hire_blade .job-post-top .job-post-accnt,
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    a,
  .employer-home .result-list li .button-row .employer-job-post,
  .employer_edit_profile_blade
    .profile-apply-row.profile-button-row
    .profile-button-right,
  .employer_edit_profile_blade
    .profile-apply-row.profile-button-row
    .profile-button-right
    .apply-btn,
  .job-apply-modal .modal-content .apply-row button,
  .job-category-mobile,
  .job_create_final .next-prev-row button,
  .job_details_blade .job-post-about,
  .job_details_blade .job-post-accnt,
  .login-content,
  .login-form li.login-social-btn a img,
  .modal_view .next-prev-row #editService,
  .offer-listing-page
    .pending-offers
    li
    .recieved-offer-inner-row:first-child
    > .recieved-offer-left,
  .payment-page-details > div,
  .phone-inn video,
  .process_blade .stripe-frm.verifications-form,
  .profileEmployeePdf .modal-content > div a,
  .promote_modal .total_cost,
  .setiing-block
    .settings-right
    .step_3
    .verifications-form
    ul
    li:first-child
    input.input-field,
  .social-btns a,
  .stripe-frm.verifications-form,
  .verifications-form.address-verifications ul li,
  .verifications-form.address-verifications ul li.verify-address,
  .wallet_blade .job-post-details.verification-steps {
    width: 100%;
  }
  .suggested-employee .suggest-profile-box .suggest-img {
    width: 130px;
    height: 130px;
  }
  .suggested-employee .percircle .slice {
    width: 114px;
    height: 116px;
  }
  .profile-row-outer > .profile-row {
    display: block;
    width: 680px;
  }
  .profile-row-outer > .profile-row > .profile-methods {
    width: 100px;
    height: 90px;
    display: inline-block;
    text-align: center;
    margin: 0 4px 0 0;
    padding: 0;
  }
  .job_details_blade .current-post-feature .post-features-inn,
  .job_details_blade .post-features-inn {
    margin: 0;
    width: 100%;
    order: 2;
  }
  .job_details_blade .current-post-button-row {
    width: 100%;
    flex-wrap: wrap;
    order: 1;
    margin: 0 0 16px;
    background-color: transparent;
    padding: 0;
  }
  .employee_current_job_details_blade .current-post-button-row button,
  .job_details_blade .current-post-button-row button {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .inappropriate,
  .job_details_blade .inappropriate {
    position: absolute;
    top: 30px;
    right: 14px;
    text-indent: -9999px;
    font-size: 0;
    border: 1px solid #303030;
    border-radius: 5px;
    padding: 3px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .inappropriate > img,
  .job_details_blade .inappropriate > img,
  .promote_modal .promotion-amount-group .featuredShow label,
  .social,
  .start-bttn-row p {
    margin: 0;
  }
  .employee_current_job_details_blade .current-post-button-row button.chat-btn,
  .job_details_blade .current-post-button-row button.chat-btn {
    width: 290px;
    font-size: 16px;
  }
  .employee_current_job_details_blade .job-post-details .post-heading,
  .job_details_blade .job-post-details .post-heading {
    padding: 0;
    align-items: flex-start;
    flex-flow: row;
    flex-wrap: wrap;
  }
  .job_details_blade .job-post-details .post-heading h2 {
    margin: 0 0 16px;
    padding: 0 60px 0 0;
  }
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right,
  .job-post-details .post-heading .post-heading-inner {
    flex-flow: column;
    width: 100%;
  }
  .dashboard_blade .modal_view .rate-box .fixed-rate > div,
  .employee_closed_job_list_blade .job-post-details-content,
  .employee_current_job_details_blade .job-post-details-content,
  .employee_current_jobs_blade .job-post-details-content,
  .employee_edit_profile_blade .inner-page-content.employee-profile .center,
  .employee_hire_blade .fetch-details .job-post-details-content,
  .employee_hire_blade .post-heading,
  .employee_recieved_offers_blade .job-post-details-content,
  .employee_see_job_payment_blade .job-post-details .post-heading,
  .employee_see_job_payment_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(3),
  .employee_sent_proposal_blade .job-post-details-content,
  .employer_closed_job_list_blade .job-post-details-content,
  .employer_current_jobs_blade .job-post-details-content,
  .employer_edit_profile_blade .inner-page-content.employer-profile .center,
  .employer_recieved_offers_blade .job-post-details-content,
  .employer_see_job_payment_blade .job-post-details .post-heading,
  .employer_see_job_payment_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(3),
  .employer_sent_proposal_blade .job-post-details-content,
  .job_details_blade .job-post-details-content,
  .jobs-lists-row ul.recent-job-list,
  .login-form {
    padding: 0;
  }
  #tab2 .jobs-lists-row ul li .profile-img span,
  .bidding-job.new-job-details h4,
  .employee_current_job_details_blade .job-post-details-info-box h4,
  .employee_hire_blade
    .fetch-details
    .apply-row
    .new-offer-price-inner
    p
    span.apply-offer-price
    input[type="text"],
  .job_details_blade .job-post-details-info-box h4,
  .my_post_promote_button button span,
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price
    span,
  .reviews-list-tab ul.tabs li.active a,
  .slider-box p,
  .view-more {
    font-size: 16px;
  }
  .employee_current_job_details_blade .job-post-details-info-box,
  .employee_see_job_payment_blade .new-job-details .job-apply-bttn-row,
  .employee_see_job_payment_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li:nth-child(2n + 2),
  .employer_see_job_payment_blade .new-job-details .job-apply-bttn-row,
  .employer_see_job_payment_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li:nth-child(2n + 2),
  .footer-accordion,
  .job_details_blade .job-post-details-info-box {
    margin: 0 0 16px;
  }
  .job_details_blade .welcome-profile {
    margin: 0;
    padding: 76px 0 16px;
  }
  .footer-accordion ul,
  .job_details_blade .job-post-about h3,
  .job_details_blade .job-post-about p,
  .job_details_blade .job-post-accnt .job-post-accnt-info p,
  .job_details_blade .job-post-accnt .job-total,
  .job_details_blade .job-post-rates,
  .setiing-block .settings-left h4,
  .settings-right .verifications-form ul li.verify-address:nth-child(3) > label,
  .settings_blade footer {
    display: none;
  }
  .job_details_blade .job-post-accnt .job-post-accnt-info {
    background-color: transparent;
    padding: 10px 15px 16px;
    width: 100%;
  }
  .job_details_blade .job-post-accnt .job-post-accnt-info h5 {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
  }
  .job_details_blade .job-post-accnt .job-post-accnt-info p:last-child {
    display: block;
    margin: 10px 0 0;
  }
  .job_details_blade .job-post-accnt .job-post-accnt-info p:last-child > img {
    margin: 3px 5px -2px 0;
  }
  .active-contract-button-row-outer,
  .details-similar-jobs ul.result-list.profile-bidding-list li .top-bid-row,
  .edit-profile-modal.add-certificate-modal .apply-row,
  .edit-profile-modal.add-education-modal .apply-row,
  .edit-profile-modal.add-licence-modal .apply-row,
  .employee_edit_profile_blade .employee-profile-inner,
  .employee_hire_blade #sendoffer .employee-hire li,
  .employee_hire_blade .job-post .job-post-top,
  .employer_edit_profile_blade .employee-profile-inner,
  .employer_see_job_payment_blade .outer-payment,
  .job-post .job-post-top,
  .job-vmjp-modal .job-post-details .center .post-features,
  .job_details_blade .job-post-about .button-row,
  .job_employer_details_blade .post-features,
  .profileEmployeePdf .modal-content > div,
  .top-category-box-wrap,
  .verification-media ul {
    flex-flow: column;
  }
  .job_details_blade .job-post-about .button-row a {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: var(--white);
    background: 0 0;
    padding: 0;
    margin: 0 0 16px;
  }
  .job_details_blade .job-post-about .button-row a button {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    background: var(--black);
  }
  .job_details_blade .job-post-about .button-row a.similar_jobs {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: var(--white);
    background: url(/img/right-arrow.svg) right center no-repeat;
    padding: 0 22px 0 0;
    margin: 0;
  }
  .job_details_blade .job-post-details .post-heading button.view-btn {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 100%;
    margin: 20px 0 0;
  }
  .job_details_blade .post-features {
    margin: 0 0 20px;
    flex-flow: column;
  }
  .job_details_blade .result-list li .bottom-row .profile-info {
    margin: 0 !important;
    align-items: flex-start;
  }
  .job_details_blade .result-list li .bottom-row .profile-info:nth-child(2n),
  .job_details_blade .result-list li .bottom-row .profile-info:nth-child(3n) {
    width: auto;
    position: absolute;
    left: 60px;
    bottom: -32px;
    align-items: center;
  }
  .job_details_blade .result-list li .bottom-row .profile-info:nth-child(3n) {
    left: 140px;
  }
  .job_details_blade .result-list li .button-row {
    width: 100% !important;
  }
  .job_details_blade .result-list li .button-row .view-btn,
  .result-list li .button-row .view-btn {
    justify-content: right;
    float: right;
    height: 40px;
    line-height: 40px;
    color: var(--white);
    min-width: 100%;
    position: absolute;
    right: auto;
    bottom: -85px;
    text-transform: none;
    left: 0;
  }
  .employer_profile_blade .result-list li .button-row .view-btn,
  .profile_public_employer_blade .result-list li .button-row .view-btn {
    bottom: 0;
  }
  .employer_profile_blade .result-list li > .button-row,
  .profile_public_employer_blade .result-list li > .button-row {
    padding-bottom: 40px;
  }
  .job_details_blade .result-list li,
  .result-list li {
    padding-bottom: 100px;
    position: relative;
  }
  .pagination_section2 .result-list li {
    padding-bottom: 24px;
  }
  .job_details_blade .result-list.result-employee-section li,
  .result-list.result-employee-section li {
    padding-bottom: 0;
    position: relative;
  }
  .job-bidding-modal .modal-content .bidding-profile {
    flex-flow: column;
    padding: 0;
    width: 100%;
    margin: 0;
  }
  .job-bidding-modal .modal-content .bidding-profile li {
    width: 100%;
    padding: 8px 8px 84px;
    flex-flow: column;
    align-items: flex-end;
    flex-direction: column;
    margin: 0 0 16px;
    position: relative;
  }
  .job-bidding-modal .modal-content .bidding-profile li.bid_proposal {
    padding-bottom: 125px !important;
  }
  .job-bidding-modal
    .modal-content
    .bidding-profile
    li.bid_proposal
    .bidding-pro-amount.bidding-pro-amount-fixed {
    background-color: var(--white);
    color: var(--dark-grey) !important;
    width: 46%;
    position: absolute;
    left: 8px;
    bottom: 56px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    margin: 0;
    font-size: 26px;
    font-weight: 700;
  }
  .job-bidding-modal
    .modal-content
    .bidding-profile
    li.bid_proposal
    .bidding-pro-amount.bidding-pro-amount-hourly {
    background-color: #a9a9a9;
    color: var(--dark-grey) !important;
    position: absolute;
    right: 8px;
    bottom: 56px;
    width: 46%;
    margin: 0;
    display: flex;
    align-items: flex-start;
    font-size: 26px;
    font-weight: 700;
  }
  .job-bidding-modal
    .modal-content
    .bidding-profile
    li
    .bidding-pro-amount.bidding-pro-amount-fixed {
    width: 46%;
    position: absolute;
    left: 8px;
    bottom: 8px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    margin: 0;
  }
  .job-bidding-modal
    .modal-content
    .bidding-profile
    li
    .bidding-pro-amount.bidding-pro-amount-hourly {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 46%;
    margin: 0;
    display: flex;
    align-items: flex-start;
  }
  .job-bidding-modal .bidding-profile li .bidding-pro-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    padding: 2px;
    border-width: 2px;
  }
  .job-bidding-modal .modal-content .bidding-profile li .bidding-pro-info {
    width: 80%;
    display: flex;
    justify-content: flex-end;
    flex-flow: column;
    margin: 0;
    align-items: flex-start;
  }
  .job-bidding-modal .modal-content .bidding-profile li .bidding-pro-amount {
    color: var(--dark-grey);
    padding: 16px 0 0;
    text-align: center;
    font-size: 22px;
    line-height: 26px;
    width: 100%;
  }
  .job-bidding-modal .bidding-profile li .bidding-pro-info h3 {
    font-size: 16px;
    line-height: 14px;
  }
  .bidding-profile li .bidding-pro-info a.view.myBtn_multis {
    font-size: 16px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    min-width: 95%;
    margin: 0;
    padding: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .category_blade .inner-page-content,
  .employee_closed_job_list_blade .inner-page-content,
  .employee_current_jobs_blade .inner-page-content,
  .employee_recieved_offers_blade .inner-page-content,
  .employee_sent_proposal_blade .inner-page-content,
  .employer_closed_job_list_blade .inner-page-content,
  .employer_current_jobs_blade .inner-page-content,
  .employer_recieved_offers_blade .inner-page-content,
  .employer_sent_proposal_blade .inner-page-content,
  .job_employer_details_blade .job-post-details.inner-page-content,
  .process_blade .inner-page-content,
  .settings_blade .inner-page-content,
  .subcategory_blade .inner-page-content,
  .wallet_blade .inner-page-content,
  .welcome-less .job-post-details.inner-page-content {
    padding: 58px 0 0;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-left,
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-right {
    margin: 0 0 8px;
    width: 100%;
  }
  .category-box,
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n) {
    margin: 8px 0;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right {
    width: auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .employer_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    p {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-right {
    flex-flow: column;
    align-items: flex-start;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    position: absolute;
    right: -7px;
    top: -6px;
    z-index: 1;
    margin: 0;
    padding: 4px 8px;
    font-size: 11px;
  }
  .category_add .rate-box .fixed-box-rate img,
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price
    span
    > img {
    width: 22px;
  }
  .duration-budget .publish-budget .job-budget,
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left {
    flex-wrap: wrap;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left
    .profile-info:first-child {
    flex: 1 0 100%;
    margin: 0 !important;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left
    .profile-info:nth-child(2) {
    margin: -20px 14px 0 52px;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left
    .profile-info:nth-child(3) {
    margin: -20px 14px 0 0;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left
    .profile-info
    span.pro-name {
    margin: -14px 0 0 5px;
    font-size: 16px;
    font-weight: 600;
  }
  .jobs-tabs .tabContent {
    padding: 20px 0 10px;
  }
  .jobs-tabs div.tabContainer {
    margin: -14px 0 0;
  }
  .jobs-tabs .tabContent#tab2 {
    padding: 0 0 10px;
  }
  .inner-footer {
    padding: 25px 15px 0;
  }
  footer.inner-footer .center {
    flex-flow: column;
    padding: 0;
  }
  .footer-block,
  .footer-block:first-child,
  .footer-block:last-child {
    width: 100%;
    margin: 0 0 32px;
  }
  .footer-block h5 {
    font-size: 14px;
    margin: 0 0 12px;
  }
  .footer-block.footer-accordion h5 {
    background-image: url("/img/foot-arrow-down.svg");
    background-position: 98% center;
    background-repeat: no-repeat;
  }
  .footer-block.footer-accordion h5.open {
    background-image: url("/img/foot-arrow-up.svg");
  }
  .footer-block ul li {
    margin: 0 0 12px;
  }
  #tab2 .jobs-lists-row ul li .profile-info p,
  .footer-block label,
  .footer-block ul li a {
    font-size: 14px;
    line-height: 22px;
  }
  .footer-block ul li.list-gapping {
    margin-top: 40px;
  }
  .footer-block.footer-newsletter {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
  }
  .newsletter input.subscribe-btn {
    background-image: url(/img/notification-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    background-color: #cc7868;
    width: 50px;
    height: 50px;
  }
  .newsletter input[type="text"] {
    width: calc(100% - 50px);
    height: 50px;
    line-height: 50px;
    font-size: 12px;
  }
  footer.inner-footer .center.bottom-footer {
    margin: 0 auto;
    padding: 20px 0 130px;
    flex-flow: row;
  }
  footer.inner-footer .center.bottom-footer p.copy-text {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px 8px 45px;
    width: 100%;
    text-align: center;
    line-height: 18px;
  }
  .social a {
    width: 28px;
    height: 28px;
    margin: 0 4px 0 0;
  }
  .social a img {
    height: 15px;
    width: 15px;
  }
  .register-row .register-btn {
    height: 40px;
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
  }
  .register-row p {
    font-size: 14px;
    text-align: center;
    margin: 12px 0 0;
  }
  .find-content .bttn,
  .login-btn,
  .login-form li input[type="email"],
  .login-form li input[type="password"],
  .login-form li input[type="text"],
  .signup-btn {
    height: 50px;
    line-height: 50px;
  }
  .close_account_blade .setiing-block .settings-right,
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .profile-info {
    width: 100%;
    padding: 0;
  }
  .close_account_blade .setiing-block .settings-right .step-level {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
  }
  .close_account_blade .setiing-block h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
  }
  .close_account_blade .setiing-block p,
  .employee_closed_job_list_blade .job-post-details-content p,
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    p,
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    p {
    font-size: 12px;
    line-height: 15px;
  }
  .setiing-block .settings-left {
    width: 50px;
    border-right: 0;
    background-color: var(--light-grey);
    position: fixed;
    left: 0;
    top: 56px;
    height: 100%;
    z-index: 10;
  }
  .setiing-block .settings-right {
    width: 100%;
    padding: 0 0 0 50px;
  }
  .setiing-block .settings-left .settings-ul {
    margin: 32px 0 0;
  }
  .setiing-block .settings-left .settings-ul li {
    font-size: 0;
    margin: 0 0 32px;
    padding: 0 0 0 15px;
    text-indent: -99999px;
  }
  .setiing-block .settings-left .settings-ul li.active:after {
    height: 30px;
    width: 3px;
    top: -2px;
  }
  .setiing-block .settings-right .step-level {
    font-size: 18px;
    font-weight: 800;
  }
  .setiing-block .verifications-form {
    margin: 10px 0;
  }
  .setiing-block .settings-right .verifications-form ul li label {
    font-size: 14px;
    height: 18px;
  }
  .setiing-block
    .settings-right
    .step_1
    .verifications-form
    ul
    li:first-child
    input.input-field {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .settings_blade
    .verification-steps.step_1
    .verifications-form
    ul
    li
    input.input-field.email_pin {
    margin-top: 50px;
  }
  .settings_blade
    .verification-steps.step_1
    .verifications-form
    ul
    li
    .sendlink-btn {
    top: 73px;
    height: 40px;
    line-height: 40px;
    background: #6c9ba1;
  }
  .settings_blade .next-prev-row {
    padding: 10px 0;
  }
  .settings_blade .setiing-block .settings-right .next-prev-row button {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
  }
  .profile-setting-row {
    margin: 10px 0 20px;
  }
  .profile-setting-row h6 {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0 0 15px;
    line-height: 18px;
  }
  .modal-content .add-category-filter {
    max-height: 105px;
    overflow: hidden;
    padding: 0 0 10px;
    overflow-y: auto;
    height: 100%;
    margin: 0 0 16px;
  }
  .add-category-filter li a {
    font-size: 12px;
    padding: 6px;
  }
  .add-category-filter li {
    margin: 0 5px 5px 0;
  }
  .profile_type {
    margin: 20px 0;
    flex-flow: column;
    align-items: flex-start;
  }
  .profile_type span {
    font-size: 14px;
    font-weight: 500;
    padding: 12px 15px;
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .profile_type a.change_type {
    font-size: 16px;
    color: var(--orange);
    font-weight: 600;
    margin: 12px 0 0;
  }
  .verification-media ul li {
    width: 100%;
    padding: 12px 8px;
    margin: 0 0 8px;
  }
  .about-info p,
  .cookie-content .cookie-btn a.more-info,
  .job-apply-modal
    .modal-content
    .apply-row
    p
    span.apply-offer-price
    input[type="text"],
  .jobs-tabs ul.tabs li a,
  .login-form li p,
  .modal_view .rate-box h6,
  .payment-page-details > div h5,
  .post-features ul li,
  .profileEmployeePdf .modal-content button,
  .step_5 .verifications-form h6,
  .verification-media ul li .top-head h3 {
    font-size: 14px;
  }
  .verification-media ul li .top-head h3 img {
    margin: 0 6px 0 0;
    width: 25px;
    height: 25px;
  }
  .setiing-block .settings-right .step_2 .verification-media li p {
    font-size: 12px;
    margin: 0;
  }
  .setiing-block .settings-right .step_2 a.employee_cat {
    background-image: url(/img/edit-icon-b.svg);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    width: 38px;
    height: 30px;
    background-color: var(--light-grey);
    padding: 0;
    border-radius: 5px;
    background-size: 16px;
  }
  .setiing-block .settings-right .step_3 .verifications-form ul li p {
    margin: 0;
    padding: 0;
  }
  .setiing-block
    .settings-right
    .step_3
    .verifications-form
    ul
    li
    .mob-pincode {
    font-size: 14px;
    width: 115px;
    background-color: var(--light-grey);
    height: 30px;
    padding: 0;
  }
  .setiing-block
    .settings-right
    .step_3
    .verifications-form
    .verify-address
    select {
    width: 100% !important;
    height: 40px;
    line-height: 40px;
  }
  .verifications-form ul li.verify-number p input.input-field {
    padding: 0 15px 0 130px;
  }
  .settings-right .verifications-form ul li {
    margin: 0 0 5px;
  }
  .setiing-block
    .settings-right
    .step_3
    .verifications-form
    .address_attachments
    li
    a {
    background-color: var(--light-grey);
    border-radius: 15px;
    padding: 0 10px;
    font-weight: 400;
    font-size: 12px;
    color: var(--dark-grey);
  }
  .settings-right
    .verifications-form
    ul
    li.upload-docs
    .address-attachments
    label.custom-file-upload {
    width: 100% !important;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #6c9ba1;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
  }
  .settings-right
    .verifications-form
    ul
    li.upload-docs
    .address-attachments
    .files_address
    ul
    li {
    background-color: var(--light-grey) !important;
    border-radius: 15px;
    height: 40px;
    line-height: 14px;
    font-weight: 500;
    font-size: 12px;
    margin: 5px 4px 10px 0;
    width: auto;
  }
  .settings-right .verifications-form ul li.timezone-setting select {
    width: 100% !important;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
  .outer-payment .inner-payment input[type="text"],
  .setiing-block .settings-right .step_5 .verifications-form .onoff-btn {
    width: 100%;
    font-size: 14px;
  }
  .avg-rating-top label,
  .bidding-profile li .bidding-pro-info .date,
  .category_add .add-range-box,
  .employee-profile .edit-languages-list .level select,
  .job-apply-modal .modal-content .apply-row label,
  .jobs-lists-row ul.recent-job-list li span.km,
  .login-form li label,
  .modal_view .category_added li a,
  .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li
    label,
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    p,
  .reviews-list-tab ul.tabs li a,
  .setiing-block .settings-right .step_5 .verifications-form p {
    font-size: 12px;
  }
  .promote_modal .next-prev-row #promote,
  .promoted_services_modal .send-bttn.promotes,
  .setiing-block
    .settings-right
    .step_6
    .verifications-form
    ul
    li
    input.input-field,
  .setiing-block
    .settings-right
    .step_6
    .verifications-form
    ul
    li:first-child
    input.input-field {
    height: 40px;
    line-height: 40px;
    width: 100%;
  }
  .setiing-block .settings-right .step_6 .verifications-form ul li label {
    font-size: 12px;
    font-weight: 400;
  }
  .setiing-block .settings-right .step_6 .verifications-form p {
    font-size: 14px;
    margin: 0 0 16px;
    font-weight: 600;
  }
  .process_blade .card-verifications ul.paymemt-page-ul li,
  .settings_blade .verification-steps.step_7 ul.card-verification-form > li,
  .stripe-frm.verifications-form ul li {
    width: 100%;
    margin: 0 0 10px;
  }
  .settings_blade
    .verification-steps.step_7
    ul.card-verification-form
    > li
    select {
    height: 40px;
    line-height: 40px;
  }
  .settings_blade
    .verification-steps.step_7
    .verifications-form
    ul.card-verification-form
    li
    .file-upload-outer {
    padding: 4px;
  }
  .settings_blade
    .verification-steps.step_7
    .verifications-form
    ul.card-verification-form
    li
    .file-upload-outer
    > label.custom-file-upload {
    width: 108px !important;
    height: 30px;
    line-height: 30px;
    background: #6c9ba1;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    min-width: auto;
    color: #fff;
    padding: 0 10px;
  }
  .settings_blade
    .verification-steps.step_7
    .verifications-form
    ul.card-verification-form
    li
    .file-upload-outer
    > div {
    width: calc(100% - 115px);
  }
  .settings_blade
    .verification-steps.step_7
    .verifications-form
    ul.card-verification-form
    li
    .file-upload-outer
    > div
    li {
    background-color: var(--light-grey) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 400;
    border-radius: 5px;
    padding: 0 12px;
    width: 100%;
    height: 30px;
    margin: 0;
    line-height: 12px;
  }
  .address-verifications .verify-card-btn {
    font-weight: 500;
    font-size: 16px;
    margin: 30px 0 0;
    height: 40px;
    line-height: 40px;
  }
  .settings_blade
    .verification-steps.step_1
    .verifications-form
    ul
    li:nth-child(2) {
    margin: 50px 0 0;
  }
  .top-category-box-wrap .top-category-box .add-category-filter {
    flex-direction: row;
  }
  .js-modal-services .top-category-box-wrap .top-category-box {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .top-category-box-wrap .top-category-box .service-name-cls {
    margin: 0 0 10px;
    font-size: 14px;
    height: 40px;
    line-height: 1;
    padding: 0 40px 0 16px;
    justify-content: flex-start;
    text-align: left;
  }
  .top-category-box-wrap .top-category-box .add-category-filter li a {
    height: 25px;
    padding: 0 8px;
    font-size: 12px !important;
  }
  .edit-profile-modal.add-certificate-modal .apply-row p textarea,
  .edit-profile-modal.add-education-modal .apply-row p textarea,
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    > a
    button,
  .select2-container--default .select2-selection--multiple {
    height: 40px;
  }
  .select2-container .select2-search--inline .select2-search__field {
    height: 36px !important;
    font-size: 14px !important;
  }
  .modal-content {
    width: 95%;
  }
  .job-category-mobile .job-post-category-outer,
  .setting-verification-step {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
  }
  .setting-verification-step::-webkit-scrollbar {
    display: none;
  }
  .category_blade .post-features .post-features-inn .job-post-category,
  .setiing-block
    .settings-right
    .step_8
    .setting-verification-step
    .verefication-steps {
    width: max-content;
  }
  .setiing-block .settings-right .next-prev-row a,
  .setiing-block .settings-right .next-prev-row button {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 100%;
  }
  .sugg-pro-info h6 {
    font-size: 18px;
    color: var(--dark-grey);
  }
  .wallet_blade .wallet-page h4 {
    font-size: 18px;
    font-weight: 700;
  }
  .wallet_blade
    .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl {
    flex-flow: row;
    justify-content: space-between;
  }
  .new-job-details .job-post-details-info ul.payment-heading,
  .wallet_blade
    .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li {
    display: none;
  }
  .wallet_blade
    .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li:first-child,
  .wallet_blade
    .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li:last-child {
    display: flex;
    flex-flow: column;
    width: auto;
    margin: 0;
  }
  .wallet_blade
    .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li:first-child {
    width: 140px;
  }
  .wallet_blade
    .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li:last-child {
    width: calc(100% - 150px);
  }
  .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li
    input.input-field {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
  }
  .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li:last-child
    button {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.payment-list-wallet
    li {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    padding: 8px;
    background-color: #f5f6f7;
  }
  .new-job-details .job-post-details-info ul.payment-list li > div {
    padding: 0;
    font-size: 12px;
    width: 70%;
    min-height: 20px;
  }
  .choose-category-list .sub-category ul li a,
  .new-job-details .job-post-details-info ul.payment-list li > div:first-child,
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(3) {
    font-size: 10px;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(3) {
    position: absolute;
    right: 8px;
    top: 38px;
    text-align: right;
    background-color: #ecedef;
    width: 102px;
    padding: 8px 14px 6px;
    border-radius: 0 0 5px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(2) {
    color: var(--orange);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 65%;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div.all-tab:nth-child(2) {
    color: var(--orange);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 65% !important;
  }
  .new-job-details .job-post-details-info ul.payment-list li > div.all-tab:last-child{
    width: 30% !important;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(4) {
    color: var(--dark-grey);
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(5) {
    position: absolute;
    right: 8px;
    top: 15px;
    text-align: right;
    color: var(--orange);
    font-size: 14px;
    font-weight: 700;
    background-color: #ecedef;
    width: 102px;
    padding: 10px 10px 0;
    border-radius: 5px 5px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(6) {
    position: absolute;
    top: 7px;
    left: 22%;
    font-size: 10px;
    width: auto;
    padding-left: 12px;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(6):before {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    width: 1px;
    height: 12px;
    background-color: var(--dark-grey);
  }
  .employer_see_job_payment_blade .outer-payment .inner-payment,
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left {
    width: 100%;
    margin: 0 0 5px;
  }
  .employer_see_job_payment_blade .back-to-text {
    position: relative;
    left: 0;
    top: auto;
    font-size: 16px;
    margin: 0 0 20px;
  }
  .review-list ul {
    column-count: 1;
    column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
  }
  .edit-profile-modal.add-certificate-modal .apply-row p,
  .edit-profile-modal.add-education-modal .apply-row p,
  .edit-profile-modal.add-licence-modal .apply-row p,
  .payment-page-details .card-verifications ul.paymemt-page-ul li,
  .review-list ul li {
    width: 100%;
    margin: 0 0 8px;
  }
  .review-list ul li h3 {
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .review-list ul li p {
    font-size: 12px;
    line-height: 18px;
  }
  .reviews-list-tab ul.tabs {
    text-align: center;
    position: relative;
    margin: 0 0 80px;
  }
  .reviews-list-tab ul.tabs li:after {
    position: absolute;
    content: "";
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: var(--medium-grey);
    left: 50%;
    transform: translateX(-50%);
    bottom: -7px;
  }
  .reviews-list-tab ul.tabs li {
    margin: 8px 0;
    padding: 0 8px;
    position: relative;
  }
  .avg-rating-top {
    position: absolute;
    right: 0;
    top: 70px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    justify-content: flex-start;
  }
  .avg-rating-top p {
    font-size: 16px;
    padding: 4px 8px;
    margin: 0;
  }
  .review-list ul li .top-row .rating-avg {
    font-size: 16px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
  }
  .review-list ul li .top-row .profile-rev span {
    display: block;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 60%;
  }
  .review-list ul li .top-row .profile-rev {
    width: 80%;
  }
  .employee_my_reviews_blade .review-list ul li .top-row .profile-rev {
    width: 70%;
  }
  .edit-box input[type="text"].search-cat {
    height: 40px;
    line-height: 40px;
    padding: 0 40px 0 15px;
    width: 85%;
  }
  .search-bttns {
    top: 10px;
    right: 63px;
  }
  .choose-category-list {
    flex-flow: column;
    background: 0 0;
  }
  .choose-category-list .main-category {
    height: 120px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background-position: 8px 8px;
    background-repeat: no-repeat;
    position: relative;
    background-size: 104px 104px;
  }
  .choose-category-list .sub-category {
    padding: 8px 0;
    width: 100%;
  }
  .choose-category-list .sub-category ul li {
    width: 82px;
    height: 82px !important;
  }
  .choose-category-list .main-category .maincat-info {
    position: absolute;
    bottom: auto;
    left: 120px;
    padding: 0 0 18px 8px;
    width: auto;
    background: 0 0;
    top: 10px;
  }
  .choose-category-list .main-category .maincat-info h2,
  .choose-category-list .main-category .maincat-info h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
    text-align: left;
  }
  .choose-category-list .main-category .maincat-info p {
    line-height: 18px;
  }
  .employee_edit_profile_blade aside.profile-aside {
    width: 100%;
    padding: 25px 16px 0;
  }
  .profile-apply-row .profile-button-right .apply-btn {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .employee_see_job_payment_blade .new-job-details .job-post-details-info,
  .employer_see_job_payment_blade .new-job-details .job-post-details-info,
  .intro-text,
  .modal .edit-profile-icons,
  .post-features {
    margin: 0 0 20px;
  }
  .edit-profile-modal .apply-row:last-child,
  .job_create_final .next-prev-row .dnt-acnt,
  footer.inner-footer .center.bottom-footer p.copy-text img {
    margin: 10px 0 0;
  }
  .edit-profile-modal .apply-row:last-child button {
    height: 40px;
    line-height: 40px;
    color: var(--white);
    text-transform: none;
    width: 100%;
    font-size: 16px;
  }
  .modal .edit-profile-icons img {
    width: 50px;
  }
  .category_add .apply-row,
  .edit-profile-modal .modal-content h4,
  .job-apply-modal .modal-content .apply-row,
  .job_employer_details_blade .post-features-inn {
    margin: 0 0 10px;
  }
  .edit-profile-modal.add-certificate-modal .apply-row p label,
  .edit-profile-modal.add-education-modal .apply-row p label,
  .edit-profile-modal.add-licence-modal .apply-row p label {
    margin: 0 0 2px;
  }
  .employee-info .languages-list ul li .langs {
    font-size: 14px;
    line-height: 1;
  }
  .employee-info .languages-list ul li .langs img {
    margin-right: 6px;
    width: 14px;
  }
  .category_add .rate-box {
    flex-flow: column;
    padding: 35px 0 30px;
  }
  .category_add .rate-box .fixed-rate p {
    font-size: 12px;
    width: auto;
    padding: 0 0 0 5px;
  }
  .category_add .add-range-box img {
    margin: 0;
    width: 22px;
  }
  .category_add .rate-box .fixed-rate p:last-child {
    width: 63px;
  }
  .category_add .add-range-box input[type="text"],
  .category_add .rate-box .fixed-box-rate input[type="text"] {
    font-size: 13px;
    width: 40px;
    padding: 0 0 0 5px;
  }
  .category_add .add-modal-header {
    text-align: center;
    font-size: 17px;
    margin: 0 0 10px;
  }
  .category_add .apply-row label {
    font-size: 14px;
    line-height: 17px;
  }
  .category_add .rate-box .onoff-btn {
    font-size: 14px;
    font-weight: 600;
    right: auto;
    top: 112px;
    left: 0;
  }
  .category_add .rate-box .choose-hourly-rate {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    color: var(--medium-grey);
    margin: 70px 0 0;
  }
  .category_add .rate-box .choose-hourly-rate span {
    top: 114px;
    font-size: 12px;
    right: auto;
    left: 0;
  }
  .category_add .address-attachments label.custom-file-upload {
    width: 100% !important;
    height: 40px;
    line-height: 40px;
    margin: 0 0 10px;
    font-size: 16px;
  }
  .category_add button.choose_cat {
    min-width: 100%;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 20px 0 0;
  }
  .promote_modal .promotion-amount-group .featuredShow {
    width: 100%;
    margin: 0;
    line-height: 30px;
    justify-content: space-between;
    flex-flow: row;
  }
  .promote_modal .promotion-amount-group .featuredShow label.active {
    height: 36px;
    margin: -3px 0 0;
  }
  .promote_modal .promotion-amount-group {
    margin: 0 0 24px;
    flex-flow: column;
  }
  .promote_modal .promotion-amount-group label {
    width: 100%;
    margin: 0 0 16px;
    text-align: left;
    font-size: 16px;
  }
  .promote_modal .next-prev-row {
    padding: 16px 0 0;
    flex-flow: column;
  }
  .promote_modal .next-prev-row button {
    margin: 10px 0 0;
    padding: 0;
    font-size: 16px;
    width: 100%;
  }
  .promoted_services_modal .modal-content ul.bidding-profile {
    padding: 0;
    flex-wrap: nowrap;
    flex-flow: column;
    margin: 0 0 16px;
  }
  .promoted_services_modal .modal-content ul.bidding-profile li {
    padding: 8px;
    width: 100%;
    margin: 0 0 8px;
    flex-wrap: wrap;
  }
  .promoted_services_modal
    .modal-content
    ul.bidding-profile
    li
    div:first-child {
    font-size: 14px;
    display: flex;
    margin-top: 0;
    flex-basis: 100%;
    justify-content: center;
    flex-direction: column;
  }
  .promoted_services_modal
    .modal-content
    ul.bidding-profile
    li
    .bidding-pro-amount {
    font-size: 16px;
    font-weight: 600;
  }
  .job_employer_details_blade .job-post-details.inner-page-content .center,
  .lower-landing,
  .start-bttn-row,
  .welcome-less .job-post-details.inner-page-content .center {
    padding: 20px 0 0;
  }
  .job-post-details .post-heading {
    flex-flow: column;
    margin: 10px 0 20px;
    padding: 0 15px;
  }
  .job-post-details .post-heading h2 {
    width: 100%;
    font-size: 18px;
    line-height: 1;
    margin: 0 0 20px;
  }
  .job-post-details .post-heading h2 span {
    font-size: 12px;
    line-height: 14px;
  }
  .my_post_promote_button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 16px 0 0;
  }
  .my_post_promote_button button {
    margin: 0;
    min-width: 49%;
    width: 49%;
    font-size: 18px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
  }
  .job_employer_details_blade .job-category-mobile.post-features-inn h4 {
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 0 15px;
  }
  .job_employer_details_blade .post-features-inn h4 {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
  }
  .job-category-mobile .job-post-category-outer::-webkit-scrollbar {
    display: none;
  }
  .job-category-mobile .job-post-category-outer ul.job-post-category {
    width: 720px;
    padding: 0 0 0 15px;
  }
  .post-features-inn-outer {
    display: flex;
    padding: 0 0 0 15px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
  }
  .job-post-details-content {
    margin: 0 0 16px;
    padding: 0 15px;
    overflow: hidden;
  }
  .job_details_blade .job-post-details-content {
    margin: 0 0 16px;
    padding: 16px 0;
    overflow: visible;
  }
  .job-apply-modal .modal-content .apply-row span,
  .job-post-details-content h4 {
    font-size: 16px;
    line-height: 22px;
  }
  .job-post-details-content p {
    font-size: 14px;
    line-height: 20px;
  }
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .profile-info
    .bottom-row
    button.bttn-info {
    width: 100%;
    min-width: 100%;
  }
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .profile-info
    .pro-name,
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .profile-info
    a {
    padding-left: 95px;
    max-width: 300px;
    display: block;
    float: left;
  }
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .profile-info
    .rating-info {
    width: auto;
    display: block;
    margin: 5px 0 20px 15px;
    padding: 0 0 0 75px;
    float: left;
    clear: both;
  }
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .profile-info
    .bottom-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0 0;
  }
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .profile-info
    .bottom-row
    a {
    padding: 0;
    width: 50%;
  }
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .profile-info
    .bottom-row
    button {
    height: 30px;
    line-height: 30px;
    width: 49%;
    font-size: 16px;
    min-width: 49%;
  }
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .bid-info {
    width: auto;
    background-color: #d9d9d9;
    margin: 12px 0;
  }
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .bid-info
    .bottom-row {
    font-size: 30px;
    line-height: 35px;
  }
  .details-similar-jobs ul.result-list.profile-bidding-list li .bid-date {
    font-size: 14px;
    font-weight: 500;
    margin: 8px 0 0;
  }
  .job_employer_details_blade .job-post-details-info {
    padding: 0 15px;
  }
  .job-post-details-info-box h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .job-post-details-info ul li img {
    margin: 0 8px 0 0;
    width: 14px;
  }
  .job-post-details-info ul.new-lang li {
    line-height: 1;
  }
  .employee_edit_profile_blade .inner-page-content,
  .employer_edit_profile_blade .inner-page-content.employer-profile {
    padding: 54px 0 0;
  }
  .about-info-mobile .about-info .about-toggle.show-more-height {
    padding: 0 8px;
    position: relative;
  }
  .about-info-mobile .about-info .about-toggle.show-more-height .add-button {
    text-indent: -9999px;
    font-size: 0px;
    width: 30px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
  }
  .about-info-mobile
    .about-info
    .about-toggle.show-more-height
    .add-button
    img {
    margin: 0;
    width: 15px;
  }
  .about-info-mobile .about-info .headings.money-headings {
    padding: 12px 0;
  }
  .about-info a.delete img {
    width: 15px;
  }
  .employee_edit_profile_blade section,
  .employer_edit_profile_blade .provide-service {
    padding: 0 15px 32px;
  }
  .add-experience-btn .bttn {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
  }
  .employee_edit_profile_blade .profile-apply-row {
    position: fixed;
    bottom: 0;
    z-index: 10;
    left: 0;
    padding: 8px 15px;
    margin: 0;
    background-color: rgb(236 237 239 / 0.6);
    border-radius: 0;
  }
  .apply-changes-btn .bttn {
    height: 45px;
    line-height: 45px;
    width: 100%;
  }
  .croppie-container .cr-boundary {
    width: 100% !important;
    height: 220px !important;
  }
  #cropImagePop .down-btn-row button {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
  }
  .croppie-container .cr-vp-circle {
    border-radius: 50%;
    width: 200px !important;
    height: 200px !important;
  }
  .edit-sub-button {
    margin-top: 0;
    width: 100%;
    padding-top: 8px;
    border-top: 0;
    justify-content: space-between;
    position: relative;
    z-index: 10;
  }
  .edit-sub-button li {
    margin-right: 0;
    background-color: var(--darkest-grey);
    height: 32px;
    width: 48%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .edit-sub-button .delet-icon,
  .edit-sub-button .edit-icon,
  .edit-sub-button .user-pack {
    width: 20px;
    height: 30px;
    background-position: 0 center;
    background-size: 75%;
    position: inherit;
  }
  .provide-service-row .provider-box {
    position: relative;
    width: auto !important;
  }
  .provide-service-row .provider-box > a.user-pack {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    z-index: 2;
    opacity: 0;
  }
  .provide-service-row .provider-box > a.user-pack:hover {
    background-color: transparent;
  }
  .provide-slider.carousel-categorys .provider-box {
    width: auto;
    min-height: 160px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
  }
  .provide-service .edit-about-description {
    padding: 0;
    overflow: hidden;
  }
  .login-form li,
  .modal_view .verifi-pop,
  .offer-listing-page .job-post-details-content li {
    margin: 0 0 8px;
  }
  .modal_view .apply-row label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
  }
  .modal_view .apply-row label.view-modal-title {
    padding: 8px;
    font-size: 12px;
    font-weight: 400;
  }
  .modal_view .apply-row label.view-modal-desc {
    padding: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
  .modal_view .rate-box .fixed-rate > div,
  .modal_view .rate-box .max_fixed .fixed-rate {
    background-color: transparent;
    width: 100%;
    padding: 0 10px;
  }
  .profile_employee_blade .modal_view .rate-box .fixed-rate > div,
  .profile_employee_blade .modal_view .rate-box .max_fixed .fixed-rate {
    width: auto;
    background-color: var(--light-grey);
  }
  .employee_edit_profile_blade .provide-service:first-child,
  .employer_edit_profile_blade .provide-service:first-child {
    padding-bottom: 10px;
  }
  .employer_edit_profile_blade aside.profile-aside {
    width: 100%;
    padding-bottom: 0;
  }
  .employer_edit_profile_blade .profile-apply-row {
    position: fixed;
    bottom: 0;
    z-index: 100;
    left: 0;
    padding: 8px 15px;
    margin: 0;
    background-color: rgb(236 237 239 / 0.6);
    border-radius: 0;
  }
  .modal_view .rate-box .view_fixed_min,
  .modal_view .rate-box .view_hour_max,
  .modal_view .rate-box .view_hour_min {
    font-size: 12px;
    width: auto;
  }
  .profile_employee_blade .modal_view .rate-box .view_fixed_min,
  .profile_employee_blade .modal_view .rate-box .view_hour_max,
  .profile_employee_blade .modal_view .rate-box .view_hour_min {
    width: 50px;
    text-align: right;
  }
  .payment-details {
    margin: 0 0 30px;
  }
  .payment-details h2 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 20px;
  }
  .payment-details h2 br {
    display: none;
  }
  .payment-details ul li {
    justify-content: space-between;
    margin: 0 0 8px;
    font-size: 14px;
  }
  .payment-details ul li span,
  .process_blade .payment-details ul li span {
    width: auto;
    border: 0;
  }
  .payment-page-details .card-verifications.verifications-form {
    margin: 16px 0;
  }
  .process_blade .payment-frm .bttn,
  .stripe-frm button {
    width: 100%;
    height: 45px;
    line-height: 45px;
  }
  .category_blade .category-details,
  .subcategory_blade .category-details {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
  }
  .category_blade .category-details img,
  .subcategory_blade .category-details img {
    width: 150px;
    height: 150px;
  }
  .category_blade .category-details .category-details-info,
  .subcategory_blade .category-details .category-details-info {
    width: 100%;
    margin: 16px 0;
  }
  .category-details .category-details-info h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .category-details .category-details-info p {
    font-size: 14px;
    line-height: 18px;
  }
  .category_blade .post-features .post-features-inn {
    margin: 0;
    overflow: hidden;
    overflow-x: auto;
  }
  .category_blade .post-features .post-features-inn::-webkit-scrollbar {
    display: none;
  }
  .category_blade .post-features .post-features-inn .job-post-category li {
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 400;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    > a {
    margin-top: 8px;
    display: block;
    width: 49%;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    > a
    button
    > img {
    width: 21px;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    h3 {
    font-size: 18px;
    margin: 10px 0 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .offer-listing-page h4 {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 700;
  }
  .offer-listing-page .job-post-details-content li .recieved-offer-inner-row {
    flex-flow: column;
    position: relative;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 16px 0;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres
    p {
    margin: 0 12px 8px 0;
    display: flex;
    align-items: flex-start;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres
    p
    img {
    margin: 0 5px 0 0;
  }
  .offer-listing-page .pending-offers li.dark-bg h3,
  .offer-listing-page .pending-offers li.dark-bg label,
  .offer-listing-page .pending-offers li.dark-bg p,
  .offer-listing-page .pending-offers li.dark-bg span {
    color: var(--white);
    font-size: 12px;
    line-height: 16px;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row.closed-job-description {
    display: block;
    margin: 16px 0;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left
    .profile-info {
    margin: 0 14px 0 0;
    width: auto;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    button {
    color: var(--white);
    font-size: 16px;
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    min-width: 100%;
  }
  .current-job-post .job-post-accnt .job-post-accnt-info p,
  .current-job-post .job-post-rates,
  .employee_hire_blade .job-post .hire_title,
  .employee_hire_blade .job-post .job-post-top .job-total,
  .employee_hire_blade .job-post-top .job-post-about,
  .employee_hire_blade .job-post-top .job-post-accnt .job-post-accnt-info p,
  .employee_hire_blade .job-post-top .job-post-rates,
  .ipad-section .chat,
  .jobs-lists-row ul.recent-job-list li span.time,
  .mobile-advance-search .aside-box h2,
  .play-icon:hover .watch-video,
  .play-icon:hover:after,
  .play-icon:hover:before {
    display: none;
  }
  .current-job-post .job-post-accnt .job-post-accnt-info,
  .employee_hire_blade .job-post-top .job-post-accnt .job-post-accnt-info {
    background-color: transparent;
    padding: 10px 15px 16px;
  }
  .current-job-post .job-post-accnt .job-post-accnt-info h5,
  .employee_hire_blade .job-post-top .job-post-accnt .job-post-accnt-info h5 {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
  }
  .employee_hire_blade .job-post-accnt-info .post-acnt-img,
  .job-post-accnt-info .post-acnt-img {
    width: 100px;
    height: 100px;
  }
  .employer_current_job_details_blade
    .current-post-button-row
    a.js-modal-show-confirm-box-release-payment-end-this-job {
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 16px;
  }
  .employee_hire_blade .fetch-details {
    margin: 16px 0 0;
  }
  .employee_hire_blade .fetch-details .post-features {
    display: block;
  }
  .employee_hire_blade .fetch-details .post-features-inn-outer {
    padding: 16px 0 0;
  }
  .employee_hire_blade
    .fetch-details
    .post-features-inn-outer
    .post-features-inn {
    width: auto;
    margin: 0 10px 10px 0;
  }
  .employee_hire_blade
    .fetch-details
    .post-features-inn-outer
    .post-features-inn
    h4 {
    list-style: outside;
    font-size: 14px;
  }
  .employee_hire_blade .fetch-details .apply-row .new-offer-price-inner p {
    width: 48%;
    margin: 0 4px 0 0;
  }
  .employee_hire_blade .fetch-details .post-features p.expected_note {
    font-size: 14px;
    margin: 10px 0 0;
  }
  .employee_hire_blade
    .fetch-details
    .post-features-inn-outer
    .post-features-inn
    #sendoffer
    ul {
    width: 100%;
    margin: 0;
  }
  .employee_hire_blade .job-vmjp-modal .details-content-attachment ul li {
    width: 100px;
    height: 100px;
    padding: 0;
  }
  .employee_hire_blade
    .job-vmjp-modal
    .details-content-attachment
    ul
    li:last-child {
    margin: 0 0 0 10px;
  }
  .employee_hire_blade .job-post-details-info .requirements-box ul li,
  .requirements-box ul li {
    padding: 10px 10px 10px 53px;
    font-size: 12px;
    line-height: 16px;
  }
  .choose-category button,
  .employee_current_job_details_blade
    .job-post-details
    .post-heading
    button.view-btn,
  .job-post-details-info ul.address-post li .onmap-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .employee_current_job_details_blade .post-features {
    margin: 0 0 20px;
    flex-flow: column;
    padding: 0;
  }
  .employee_current_job_details_blade .current-post-feature .post-features-inn {
    margin: 0;
    width: 100%;
    order: 2;
    padding: 0;
  }
  .employee_current_job_details_blade .current-post-button-row {
    width: 100%;
    flex-wrap: wrap;
    order: 1;
    margin: 0 0 16px;
    background-color: transparent;
    padding: 0;
    position: relative;
  }
  .job-post-details-info ul.address-post li {
    flex-flow: row;
    align-items: flex-start;
  }
  .job-post-details-info ul.address-post li > img:first-child {
    margin-top: 4px;
  }
  .job-post-details-info ul.address-post li p {
    padding: 12px;
    line-height: 18px;
    font-size: 14px;
    align-items: flex-start;
    width: 100%;
  }
  .job-post-details-info ul.address-post li .onmap-btn {
    text-align: center;
    padding: 0;
    margin: 16px 0 0;
  }
  #report_form .apply-row p span.apply-offer-price input[type="text"] {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    padding: 0 10px;
    margin: 0;
    text-align: left;
  }
  .choose-category button {
    text-align: center;
    margin: 8px 0;
  }
  .employee_see_job_payment_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li,
  .employer_see_job_payment_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 2px;
    flex-flow: column;
  }
  .employee_see_job_payment_blade .new-job-details .job-apply-bttn-row a,
  .employee_see_job_payment_blade .new-job-details .job-apply-bttn-row button {
    font-size: 16px;
    width: 100%;
  }
  .employer_see_job_payment_blade .new-job-details .job-apply-bttn-row a,
  .employer_see_job_payment_blade .new-job-details .job-apply-bttn-row button {
    font-size: 0;
  }
  .outer-payment {
    justify-content: space-between;
    margin: 0 0 30px;
    padding: 0 0 40px;
  }
  .back-to-text {
    top: auto;
    bottom: 0;
    font-size: 16px;
  }
  .outer-payment .inner-payment {
    width: 49%;
    margin: 0;
  }
  .job-apply-modal .modal-content .apply-row p {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 10px 0;
  }
  .job-apply-modal .modal-content .apply-row p span {
    font-size: 14px;
    font-weight: 700;
    background-color: var(--light-grey);
    border-radius: 5px;
    padding: 0;
    display: block;
    margin: 0;
    text-align: center;
    height: 40px;
    line-height: 40px;
  }
  .job-apply-modal .modal-content .apply-row h3 {
    font-size: 16px;
    margin: 0 0 5px;
  }
  .apply-row textarea {
    width: var(--full-width);
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    height: 80px;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 8px;
  }
  .offer-listing-page h6 {
    font-size: 14px;
    font-weight: 600;
  }
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-left,
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-right,
  .employer-home .result-list li .button-row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-left
    label,
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-right
    label,
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-left
    label,
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-right
    label,
  .stripe-frm.verifications-form ul li p label {
    font-size: 14px;
    margin: 0 0 4px;
  }
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price
    span {
    display: flex;
    align-items: center;
    font-size: 16px;
  }
  .current_contract .result-list li span img,
  .dashboard_blade .modal_view .rate-box .fixed-rate > div img,
  .dashboard_blade .modal_view .rate-box .max_fixed .fixed-rate img,
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price
    span
    img,
  .employee_current_job_details_blade
    .job-post-details
    .post-heading
    .applied
    img,
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price
    span
    img,
  .login-form li.login-social-btn a:first-child {
    margin: 0 8px 0 0;
  }
  .employee_closed_job_list_blade .profile-info span.pro-name,
  .employee_sent_proposal_blade .profile-info span.pro-name {
    font-size: 12px;
    line-height: 16px;
  }
  .employee_closed_job_list_blade .rating,
  .employee_sent_proposal_blade .rating {
    font-weight: 500;
    font-size: 12px;
    margin: 0 0 0 8px;
  }
  .employee_closed_job_list_blade .rating span,
  .employee_sent_proposal_blade .rating span {
    font-size: 11px;
    font-weight: 300;
  }
  .category-slide .center,
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    a
    button {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    a
    button
    img {
    margin: 0 0 0 8px;
  }
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    button {
    width: 49%;
  }
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-left,
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-right,
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-left,
  .employee_sent_proposal_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(2n)
    .recieved-offer-right {
    width: 100%;
    margin: 4px 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price {
    margin: 16px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price
    span {
    font-size: 22px;
    display: flex;
    align-items: center;
  }
  .phone-bg {
    background-image: url(/img/iphone-m.png);
    justify-content: flex-end;
    padding: 0 22px 0 0;
    height: 458px;
    background-position: right 0;
    background-size: auto;
  }
  .phone-inn {
    width: 186px;
    height: 410px;
    border-radius: 25px;
  }
  .banner-content {
    margin: -145px 0 0;
    padding: 0;
  }
  .best-responsive-tab
    > .best-reponsive-tab-item
    > .best-reponsive-tab-item-content-triggerer {
    padding: 0 0 10px !important;
  }
  .banner-content h1,
  .banner-content h2 {
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 25px;
  }
  .lower-landing .jobs-tabs ul.tabs li {
    width: auto;
    padding-right: 8px;
  }
  .jobs-tabs {
    padding: 30px 0 0;
    overflow: hidden;
  }
  .jobs-tabs .more-jobs {
    position: relative;
    right: 0;
    font-size: 14px;
    top: -28px;
    padding: 0 15px 0 0;
    width: auto;
    float: right;
  }
  .jobs-lists-row ul.recent-job-list li {
    width: 100%;
    padding: 12px;
    border: 1px solid #7a7a7a;
    flex-flow: row;
    margin: 0 0 16px;
  }
  .jobs-lists-row ul.recent-job-list li label {
    width: 75%;
    font-weight: 500;
    font-size: 16px;
  }
  .jobs-lists-row .start-now {
    min-width: 100%;
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
  }
  .jobs-tabs .tabContainer #tab1 .jobs-lists-row {
    padding: 0 0 24px;
  }
  .ipad {
    height: 440px;
    width: 100%;
    background-size: 100%;
    background-image: url(/img/ipad-m.png);
  }
  .slider-box h2 {
    font-size: 26px;
    line-height: 35px;
    margin: 0 0 10px;
  }
  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px;
    text-align: center !important;
  }
  .bottom-banner {
    padding-bottom: 0 !important;
  }
  #logo {
    height: 100vh;
    width: 100vw;
    left: 78%;
  }
  .jobs-tabs ul.tabs li.active a {
    font-size: 20px;
  }
  .carousel-landing .owl-nav {
    position: absolute;
    top: -20px;
    left: 0;
    right: auto;
  }
  .carousel-landing .owl-dots {
    left: auto;
    right: 0;
  }
  .carousel-landing.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 4px;
  }
  .carousel-landing .owl-nav button span {
    background-size: 25%;
    width: 25px !important;
    height: 25px !important;
  }
  .login-form li span.password-close-eye {
    top: 45px;
  }
  .find-content .bttn {
    min-width: auto;
    margin: 0;
  }
  .current_contract .result-list li span,
  .login-form li.login-social-btn,
  .social-btns {
    align-items: center;
    display: flex;
  }
  .login-content h1,
  .login-content h2 {
    font-size: 26px;
    margin: 0;
    line-height: 1;
  }
  .acnt-form h3 {
    font-size: 18px;
    margin: 0;
  }
  .login-btn,
  .signup-btn {
    font-size: 18px;
  }
  .create-content .login-btn,
  .create-content .signup-btn,
  .login-text .login-btn,
  .login-text .signup-btn {
    background: #000;
  }
  .signin .login-form li a.member-link {
    width: 100%;
    text-align: left;
    height: auto;
    margin: 16px 0 0;
    font-size: 14px;
  }
  .login-form li.login-social-btn a {
    width: 50%;
  }
  .login-section {
    height: 100%;
    position: relative;
    overflow: visible;
    padding-top: 120px;
    background-color: var(--dark-grey);
  }
  .about-bottm,
  .add-range-box {
    background-color: var(--white);
  }
  .inner-login {
    height: auto;
  }
  .social-btns {
    justify-content: space-between;
    flex-flow: column;
    width: 100%;
  }
  .signin .login-form li a {
    width: 100%;
    font-size: 16px;
    margin: 0 0 12px;
    height: auto;
  }
  .signin .login-form li a img,
  .signup .login-form li a img {
    max-width: 100%;
    height: 48px;
    width: 100%;
    background-color: var(--darkest-grey);
    border-radius: 5px;
  }
  .login-form li.remember_me label {
    font-size: 14px;
    margin: 16px 0 8px;
  }
  .signup .login-form li:nth-last-child(2) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0 0;
  }
  .signup .login-form li a {
    width: 100%;
    font-size: 14px;
    height: auto;
  }
  .employer-home .result-list li .rate-addres p,
  .employer-home .result-list.myJobPosts li .rate-addres p,
  .employer-home .result-list.myJobPosts li h3 {
    height: auto;
    min-height: auto;
  }
  .contract-duration-block p {
    font-size: 12px;
    width: auto;
    margin: 0 8px 0 0;
  }
  .contract-duration-block {
    margin: 0 0 7px;
  }
  .contract-duration-block p span {
    margin: 8px 0 0;
    font-size: 12px;
    height: 26px;
    padding: 0 10px;
  }
  .create_job_blade .g-recaptcha {
    position: absolute;
    left: 50%;
    bottom: 100px;
    width: auto;
    height: 30px;
    transform: translateX(-50%);
  }
  .create-job-publish .step-button-row {
    margin: 100px 0 0;
  }
  .create-job-publish .create-job-steps {
    padding: 0 0 30px;
    height: 280px;
    position: inherit;
    left: auto;
    bottom: auto;
  }
  .employer-home .result-list li .button-row span {
    margin: 0 0 16px;
    font-size: 14px;
  }
  .employer-home .result-list.myJobPosts li,
  .employer-home .results-row ul.activeContracts li {
    padding-bottom: 16px;
  }
  .employer-home .result-list li .rate-addres p {
    margin: 0 0 8px;
    font-size: 13px;
  }
  .slick-slide {
    margin: 0 8px 0 0 !important;
  }
  .slick-list {
    padding-left: 14px !important;
    padding-right: 6px !important;
  }
  .slick-track {
    margin-left: 0 !important;
  }
  .category-slide .category-box:hover span {
    opacity: 0;
  }
  .footer-block p.footer-chat-us img {
    width: 40px;
  }
  .about-right-image img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .inner-login .help-block strong {
    font-size: 11px;
  }
  .help-block {
    left: 0;
    bottom: -19px;
  }
  .current_contract .result-list li {
    padding-bottom: 100px;
  }
  .current_contract .result-list .pagination li {
    padding-bottom: 0;
  }
  .history-review-job .tabContainer .tabContent .result-list li p {
    min-height: auto;
    margin: 0 0 16px;
  }
  .choose-cat-list li {
    width: auto;
    list-style: none;
    border-radius: 20px;
    background: #6c9ba1;
    font-weight: 400;
    font-size: 12px;
    color: var(--white);
    height: auto;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    margin: 0 4px 4px 0;
  }
  .banner-phone {
    margin-top: -22%;
  }
  .process_blade .payment-details h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 30px 0 20px;
  }
  .process_blade .inner-page-content .center {
    padding: 40px 15px 0;
  }
  .process_blade .payment-details ul li {
    justify-content: space-between;
  }
  .view-more {
    margin: 0;
    width: auto;
  }
  .sortby-btn,
  .sortby-list {
    width: 120px;
  }
  .category-slide h3 {
    margin: 0;
    float: left;
    width: auto;
  }
  .sortby-row {
    margin: 30px 0 5px;
  }
  .lower-landing #tab2 .jobs-lists-row ul li {
    position: relative;
    padding-bottom: 70px;
  }
  .lower-landing #tab2 .jobs-lists-row ul li .profile-info {
    position: static;
  }
  .lower-landing #tab2 .jobs-lists-row ul li .apply-btn {
    background-color: var(--orange);
    width: 92%;
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
  }
  .lower-landing #tab2 .jobs-lists-row ul li .hourly {
    align-items: flex-end;
    flex-flow: column;
    position: relative;
    margin: 0 0 10px;
  }
  .lower-landing .jobs-lists-row ul li .hourly a {
    position: absolute;
    top: -28px;
    right: 0;
  }
  .index_blade .logo-light img {
    height: 55px;
    padding: 0;
  }
  .index_blade .mobile-menu #nav-toggle {
    top: 15px;
  }
  .details-content-attachment ul li,
  .details-content-attachment ul li:last-child {
    width: 100px;
    height: 100px;
    margin: 0 8px 8px 0;
  }
  .create_job_blade .details-content-attachment ul li,
  .create_job_blade .details-content-attachment ul li:last-child {
    height: 95px;
  }
  .create_job_blade .details-content-attachment .files_address ul > li > img {
    width: 24px;
    top: 0;
    right: -9px;
  }
  .job-post-details-info .requirements-box ul li .point,
  .requirements-box ul li .point {
    top: 5px;
  }
  .job_details_blade .job-post-details-info .requirements-box ul li .point,
  .job_details_blade .requirements-box ul li .point,
  .job_employer_details_blade
    .job-post-details-info
    .requirements-box
    ul
    li
    .point,
  .job_employer_details_blade .requirements-box ul li .point {
    top: 22px;
  }
  .cookie-content {
    padding: 16px;
  }
  .cookie-content label {
    flex-flow: column;
    font-size: 13px;
    justify-content: center;
    text-align: center;
    margin: 0 0 10px;
  }
  .cookie-content label a {
    font-size: 16px;
    margin: 0 0 8px;
  }
  .cookie-content .cookie-btn a.accept-bttn {
    padding: 0 16px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .sortby-btn {
    position: relative;
    margin: 0 0 16px;
    float: right;
    z-index: 100;
  }
  .sortby-btn.open > a.sortby-icon,
  .sortby-icon {
    width: 120px;
    padding: 6px 10px;
  }
  .sortby-list li a {
    line-height: 22px;
    font-size: 12px;
    padding: 0 10px;
  }
  .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered {
    overflow-y: auto !important;
    height: 38px;
  }
  .dashboard_blade .modal_view .rate-box .max_fixed .fixed-rate {
    justify-content: flex-start;
    padding: 0;
  }
  .employee_current_job_details_blade .job-post-details .post-heading .applied {
    margin: 12px 0 14px;
    font-size: 14px;
    width: auto;
  }
  .employee_current_job_details_blade .hidden-map {
    box-shadow: none;
  }
  .employer-home .result-list li .button-row .employer-job-post .promote-btn {
    min-width: 100%;
    margin: 0 0 10px;
  }
  .select2-container--default
    .select2-selection--multiple
    .select2-selection__clear {
    height: 36px;
    display: flex;
    align-items: center;
  }
  span.select2-selection.select2-selection--multiple.select2-selection--multiple--custom.select2-selection--custom,
  span.select2-selection.select2-selection--multiple.select2-selection--multiple--custom.select2-selection--custom
    .select2-selection__rendered {
    /* max-height: 70px; */
    height: 100%;
  }
  .add-range-box.addFixedRange,
  .add-range-box.addRange {
    height: 45px;
    width: 140px;
  }
  .add-range-box {
    border: 1px solid var(--dark-grey);
  }
  header.before-login {
    background-color: #303030;
    height: 66px;
  }
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    button {
    min-width: 100%;
    padding: 0 20px;
    margin: 0 0 8px;
    width: 100%;
  }
}
@media screen and (max-width: 1366px) {
  .top-category-box-wrap.scrollbar {
    height: 150px;
  }
  .modal-content {
    padding: 30px;
  }
  .s3_video_landing .modal-content {
    max-width: 95%;
    padding: 22px;
  }
  .s3_video_landing .modal-content .video-parent .video-child video {
    min-height: 244px;
  }
  .video-parent .video-child p {
    font-size: 18px;
    line-height: 22px;
  }
  .about-description h1 {
    font-size: 26px;
  }
}
@media screen and (max-width: 900px) {
  .aside-box,
  .forget-sucess {
    position: relative;
  }
  .s3_video_landing .modal-content {
    max-width: 90%;
    width: 100%;
  }
  .verification-steps.step_1 .verifications-form li p .first-step-verify {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 12px;
  }
  .verification_steps_blade .verifications-form ul li input.input-field {
    padding-right: 55px;
  }
  .verification_steps_blade .address-attachments label.custom-file-upload {
    text-transform: none;
    width: 100% !important;
    height: auto;
    line-height: 45px;
    font-size: 14px;
    margin: 10px 0;
  }
  .job_employer_details_blade .job-post-details .post-heading h2,
  .paypal_box ul.paypal-information-box.information-list li,
  .verification_steps_blade .address-attachments .files_address,
  .wallet_blade
    .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li:last-child {
    width: 100%;
  }
  .verification_steps_blade .address-attachments .files_address ul {
    margin: 0;
  }
  .aside-box .KeywordList,
  .verification_steps_blade .address-attachments .files_address ul li {
    width: 100% !important;
  }
  .verification_steps_blade .address-attachments .files_address ul li span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    font-size: 13px;
  }
  .profile-upload-style {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .verifications-form
    ul.card-verification-form
    li
    .file-upload-outer
    > div
    li
    span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    font-size: 11px;
  }
  .settings-right
    .verifications-form
    ul
    li.upload-docs
    .address-attachments
    .files_address
    ul
    li
    span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px !important;
    font-size: 13px;
  }
  .terms_blade .inner-page-content .center {
    padding: 15px 0 0;
  }
  #cropImagePop .down-btn-row,
  .profileEmployerPdf .modal-content > div,
  .request_cat_modal .apply-row,
  .terms_blade .setiing-block,
  .wallet_blade
    .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl {
    flex-flow: column;
  }
  .terms_blade .setiing-block .settings-left {
    width: 100%;
    border-right: 0;
    background-color: transparent;
    position: initial;
    left: 0;
    top: 0;
    height: auto;
    z-index: inherit;
    overflow: hidden;
    overflow-x: auto;
  }
  .terms_blade .setiing-block .settings-left::-webkit-scrollbar {
    display: none;
  }
  .terms_blade .setiing-block .settings-left > div {
    width: 1000px;
  }
  .terms_blade .setiing-block .settings-right {
    width: 100%;
    padding: 0 15px;
  }
  .terms_blade .setiing-block .settings-left .settings-ul {
    margin: 12px 0 32px;
    display: flex;
  }
  .terms_blade .setiing-block .settings-left .settings-ul li {
    font-size: 16px;
    margin: 0;
    padding: 0 0 0 15px;
    text-indent: inherit;
  }
  .terms_blade .setiing-block .settings-left .settings-ul li.active {
    color: var(--orange);
    font-weight: 600;
  }
  .terms_blade .setiing-block .settings-left .settings-ul li.active:after {
    height: 5px;
    width: 100%;
    top: auto;
    left: 7px;
    bottom: -10px;
  }
  .terms_blade .setiing-block .settings-right .verifications-form p {
    font-size: 14px !important;
    line-height: 22px;
  }
  .terms_blade .setiing-block .settings-right h1,
  .terms_blade .setiing-block .settings-right p strong {
    font-size: 16px;
    margin: 0 0 16px;
  }
  .new-job-details .job-post-details-info .wallet-tab ul.tabs li a {
    font-size: 13px;
    width: max-content;
    color: #303030;
  }
  .search-bar .jobs-category-field input.search_header,
  .terms-payment {
    font-size: 13px;
  }
  .terms_blade .setiing-block .settings-right ul li {
    font-size: 14px;
    line-height: 16px;
  }
  .terms_blade .setiing-block .settings-right ul li:after {
    top: 6px;
  }
  .logo-light {
    display: flex;
    justify-content: flex-start;
  }
  header.before-login .logo-light img {
    height: 45px;
    width: 93px;
  }
  .search_text_cat,
  .wallet_blade .wallet-page .request-withdrawl #withdraw_mode {
    height: 40px;
    line-height: 40px;
  }
  .terms-payment {
    line-height: 18px;
  }
  .profile_employee_blade .employee-involved-categories-row.provide-service h4 {
    display: block;
  }
  .tooltips .tools-content {
    width: 246px;
    right: auto;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: left;
    font-size: 11px;
    line-height: 12px;
  }
  .request_cat_modal .apply-row .input-text {
    height: 45px;
    line-height: 45px;
    margin: 0 0 10px;
    font-size: 14px;
    padding: 0 12px;
  }
  .request_cat_modal .apply-row button.submit_request {
    min-width: 100%;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    position: inherit;
    top: auto;
    right: auto;
  }
  .verification_steps_blade .tooltips.active .tools-content {
    display: block;
    left: auto;
    right: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  .inner-page-content.create-job-publish #step6 .tooltips .tools-content {
    width: 246px;
    right: -40px;
    bottom: -118px;
    left: auto;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  .empty-state {
    padding: 12px;
  }
  .empty-state-inner {
    height: 35px;
    padding: 14px;
  }
  .empty-state-inner span {
    font-size: 35px;
    height: 35px;
    top: 35%;
    left: 14px;
    transform: translateY(-50%);
  }
  .search-bar .address-img {
    position: absolute;
    top: 50%;
    transform: translateY(-120%);
    -webkit-transform: translateY(-120%);
    right: 3px;
  }
  .banner-content .jobs-category-field input.first_search {
    background-image: url(/img/jobs-icon-w.svg);
    background-position: 0 center;
    background-repeat: no-repeat;
    padding: 0 10px 0 30px !important;
    font-size: 14px !important;
  }
  .banner-content .jobs-category-field input.second_search {
    background-image: url(/img/employee-icon-w.svg);
    background-position: 0 center;
    background-repeat: no-repeat;
    padding: 0 95px 0 25px !important;
    font-size: 14px !important;
  }
  .gm-style-iw.gm-style-iw-c {
    max-width: 200px !important;
  }
  .map-window {
    width: 180px;
  }
  .index_blade .gm-style-iw.gm-style-iw-c {
    max-width: 300px !important;
  }
  .index_blade .map-window {
    width: 280px;
  }
  .employee_hire_blade .apply-job-price h3 .tooltips .tools-content {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    left: -30px;
  }
  .employee_hire_blade #sendoffer ul {
    margin: 0;
    padding: 0;
  }
  .job_details_blade .new-job-details h4 {
    align-items: flex-start;
  }
  .job_details_blade .new-job-details h4 .tooltips .tools-content {
    width: 246px;
    right: 0;
    bottom: 32px;
    left: auto;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  .job_details_blade
    .job-bidding-modal
    .modal-content
    .bidding-profile.scrollbar {
    justify-content: flex-start;
    background-color: transparent;
    height: 100%;
    max-height: 500px;
  }
  .job_details_blade .job-bidding-modal h4 .tooltips .tools-content {
    width: 246px;
    right: -46px;
    bottom: 32px;
    left: auto;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  .wallet_blade .wallet-tab .wallet_tab {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
  }
  .wallet_blade .wallet-tab .wallet_tab::-webkit-scrollbar {
    display: none;
  }
  .wallet_blade .wallet-tab .wallet_tab ul.tabs {
    flex-flow: row;
    padding: 0;
    width: 580px;
    margin: 0 0 20px;
  }
  .new-job-details .job-post-details-info .wallet-tab ul.tabs li {
    margin: 0 20px 0 0;
  }
  .new-job-details .job-post-details-info .wallet-tab ul.tabs li.active a,
  .payment-information-box ul.information-list li input.text-field,
  .payment-information-box ul.information-list li select.select-field {
    font-size: 14px;
  }
  .forget-sucess {
    background-color: #1e1e1e;
    border-radius: 5px;
    padding: 8px;
    min-height: 112px;
  }
  .forget-sucess p {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding: 0 0 22px 50px;
    line-height: 17px;
  }
  .forget-sucess p.intro-text {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    position: static;
    font-style: normal;
    padding-bottom: 0;
    margin: 0;
  }
  .forget-sucess .intro-text span {
    left: 8px;
    position: absolute;
    top: 8px;
    background-color: #0f0f0f;
    color: var(--yellow);
    width: 40px;
    height: 95px;
    font-size: 60px;
  }
  .edit-box .text-remove-icon {
    position: absolute;
    right: 92px;
    top: 9px;
    background-image: url(/img/close-icon-w.svg);
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    background-color: var(--dark-grey);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    background-size: 14px;
  }
  .wallet_blade
    .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li,
  .wallet_blade
    .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li:first-child {
    width: 100%;
    display: block;
    margin: 0 0 8px;
  }
  .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li
    input.input-field {
    padding: 0 10px;
    text-align: left;
  }
  .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li:last-child
    label {
    display: none;
  }
  .new-job-details
    .job-post-details-info.wallet-page
    ul.request-withdrawl
    li:last-child
    button {
    width: 100%;
    min-width: 100%;
  }
  .payment-information-box {
    padding: 16px;
  }
  .payment-information-box ul.information-list,
  .payment-information-box ul.information-list.card-details-info {
    width: 100%;
    flex-flow: column;
  }
  .payment-information-box ul.information-list li,
  .payment-information-box ul.information-list.card-details-info li,
  .payment-information-box
    ul.information-list.card-details-info
    li:nth-child(4n + 4) {
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
  }
  .payment-information-box
    ul.information-list
    li
    input.text-field::-webkit-input-placeholder {
    color: var(--dark-grey);
  }
  .payment-information-box .withdraw-btn,
  .payment-information-box ul.information-list li input.text-field {
    height: 40px;
    line-height: 40px;
    width: 100%;
  }
  .spcl_confirm_modal .c-popup {
    max-width: 100%;
    width: 90%;
  }
  .spcl_confirm_modal .c-popup .category-option-box h5 {
    margin: 0 0 20px;
    font-size: 16px;
    padding: 0;
  }
  .spcl_confirm_modal .choose-category > div {
    padding: 0 0 20px;
  }
  .spcl_confirm_modal .choose-category > div p {
    width: calc(100% - 35px);
    padding: 0 0 0 16px;
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    line-height: 18px;
  }
  .my_post_promote_button {
    flex-wrap: wrap;
  }
  .my_post_promote_button a {
    width: 100%;
    margin: 16px 0 0;
  }
  .my_post_promote_button .bttn.edit-btn {
    font-size: 18px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    width: 100%;
    min-width: 100%;
  }
  .links-bar a {
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    padding: 0 5px;
  }
  .copied-link .copy_url {
    width: 50px;
    font-size: 0;
    height: 40px;
    min-width: 50px;
    padding: 0;
  }
  .copied-link .copy_url span {
    width: 50px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .profileEmployerPdf .modal-content > div a {
    width: 100%;
    margin: 10px 0 0;
  }
  .profileEmployeePdf .modal-content button,
  .profileEmployerPdf .bttn {
    font-size: 14px;
    padding: 0 10px;
  }
  #cropImagePop .down-btn-row button {
    margin: 10px 0 0;
  }
}
@media only screen and (max-width: 1300px) {
  .fixed-header .header-r ul.after-login-header li {
    margin: 0 12px 0 0;
  }
  .fixed-header .header-r ul.after-login-header li.links .view-btn {
    font-size: 12px;
    padding: 0 5px;
    overflow: hidden;
  }
  .fixed-header .header-r ul li a {
    font-size: 12px;
    display: flex;
    align-items: center;
  }
  .fixed-header .header-r ul li a img {
    width: 16px;
    height: 16px;
  }
  .fixed-header .header-r ul.after-login-header li.link-profile img {
    width: 42px;
    height: 42px;
  }
  .fixed-header
    .header-r
    ul.after-login-header
    li.notification-link.msg-link
    > a
    > img {
    width: 14px;
    height: 21px;
  }
}
@media only screen and (max-width: 900px) {
  .result-list li .rate-addres {
    margin: 0 0 16px;
    flex-flow: column;
  }
  .mobile-menu nav ul.current.after-login-header li a {
    padding: 12px 0 !important;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mobile-menu nav ul.current.after-login-header li.msg-link a,
  .mobile-menu nav ul.current.after-login-header li.res-notification-link a {
    justify-content: flex-start;
  }
  .mobile-menu nav ul.current.after-login-header > li.nav-dropdown {
    padding: 0 20px;
  }
  .acnt-form form,
  .employee_favourite_hide_jobs_blade .result-list li .rate-addres p:last-child,
  .job_cat_modal .top-category-box-wrap .top-category-box {
    width: 100%;
  }
  .top-category-box-wrap .top-category-box .job_cat_cls {
    padding: 0 38px 0 0;
    font-size: 14px;
  }
  .login-bg-box {
    width: 75px;
    height: 75px;
  }
  .my_post_promote_button .down-pro-btn {
    width: 100%;
    margin: 14px 0 0;
  }
  .setiing-block
    .settings-right
    .verifications-form
    ul
    li
    .sendlink-btn#verify_link {
    top: 169px !important;
  }
  .settings_blade .verifications-form ul li img.check_verify,
  .settings_blade .verifications-form ul li img.remove_verify {
    top: -40px;
    left: 90%;
  }
  .setiing-block .settings-right .next-prev-row a {
    padding: 0;
    margin: 20px 0 0;
  }
  .job_cat_modal .modal-content {
    padding: 30px 15px 15px;
  }
  .modal_first_step.job_cat_modal .verifications-form ul li {
    margin: 2px 5px 2px 0;
  }
  .modal_first_step.job_cat_modal .verifications-form ul {
    flex-direction: row;
  }
  .step-button-row .back-btn,
  .step-button-row .next-btn {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
  }
  .category_add .rate-box h6,
  .employer_profile_blade
    .pagination_section1.current_contract
    .result-list
    li
    .button-row
    span,
  .employer_profile_blade .pagination_section3 .result-list li .button-row span,
  .profile-start-job .about-info.employee-green h2,
  .profile-start-job .about-info.employer-yellow h2,
  .profile_public_employer_blade
    .result-list
    li
    .bottom-row
    > .button-row
    span {
    font-size: 14px;
  }
  .employer-home .result-list li .rate-addres {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .employer-home .result-list li .rate-addres p {
    width: 100%;
    margin: 0 0 10px;
    font-size: 14px;
  }
  .profile-infos .infos-box span {
    font-size: 12px;
    padding: 0;
  }
  .video-parent {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .video-parent .video-child {
    width: 100%;
    margin: 0 0 20px;
  }
  .video-parent .video-child p {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin: 6px 0 0;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div
    a.withdrawdetails {
    height: 24px;
    font-size: 12px;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div
    a.withdrawdetails
    > img {
    width: auto;
    margin: 0;
  }
  .footer-block:first-child ul li {
    font-size: 16px;
    line-height: 22px;
  }
  .footer-block:first-child ul li img {
    margin: 5px 10px 0 0;
  }
  .s3_video_landing .modal-content .video-parent .video-child video {
    min-height: 175px;
  }
  .mobile-menu nav ul {
    padding: 56px 10px 100px;
  }
  .modal_first_step .verifi-pop .desktop-view,
  .provide-service.history-review-job .apply-changes-btn {
    display: none;
  }
  .profile-information .prof-img,
  .profile-information .prof-img img,
  .referral_wallet_blade .wallet_tab {
    margin: 0;
  }
  .profile-information .prof-basic-info {
    padding: 0 0 0 10px;
  }
  .employer_edit_profile_blade
    .suggest-category-row
    .owl-carousel
    .owl-stage-outer {
    padding: 0;
  }
  .employer_edit_profile_blade .all_attachments.owl-carousel .owl-item img {
    width: 100%;
    border-radius: 5px;
    display: block;
  }
  .top-category-box-wrap.scrollbar {
    height: 220px;
  }
  .not-found-page .newsletter {
    margin: 10px auto;
  }
  .not-found-page h2 {
    font-size: 22px;
    line-height: 28px;
  }
  .register-success h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .register-success p {
    font-size: 16px;
    margin: 0 0 35px;
  }
  .settings_blade .verification-media ul li .top-head .connect-btn {
    font-size: 11px;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
  }
  .mobile-menu .after-login-header.nav-list li.msg-link a,
  .mobile-menu .after-login-header.nav-list li.res-notification-link a {
    background-image: url(/img/arrow-left-w.svg);
    background-repeat: no-repeat;
    background-position: 100% center;
  }
  .mobile-menu .after-login-header.nav-list li.res-logout a {
    padding: 12px 16px !important;
  }
  .result-list li .rate-addres p:last-child {
    width: auto;
    white-space: normal;
    align-items: flex-start;
    margin: 6px 0 0;
  }
  .result-list li .rate-addres p:last-child img,
  .result_blade .result-list li .rate-addres p:last-child img {
    width: 15px;
  }
  .result_blade .result-list li .rate-addres p:last-child {
    width: 100%;
    white-space: normal;
    align-items: flex-start;
    margin: 6px 0 0;
  }
  .employee_favourite_hide_jobs_blade
    .result-list
    li
    .bottom-row
    .profile-info:nth-child(2n) {
    position: relative;
    left: 40px;
  }
  .setiing-block
    .settings-right
    .verifications-form
    ul
    li
    span.password-close-eye {
    top: 34px;
  }
  .employee_favourite_hide_jobs_blade .result-list li .bottom-row {
    margin: 36px 0 0;
  }
  .dashboard_employer_blade .employer-home .owl-theme .owl-nav {
    margin-top: -6px;
  }
  .category_blade .search-result-page h1,
  .employee-result h1,
  .subcategory_blade .search-result-page h1 {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 8px;
  }
  .employee-result .sortby-row,
  .subcategory_blade .sortby-row {
    margin: 0 0 5px;
    width: 100%;
    float: right;
    display: block;
  }
  .involved-category .employee-category-row .category-box a h2 {
    font-size: 12px;
  }
  .edit-about-description.profile_title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    flex-flow: column;
  }
  .edit-about-description.profile_title span {
    font-size: 11px;
    font-weight: 500;
    color: #7a7a7a;
    width: auto;
    padding: 0 0 10px 10px;
    position: inherit;
    right: auto;
    text-align: right;
  }
  .edit-about-description.profile_title input {
    background: 0 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--dark-grey);
    width: 100%;
    padding: 10px;
  }
  .about-description h1 {
    font-size: 18px;
    margin: 0;
    font-weight: 600;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 5px 0;
    position: relative;
    flex-flow: column;
    white-space: inherit;
    line-height: 20px;
  }
  .about-description h1 span {
    font-size: 12px;
    font-weight: 600;
    position: inherit;
    right: auto;
    padding: 0;
    line-height: 30px;
    width: 100%;
    text-align: left;
  }
  .involved-category
    .employee-edit-category-row
    .top-category-box
    a.category_delete {
    top: -10px;
    position: absolute;
    left: -10px;
    padding: 28px 16px;
  }
  .stripe-frm input[type="submit"] {
    color: var(--white) !important;
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin: 0 0 60px;
  }
  .employee_current_job_details_blade .history-review-job {
    padding: 0 0 20px;
  }
  .review-close-job {
    margin: 0 0 20px;
    padding: 0 0 10px;
    flex-flow: column;
    overflow: hidden;
  }
  .review-close-job .mike-bg {
    width: 300px;
    padding: 10px 20px;
    border-radius: 0 100px 100px 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 0 0 -45px;
  }
  .review-close-job .report-content {
    padding: 16px 16px 0;
  }
  .employee_current_job_details_blade
    .current-post-button-row
    a
    button.chat-btn,
  .employee_current_job_details_blade
    .current-post-button-row
    a
    button.payment-btn {
    width: 100%;
    min-width: 100%;
    margin: 10px 0 0;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    .wallet-tab
    ul.tabs
    li:after {
    position: absolute;
    content: "";
    right: -11px;
    top: -12px;
    width: 1px;
    height: 30px;
    background-color: #7a7a7a;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:first-child {
    right: 0;
    left: auto;
    top: 10px;
    position: absolute;
    width: auto;
    font-size: 13px;
    border: 0;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(2) {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: var(--dark-grey);
    border: 0;
    font-size: 13px;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(3) {
    font-weight: 600;
    color: var(--dark-grey);
    font-size: 13px;
    top: 72px;
    border: 0;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(4) {
    width: 22%;
    font-weight: 600;
    color: var(--dark-grey);
    position: absolute;
    right: 0;
    top: 44px;
    padding: 0;
    border: 0;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(5) {
    position: relative;
    right: auto;
    text-align: right;
    width: auto;
    color: var(--orange);
    font-size: 13px;
    font-weight: 500;
    border: 0;
    top: 10px;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(2)
    img {
    width: 30px;
    height: 30px;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    #tab2
    ul.payment-list-wallet
    li
    > div:nth-child(2) {
    width: 72%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 8px;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    #tab2
    ul.payment-list-wallet
    li
    > div:nth-child(3) {
    width: 100%;
    top: 40px;
    left: 0;
    background-color: transparent;
    text-align: left;
    justify-content: flex-start;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    #tab2
    ul.payment-list-wallet
    li
    > div:nth-child(4) {
    width: auto;
    font-weight: 600;
    color: var(--dark-grey);
    position: absolute;
    right: 20px;
    top: 64px;
    padding: 0;
    border: 0;
    text-align: right;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    #tab2
    ul.payment-list-wallet
    li
    > div:nth-child(5) {
    padding: 0 9px;
    background-color: transparent;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list.payment-list-wallet
    li {
    margin: 0 0 8px;
  }
  .profile_public_employer_blade .pagination_section3 {
    padding: 15px;
  }
  .employer_profile_blade .pagination_section1.current_contract .result-list li,
  .employer_profile_blade .pagination_section3 .result-list li,
  .profile_public_employer_blade .result-list li {
    padding-bottom: 16px;
  }
  .profile_public_employer_blade .result-list li .bottom-row > .button-row {
    padding-bottom: 50px;
  }
  .employer_profile_blade .result-list li .rate-addres p:last-child,
  .profile_public_employer_blade .result-list li .rate-addres p:last-child {
    width: 100%;
    margin-right: 0;
  }
  .closed-job-modal .modal-content .top-intro-row {
    flex-flow: column;
  }
  .closed-job-modal .modal-content .top-intro-row .job-title {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .closed-job-modal .modal-content .top-intro-row .job-title p {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .closed-job-modal .modal-content .top-intro-row > div {
    margin: 0 0 8px;
    width: 100%;
    padding: 10px 16px;
  }
  .login-content .referral_section input.input-text {
    height: 35px;
    width: 150px;
  }
  .job_details_blade .post-heading-inner h1 {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    padding: 0;
    width: 86%;
  }
  .job_details_blade .post-heading-inner h1 span {
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin: 8px 0 10px;
  }
  .profile-start-job {
    padding: 0 15px 20px;
  }
  .profile-start-job .about-info.employee-green,
  .profile-start-job .about-info.employer-yellow {
    padding: 16px;
    height: auto;
  }
  .profile-start-job .about-info.employee-green h1,
  .profile-start-job .about-info.employer-yellow h1 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 12px;
  }
  .modal_first_step .verifi-pop .ver-footer button {
    margin: 4px 0;
    font-size: 14px;
    min-width: auto;
  }
  .modal_first_step .verifi-pop .ver-footer .user-about-close-btn {
    min-width: auto;
    display: block;
  }
  .modal_first_step .verifi-pop .ver-footer .attachment-close {
    display: block;
    min-width: auto;
  }
  .modal_first_step .verifi-pop .mobile-view {
    display: block;
    background: var(--dark-grey);
    color: var(--light-grey);
    font-weight: 400;
    height: 45px;
  }
  .profile-content {
    max-width: none !important;
  }
  .js-modal-services .next-prev-row .services-back {
    min-width: auto;
    display: block;
    padding: 0;
  }
  .modal_first_step .verifi-pop > p img {
    width: 100px;
  }
  .modal_first_step .modal-content h4 span {
    color: var(--orange);
    display: block;
  }
  .service-pack-badge {
    padding: 0 16px;
    margin: 0 auto 3px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .involved-category {
    padding: 10px 0 5px;
    position: relative;
  }
  .involved-category ul li a {
    font-size: 14px;
    padding: 0 38px 0 12px;
    height: 34px;
  }
  .modal_multi.profileLink .modal-content {
    padding: 30px 10px 10px;
  }
  .links-bar a {
    font-size: 11px;
  }
  .employee_edit_profile_blade
    .involved-row
    .involved-category.provide-service-row
    .new-provide {
    max-height: 200px;
    height: 100%;
    margin: 0 20px 0 0;
    min-height: 160px;
  }
  .involved-category .suggest-category-row {
    width: 60%;
  }
  .header-down .fixed-header.mobile-header-login {
    opacity: 0;
    visibility: hidden;
  }
  .header-up .fixed-header.mobile-header-login,
  .index_blade.header-up header.before-login {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 22px 0 rgb(0 0 0 / 50%);
  }
  .terms_blade .inner-page-content h1 {
    text-align: center;
    margin: 10px 0 0;
    font-size: 25px;
  }
  .employer_profile_blade .pagination_section3 {
    padding: 0 15px;
  }
  .employer_profile_blade
    .pagination_section1.current_contract
    .result-list
    li
    .button-row,
  .employer_profile_blade .pagination_section3 .result-list li .button-row {
    flex-flow: column;
    width: 100%;
  }
  .employer_profile_blade
    .pagination_section1.current_contract
    .result-list
    li
    .button-row
    .view-btn,
  .employer_profile_blade
    .pagination_section3
    .result-list
    li
    .button-row
    .view-btn {
    width: 100%;
    margin: 16px 0 0;
    position: relative;
  }
  .employer_profile_blade .pagination_section1.current_contract {
    margin: 20px 0 0;
  }
  .blog-details-section ul li {
    font-size: 18px;
    line-height: 19px;
  }
  .blog-details-section ul li a {
    color: var(--orange);
  }
  .suggest-profile-row.suggested-employee {
    justify-content: space-between;
  }
  .bonus_modal .modal-content {
    max-width: 90%;
  }
  .bonus_modal .modal-content .bonus_text p {
    font-size: 18px;
    line-height: 22px;
  }
  .bonus_modal .modal-content .edit-profile-icons img {
    width: 120px;
  }
  .footer-block label.chat_with_us {
    margin: 20px 0 16px;
  }
}
@media only screen and (max-width: 320px) {
  .phone-bg {
    height: 375px;
    background-size: 100%;
    width: 64%;
  }
  .phone-inn {
    width: 144px;
    height: 330px;
    border-radius: 16px;
  }
  .modal-content .links-bar {
    display: block;
  }
  .links-bar a {
    width: 100%;
    font-size: 13px;
  }
  .suggested-employee .suggest-profile-box .suggest-img {
    width: 100px;
    height: 100px;
  }
  .suggested-employee .percircle .slice {
    width: 96px;
    height: 96px;
  }
}
@media only screen and (max-width: 1024px) {
  .suggest-profile-box {
    width: 23%;
  }
  .suggest-profile-row.suggested-employee
    .suggest-profile-box:nth-child(6n + 6) {
    margin: 0 20px 16px 0;
  }
  .suggest-profile-row.suggested-employee
    .suggest-profile-box:nth-child(4n + 4) {
    margin: 0 0 16px;
  }
  .sugg-pro-info h6 {
    font-size: 16px;
    line-height: 18px;
  }
  .choose-category-list .sub-category ul li:nth-child(8n + 8) {
    margin: 0 5px 5px 0;
  }
  .choose-category-list .sub-category ul li {
    width: 19%;
  }
}
@media only screen and (max-width: 980px) {
  .suggest-profile-row.suggested-employee .suggest-profile-box {
    margin: 0 18px 16px 0;
  }
  .suggested-employee .percircle .slice {
    width: 114px;
    height: 116px;
  }
}
@media only screen and (max-width: 900px) {
  .suggest-profile-row.suggested-employee .suggest-profile-box,
  .suggest-profile-row.suggested-employee
    .suggest-profile-box:nth-child(4n + 4),
  .suggest-profile-row.suggested-employee
    .suggest-profile-box:nth-child(6n + 6) {
    margin: 0 0 16px;
  }
  .dashboard_blade .provider-box .promotion-btn,
  .provider-box .promotion-btn {
    display: none;
  }
  .job_cat_modal .next-prev-row button,
  .job_employer_details_blade
    .job-post-modal
    .modal-content
    .post-features-inn-outer
    .post-features-inn
    li {
    width: 100%;
  }
  .employee_closed_job_list_blade
    .recieved-offer-inner-row
    .recieved-offer-left,
  .employee_sent_proposal_blade .recieved-offer-inner-row .recieved-offer-left,
  .employer_closed_job_list_blade
    .recieved-offer-inner-row
    .recieved-offer-left {
    flex-wrap: wrap;
  }
  .employee_closed_job_list_blade
    .recieved-offer-inner-row
    .recieved-offer-left
    .profile-info:first-child,
  .employee_sent_proposal_blade
    .recieved-offer-inner-row
    .recieved-offer-left
    .profile-info:first-child,
  .employer_closed_job_list_blade
    .recieved-offer-inner-row
    .recieved-offer-left
    .profile-info:first-child {
    flex: 1 0 100%;
    margin: 0 14px 10px 0;
  }
  .employee_sent_proposal_blade
    .recieved-offer-inner-row
    .recieved-offer-right
    a,
  .job_employer_details_blade
    .job-post-modal
    .modal-content
    .post-features-inn-outer
    .post-features-inn,
  .provide-service-row .new-provide {
    width: 48%;
  }
  .employee_sent_proposal_blade
    .recieved-offer-inner-row
    .recieved-offer-right
    a
    button.view-btn {
    width: 100%;
    justify-content: center;
  }
  .employee_sent_proposal_blade
    .recieved-offer-inner-row
    .recieved-offer-right
    a
    button.bttn-border-dark {
    color: var(--dark-grey) !important;
  }
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li,
  .employer_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li {
    position: relative;
  }
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    h3,
  .employer_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    h3 {
    margin: 48px 0 0;
  }
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price {
    position: absolute;
    right: 0;
    top: 45px;
    width: 100%;
    padding: 8px 16px;
    border-radius: 0;
    margin: 0;
  }
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price
    span {
    font-size: 16px;
  }
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price
    span
    img {
    width: 30px;
  }
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres,
  .employer_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres {
    margin-bottom: 0;
  }
  .employer_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    padding: 4px 6px;
    border-radius: 5px;
    margin: 0;
  }
  .employer_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price
    span {
    font-size: 14px;
  }
  .employer_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price
    span
    img {
    width: 22px;
    margin: 0 5px 0 0;
  }
  .employer_closed_job_blade .result-list li .rate-addres p:nth-child(2) img {
    width: 16px;
    height: 16px;
  }
  .employer_closed_job_blade .result-list li .rate-addres,
  .employer_closed_job_blade .result-list li .rate-addres p {
    align-items: flex-start;
  }
  .right-slider {
    width: calc(100% - 50%);
  }
  #tab2 .jobs-lists-row ul li .profile-img span {
    width: auto;
    max-width: 200px;
    text-align: left;
  }
  .employee_edit_profile_blade
    .provide-service-row.attachments-row
    .suggest-category-row,
  .employer_edit_profile_blade
    .attachments-row.provide-service-row
    .suggest-category-row {
    width: calc(100% - 122px);
  }
  .employer_profile_blade .about-toggle.show-more-height,
  .inner-page-content.create-job-publish #step6 .choose-budget,
  .profile_employee_blade .about-toggle.show-more-height {
    min-height: auto;
  }
  .job-apply-modal .modal-content {
    max-height: 460px;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
  }
  .job-apply-modal
    .modal-content
    .apply-job-price
    .new-offer-price-inner
    p
    span
    img {
    width: 28px;
    margin: 0 8px 0 0;
  }
  .job-apply-modal .modal-content .apply-row button.send-bttn {
    margin-bottom: 30px;
  }
  .job-post-accnt-info .post-acnt-img img {
    width: 102px;
    height: 102px;
  }
  .contract-box-inn ul.new-lang li select.level {
    height: 14px;
    font-size: 12px;
    color: var(--dark-grey);
  }
  .job_employer_details_blade
    div.job-post-details-content
    .details-content-attachment
    ul {
    margin-left: 0;
  }
  .job-post-details.inner-page-content,
  .job_employer_details_blade .job-post-details.inner-page-content {
    padding: 20px 0 0;
  }
  .job_employer_details_blade .job-post-details.inner-page-content {
    padding: 60px 0 0;
  }
  .job-vmjp-modal .job-post-details .center .post-features {
    flex-flow: row;
    flex-wrap: wrap;
  }
  .job-post-modal .modal-content .post-features-inn {
    margin: 0 12px 12px 0;
  }
  .job-post-modal .modal-content .post-features-inn:first-child {
    flex: 1 0 100%;
  }
  .bottom-footer > a > img {
    width: 85px;
  }
  .choose-category-list > a {
    width: 100%;
    height: 120px;
  }
  .lightbox-target .features-img video {
    width: 110px;
    height: 110px;
  }
  #report_form .apply-row p,
  #report_form-employer .apply-row p,
  .copied-link .copy_url span img,
  .inner-page-content.create-job-publish #step6 .choose-budget .rate-box,
  .job_employer_details_blade
    .job-post-details-info
    .job-post-details-info-box
    ul.address-post
    li {
    margin: 0;
  }
  .inner-page-content.create-job-publish
    #step6
    .choose-budget
    .fixed-box-rate
    img {
    width: 26px;
  }
  .inner-page-content.create-job-publish #step6 .choose-budget .add-range-box,
  .inner-page-content.create-job-publish #step6 .choose-budget .fixed-box-rate {
    padding: 0 5px;
    justify-content: flex-start;
  }
  .job_employer_details_blade .post-heading h1 {
    width: 100%;
    margin: 0;
    max-width: 100%;
  }
  .job-post-modal .modal-content {
    padding: 20px 16px 16px;
  }
  .job-post-modal .view_my_job_post .job-post-details,
  .job-post-modal .view_my_job_post .job-post-details .post-heading,
  .job-post-modal .view_my_job_post .job-post-details-content,
  .job_employer_details_blade
    .job-post-modal
    .view_my_job_post
    .job-post-details-info {
    padding: 0;
  }
  .job-post-modal .view_my_job_post .details-content-attachment ul li,
  .job-post-modal
    .view_my_job_post
    .details-content-attachment
    ul
    li:last-child {
    width: 90px;
    height: 90px;
    margin: 0 8px 8px 0 !important;
    border-width: 5px;
  }
  .job-post-modal .view_my_job_post .job-post-details-info ul {
    padding: 10px;
  }
  .job-post-modal
    .view_my_job_post
    .job-post-details-info
    ul.my_job_post_language
    li {
    width: 50%;
  }
  .job-post-modal
    .view_my_job_post
    .job-post-details-info
    ul.my_job_post_language
    li:nth-child(odd) {
    border-radius: 5px 0 0 5px;
  }
  .job-post-modal
    .view_my_job_post
    .job-post-details-info
    ul.my_job_post_language
    li:nth-child(2n) {
    border-radius: 0 5px 5px 0;
  }
  .job-post-modal
    .view_my_job_post
    .job-post-details-info
    .requirements-box
    ul
    li
    .point,
  .job-post-modal .view_my_job_post .requirements-box ul li .point {
    top: 10px;
  }
  .job-post-modal .view_my_job_post .job-post-details-info-box {
    margin: 0 0 24px;
  }
  .job-post-modal
    .view_my_job_post
    .job-post-details
    .center
    .post-features
    ul
    li {
    font-size: 12px;
  }
  .job_employer_details_blade .hidden-map {
    box-shadow: none;
  }
  .feature-info .register-bttn {
    padding: 0 20px;
  }
  .modal.s3_video_landing {
    z-index: 10000000000;
  }
  .employee_edit_profile_blade .modal,
  .employer_edit_profile_blade .modal {
    z-index: 98;
  }
  .add-report-modal-close-employer.close_multi,
  .add-report-modal-close.close_multi {
    font-size: 50px;
    font-weight: 300;
    color: var(--medium-grey);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin: 0;
  }
  .js-modal-shopify-confirm-box-report .c-popup,
  .js-modal-shopify-confirm-box-report-employer .c-popup {
    max-width: 90%;
  }
  .js-modal-shopify-confirm-box-report .c-popup .category-option-box h5,
  .js-modal-shopify-confirm-box-report-employer
    .c-popup
    .category-option-box
    h5 {
    margin: 0 0 20px;
    font-size: 18px;
  }
  .js-modal-shopify-confirm-box-report .c-popup .category-option-box p,
  .js-modal-shopify-confirm-box-report-employer
    .c-popup
    .category-option-box
    p {
    font-size: 14px;
    line-height: 18px;
  }
  .js-modal-shopify-confirm-box-report .choose-category,
  .js-modal-shopify-confirm-box-report-employer .choose-category {
    margin: 20px 0 0;
  }
  .js-modal-shopify-confirm-box-report .choose-category > div,
  .js-modal-shopify-confirm-box-report-employer .choose-category > div {
    flex-flow: column;
  }
  .js-modal-shopify-confirm-box-report .choose-category .bttn,
  .js-modal-shopify-confirm-box-report-employer .choose-category .bttn {
    height: 40px;
    line-height: 40px;
    width: 100%;
  }
  .js-modal-shopify-confirm-box-report .c-popup .category-option-box,
  .js-modal-shopify-confirm-box-report-employer .c-popup .category-option-box {
    padding: 30px 5px 10px;
  }
  .add-report-modal .report-form-div,
  .add-report-modal-employer .report-form-div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: column;
  }
  .add-report-modal .report-form-img,
  .add-report-modal-employer .report-form-img {
    width: 80%;
    height: 80px;
  }
  .add-report-modal .report-form-img img,
  .add-report-modal-employer .report-form-img img {
    width: 50px;
  }
  .add-report-modal .report-form-text,
  .add-report-modal-employer .report-form-text {
    width: 100%;
    text-align: left;
    padding: 16px;
  }
  .add-report-modal .report-form-text h4,
  .add-report-modal-employer .report-form-text h4 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
  }
  .add-report-modal .report-form-text p,
  .add-report-modal-employer .report-form-text p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
  }
  .add-report-modal #report_form,
  .add-report-modal-employer #report_form {
    padding: 5px 16px 0;
  }
  .add-report-modal #report_form label,
  .add-report-modal-employer #report_form label {
    font-size: 16px;
    font-weight: 600;
    color: var(--dark-grey);
    margin: 10px 0 8px;
  }
  .add-report-modal .modal-content,
  .add-report-modal-employer .modal-content {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    max-height: 610px;
    padding: 30px 0 20px;
  }
  .add-report-modal-close,
  .add-report-modal-close-employer {
    font-size: 18px;
    font-weight: 600;
    color: var(--medium-grey);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
  }
  #report_form .apply-row button {
    height: 45px;
    line-height: 45px;
    color: var(--white);
    width: 100%;
    margin: 16px 0 0;
  }
  .notifications_blade .notification-list .pagination {
    position: relative;
    right: 0;
    margin: 24px 0 20px;
    top: 0;
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
    float: none;
  }
  .notifications_blade .notification-list .pagination li {
    width: 25px;
    height: 25px;
    font-size: 12px;
    margin: 0 2px 0 0 !important;
  }
  ul.pagination li a,
  ul.pagination li span {
    width: 25px;
    height: 25px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #c5c5c5;
    text-indent: 0;
    background-color: var(--light-grey);
    border-radius: 5px;
  }
}
@media only screen and (max-width: 320px) {
  .login-bg-box {
    width: 64px;
    height: 64px;
  }
  .inner-login.current-login .login-box.signup {
    height: 250px;
  }
  .login-form {
    margin: 0;
  }
  .login-box {
    align-items: flex-start;
  }
  .inner-login .login-box.signin .login-content,
  .inner-login.current-login .login-box.signup .login-content {
    padding: 20px;
    background-color: transparent;
  }
  .inner-login .login-box.signup .login-content,
  .inner-login.current-login .login-box.signin .login-content {
    padding: 20px;
    background-color: var(--dark-grey);
  }
  .dashboard_blade .modal_view .verifi-pop {
    margin: 0 0 8px;
    height: 36px;
  }
  .dashboard_blade .modal_view .rate-box {
    padding: 15px 0 5px;
  }
  .dashboard_blade .modal-content {
    padding: 18px 16px 16px;
  }
  .add-report-modal .modal-content,
  .add-report-modal-employer .modal-content {
    max-height: 470px;
  }
}
@media only screen and (max-width: 1599px) {
  .banner .progress-inn h4,
  .banner-content .progress-inn h3 {
    font-size: 50px;
  }
  .cursor:after,
  .cursor:before {
    height: 40px;
  }
  .service-pack ul li .pack-hour {
    font-size: 12px;
  }
  .service-pack ul li .pack-hour span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 900px) {
  .blog-right-block.forumBox.active,
  .blog-right.active .all-right-block {
    height: 100%;
    visibility: visible;
    opacity: 1;
  }
  .blog-section,
  .blogpage-listing .jscroll-inner,
  .employer_closed_job_blade .result-list li .button-row.deactivate-btn-row,
  .referral_wallet_blade .wallet_tab,
  .result_blade .result-list.result-employee-section li .rate-addres {
    flex-flow: column;
  }
  .blog-section .blog-left {
    order: 2;
    width: 100%;
    padding: 15px;
  }
  .blog-section .blog-right {
    order: 1;
    width: 100%;
    padding: 15px;
    background-color: #f4f4f4;
    margin: 0 0 10px;
    position: relative;
    z-index: 10;
  }
  .inner-page-content.blog-details,
  .inner-page-content.blog-listing {
    padding: 0;
    margin: 64px 0 0;
  }
  .inner-page-content.blog-details .center,
  .inner-page-content.blog-listing .center {
    padding: 0;
  }
  .blog-section .blog-left .top-blog .blog-contents h3,
  .blog-section .blog-left .top-blog .blog-contents h3 a,
  .blog-section .blog-right .blog-right-block h2 {
    font-size: 18px;
    line-height: 22px;
  }
  .blog-category li a,
  .tabContent p {
    font-size: 14px;
  }
  .blog-section .blog-left .top-blog .blog-contents {
    padding: 16px;
    width: 90%;
  }
  .blog-details .blog-details-category,
  .blog-details .related-blogs,
  .blog-section .blog-left .top-blog .blog-contents p,
  .play-icon .watch-video,
  .referal-invite .choose-category .left-refer-earn {
    display: none;
  }
  .blog-right .explore_blog,
  .go_forum_btn {
    font-weight: 700;
    cursor: pointer;
    display: block;
    color: var(--dark-grey);
  }
  .blog-chips {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
  }
  .blogpage-listing {
    margin: 16px 0 0;
  }
  .blog-box {
    width: 100%;
    margin: 0 0 24px;
    padding: 0 0 24px;
    border-bottom: 1px solid #ecedef;
  }
  .blog-box a,
  .referal-invite .category-option-box .right-refer-earn .profile-shared li,
  .result_blade
    .result-list.result-employee-section
    li
    .rate-addres
    > p:last-child {
    width: 100%;
  }
  .blog-box .blog-img {
    max-height: 280px;
  }
  .blog-box .blog-info h3 {
    margin: 8px 0;
  }
  .blog-box .blog-info h3 a {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
  }
  .blog-box .blog-info .top-info .date,
  .blog-box .blog-info p {
    font-size: 12px;
    line-height: 18px;
  }
  .blog-details-section {
    margin: 16px 0;
    position: relative;
  }
  .blog-details-section h2 {
    font-size: 28px;
    line-height: 38px;
    margin: 10px 0;
  }
  .blog-details-section .date {
    position: absolute;
    right: 0;
    top: 4px;
    width: auto;
    margin: 0;
    font-size: 12px;
  }
  .blog-details-section p {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 16px;
  }
  .blog-right .explore_blog {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    background-image: url(/img/descending-icon.svg);
    background-position: 97% center;
    background-repeat: no-repeat;
  }
  .blog-right.active .explore_blog {
    background-image: url(/img/ascdending-icon.svg);
    margin: 0 0 30px;
  }
  .go_forum_btn {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    height: 60px;
    line-height: 60px;
    margin: 0;
    box-shadow: 0 6px 8px 0 rgb(0, 0, 0, 0.1);
    font-size: 16px;
  }
  .blog-right .all-right-block,
  .blog-right-block.forumBox {
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
  }
  .blog-details .blog-right-block.forumBox.active,
  .blog-right-block.forumBox.active {
    margin: 20px 0 0;
  }
  .blog-details .blog-section .blog-right .blog-right-block {
    margin: 0;
  }
  .blog-details .blog-section .blog-right {
    background-color: transparent;
  }
  .blog-details .blog-section .blog-left {
    padding-top: 0;
  }
  .jobs-category-field .KeywordList {
    width: 100% !important;
    top: 55px;
    left: 0;
    border-radius: 5px;
    overflow: hidden;
  }
  .KeywordList .head-keywords-ul {
    box-shadow: 0 -2px 10px 1px rgb(0 0 0 / 20%) !important;
    border-radius: 5px 5px 0 0 !important;
    margin: 0 !important;
  }
  header.before-login,
  header.before-login .center {
    height: 64px;
  }
  .referral_wallet_blade .wallet-tab .wallet_tab ul.tabs {
    width: auto;
    order: 2;
    margin: 30px 0 20px;
  }
  .referral_wallet_blade .wallet-tab button.referEarn {
    order: 1;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    .wallet-tab
    ul.tabs
    li
    a {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #868686;
    line-height: 1;
  }
  .new-job-details .job-post-details-info .wallet-tab ul.tabs li.active a {
    font-size: 13px;
  }
  .employer_closed_job_blade .result-list li .bottom-row {
    padding: 20px 0 30px;
  }
  .employer_closed_job_blade
    .result-list
    li
    .bottom-row
    .profile-info:nth-child(2n) {
    left: 38px;
  }
  .employer_closed_job_blade .result-list li {
    padding-bottom: 16px;
  }
  .employer_closed_job_blade
    .result-list
    li
    .button-row.deactivate-btn-row
    .reactivate-btn {
    min-width: 100%;
    margin: 0 0 10px;
  }
  .referal-invite {
    max-height: 100%;
  }
  .referal-invite .choose-category .right-refer-earn {
    width: 100%;
    padding: 50px 20px 0;
    max-width: 100%;
    margin: 0;
  }
  .referal-invite .category-option-box h4 {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 20px;
  }
  .referal-invite .category-option-box .right-refer-earn .apply-row .bttn {
    opacity: 1;
    z-index: 1;
    position: relative;
    right: auto;
    bottom: auto;
    height: 40px;
    line-height: 40px;
    min-width: 120px;
    font-size: 18px;
    font-weight: 600;
    color: var(--white);
    margin: 10px 0 0;
  }
  .referal-invite .category-option-box .right-refer-earn .apply-row .mainLink,
  .referal-invite
    .category-option-box
    .right-refer-earn
    .apply-row
    input.text-field {
    height: 50px;
    line-height: 50px;
    padding: 0 56px 0 16px;
  }
  .referral_wallet_blade
    .new-job-details
    .job-post-details-info
    .wallet-tab
    ul.tabs
    li.active
    a {
    font-size: 16px;
  }
  .referral_wallet_blade
    .referal-invite
    .category-option-box
    .right-refer-earn
    .apply-row
    .copy_url,
  .referral_wallet_blade
    .referal-invite
    .category-option-box
    .right-refer-earn
    .apply-row
    form
    .bttn {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    min-width: 40px;
  }
  .referral_wallet_blade
    .referal-invite
    .category-option-box
    .right-refer-earn
    .apply-row
    form
    > .bttn {
    background-image: url(/img/message-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #46a282;
  }
  .referral_wallet_blade
    .referal-invite
    .category-option-box
    .right-refer-earn
    .apply-row
    .copy_url {
    background-image: url(/img/profile-ink-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #cb7767;
  }
  .banner-phone {
    margin-top: 80px;
    justify-content: center;
  }
  .phone-bg {
    background-position: center 0;
    padding: 0;
    justify-content: center;
  }
  .phone-inn {
    margin: 0 auto;
  }
  .play-icon:after {
    top: 0;
    width: 60px;
  }
  .banner-content {
    position: inherit;
  }
  .banner .progress {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    padding: 0 16px;
  }
  .play-icon a,
  .preloader,
  .preloader:after {
    width: 35px;
    height: 35px;
  }
  .banner-content .progress-inn h3 {
    min-height: auto;
  }
  .banner .progress-inn h4,
  .banner-content .progress-inn h3 {
    font-size: 35px;
    line-height: 1;
    text-align: center;
    width: 100%;
  }
  h3.cursor::after,
  h4.cursor::after {
    height: 25px;
    width: 4px;
  }
  .banner-content p {
    margin: 160px 0 16px;
  }
  .preloader:after {
    background-size: 100%;
  }
  .promote_modal .modal-content.modal-service {
    max-width: 95%;
  }
  .promote_modal .modal-content.modal-service .choose-promote .featuredShow {
    flex-flow: row;
  }
  .index_blade .mobile-menu #nav-toggle.active {
    top: 23px;
  }
  .index_blade .mobile-menu nav ul {
    padding: 95px 10px 56px;
  }
}
@media only screen and (max-width: 900px) {
  #step3 .contract-box {
    position: relative;
  }
  #step3 .contract-box:nth-child(2) .contract-box-inn {
    padding-top: 70px !important;
  }
  #step3 .contract-box:nth-child(2) > input[type="text"] {
    margin: 0;
    position: absolute;
    left: 14px;
    top: 40px;
  }
  .profile_blade .suspended-active-contract .suspended-content p,
  .profile_public_employer_blade
    .suspended-active-contract
    .suspended-content
    p,
  .settings-right
    .verification-steps.step_6
    .verifications-form
    p.validation-txt {
    font-size: 14px;
  }
  .settings-right
    .verification-steps.step_6
    .verifications-form
    p.validation-txt
    span {
    top: 0;
  }
  .terms_blade h1 strong {
    font-size: 25px;
  }
  .account-suspended {
    justify-content: center;
    flex-flow: column;
  }
  .dashboard_blade .account-suspended,
  .dashboard_employer_blade .account-suspendedm,
  .employee_edit_profile_blade .modal-content,
  .employer_edit_profile_blade .modal-content {
    padding: 20px;
  }
  .dashboard_blade .suspended-content,
  .dashboard_employer_blade .suspended-content {
    min-height: auto;
    margin: 0;
  }
  .dashboard_blade .suspended-content h3,
  .dashboard_employer_blade .suspended-content h3 {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
  }
  .dashboard_employer_blade .suspended-content p,
  .suspended-content p {
    font-size: 14px;
    line-height: 17px;
  }
  .employer_profile_blade .suspended-content h3,
  .profile_employee_blade .suspended-content h3 {
    line-height: 20px;
    display: inline-block;
  }
  .private_chat_blade .suspended-section {
    padding: 16px 20px;
  }
  .private_chat_blade .suspended-section a {
    right: 10px;
  }
  .private_chat_blade .suspended-section p {
    padding: 0 26px 0 45px;
    font-size: 16px;
    line-height: 1;
  }
  .job_details_blade .suspended-job-details.account-suspended img {
    width: 130px;
  }
  .job_details_blade .suspended-content {
    text-align: center;
    padding: 20px 0 0;
  }
  .job_details_blade .suspended-content h3 {
    font-size: 20px;
    line-height: 1;
  }
  .job_details_blade .suspended-content p {
    font-size: 16px;
    text-align: left;
  }
  .suspended-job-post-top .job-post-accnt-info {
    width: 100%;
    background-color: transparent;
  }
  .errpr-page .account-suspended > img {
    width: 160px;
    margin: 0 0 20px;
    padding: 0;
  }
  .errpr-page .suspend-page.account-suspended .suspended-content h3 {
    font-size: 20px;
    line-height: 1;
    text-align: center;
  }
  .blog-share > span,
  .dashboard_blade
    .category_add
    .rate-box
    .choose-hourly-rate
    span.add-fees-amount.fixed-fees,
  .errpr-page .suspend-page.account-suspended .suspended-content p,
  .job-post-details-content a.vmjp_modal span {
    font-size: 16px;
  }
  .dashboard_blade .modal .account-suspended,
  .dashboard_employer_blade .modal .account-suspended,
  .employee_edit_profile_blade .suspended-content,
  .employer_current_job_details_blade .category-option-box,
  .employer_edit_profile_blade .suspended-content,
  .errpr-page .suspended-content,
  .profile_blade .account-suspended .suspended-content,
  .profile_public_employer_blade .account-suspended .suspended-content {
    padding: 0;
  }
  .dashboard_blade .account-suspended,
  .dashboard_employer_blade .account-suspended {
    padding: 16px;
    margin: 0 0 30px;
    align-items: flex-start;
    position: relative;
  }
  .suspended-section {
    left: 0 !important;
  }
  .dashboard_blade .account-suspended img,
  .dashboard_employer_blade .account-suspended img {
    margin: 0 0 20px;
    width: 90px;
  }
  .dashboard_blade .account-suspended h3,
  .dashboard_employer_blade .account-suspended h3 {
    position: absolute;
    top: 30px;
    text-align: left;
    padding: 0 10px 0 100px;
    font-size: 18px;
  }
  .dashboard_blade .suspended-content p span,
  .dashboard_employer_blade .suspended-content p span,
  .employee_edit_profile_blade .account-suspended .suspended-content p span,
  .employer_edit_profile_blade .account-suspended .suspended-content p span,
  .employer_profile_blade .suspended-content p span,
  .profile_employee_blade .suspended-content p span {
    height: 80px;
  }
  .employer_profile_blade .suspended-content p span {
    height: 100px;
  }
  .errpr-page .suspended-content p span {
    height: 84px;
  }
  .profile_blade .account-suspended,
  .profile_public_employer_blade .account-suspended {
    background-color: transparent;
  }
  .profile_blade .account-suspended img,
  .profile_public_employer_blade .account-suspended img {
    width: 160px;
    margin: 0 0 20px;
  }
  .profile_blade .employee-profile-inner,
  .profile_blade .suspended-active-contract .suspended-content,
  .profile_public_employer_blade .suspended-active-contract .suspended-content {
    min-height: auto;
  }
  .employer_profile_blade .suspended-content,
  .profile_employee_blade .suspended-content {
    background-color: var(--light-grey);
    padding: 16px;
    border-radius: 5px;
  }
  .inappropriate,
  .profile_blade .reports-icon,
  .profile_public_employee_blade .inappropriate,
  .profile_public_employer_blade .inappropriate {
    padding: 0 4px 0 0;
    text-indent: inherit;
    font-size: 16px;
    width: auto;
    border: 0;
  }
  .inappropriate img,
  .profile_blade .reports-icon img,
  .profile_public_employee_blade .inappropriate img,
  .profile_public_employer_blade .inappropriate img,
  .profile_public_employer_blade .reported-p img,
  .reported-p > img,
  .reports-icon img {
    margin: 0 0 0 8px;
  }
  .profile_public_employer_blade .reported-p,
  .reported-p {
    padding: 0;
    margin: 0 16px 0 0;
    text-indent: inherit;
    font-size: 16px;
    width: auto;
    border: 0;
  }
  .blog-share > ul li:last-child,
  .category_add .address-attachments .attach_service ul,
  .dashboard_blade .category_add button.choose_cat,
  .employee_current_job_details_blade
    .current-post-button-row
    > a
    > button.chat-btn,
  .job_details_blade .reported-p,
  .model-job-promote .promote-service-cost p,
  .promote-service-cost p,
  .reports-icon img {
    margin: 0;
  }
  #report_form .apply-row:last-child,
  .archieve-confirm .choose-category > div {
    flex-flow: column;
  }
  #report_form .apply-row:last-child a.add-report-modal-close,
  #report_form .apply-row:last-child a.cancel-report {
    order: 2;
    margin: 12px 0 0;
  }
  #report_form .apply-row:last-child a.add-report-modal-close {
    order: 1;
  }
  #report_form .apply-row:last-child a.add-report-modal-close-employer {
    order: 2;
    margin: 12px 0 0;
    order: 1;
  }
  .welcome-profile-suspended .suspended-content {
    flex-flow: column;
    padding: 16px;
  }
  .welcome-profile-suspended {
    width: 100%;
    margin: 70px 0 0;
  }
  .welcome-profile-suspended .center {
    padding: 0 16px;
  }
  .welcome-profile-suspended .suspended-content p {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    padding: 0 0 20px 35px;
    position: relative;
  }
  .welcome-profile-suspended .suspended-content p span {
    height: 120px;
    top: 66px;
  }
  .welcome-profile-suspended .suspended-content a.bttn {
    font-size: 18px;
    min-width: auto;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    width: 100%;
  }
  .dashboard_blade .modal .account-suspended img,
  .dashboard_employer_blade .modal .account-suspended img {
    width: 170px;
    margin: 0 auto 16px;
  }
  .dashboard_blade .modal .suspended-content h3 {
    font-size: 18px;
    line-height: 24px;
    position: relative;
    padding: 0;
    top: auto;
  }
  .dashboard_blade .modal-content {
    padding: 30px 20px;
  }
  .employee_edit_profile_blade .account-suspended img,
  .employer_edit_profile_blade .account-suspended img,
  .job_details_blade .job-post-modal .account-suspended img {
    width: 160px;
  }
  .job_details_blade .job-post-modal .suspended-content {
    text-align: center;
    padding: 0;
    display: block;
    width: 100%;
  }
  .job_details_blade .job-post-modal .modal-content .apply-row h3 {
    font-size: 18px;
    margin: 16px 0;
  }
  .job_details_blade .job-apply-modal .suspended-content p {
    font-size: 16px;
    padding: 0 0 0 36px;
    line-height: 20px;
  }
  .job_details_blade .job-apply-modal .modal-content .apply-row p span {
    background-color: #cb4f34;
    border-radius: 5px;
    margin: 0;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .job_details_blade .job-apply-modal .modal-content .apply-row p span,
  .job_details_blade
    .job-apply-modal
    .modal-content
    .apply-row
    p
    span.fp-total {
    background-color: var(--light-grey);
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    justify-content: flex-start;
    padding: 0 10px;
  }
  .profile_blade .provide-service.suspended-active-contract,
  .profile_public_employer_blade .provide-service.suspended-active-contract {
    padding: 26px 16px;
    width: 93%;
    margin: 0 auto 30px;
  }
  .profile_employee_blade .suspended-content p span {
    height: 105px;
  }
  .fees-box {
    flex: 0 0 100%;
    background-color: #f5f6f7;
    border-radius: 5px;
    margin: 8px 0 0;
    padding: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
  }
  .fees-box label {
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    color: var(--dark-grey);
    line-height: 15px;
  }
  .fees-box span.add-fees-amount {
    font-size: 16px;
    font-weight: 600;
    color: var(--orange);
    position: initial !important;
    width: 100%;
    text-align: left;
    padding: 6px 0 0;
  }
  .category_add .rate-box .onoff-btn {
    top: 190px;
  }
  .profile_public_employer_blade .profile-button-right a.fav-link-icon,
  a.fav-link-icon {
    height: 40px;
    width: 40px;
  }
  .add-report-modal #report_form label span,
  .add-report-modal-employer #report_form label span {
    background-color: transparent;
    display: initial;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--medium-grey);
    width: 100%;
    float: left;
    margin: 0 0 4px;
    text-align: left;
  }
  .employee_see_job_payment_blade .job-post-modal .modal-content h4 {
    margin: 20px 0;
  }
  .category_add .apply-row,
  .job-apply-modal .modal-content .apply-row {
    overflow: hidden;
  }
  .job-apply-modal .modal-content .apply-row button.send-bttn {
    margin-bottom: 10px;
  }
  .job-post-details .post-heading button.view-btn.change_offer {
    min-width: 100%;
  }
  .new-payment-request-popup {
    max-width: 95%;
  }
  .employer_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:last-child
    button.reject_offer,
  .my_post_promote_button a.job-details-edit:hover .edit-tooltip,
  .new-job-details
    .job-post-details-info
    ul.payment-list.bonus-data-tab
    li
    > div:nth-child(6):before,
  .new-job-details
    .job-post-details-info
    ul.payment-list.expense-data-tab
    li
    > div:nth-child(6):before,
  .new-payment-request-popup .round-img,
  .promote-right .promote-icon,
  .wallet_blade
    .job-post-details-info
    ul.payment-list.income-data-tab
    li
    > div:nth-child(3) {
    display: none;
  }
  .new-payment-request-popup .payment-request-offer {
    padding: 0 20px 20px;
  }
  .new-payment-request-popup .payment-request-offer h3 {
    padding: 0 0 16px;
    font-size: 16px;
    line-height: 22px;
  }
  .profile-infos .infos-box a {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
  }
  .verification_steps_blade
    .modal_first_step.js-modal-services
    .verifications-form {
    padding-bottom: 0;
  }
  .not_verified_modal .modal-content #close_not_verified_modal {
    min-width: 100%;
    height: 40px;
    line-height: 40px;
  }
  .landing-info-text {
    margin: 160px 0 10px;
  }
  .banner-content .landing-info-text h1,
  .banner-content .landing-info-text h2 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 2px;
  }
  .verification_steps_blade
    .verifications-form
    ul.card-verification-form
    li
    .file-upload-outer
    > label.custom-file-upload,
  .verifications-form
    ul.card-verification-form
    li
    .file-upload-outer
    > label.custom-file-upload {
    width: 100px !important;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
  }
  .top-category-box-wrap .top-category-box .job_cat_filter li a {
    border-radius: 5px;
    background-color: #fff;
    height: auto;
    line-height: initial;
    font-weight: 400;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    color: var(--dark-grey);
    border: 1px solid #303030;
    width: auto;
  }
  .verifications-form {
    margin: 10px 0 20px;
  }
  .dashboard_blade .category_add .rate-box .fixed-rate p:last-child {
    width: 62px;
    padding: 0 4px 0 0;
  }
  .dashboard_blade .category_add .rate-box .fixed-box-rate {
    margin: 0 8px 0 0;
    flex: 0 0 48%;
    padding: 0 0 0 5px;
  }
  .dashboard_blade .category_add .apply-row .pack-desc {
    height: 60px;
  }
  .dashboard_blade .category_add .rate-box .onoff-btn {
    top: 181px;
  }
  .dashboard_blade .category_add .rate-box .choose-hourly-rate {
    margin: 50px 0 0;
  }
  .dashboard_blade .tooltips .tools-content p.referred_tooltip,
  .job_details_blade .tooltips .tools-content p.referred_tooltip {
    width: auto !important;
  }
  .dashboard_blade .fees-box .add-fees-text .tooltips .tools-content {
    right: 0;
    left: auto;
    transform: inherit;
    bottom: auto;
  }
  .job_details_blade .fees-box .add-fees-text .tooltips .tools-content {
    right: 0;
    left: auto;
    transform: inherit;
  }
  .js-modal-shopify-confirm-box-report .c-popup .category-option-box p {
    text-align: left;
  }
  .inappropriate,
  .job_details_blade .inappropriate {
    position: relative;
    top: -15px;
    right: 14px;
    text-indent: -9999px;
    font-size: 0;
    border: 1px solid #303030;
    border-radius: 5px;
    padding: 3px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: auto;
    float: right;
  }
  .service-pack ul li.count-pack span {
    font-weight: 600;
    line-height: 30px;
    font-size: 25px;
    color: var(--white);
  }
  .mobile-menu .nav-mobile a#nav-toggle.active {
    background: var(--dark-grey);
    width: 100%;
    display: flex;
    justify-content: flex-end;
    top: 0;
    left: 0;
    padding: 30px 25px 26px 0;
    height: 50px;
    overflow: hidden;
    z-index: 1;
  }
  .job_details_blade
    .job-apply-modal
    .modal-content
    .apply-row
    .suspended-content
    p
    span {
    background-color: #cb4f34;
    height: 110px;
    font-size: 26px;
  }
  .job_details_blade .job-post-details .post-heading .post-heading-inner {
    flex-flow: row;
    justify-content: space-between;
  }
  .employee_edit_profile_blade .suspended-content h3,
  .employer_edit_profile_blade .suspended-content h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1e1e1e;
    display: block;
    margin: 16px 0 24px;
    line-height: 20px;
    text-align: center;
  }
  .job-post-details-content a.vmjp_modal {
    float: right;
    width: 100%;
    margin: 0 0 20px;
  }
  .archive {
    margin: 0 0 0 16px;
    font-size: 16px;
  }
  .archive > img {
    width: 20px;
  }
  .my_post_promote_button a.job-details-edit {
    margin: 0;
    width: 49%;
  }
  .my_post_promote_button {
    justify-content: space-between;
    align-items: center;
  }
  .my_post_promote_button a.job-details-edit .edit-tooltip {
    top: 40px;
    right: 0;
  }
  .category_add .add-range-box input[type="text"],
  .category_add .rate-box .fixed-box-rate input[type="text"],
  .login-content .referral_section {
    padding: 0 5px;
  }
  .login-content .referral_section input.input-text {
    font-size: 14px;
    width: calc(100% - 120px);
  }
  .login-content .referral_section p.referal_not_exist {
    padding: 0 40px 0 10px;
    font-size: 14px;
    width: 112px;
  }
  .back-to-bottom {
    bottom: 150px;
  }
  .archieve-confirm a.close-archieve-confirm {
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .archieve-confirm .category-option-box p {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  .notifications_blade .notification-list {
    padding-bottom: 100px;
  }
  .employee_hire_blade #sendoffer .employee-hire li:first-child,
  .employee_hire_blade #sendoffer .sendoffer,
  .job_details_blade .profile-info span.pro-name,
  .private_chat_blade #myModal .modal-content {
    width: 100%;
  }
  .settings-scrollbar {
    margin: 0;
    height: 200px;
  }
  .category_add .modal-content {
    padding: 50px 0 10px;
  }
  .category_add .job-request-modal-wrapper {
    max-height: 540px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 16px 0;
  }
  .settings_blade .js-modal-services .modal-content h4 {
    margin: 30px 0 0;
  }
  .category_add .job-request-modal-wrapper .add-range-box.addFixedRange,
  .category_add .job-request-modal-wrapper .add-range-box.addRange {
    width: 49%;
  }
  .category_add .rate-box .fixed-box-rate {
    margin: 0 8px 0 0;
    flex: 0 0 48%;
    padding: 0 0 0 6px;
  }
  .banner {
    padding: 130px 0 20px;
  }
  .verification_steps_blade
    .modal_first_step.js-modal-services
    .modal-content
    h4 {
    margin: 16px 0 0;
  }
  .modal-service {
    flex-wrap: wrap;
  }
  .promote-left {
    padding: 40px 15px;
  }
  .promote-right {
    padding: 0 15px 40px;
  }
  .promote-left,
  .promote-right {
    max-width: 100%;
    width: 100%;
    background-color: var(--white);
  }
  .promote-service-cost {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .promote-left .promote-info {
    margin: 30px 0 0;
    font-size: 14px;
  }
  .model-job-promote p {
    margin: 0 0 16px;
  }
  .promote_modal .modal-content.modal-service .choose-promote .featuredShow {
    flex-flow: row;
    max-width: 100%;
  }
  .promote-left h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres
    > p:last-child {
    flex: 1 0 100%;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres
    > p:first-child
    > img,
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres
    > p:nth-child(2)
    > img {
    width: 26px;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres
    > p:first-child,
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres
    > p:nth-child(2),
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    .rate-addres
    > p:nth-child(3) {
    align-items: center;
  }
  .hire-btn-text-cls {
    align-items: center;
    justify-content: center;
    margin: 50px 0 0;
    flex-flow: column;
  }
  .hire-btn-text-cls label {
    margin: 20px 0 16px;
    font-size: 14px;
  }
  .employee_hire_blade .fees-box span.add-fees-amount {
    text-align: right;
    padding: 6px 0 0 8px;
  }
  .employee-info
    .education-list
    .education-right
    .certificate_edit_confirm
    > img,
  .employee-info .education-list .education-right .education_edit_confirm > img,
  .employee-info .education-list .education-right .licence_edit_confirm > img,
  .employer-info
    .education-list
    .education-right
    .certificate_edit_confirm
    > img,
  .employer-info .education-list .education-right .education_edit_confirm > img,
  .employer-info .education-list .education-right .licence_edit_confirm > img {
    width: 18px;
  }
  .archieve-confirm .choose-category > div > button {
    width: 100%;
    font-size: 14px;
  }
  .profile_blade .modal_view .bttn.view-btn.send-bttn {
    font-size: 14px;
    min-width: 100%;
    height: 45px;
    line-height: 45px;
  }
  .profile_blade .involved-category ul li a {
    padding: 0 12px;
  }
  .job_employer_details_blade
    .job-intro-modal.job-profile-modal
    .job-post-accnt-info
    h5,
  .job_employer_details_blade
    .job-intro-modal.job-profile-modal
    .top-intro-row
    .profile-info {
    color: var(--dark-grey);
    color: var(--dark-grey);
    color: var(--dark-grey);
    color: var(--dark-grey);
  }
  .employer_see_job_payment_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(3),
  .employer_see_job_payment_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(5) {
    background: 0 0;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.bonus-data-tab
    li
    > div
    > a,
  .new-job-details
    .job-post-details-info
    ul.payment-list.expense-data-tab
    li
    > div
    > a {
    color: #303030;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.bonus-data-tab
    li
    > div:nth-child(7),
  .new-job-details
    .job-post-details-info
    ul.payment-list.expense-data-tab
    li
    > div:nth-child(7) {
    position: absolute;
    top: 7px;
    left: 22%;
    font-size: 10px;
    width: auto;
    padding-left: 12px;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.bonus-data-tab
    li
    > div:nth-child(7):before,
  .new-job-details
    .job-post-details-info
    ul.payment-list.expense-data-tab
    li
    > div:nth-child(7):before {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    width: 1px;
    height: 12px;
    background-color: var(--dark-grey);
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.expense-data-tab
    li
    > div:nth-child(6) {
    position: absolute;
    right: 8px;
    top: 56px;
    text-align: center;
    background-color: #ecedef;
    width: 102px;
    padding: 6px 14px 22px;
    border-radius: 0 0 5px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: auto;
    font-size: 14px;
    font-weight: 700;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.expense-data-tab
    li
    > div:nth-child(3) {
    position: inherit;
    padding: 0;
    border-radius: 0;
    top: auto;
    right: auto;
    text-align: left;
    background: 0 0;
    font-size: 12px;
    width: 50%;
    display: block;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.expense-data-tab
    li
    > div:nth-child(5) {
    position: absolute;
    right: 8px;
    top: 8px;
    text-align: center;
    color: var(--orange);
    font-size: 14px;
    font-weight: 600;
    background-color: #ecedef;
    width: 102px;
    padding: 24px 14px 4px;
    border-radius: 5px 5px 0 0;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.bonus-data-tab
    li
    > div:nth-child(6) {
    position: absolute;
    right: 8px;
    top: 56px;
    text-align: center;
    background-color: #ecedef;
    width: 102px;
    padding: 6px 14px 22px;
    border-radius: 0 0 5px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: auto;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.bonus-data-tab
    li
    > div:nth-child(3) {
    position: inherit;
    padding: 0;
    border-radius: 0;
    top: auto;
    right: auto;
    text-align: left;
    background: 0 0;
    font-size: 12px;
    width: 50%;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.bonus-data-tab
    li
    > div:nth-child(5) {
    position: absolute;
    right: 8px;
    top: 8px;
    text-align: center;
    color: var(--orange);
    font-size: 14px;
    font-weight: 600;
    background-color: #ecedef;
    width: 102px;
    padding: 10px 14px 4px;
    border-radius: 5px 5px 0 0;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.bonus-data-tab
    li
    > div:nth-child(4) {
    position: absolute;
    right: 8px;
    left: auto;
    width: 102px;
    background: #ecedef;
    bottom: 10px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    padding: 0 0 10px;
  }
  .paypal_success_blade .offer-listing-page p {
    font-size: 20px;
  }
  .paypal_success_blade .offer-listing-page a > .view-btn {
    min-width: 280px;
  }
  .offer-listing-page > img {
    width: 250px;
  }
  .blog-share {
    padding: 8px 8px 2px;
    justify-content: flex-start;
    width: 100%;
  }
  .blog-share > ul,
  .job_details_blade .job-bidding-modal h4 {
    justify-content: flex-start;
  }
  .blog-share > ul li {
    margin: 0 26px 0 0;
  }
  .blog-share > ul li a img {
    width: 35px;
  }
  .wallet_blade
    .job-post-details-info
    ul.payment-list.income-data-tab
    li
    > div:nth-child(5) {
    border-radius: 5px;
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .intro-text {
    margin: 20px 0;
    padding: 0 0 0 53px;
  }
  .intro-text span {
    position: absolute;
    padding: 0;
    left: 18px;
  }
  .not-found-page h4 {
    font-size: 18px;
  }
  .not-found-page h4 a.back-home {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
  }
  .job_employer_details_blade
    .job-profile-modal.job-intro-modal
    .modal-content {
    max-width: 1000px;
    max-height: 600px;
    overflow: hidden;
    overflow-y: auto;
  }
  .employer_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    p,
  .job-intro-modal .top-intro-row p.expected_note {
    width: auto;
  }
  .job_employer_details_blade .top-intro-row .job-total {
    min-height: 90px;
  }
  .step_2 .verifications-form ul li > p {
    align-items: flex-start;
    flex-flow: column;
    justify-content: flex-start;
  }
  .step_2 .verifications-form ul li .mob-pincode {
    margin: 0 0 16px;
    font-size: 14px;
    min-width: 100%;
    height: 50px;
  }
  .step_2 .verifications-form ul li #country_code {
    width: 100px;
    background: var(--light-grey);
    margin: 0 0 -20px;
    font-size: 18px;
    font-weight: 500;
    color: var(--medium-grey);
    z-index: 1;
    height: 40px;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 5px;
    top: 71px;
  }
  .verifications-form ul li.verify-number p input.input-field {
    padding: 0 15px 0 116px;
    width: 100%;
    margin: 0;
  }
  .details-similar-jobs ul.result-list.profile-bidding-list li p a {
    position: absolute;
    left: 10px;
    bottom: 5px;
  }
  .all-promotions {
    font-size: 14px;
    margin: 0 5px 16px 0;
  }
  .suggested-employee .suggest-profile-box .suggest-img #text_img > span {
    font-size: 50px;
  }
  .employer_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:last-child
    button {
    min-width: 100%;
    margin: 0;
  }
  .employer_favourite_hide_jobs_blade
    .result-employee-section
    li
    .result-employee-left
    .result-employee-infos
    .inner-infos
    .profile-info
    > label {
    font-size: 0;
  }
  .employer_favourite_hide_jobs_blade
    .result-list
    li
    .rate-addres
    p:last-child {
    margin: 6px 0 0;
    position: absolute;
    left: 16px;
    bottom: auto;
    top: auto;
  }
  .job-intro-modal .intro-button-row .border-button img {
    margin: -4px 8px 0;
  }
  .modal-content {
    padding: 30px 16px;
  }
  .job_employer_details_blade
    .job-intro-modal.job-profile-modal
    .job-post-accnt-info {
    background-color: transparent;
    padding: 0 16px 0 65px;
    position: relative;
  }
  .job-intro-modal .job-post-accnt-info .post-acnt-img {
    left: 0;
    width: 50px;
    height: 50px;
  }
  .job-intro-modal .job-post-accnt-info .post-acnt-img img {
    width: 50px;
    height: 50px;
  }
  .job_employer_details_blade
    .job-intro-modal.job-profile-modal
    .job-post-accnt-info
    h5 {
    font-size: 16px;
    font-weight: 700;
  }
  .job_employer_details_blade
    .job-intro-modal.job-profile-modal
    .top-intro-row
    .profile-info {
    position: absolute;
    right: auto;
    left: 77%;
    bottom: 12px;
  }
  .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .profile-info
    > a {
    padding: 0 15px 0 95px;
    background-repeat: no-repeat;
    background-position: right center;
    width: auto;
  }
  .job_employer_details_blade
    .job-intro-modal.job-profile-modal
    .top-intro-row
    .profile-info
    > img {
    width: 16px;
  }
  .payment-end-job-toggle {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dark-grey);
    border-radius: 5px;
    background-color: #fff;
    background-image: url("/img/toggle-dots-menu.svg");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
  }
  .employee_current_job_details_blade .current-post-button-row > a {
    width: calc(100% - 48px);
    margin: 0;
  }
  .current-post-button-payment-end-job {
    position: absolute;
    top: 52px;
    left: 0;
    padding: 16px;
    background-color: #fff;
    box-shadow: 0 4px 20px rgb(0 0 0 / 25%);
    border-radius: 5px;
    display: none;
    width: 100%;
  }
  .current-post-button-payment-end-job > a {
    width: 100%;
    margin: 0 0 4px;
    display: inline-block;
    background: #f5f6f7;
    border-radius: 5px;
  }
  .current-post-button-payment-end-job > a > button,
  .current-post-button-payment-end-job > a > span,
  .employee_current_job_details_blade
    .current-post-button-row
    a
    button.payment-btn {
    width: 100%;
    margin: 0;
    padding: 0 8px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: 0 0;
    color: #303030 !important;
  }
  .edit-box.edit-box-search .choose-cat-list {
    padding-right: 0;
    overflow: visible;
    overflow-y: inherit;
    max-height: initial;
    min-height: auto;
  }
  .edit-box.edit-box-search .choose-cat-list button.category-next-button {
    margin: 0 0 10px;
    line-height: 35px;
    position: absolute;
    right: 1px;
    width: 40px;
    text-indent: 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-width: auto;
    top: -50px;
    height: 40px;
    visibility: visible;
    opacity: 1;
    background: var(--light-grey);
  }
  .edit-box.edit-box-search
    .choose-cat-list.choose-cat-list-next
    button.category-next-button {
    background: #cb7767;
    background: -moz-linear-gradient(top, #cb7767 0, #d38979 100%);
    background: -webkit-linear-gradient(top, #cb7767 0, #d38979 100%);
    background: linear-gradient(to bottom, #cb7767 0, #d38979 100%);
  }
  .choose-cat-list button.category-next-button > span {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .job_details_blade .job-post-about .button-row a button {
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    background: url(/img/right-arrow-white.svg) center center no-repeat;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
    min-width: auto;
    position: absolute;
    top: 24px;
    right: 16px;
    z-index: 10;
  }
}
@media only screen and (max-width: 479px) {
  .choose-category-list .sub-category ul li {
    width: 82px;
    height: 82px !important;
  }
  .inner-login,
  .login-box {
    height: 100%;
  }
  .banner .progress-inn h3,
  .banner .progress-inn h4,
  .banner-content .progress-inn h3 {
    font-size: 25px;
  }
  h3.cursor::after,
  h4.cursor::after {
    height: 20px;
    width: 4px;
  }
  .banner-phone {
    margin-top: 60px;
  }
  .login-bg-box {
    width: 20%;
  }
  .login-section .center {
    flex-flow: column;
    width: 100%;
    padding: 0;
  }
  .login-box {
    width: var(--full-height);
  }
  .inner-login.current-login .login-box.signup {
    order: 2;
    height: 50%;
  }
  .inner-login.current-login .login-box.signin {
    order: 1;
    padding-top: 50px;
  }
  .inner-login .login-box.signup {
    order: 1;
    background-color: var(--dark-grey);
  }
  .inner-login .login-box.signin {
    order: 2;
    height: 30%;
  }
  .inner-login:after {
    display: none;
  }
  .login-form li input[type="email"],
  .login-form li input[type="password"],
  .login-form li input[type="text"] {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
  .signin .login-form li a.member-link {
    margin: 16px 0 0;
    font-size: 14px;
  }
  .login-form li span.password-close-eye {
    top: 36px;
  }
  .login-section {
    padding-top: 0;
  }
  .signup {
    padding-top: 90px;
    padding-bottom: 20px;
  }
  .signup.login-box:first-child {
    padding-top: 30px;
  }
  .login-content .referral_section input.input-text {
    font-size: 14px;
    width: calc(100% - 120px);
  }
  .login-content .referral_section p.referal_not_exist {
    padding: 0 40px 0 10px;
    font-size: 14px;
    width: 112px;
  }
  .jobs-lists-row p.buttom_text6_p {
    width: 100%;
    min-width: 100%;
  }
  .new-job-details .job-apply-bttn-row .reports-icon img {
    margin: 0;
  }
  .employer_see_job_payment_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(6) {
    top: auto;
  }
  .employer_see_job_payment_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(3) {
    top: 58px;
  }
}
@media only screen and (max-height: 768px) and (min-height: 640px) {
  .signup .login-content {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1600px) {
  #advanceSearchFrm.fixed-sidebar .floating-button-row {
    padding: 16px 0;
  }
  #advanceSearchFrm.fixed-sidebar,
  #advanceSearchFrm.fixed-sidebar .floating-button-row {
    max-width: 276px;
  }
  .step_2 .verifications-form ul li .mob-pincode {
    min-width: 230px;
  }
  .suggested-employee .suggest-profile-box .suggest-img {
    width: 103px;
    height: 103px;
  }
}
@media only screen and (max-width: 1599px) {
  .step_2 .verifications-form ul li .mob-pincode {
    min-width: 230px;
  }
}
@media only screen and (max-width: 1100px) {
  #advanceSearchFrm.fixed-sidebar,
  #advanceSearchFrm.fixed-sidebar .floating-button-row {
    max-width: 235px;
  }
  .step_2 .verifications-form ul li .mob-pincode {
    min-width: 190px;
    font-size: 14px;
  }
  .step_2 .verifications-form ul li.verify-number input.input-field {
    padding: 0 15px 0 100px;
  }
}
@media only screen and (max-height: 768px) {
  .job_details_blade .modal .modal-content,
  .modal .modal-content {
    max-height: calc(100% - 10%);
    overflow: hidden;
    overflow-y: auto;
    width: 95%;
  }
  .result_blade
    .result-list
    li
    .result-employee-left
    .rate-addres
    > p:last-child {
    text-emphasis: inherit;
    white-space: inherit;
  }
  .employer_see_job_payment_blade .new-job-details .job-apply-bttn-row {
    margin: -60px 0 16px;
  }
  .employer_see_job_payment_blade .job-post-details .post-heading h2 {
    width: 84%;
    word-break: break-all;
  }
}
@media only screen and (max-width: 900px) {
  .job_employer_details_blade
    .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    .top-bid-row
    .profile-info
    .bottom-row
    button {
    font-size: 13px;
  }
  .job_employer_details_blade
    .profile-bidding-list
    .profile-bid-info
    .job-total {
    min-width: 125px;
    min-height: 70px;
  }
  .job_employer_details_blade .profile-bidding-list .job-total {
    padding: 12px;
  }
  .job-post-modal .view_my_job_post .requirements-box ul li .point,
  .job_employer_details_blade
    .job-post-modal
    .view_my_job_post
    .job-post-details-info
    .requirements-box
    ul
    li
    .point {
    top: 22px;
  }
  .employer-home .result-list li .rate-addres,
  .result-list li .rate-addres {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 20px 0 16px;
  }
  .employer-home .result-list li .rate-addres::-webkit-scrollbar,
  .result-list li .rate-addres::-webkit-scrollbar {
    display: none;
  }
  .rate-addres-inner,
  .result-list li .rate-addres .rate-addres-inner {
    width: 470px;
    flex-flow: row;
    flex-wrap: nowrap;
    display: flex;
    align-items: baseline;
    flex-flow: column;
  }
  .popup-addname .next-prev-row,
  .promoted-job-popup-list,
  .settings_blade .verifications-form ul li.verify-number p {
    flex-flow: column;
  }
  .setiing-block
    .settings-right
    .step_3
    .verifications-form
    ul
    li
    .mob-pincode {
    font-size: 14px;
    width: 100%;
    background-color: var(--light-grey);
    height: 45px;
    padding: 0 12px;
  }
  .settings_blade .verifications-form ul li.verify-number #country_code {
    margin: 18px 0 -40px 6px;
    height: 35px;
    font-size: 14px;
    width: 80px;
    padding: 8px;
  }
  .setiing-block
    .settings-right
    .step_3
    .verifications-form
    ul
    li:first-child
    input.input-field {
    width: 100%;
    margin: 0;
    height: 45px;
    padding: 0 16px 0 100px;
  }
  .details-similar-jobs .result-list .bottom-row .profile-info:first-child,
  .employer_current_jobs_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    > a,
  .inner-page.signup-success img,
  .setiing-block .card-verifications ul.paymemt-page-ul li {
    width: 100%;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    p {
    display: flex;
    align-items: flex-start;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    p
    > img,
  p.job-address > img {
    margin: 0 8px 0 0;
    width: 14px;
  }
  p.job-address {
    margin: 0 0 16px;
  }
  .employee_sent_proposal_blade
    .job-post-details-content.hidden-offers
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    a {
    width: var(--full-width);
  }
  .profile-info span.pro-name {
    width: calc(100% - 80px);
    max-width: 100%;
  }
  div.job-post-details-content ul li {
    font-size: 14px;
  }
  .promoted-job-popup-list li {
    width: 100%;
    padding: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
  }
  .promoted-job-popup-list li .promoted-job-right,
  .promoted-job-popup-list li p {
    width: 100%;
    justify-content: flex-start;
  }
  .promoted-job-popup-list li .promoted-job-right p,
  .promoted-job-popup-list li .promoted-job-right span.active {
    margin: 0 16px 0 0;
  }
  .job-post-accnt-info .prof-basic-info > span {
    font-size: 14px;
    display: block;
  }
  .employer_current_job_details_blade .current-post-button-row a {
    margin: 0;
    width: calc(100% - 50px);
  }
  .employer_current_job_details_blade .current-post-button-row a button {
    min-width: 100%;
  }
  .employer_current_job_details_blade
    .current-post-button-row
    .current-post-button-payment-end-job
    > a,
  .employer_current_job_details_blade
    .current-post-button-row
    .current-post-button-payment-end-job
    > a.end-rqst,
  .employer_current_job_details_blade
    .current-post-button-row
    a.js-modal-show-confirm-box-release-payment-end-this-job {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    margin: 4px 0;
  }
  .employer_current_job_details_blade .current-post-button-row {
    position: relative;
  }
  .payment-details a.cancel-bttn {
    top: -30px;
  }
  .wallet_blade
    .new-job-details
    .job-post-details-info
    .wallet-tab
    ul.tabs
    li.referal-tab
    > .tooltips
    > a {
    width: 20px;
    height: 20px;
  }
  .wallet_blade
    .new-job-details
    .job-post-details-info
    .wallet-tab
    ul.tabs
    li.referal-tab
    > .tooltips {
    right: -30px;
  }
  .promoted-sign {
    padding: 0 0 0 16px;
  }
  .employee-info .education-list .asset_edit_confirm,
  .employee-info .education-list .vehicle_edit_confirm {
    position: absolute;
    width: 90%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .categories_blade .edit-box.edit-box-search .choose-cat-list,
  .choose-attachment li:first-child,
  .current-post-button-payment-end-job,
  .employee-info .education-list .asset_edit_confirm > img,
  .employee-info
    .education-list
    .education-right
    .certificate_edit_confirm
    > img,
  .employee-info .education-list .education-right .education_edit_confirm > img,
  .employee-info .education-list .education-right .licence_edit_confirm > img,
  .employee-info .education-list .vehicle_edit_confirm > img {
    display: none;
  }
  .employee-info .education-list .education-right {
    width: 100%;
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    height: 100%;
  }
  .employee-info .education-list .education-right .certificate_edit_confirm,
  .employee-info .education-list .education-right .education_edit_confirm {
    position: absolute;
    left: 0;
    width: 86%;
    height: 100%;
    top: 0;
    right: auto;
  }
  .employee-info .education-list .education-right .certificate_delete_confirm,
  .employee-info .education-list .education-right .education_delete_confirm {
    position: absolute;
    right: 10px;
    top: 30px;
  }
  .bidding-job {
    margin-bottom: 16px;
    margin-top: 32px;
  }
  .request-sent-section {
    padding: 16px;
  }
  .delete-lang {
    height: 26px;
    width: 36px;
    padding: 18px;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin: 0;
  }
  .job_details_blade .promoted-sign {
    padding: 0;
  }
  .job-map-span .del-map {
    position: absolute;
    top: 14px;
    right: 25px;
  }
  .category-details .category-details-info .post-features,
  .category_blade .category-details,
  .create_job_blade .choose-cat-list,
  .inner-page-content.create-job-publish
    .center#step3
    .contract-box-inn
    p
    a
    > img,
  .mobile-header-login.fixed-header
    .header-l
    .jobs-icon.changed
    .changed-search
    a {
    margin: 0;
  }
  .inner-page-content.create-job-publish
    .center#step3
    .contract-box-inn
    p
    a#addLanguage
    > img,
  .inner-page-content.create-job-publish
    .center#step3
    .contract-box-inn
    p
    a#addRequirement
    > img {
    margin: 0 15px 0 0;
  }
  .blog-details-section h1 {
    font-size: 36px;
    line-height: 45px;
    color: var(--dark-grey);
    margin: 0 0 24px;
  }
  .blog-details-section h2 {
    font-size: 32px;
    line-height: 42px;
    color: var(--dark-grey);
    margin: 0 0 20px;
  }
  .blog-details-section h3 {
    font-size: 28px;
    line-height: 35px;
    color: var(--dark-grey);
    margin: 0 0 20px;
  }
  .blog-details-section h4,
  .blog-details-section h5,
  .blog-details-section h6 {
    line-height: 29px;
    color: var(--dark-grey);
  }
  .blog-details-section h4 {
    font-size: 26px;
    margin: 0 0 16px;
  }
  .blog-details-section h5,
  .inner-page.signup-success h2 {
    font-size: 24px;
    margin: 0 0 16px;
  }
  .blog-details-section h6 {
    font-size: 20px;
    margin: 0 0 16px;
  }
  .create_job_blade .inner-page-content {
    padding: 56px 0 0;
  }
  .job-map-span {
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
  }
  .employee-info .education-list .education-right .certificate_edit_confirm,
  .employee-info .education-list .education-right .education_edit_confirm,
  .employee-info .education-list .education-right .licence_edit_confirm,
  .employer-info .education-list .education-right .certificate_edit_confirm,
  .employer-info .education-list .education-right .education_edit_confirm,
  .employer-info .education-list .education-right .licence_edit_confirm {
    margin: 0;
    display: initial;
  }
  .about-info .about-toggle a > img {
    width: 18px;
  }
  .employee_edit_profile_blade .licence_delete_confirm {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .employer-info .education-list .education-right {
    width: 15%;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left
    .profile-info:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:last-child
    .recieved-offer-right {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    a,
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    button {
    flex-grow: 1;
    width: 100%;
    min-width: auto;
    margin: 8px 0 0;
    height: 45px;
    line-height: 45px;
    max-width: 49%;
  }
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    a
    > button {
    width: 100%;
    margin: 0;
    max-width: 100%;
  }
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    button.see_offer {
    max-width: 100%;
  }
  .employee_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    button.reject_offer {
    background-image: url(/img/hide-icon-grey.svg);
    background-position: 75% center;
    background-repeat: no-repeat;
    color: var(--medium-grey) !important;
    text-align: left;
    display: inline-block;
    padding: 0 40px;
    border: 1px solid var(--medium-grey) !important;
  }
  .empty-state-page p {
    font-size: 18px;
  }
  .job_details_blade .post-features-inn:nth-child(3) {
    margin: 0 0 16px;
    width: 100%;
  }
  .job_details_blade .post-features-inn h4 {
    font-size: 14px;
    line-height: 1;
    margin: 0 0 8px;
  }
  .job_details_blade .post-features-inn {
    margin-bottom: 8px;
  }
  .job_details_blade .post-features-inn:first-child {
    margin: 0 0 20px;
    width: 100%;
  }
  .job-apply-modal
    .modal-content
    .new-offer-price-outer
    .apply-job-price:last-child
    .tooltips.active
    .tools-content {
    display: block;
    bottom: 40px;
    top: auto;
    right: 0;
    left: auto;
  }
  .employee_edit_profile_blade .attachment-name-modal .modal-content,
  .employer_edit_profile_blade .attachment-name-modal .modal-content,
  .job_details_blade .modal .modal-content,
  .modal .modal-content {
    height: auto;
  }
  .job-apply-modal
    .modal-content
    .new-offer-price-outer
    .apply-job-price:last-child
    > h5
    .tooltips.active
    .tools-content {
    bottom: 0;
    top: 20px;
    right: auto;
    left: 80px;
    min-height: 60px;
  }
  .result_blade
    .result-list
    li
    .result-employee-left
    .rate-addres
    > p:last-child {
    text-emphasis: inherit;
    white-space: inherit;
  }
  .inner-page.signup-success {
    padding-bottom: 50px;
    padding-top: 64px;
  }
  .inner-page.signup-success p {
    font-size: 16px;
    margin: 0 0 16px;
    padding: 0 0 16px;
  }
  .inner-page.signup-success h4 {
    font-size: 16px;
  }
  .sendagain-btn {
    height: 44px;
    line-height: 44px;
  }
  .signup-foot-text {
    font-size: 10px;
    line-height: 14px;
  }
  .signup-foot-text:last-child {
    font-size: 12px;
  }
  .employee-info .education-list .education-right .licence_edit_confirm {
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    height: 100%;
  }
  .popup-addname > img {
    margin: 16px auto 32px;
    display: table;
    width: 200px;
  }
  .popup-addname .next-prev-row .bttn {
    width: 100%;
    margin: 0 0 10px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
  }
  .lightbox-target .features-img lord-icon {
    width: 130px !important;
    height: 130px !important;
  }
  .categories_blade .edit-box-search.fixed-box {
    top: 0;
    padding: 16px;
  }
  .header-up .create-job-publish #step2.fixed-box .edit-box.edit-box-search,
  .header-up.categories_blade .edit-box-search.fixed-box {
    top: 56px;
  }
  .categories_blade .edit-box input[type="text"].search-cat {
    width: 100%;
    margin: 0;
  }
  .categories_blade .search-bttns {
    top: 10px;
    right: 12px;
  }
  .categories_blade .fixed-box > .search-bttns {
    top: 25px;
    right: 8%;
  }
  .categories_blade .edit-box .text-remove-icon {
    right: 42px;
    top: 10px;
  }
  .categories_blade.header-down .edit-box .text-remove-icon,
  .categories_blade.header-up .edit-box .text-remove-icon {
    right: 62px;
    top: 25px;
  }
  header.before-login .center {
    padding: 10px 16px;
  }
  .choose-category-list .sub-category ul li:nth-child(4n + 4) {
    margin-right: 0;
  }
  .avg-rating-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-flow: row;
  }
  .avg-rating-top label {
    font-size: 12px;
    margin: 0 15px 0 0;
  }
  .suggested-employee .percircle .slice {
    width: 119px;
    height: 119px;
    top: 0;
    right: 6px;
  }
  .dashboard_blade .category_add .tooltips .tools-content {
    width: 246px;
    right: auto;
    bottom: -128px;
    left: 0;
  }
  .dashboard_blade .modal.modal_services.modal_first_step.js-modal-services {
    z-index: 100;
  }
  .create_job_blade.header-down .edit-box .text-remove-icon {
    right: 75px;
    top: 26px;
  }
  .create_job_blade .choose-cat-list.choose-cat-list-next {
    margin: 10px 0;
  }
  .create_job_blade
    .edit-box.edit-box-search
    .choose-cat-list.choose-cat-list-next
    button.category-next-button {
    top: -60px;
  }
  .fixed-header {
    z-index: 10000;
  }
  .terms_blade .setiing-block .settings-left {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
  }
  .terms_blade .setiing-block .settings-right {
    margin: 60px 0 0;
  }
  .category_blade .category-details .category-details-info {
    margin-bottom: 0;
  }
  .request-withdrawl li:first-child .tooltips.active .tools-content {
    min-width: 100px;
    width: auto;
    left: 0;
  }
  .fourm-form button.forum_post_btn {
    right: 5px;
    top: 4px;
  }
  .keyword-top label {
    font-size: 12px;
    width: calc(100% - 100px);
  }
  .keyword-top label span {
    width: 66%;
  }
  .keyword-top a.switch-job {
    font-size: 12px;
    font-weight: 600;
    width: 94px;
  }
  .verification-steps p.intro-text {
    margin: 50px 0 20px;
    padding: 0 0 0 20px;
  }
  .inner-page .about-top.faq-section h1 {
    font-size: 20px;
    margin: 40px 0 32px;
  }
  .tabContent p {
    line-height: 22px;
  }
  .faq-row:hover {
    border: 2px solid rgba(236, 237, 239, 0.2);
  }
  .my-dropzone .upload-attach-button {
    background-size: cover;
    width: 100px;
    height: 100px;
  }
  .dz-preview {
    width: 100px;
    height: 100px;
    margin: 4px;
  }
  .dz-filename {
    font-size: 12px;
    background: #fff;
    font-weight: 600;
    padding: 0 5px;
  }
  .create_job_blade #step4 {
    height: calc(100% - 270px);
  }
  .create_job_blade .my-dropzone {
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 0 20px;
  }
  .category_add .address-attachments .attach_service ul {
    margin: 0 0 10px;
  }
}
@media only screen and (max-width: 380px) {
  .avg-rating-top {
    top: 100px;
  }
  .employer_profile_blade .modal .modal-content,
  .pemployer_profile_blade .job_details_blade .modal .modal-content,
  .profile_employee_blade .job_details_blade .modal .modal-content,
  .profile_employee_blade .modal .modal-content {
    height: auto;
  }
  .inner-page-content.create-job-publish #step6 .edit-box .tooltips {
    margin: 6px 14px 0 0;
  }
  .inner-page-content.create-job-publish
    #step6
    .edit-box
    .tooltips
    .tools-content {
    right: auto;
    bottom: -108px;
    left: 0;
  }
}
@media only screen and (max-width: 360px) {
  .promote_modal .modal-content.modal-service {
    overflow-y: auto;
    max-height: 440px;
  }
  .feature-sec-box h2 {
    font-size: 15px;
    line-height: 18px;
  }
  .job_employer_details_blade .profile-bidding-list .profile-bid-info {
    position: relative;
    display: flex;
    margin: 16px 0 60px;
  }
  .job_employer_details_blade
    .details-similar-jobs
    ul.result-list.profile-bidding-list
    li
    p.expected_note {
    position: absolute;
    left: 0;
    top: 125px;
  }
  .job_employer_details_blade
    .job-profile-modal.job-intro-modal
    .modal-content {
    max-height: 540px;
  }
  .choose-category-list .sub-category ul li {
    height: 106px !important;
    width: 106px;
  }
  .choose-category-list .sub-category ul li:nth-child(4n + 4) {
    margin-right: 5px;
  }
  .choose-category-list .sub-category ul li:nth-child(3n + 3) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 359px) {
  .choose-category-list .sub-category ul li {
    height: 106px !important;
    width: 93px;
  }
}
@media screen and (max-width: 900px) {
  .tooltips .tools-content {
    bottom: -16px;
    left: auto;
    right: 0;
    transform: translateX(-10%);
    -webkit-transform: translateX(-10%);
    font-size: 12px;
  }
  .modal.modal_view.in .tooltips .tools-content {
    bottom: auto;
    left: 0;
    right: initial;
  }
  .categories_blade.header-down .edit-box .text-remove-icon {
    right: 42px;
    top: 10px;
  }
  .employee_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    .offered-price {
    top: 25px;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(6) {
    left: 69px;
  }
  .job_details_blade .job-apply-modal .modal-content .apply-row p span,
  .job_details_blade
    .job-apply-modal
    .modal-content
    .apply-row
    p
    span.fp-total {
    height: 48px;
  }
  .play-icon .watch-video {
    left: 25px;
    display: inline !important;
  }
  .play-icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -80px;
    width: 190px;
  }
  .fourm-form button.forum_post_btn {
    top: 6px;
  }
  .best-responsive-tab.lgTabToggle-tab-responsive-active
    > .best-reponsive-tab-item
    > .best-reponsive-tab-item-trigger {
    width: 49% !important;
    border-radius: 4px !important;
  }
  .create-job-publish #step2.fixed-box .edit-box.edit-box-search .search-bttns {
    right: 20%;
    top: 27px;
  }
  .create_job_blade.header-down .edit-box .text-remove-icon {
    right: 93px;
    top: 11px;
  }
  .create_job_blade.header-down .fixed-box .edit-box .text-remove-icon {
    right: 113px;
    top: 26px;
  }
  .category_add.in .tools-content {
    left: initial !important;
    right: -120px !important;
    top: 30px;
  }
  .dashboard_blade .category_add .tooltips .tools-content {
    bottom: -150px !important;
    left: -80px !important;
    right: auto !important;
    top: 30px !important;
  }
  .blog-right.blogRightMob,
  .forumBoxDiv,
  .job-post-details-info ul.address-post li {
    display: block;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.expense-data-tab
    li
    > div:nth-child(7) {
    left: 70px;
  }
  .create_job_blade #range-rate-error {
    top: 49px;
  }
  .create_job_blade #note-error {
    width: 280px;
    top: 50px;
  }
  .create-job-publish .create-job-steps {
    bottom: 0;
    position: fixed;
  }
  .inner-page-content.create-job-publish .center {
    padding-bottom: 300px !important;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left
    .profile-info:first-child {
    margin-bottom: 18px !important;
  }
  .request-withdrawl .tooltips.active .tools-content {
    left: 0;
    right: 0;
    bottom: -59px;
  }
  .create_job_blade .my-dropzone {
    max-height: initial;
  }
  .fixed-rate level#fixed-rate-error {
    margin-top: -13px !important;
  }
  .create_job_blade #hour-rate-error-1st {
    top: 43px;
  }
  .create_job_blade #step6 .choose-hourly-rate.open .fixed-box-rate.fixed-to {
    margin-right: 0 !important;
  }
  header.before-login {
    z-index: 1111;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left
    .profile-info:nth-child(2) {
    margin: -20px 14px 0 42px;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    > a {
    width: 100%;
  }
  .aside-box .KeywordList {
    max-width: 310px !important;
    min-width: 310px;
  }
  .select2-container {
    z-index: 10000000000;
  }
  .current-post-button-payment-end-job button.bttn.bttn-secondary.payment-btn {
    background: #cb7767;
    color: #fff !important;
  }
  .current-post-button-payment-end-job {
    padding: 0;
    z-index: 1;
    box-shadow: none;
    border-radius: 0;
  }
  .blog-right.blogRightWeb,
  .current-post-button-payment-end-job .dropdown-section a.dropdown-icon {
    display: none;
  }
  .current-post-button-payment-end-job .dropdown-section .dropdown-box {
    display: block !important;
    top: -1px;
    right: 0;
    box-shadow: none;
    padding: 0;
    width: 100%;
    border-radius: 0;
  }
  .current-post-button-payment-end-job .dropdown-section .dropdown-box ul li a {
    background: #ecedef;
    padding: 10px;
    border-radius: 6px !important;
  }
  .inner-page-content.job-post-details
    .post-features.current-post-feature
    .current-post-button-row.gg {
    background: #fff;
    padding-left: 0;
    padding-right: 0;
  }
  a.reports-icon.add-report-modal-show-employer.inappropriate,
  a.reports-icon.add-report-modal-show.inappropriate {
    text-indent: 0;
    border: 0;
    position: relative !important;
  }
  .inappropriate {
    top: 0;
    right: 0;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    h3.jobSub,
  .results-row.activeContr h3 {
    margin-top: 20px;
  }
  .employer-home .result-list li .rate-addres p.dateInfo {
    display: block;
    text-align: right;
  }
  .employer-home .result-list li .rate-addres p.dateInfo img {
    vertical-align: middle;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right.currentJobDate {
    position: absolute;
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .suggested-employee .percircle .slice {
    left: 0;
    right: 0;
    top: 0;
    height: 93px;
    width: 93px;
  }
}
@media only screen and (max-width: 900px) {
  .employer_current_jobs_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left
    .profile-info:first-child,
  .result-list {
    position: relative;
  }
  #advanceSearchFrm.fixed-sidebar,
  #advanceSearchFrm.fixed-sidebar .floating-button-row {
    max-width: 100%;
  }
  .step_2 .verifications-form ul li {
    flex-flow: column;
  }
  .step_2 .verifications-form ul li.verify-number > p {
    width: 100%;
    margin: 0;
    padding-bottom: 16px;
  }
  .employer_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    > a,
  .step_2 .verifications-form ul li .mob-pincode,
  .unsubscribe-block .unsubscribe-box .input-text,
  .unsubscribe-block .unsubscribe-box .unsubscribe-btn {
    width: 100%;
  }
  .step_2 .verifications-form ul li #country_code {
    font-size: 14px;
  }
  .step_2 .verifications-form ul li.verify-number input.input-field {
    padding: 0 15px 0 120px;
    margin: 0;
  }
  .job-bidding-modal .modal-content,
  .modal-content {
    padding: 48px 20px 20px;
    margin: 0;
  }
  .step_2 .verifications-form ul li .bttn {
    min-width: 100%;
    height: 45px;
    line-height: 45px;
  }
  .timer {
    margin: 16px 0 0;
  }
  .category_add .address-attachments {
    max-height: 100%;
  }
  .category_add
    .address-attachments
    label.custom-file-upload:hover
    .address-attachments-inner-tooltip {
    display: none;
  }
  .address-attachments-inner {
    flex-flow: column;
    width: 100%;
  }
  .service-pack .no-data-service {
    min-height: 100px;
  }
  .index_blade header.before-login {
    background-color: var(--dark-grey);
  }
  .result-list {
    z-index: 10;
  }
  .header-down header,
  header {
    z-index: 10000;
  }
  .login-form li.signup-buttons-row .signup-btn {
    line-height: 45px;
  }
  button {
    line-height: 1 !important;
  }
  .create-job-steps .step-button-row .g-recaptcha {
    height: 30px;
  }
  .employer_current_jobs_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:nth-child(3n)
    .recieved-offer-left
    .profile-info
    span.pro-name {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    top: 5px;
    left: 54px;
  }
  .employer_closed_job_blade
    .result-list
    li
    .button-row.deactivate-btn-row
    > a {
    margin: 8px 0;
  }
  .header-up header .logo-light {
    width: auto;
  }
  .forgot_blade .inner-login.current-login .login-box.signin {
    height: 50%;
    align-items: center;
  }
  .forgot_blade .inner-login .login-box.signin,
  .forgot_blade .inner-login.current-login .login-box.signup {
    height: 40%;
  }
  .forgot_blade .login-section {
    padding-top: 0;
  }
  .login-form li input[type="email"],
  .login-form li input[type="password"],
  .login-form li input[type="text"] {
    height: 40px;
    line-height: 45px;
    font-size: 14px;
  }
  .verification_steps_blade .tooltips.active .tools-content {
    right: auto;
  }
  .phone_code_box#verify_phone {
    min-width: 100%;
    padding: 0 48px;
    margin: 15px 0 0;
  }
  .step_2 .verifications-form ul li.verify-code input.input-field {
    margin: 0;
  }
  .employee_hire_blade #sendoffer .employee-hire li .job_div > span {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px;
  }
  .signup {
    padding-top: 90px;
    padding-bottom: 20px;
  }
  .attachments-component ul li {
    padding: 8px 8px 30px;
  }
  .attachments-component ul li > span.file-name {
    bottom: 0;
    font-size: 12px;
  }
  .details-content-attachment ul.slick-slider li .elem {
    margin: 14px 10px;
    width: auto;
  }
  #lcl_window #lcl_elem_wrap {
    background-size: contain !important;
  }
  .fancybox__content {
    padding: 16px !important;
  }
  .unsubscribe-block {
    min-height: 100%;
    height: 50vh;
    padding: 0;
  }
  .unsubscribe-block .unsubscribe-box {
    padding: 16px;
  }
  .unsubscribe-block .unsubscribe-box h2 {
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 32px;
  }
}
.tutorial-modal .modal-content {
  height: auto;
}
.tutorial-block {
  height: auto;
  padding: 0;
}
@media only screen and (min-width: 1601px) {
  .play-icon {
    left: -80px;
  }
}
@media only screen and (min-width: 768px) {
  .footer-block.footer-accordion .footerLink {
    display: block !important;
  }
}
@media only screen and (max-width: 900px) {
  .suggested-employee .percircle .slice {
    width: 99px;
    height: 99px;
    top: 0;
    right: 2px;
  }
  .suggested-employee .gt50 .fill,
  .suggested-employee .percircle .bar,
  .suggested-employee .pie {
    width: 96%;
    height: 96%;
  }
  .choose-category-list .sub-category ul li {
    width: 32.3% !important;
  }
  .choose-category-list .sub-category ul li:nth-child(4n + 4) {
    margin-right: 5px;
  }
  .choose-category-list .sub-category ul li:nth-child(3n + 0) {
    margin-right: 0;
    padding-right: 0;
  }
  .card-verifications ul.paymemt-page-ul,
  .nofications-rates .post-features-inn ul {
    width: 100%;
    display: block;
  }
  .nofications-rates .post-features-inn ul li {
    margin: 0;
  }
  .nofications-rates {
    display: block !important;
  }
  .nofications-rates .post-features-inn {
    padding: 5px 0 !important;
  }
  .employee-profile-inner
    section.provide-service
    .tooltips.active
    .tools-content {
    left: 0;
    top: 30px;
    bottom: initial;
  }
  #step7 h5.address_label_2 a {
    width: auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .create_job_blade .g-recaptcha {
    bottom: initial;
    top: 190px;
  }
  .inner-page-content.create-job.create-job-publish div#step2 span.note {
    top: 117px;
  }
  .create_job_blade
    .edit-box.edit-box-search
    .choose-cat-list.choose-cat-list-next
    button.category-next-button {
    top: -74px;
  }
  .create_job_blade .choose-cat-list.choose-cat-list-next {
    margin-top: 24px;
  }
  .create_job_blade .promote_modal .save-btn#featurInActive {
    margin-left: 0;
  }
  .offer-listing-page .all-promotions {
    position: relative;
    z-index: 11;
  }
  .choose-category-list .main-category .maincat-info {
    height: auto;
    bottom: 0;
    top: initial;
    padding-right: 10px;
  }
  #fixed-range-error {
    display: block;
    position: absolute;
    bottom: -30px;
    color: #cb4f34 !important;
    font-size: 13px;
    font-style: italic;
    line-height: normal;
  }
  .create-job-steps .step-button-row .g-recaptcha {
    height: auto;
    position: absolute;
    z-index: 10;
    top: 50px;
    display: block;
  }
  .inner-page-content.profile-home-inner
    .search-result-page
    .tooltips.active
    .tools-content,
  .inner-page-content.profile-home-inner.employer-home
    .tooltips.active
    .tools-content {
    display: block;
    right: auto;
    bottom: -60px;
    left: -50px;
  }
  .employer_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row:last-child
    button.reject_offer,
  .provide-service.history-review-job .apply-changes-btn {
    display: block;
  }
  .employer-home .result-list li .button-row,
  .employer_closed_job_list_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-left
    h3 {
    margin: 10px 0 0;
  }
  .employee_see_job_payment_blade
    .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(3) {
    padding: 8px 0 0;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list
    li
    > div:nth-child(6) {
    top: 8px;
    left: 78px;
  }
  ul.payment-list.payment-list-wallet
    nav.flex.items-center.justify-between
    .hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
    float: left;
    text-align: left;
    width: 100%;
  }
  ul.payment-list.payment-list-wallet
    nav.flex.items-center.justify-between
    .hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between
    span {
    vertical-align: top;
  }
  .chat-cont .chat-body .chats-text-cont .chat-text.ch-right span {
    padding-left: 8px;
  }
  .choose-category-list > a > .main-category {
    background-position: 0 0;
    background-size: contain;
  }
  .history-review-job {
    border-bottom: 0 solid #303030;
  }
  .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    > a {
    width: 49%;
    display: inline-block;
    vertical-align: top;
  }
  .result-list.result-employee-section li .rate-addres {
    flex-flow: wrap;
    display: block;
  }
  .tooltips.active .tools-content {
    display: block;
    left: -60px;
    right: initial;
    top: initial;
    bottom: -70px;
  }
  .settings_blade
    .verification-steps.step_1
    .verifications-form
    ul
    li
    .sendlink-btn {
    background: #cb7767;
  }
  .promoted-job-popup-list li .promoted-job-right p:last-child {
    width: 36%;
  }
  .result-list li p {
    margin: 0 0 10px;
  }
  .promoted-job-popup-list li .promoted-job-right:first-child p.cadBoosted {
    background: #fff !important;
    padding: 4px;
    border-radius: 4px;
  }
  .employee_closed_job_blade .result-list li h3,
  .employer_closed_job_blade .result-list li h3 {
    padding-right: 0;
    width: 100%;
    display: block;
  }
  .card-verifications ul.paymemt-page-ul li {
    display: block;
    margin: 0 16px 10px 0;
    width: 100%;
  }
  .card-verifications ul li [type="radio"]:not(:checked) + label {
    display: inline;
    vertical-align: top;
  }
  .verification_steps_blade .tooltips.active .tools-content {
    right: 0;
    left: initial;
  }
  .about-info-mobile .about-info .headings .headings-l img {
    margin: -22px 6px 0 0;
    position: initial;
    top: 14px;
    left: 8px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
    float: left;
  }
  .promoted_job_modal .modal-content.view_promoted_job_modal {
    overflow: auto;
    padding-top: 16px;
  }
  ul.promoted-job-popup-list span.inactive {
    width: 60%;
  }
  ul.promoted-job-popup-list p:last-child {
    margin-top: 8px;
    margin-bottom: 4px;
  }
  .promoted-job-popup h4 {
    padding-bottom: 20px;
  }
  .about-info-mobile .about-info .headings .headings-l {
    line-height: 12px;
    padding-left: 0;
    vertical-align: middle;
    margin-top: 20px;
  }
  .about-info-mobile .about-info .headings .headings-r {
    position: absolute;
    right: 10px;
    top: 11px;
  }
  .about-info.employer-yellow:last-child .headings .headings-l img {
    width: 31px;
    margin-top: -15px;
  }
  .underMaintainanceImg {
    height: calc(100vh - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }
  .underMaintainanceImg img {
    max-width: 100%;
  }
  ul.promoted-job-popup-list.boostedJobPopUp li {
    position: relative;
  }
  ul.promoted-job-popup-list.boostedJobPopUp li .promoted-job-right {
    margin-bottom: 0;
    position: absolute;
    top: 6px;
  }
  ul.promoted-job-popup-list.boostedJobPopUp li > p {
    margin-left: 6px;
    margin-top: 40px;
    width: 98%;
    font-size: 14px;
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
  }
  ul.promoted-job-popup-list.boostedJobPopUp li .promoted-job-right span {
    margin-right: 0;
    font-size: 12px;
    width: 34%;
  }
  ul.promoted-job-popup-list.boostedJobPopUp li .promoted-job-right p {
    margin-left: 0;
    font-size: 12px;
  }
  .boostedJobPopUp.promoted-job-popup-list li .promoted-job-right {
    width: 98%;
    margin-left: 5px;
  }
  .promoted-job-popup-list.boostedJobPopUp li .promoted-job-right p.cadBoosted {
    background: #fff !important;
    border-radius: 4px;
    padding: 4px;
    width: 20%;
    font-size: 12px;
  }
  .promoted-job-popup-list.boostedJobPopUp
    li
    .promoted-job-right
    p.cadBoosted
    img {
    width: 20px !important;
  }
  ul.promoted-job-popup-list.boostedJobPopUp
    li
    .promoted-job-right
    p:last-child {
    margin-top: 4px;
  }
  .promoted-job-popup-list.boostedJobPopUp li .promoted-job-right p > img {
    margin: 0 4px 0 0;
  }
  .boostedJobPopUp.promoted-job-popup-list li p:last-child {
    width: 40%;
  }
  .employer_edit_profile_blade
    .about-info-mobile
    .about-info
    .headings
    .headings-r {
    position: absolute;
    right: initial;
    top: 7px;
    left: 10px;
  }
  .employer_edit_profile_blade aside.profile-aside .headings .headings-l {
    display: inline-block;
    width: 100%;
  }
  .employer_edit_profile_blade
    .about-info.employer-yellow:last-child
    .headings
    .headings-l
    img {
    margin-top: -19px;
    width: 38px;
    max-width: 38px;
  }
  .employer_profile_blade .about-info-mobile .about-info .headings .headings-r {
    right: initial;
    top: 8px;
  }
  .employer_edit_profile_blade
    .about-info-mobile
    .about-info
    .headings
    .headings-l,
  .employer_profile_blade .about-info-mobile .about-info .headings .headings-l {
    margin-top: 20px;
    width: 100%;
  }
  .employer_profile_blade
    .about-info.employer-yellow:last-child
    .headings
    .headings-l
    img {
    margin-top: -22px;
    width: 31px;
  }
  ul.promoted-job-popup-list.boostedJobPopUp {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .verification-round.percircle.animate {
    transform: rotate(338deg);
    margin-top: -1px;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.bonus-data-tab.cardVerifi
    li
    > div:nth-child(4) {
    font-size: 14px;
    font-weight: 700;
    padding: 6px 14px 10px !important;
    top: initial;
    bottom: 7px;
  }
  .new-job-details
    .job-post-details-info
    ul.payment-list.bonus-data-tab.cardVerifi
    li
    > div:nth-child(5) {
    line-height: 24px;
    min-height: 35px;
  }
  .employer_recieved_offers_blade
    .recieved-offer-right
    button.bttn.border-button.chat-btn.reject_offer.bttn-border-dark {
    display: none;
  }
  .employer_recieved_offers_blade .recieved-offer-right .userChat {
    display: none !important;
  }
  .employer_recieved_offers_blade
    .offer-listing-page
    .job-post-details-content
    li
    .recieved-offer-inner-row
    .recieved-offer-right
    > a {
    width: 100%;
  }
  body.verification_steps_blade
    .verifications-form
    .tooltips.active
    .tools-content {
    left: 0;
  }
  .wallet_blade
    .job-post-details-info.wallet-page.result-list
    .wallet_tab
    ul
    .tooltips.active
    .tools-content {
    bottom: -16px;
    display: block;
    left: -230px;
    right: auto;
    top: auto;
  }
}
@media only screen and (max-width: 400px) {
  #fixed-range-error {
    bottom: -40px;
  }
}
@media screen and (min-width: 769px) and (max-width: 950px) {
  .banner .progress {
    left: 0;
    padding: 0 16px;
    position: absolute;
    top: 90px;
    width: 100%;
  }
  .banner-phone {
    justify-content: center;
    margin-top: 80px;
  }
  .phone-bg {
    background-position: center 0;
    justify-content: center;
    padding: 0;
  }
  .phone-inn {
    margin: 0 auto;
  }
  .play-icon {
    bottom: -80px;
    left: 0;
    position: absolute;
    right: 0;
    width: 190px;
  }
  .play-icon .watch-video {
    display: inline !important;
  }
  .play-icon a,
  .preloader,
  .preloader:after {
    height: 35px;
    width: 35px;
  }
  .preloader:after {
    background-size: 100%;
  }
  .banner-content {
    position: inherit;
  }
  .banner .progress-inn h4,
  .banner-content .progress-inn h3 {
    font-size: 35px;
    line-height: 1;
    text-align: center;
    width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  .login-content .referral_section input.input-text {
    width: calc(100% - 120px);
  }
  .category_add .job-request-modal-wrapper {
    max-height: 380px;
  }
  .settings-scrollbar {
    margin: 0;
    height: 150px;
  }
  .job_details_blade
    .job-bidding-modal
    .modal-content
    .bidding-profile.scrollbar {
    height: 100%;
    max-height: 430px;
  }
  .step-button-row .back-btn,
  .step-button-row .next-btn {
    font-size: 11px;
  }
  .phone-inn {
    height: 330px;
    width: 144px;
  }
}
@media only screen and (max-width: 1013px) {
  .fixedRateInfo .fixed-box-rate {
    margin-bottom: 10px !important;
  }
  .fixedRateInfo .add-range-box,
  .fixedRateInfo .add-range-box.addRange {
    width: 50%;
  }
}
@media only screen and (max-width: 1366px) {
  .profile_blade .profile-button-row {
    flex-flow: initial;
    margin: initial;
  }
  .profile_blade .profile-button-row .profile-button-right {
    margin: 0;
    width: auto;
  }
}
@media only screen and (max-width: 1600px) {
  .investor-banner-img .banner-right .circle {
    width: 250px;
    height: 250px;
  }
  .investor-banner-img .banner-imgs,
  .middle-img {
    width: 50%;
  }
  .investor-banner-content h1 {
    font-size: 60px;
  }
  .middle-img > img {
    max-width: 100%;
  }
  .ranking-search-l {
    width: 710px;
    height: 710px;
  }
  .ranking-search-l h3 {
    font-size: 55px;
  }
  .ranking-search-r {
    width: calc(100% - 710px);
  }
  .life-cycle-box-outer li {
    max-width: 220px;
    margin: 0 5px;
  }
  .life-cycle-box-outer:after,
  .life-cycle-box-outer:before {
    width: 10%;
  }
  .patents-btn {
    font-size: 22px;
  }
  .our-team-slider .owl-item.center .item {
    width: 740px;
    margin: 0 0 0 -500px;
  }
  .our-team-slider.owl-carousel.owl-drag .owl-item {
    margin: 0 !important;
  }
  .bottom-foot {
    padding: 100px 0;
  }
  .life-cycle-box .top-q span {
    margin: 0 0 0 10px;
  }
  .life-cycle-box .top-q,
  .life-cycle-box .top-q2 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 1400px) {
  .job-apply-modal .modal-content .apply-row {
    margin: 0 0 16px;
  }
  .apply-row span {
    font-size: 18px;
  }
  .apply-row p span.apply-offer-price,
  .job-apply-modal
    .modal-content
    .apply-job-price
    .new-offer-price-inner
    p
    span {
    padding: 14px;
    height: 48px;
  }
  .job-apply-modal .modal-content .apply-row.apply-job-price {
    margin: 0;
  }
  .apply-row textarea {
    height: 100px;
  }
  .prev_bid {
    margin: 0 0 10px;
  }
  .job-apply-modal .modal-content .apply-row h3 {
    font-size: 18px;
    margin: 0 0 5px;
  }
  .fees-box {
    padding: 10px 16px;
  }
  .job-bidding-modal .modal-content,
  .modal-content {
    padding: 48px 20px 20px;
  }
  .works-graphic .left p,
  .works-graphic .right p {
    font-size: 68px;
  }
  .works-graphic .left p span {
    font-size: 24px;
    margin: 0 0 0 12px;
  }
  .income-fees-list li:last-child,
  .works-graphic .right p em {
    font-size: 24px;
  }
  .works-graphic .right p span > img {
    width: 50px;
  }
  .works-graphic .right p span {
    width: 212px;
  }
  .works-graphic .right p em.bottom {
    right: 22px;
  }
  .free-market-list li {
    width: 30%;
  }
  .free-market-list li > img {
    max-width: 100%;
  }
  .free-market-list li:nth-child(2) {
    margin: 10% 0 0;
  }
  .anticipation-row li span {
    font-size: 50px;
    padding: 30px 10px;
  }
  .income-fees-list li {
    font-size: 20px;
  }
  .source-list-scroll ul li {
    min-width: 350px;
    font-size: 16px;
    line-height: 1.3;
  }
  .global-info label {
    font-size: 50px;
  }
  .bottom-foot h2 {
    margin: 0 0 50px;
  }
  .investor_blade .mouse {
    bottom: 60px;
  }
  .financial-invest ul li label,
  .reason-invest ul li label {
    font-size: 14px;
    line-height: 1.2;
  }
  .ranking-search-l {
    width: 600px;
    height: 540px;
  }
  .ranking-search-l h3 {
    font-size: 40px;
    margin: -110px 0 0;
    padding: 0 0 0 80px;
  }
  .ranking-search-slider .owl-nav {
    bottom: 170px;
    width: 290px;
  }
  .ranking-search-r {
    width: calc(100% - 600px);
  }
}
@media only screen and (max-width: 1365px) {
  .investor_blade .center {
    padding: 0 5%;
  }
  header.before-login .center {
    padding: 10px 5%;
  }
  .investor-banner-content {
    width: 38%;
  }
  .investor-banner-content h1 {
    margin: 0 0 20px;
    font-size: 48px;
  }
  .investor-banner-img {
    width: 50%;
  }
  .investor-banner-img .banner-right .circle {
    width: 200px;
    height: 200px;
  }
  .connect-service-l h3 {
    line-height: 1.2;
    font-size: 36px;
  }
  .connect-service-l {
    max-width: 540px;
  }
  .connect-service-r {
    width: calc(100% - 550px);
  }
  .our-team,
  .problem-solve {
    padding: 60px 0;
  }
  .problem-solve h2 {
    font-size: 40px;
    margin: 0 0 34px;
  }
  .you-create {
    padding: 60px 0 20px;
  }
  .marketsize h2 {
    font-size: 55px;
  }
  .pie-chart1 {
    top: 5%;
  }
  .pie-chart2 {
    top: 30%;
    right: 0;
  }
  .marketsize {
    min-height: 820px;
  }
  .income-source h2,
  .user-growth h2 {
    font-size: 40px;
  }
  .income-fees-list li {
    font-size: 16px;
    height: 80px;
    width: 21%;
  }
  .income-fees-list li:last-child {
    font-size: 20px;
  }
  .promotions-list li {
    width: 29%;
  }
  .life-cycle {
    margin: 0 0 100px;
  }
  .life-cycle-box-main {
    width: 100%;
    display: block;
    overflow: hidden;
    overflow-x: auto;
  }
  .life-cycle-box-outer {
    width: 1620px;
  }
  .life-cycle-box-main::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
  }
  .bottom-foot h2,
  .invest-row h2,
  .our-team h2 {
    font-size: 38px;
  }
  .reason-invest ul {
    margin: 0 0 60px;
  }
  .left-patents h2 {
    font-size: 38px;
    margin: 0 0 34px;
  }
  .left-patents ul {
    margin: 0 0 34px;
  }
  .left-patents ul li {
    margin: 0 0 16px;
    line-height: 25px;
    font-size: 16px;
    padding: 0 0 0 20px;
  }
  .left-patents ul li:after {
    top: 10px;
  }
  .patents-btn {
    font-size: 18px;
  }
  .our-team-slider .owl-item.center .item {
    width: 600px;
    margin: 0 0 0 -450px;
  }
  .our-team-slider .our-team-img {
    width: 210px;
    height: 210px;
  }
  .bottom-foot {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 900px) {
  .investor_blade .center,
  .source-list-scroll ul {
    padding: 0 16px;
  }
  .investor_blade .mobile-header-login.fixed-header {
    height: 62px;
  }
  header.before-login .center {
    padding: 10px 16px;
  }
  .investor-section {
    padding: 62px 0 0;
  }
  .top-banner-investor {
    height: auto;
    padding: 36px 0;
  }
  .financial-invest ul,
  .modal_first_step .verifi-pop .ver-footer1,
  .problem-solve-list ul.problem-list,
  .ranking-search-slider,
  .reason-invest ul,
  .top-banner-investor .center,
  .works-graphic {
    flex-flow: column;
  }
  .investor-banner-content {
    width: 100%;
    order: 2;
    margin: 30px 0 0;
  }
  .investor-banner-img {
    width: 100%;
    order: 1;
  }
  .investor-banner-img .banner-right .circle {
    width: 140px;
    height: 140px;
    margin: 0 0 16px;
  }
  .investor-banner-img .banner-right .circle h2 {
    font-size: 18px;
    line-height: 1;
    margin: 0 0 10px;
  }
  .investor-banner-img .banner-right .circle p,
  .life-cycle-box h6 {
    font-size: 12px;
  }
  .investor-banner-content h1 {
    margin: 0 0 12px;
    font-size: 24px;
    text-align: center;
  }
  .investor-banner-content p {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin: 0 0 40px;
  }
  .invest-button {
    width: 100%;
    font-size: 18px;
  }
  .connect-service {
    padding: 24px 0;
    flex-flow: column;
  }
  .connect-service-l h3 {
    font-size: 24px;
    text-align: center;
    position: absolute;
    top: 28px;
    left: 0;
    padding: 0 15px;
  }
  .connect-service-l {
    width: 100%;
    max-width: 100%;
    order: 2;
  }
  .connect-service-r {
    width: 100%;
    order: 1;
    padding: 100px 0 0;
  }
  .connect-service-r > img {
    margin: 0 0 0 -30px;
  }
  .bright-gap-box h4 {
    font-weight: 600;
    font-size: 16px;
  }
  .bright-gap-box ul li {
    font-size: 14px;
    padding: 0 0 0 22px;
    line-height: 1.2;
    margin: 0 0 8px;
  }
  .bright-gap-box ul li:after {
    left: 8px;
    top: 6px;
    width: 4px;
    height: 4px;
  }
  .problem-solve {
    padding: 40px 0;
  }
  .problem-solve h2 {
    font-size: 24px;
    margin: 0 0 24px;
    line-height: 1.2;
  }
  .problem-solve-list ul.problem-list li {
    width: 100%;
    font-size: 14px;
  }
  .problem-solve-list ul.problem-list li span,
  .problem-solve-list ul.problem-list li:nth-child(2n) span {
    width: 40px;
    height: 40px;
    margin: 0 8px 0 0;
  }
  .problem-solve-list ul.problem-list li > label {
    width: calc(100% - 80px);
  }
  .problem-solve-list ul.problem-list li span img {
    max-width: 100%;
    width: 20px;
  }
  .problem-solve-list ul.problem-list li:nth-child(2n) span img {
    width: 32px;
  }
  .problem-solve-list ul.problem-list li label {
    width: calc(100% - 42px);
    line-height: 1.2;
  }
  .how-works {
    padding: 24px 0;
  }
  .how-works h2 {
    text-align: left;
    font-size: 24px;
    margin: 0 0 24px;
  }
  .works-graphic .left {
    width: 100%;
    flex-flow: row;
    justify-content: space-between;
  }
  .works-graphic .left p,
  .works-graphic .right p {
    font-size: 40px;
    padding: 0 0 20px;
  }
  .pie-chart1.piechart .count:after,
  .pie-chart2.piechart .count:after,
  .pie-chart3.piechart .count:after,
  .works-graphic .left p span {
    font-size: 20px;
  }
  .middle-img {
    width: 100%;
    height: 361px;
    margin: 0 0 24px;
  }
  .middle-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .works-graphic .right p {
    display: flex;
    align-items: center;
  }
  .works-graphic .right p em.top {
    position: absolute;
    left: 60px;
    top: 20px;
  }
  .works-graphic .right p em.bottom {
    bottom: 25px;
  }
  .free-market h2,
  .you-create h2 {
    font-size: 24px;
  }
  .you-create > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .free-market-list li {
    width: 32%;
  }
  .free-market-list li:nth-child(2),
  .free-market-list li:nth-child(3),
  .our-team-slide-outer .owl-carousel .owl-nav,
  .our-team-slide-outer .owl-carousel .owl-nav.disabled {
    margin: 0;
  }
  .free-market-list-outer {
    overflow: hidden;
    overflow-x: auto;
  }
  .free-market-list {
    width: 880px;
  }
  .free-market-list-outer::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
  }
  .marketsize h2 {
    width: 100%;
    font-size: 24px;
    margin: 0 0 28px;
  }
  .marketsize h2 > br,
  .ranking-search-l h3 > br {
    display: none;
  }
  .pie-chart1 {
    top: 16%;
  }
  .pie-chart1 > img {
    width: 122px;
    height: 122px;
  }
  .pie-chart1.piechart .flag {
    left: 20px;
    top: 18px;
  }
  .pie-chart1.piechart .flag > img {
    width: 30px;
  }
  .pie-chart1.piechart .amount {
    bottom: 30px;
    font-size: 10px;
  }
  .pie-chart1.piechart .count {
    right: 11px;
    top: 39px;
    font-size: 20px;
    padding: 0 20px 0 0;
  }
  .pie-chart3 {
    right: auto;
    left: 0;
    top: 40%;
  }
  .pie-chart3 > img {
    width: 140px;
    height: 140px;
  }
  .pie-chart3.piechart .flag {
    left: 20px;
    top: 28px;
  }
  .pie-chart3.piechart .flag > img {
    width: 40px;
  }
  .pie-chart3.piechart .amount {
    bottom: 34px;
    font-size: 10px;
  }
  .pie-chart3.piechart .count {
    right: 18px;
    top: 39px;
    font-size: 20px;
    padding: 0 20px 0 0;
  }
  .pie-chart2 {
    right: 0;
    top: 44%;
  }
  .pie-chart2 > img {
    width: 190px;
    height: 190px;
  }
  .pie-chart2.piechart .flag {
    left: 33px;
    top: 37px;
  }
  .pie-chart2.piechart .flag > img {
    width: 50px;
  }
  .pie-chart2.piechart .amount {
    bottom: 40px;
    font-size: 10px;
  }
  .pie-chart2.piechart .count {
    right: 34px;
    top: 50px;
    font-size: 20px;
    padding: 0 20px 0 0;
  }
  .marketsize {
    background-size: 190px 200px;
    min-height: 430px;
    background-position: right 122px;
  }
  .ranking-search-l {
    width: 450px;
    height: 450px;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .ranking-search-l h3 {
    font-size: 24px;
    margin: 90px 0 0 90px;
    padding: 0 50px 0 16px;
    width: 100%;
  }
  .ranking-search-slider .owl-nav > button > span {
    width: 40px;
    height: 40px;
    background-size: 100%;
  }
  .ranking-search-slider .owl-nav {
    bottom: auto;
    top: -78px;
    width: auto;
  }
  .ranking-search-r {
    width: 100%;
    position: absolute;
    top: 44%;
    padding: 0 16px;
  }
  .income-source {
    padding: 30px 0 0;
  }
  .income-source h2,
  .user-growth h2 {
    font-size: 24px;
    margin: 0 0 16px;
    line-height: 1.2;
    text-align: left;
  }
  .income-source h4 {
    text-align: left;
    font-size: 16px;
    margin: 0 0 8px;
  }
  .income-list-box li {
    width: 47%;
    margin: 0 4px;
    padding: 16px;
  }
  .income-list-box li > img {
    width: 54px;
  }
  .income-list-box li h2 {
    font-size: 16px;
    margin: 10px 0;
  }
  .income-list-box li h3 {
    font-size: 14px;
    margin: 18px 0 16px;
  }
  .anticipation-row li label,
  .global-info label span,
  .income-list-box li p,
  .left-patents ul li {
    font-size: 14px;
  }
  .source-list-scroll ul li {
    padding: 8px 18px;
    min-width: 270px;
    font-size: 14px;
    margin: 0 8px 0 0;
  }
  .source-list-scroll-outer {
    min-height: 60px;
    margin: 0 0 35px;
  }
  .user-growth {
    padding: 32px 0;
    margin: 0 0 80px;
  }
  .user-growth .center {
    padding: 0 16px 0 0;
  }
  .growth-scroll-outer {
    width: 100%;
    display: block;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 15px;
  }
  .growth-scroll-outer::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
  }
  .anticipation-row {
    width: 1000px;
    margin: 0 0 32px;
  }
  .anticipation-row li span {
    font-size: 32px;
    padding: 16px 32px;
  }
  .user-growth-top-row {
    margin: 0 -12px 0 0;
  }
  .user-growth-top-row P {
    margin: 0 0 24px;
    font-size: 12px;
    line-height: 1.4;
    display: block;
  }
  .user-growth h2 {
    text-align: center;
  }
  .business-model h4,
  h2.break-text {
    font-size: 18px;
  }
  .income-fees-list {
    width: 1000px;
    justify-content: flex-start;
  }
  .income-fees-list li {
    font-size: 16px;
    height: 65px;
    width: 21%;
    line-height: 1;
    padding: 16px 32px;
    margin: 0 8px 0 0;
  }
  .income-fees-list li:first-child {
    padding-left: 0;
    padding-right: 10px;
    width: 70px;
  }
  .promotions-list {
    width: 1445px;
  }
  .promotions-list li {
    width: 22%;
  }
  .business-model p {
    font-size: 12px;
    line-height: 1.2;
    margin: 0 0 24px;
  }
  .business-model {
    margin: 0 0 48px;
  }
  .life-cycle h2 {
    font-size: 24px;
    margin: 0 0 16px;
  }
  .life-cycle-box .top-q,
  .life-cycle-box .top-q2 {
    font-size: 32px;
    margin: 0 0 16px 42px;
  }
  .life-cycle-box h4 {
    font-size: 16px;
    min-height: 40px;
  }
  .life-cycle-box p {
    line-height: 1.2;
    font-size: 16px;
    margin: 0 0 5px;
  }
  .invest-row h2,
  .our-team h2 {
    margin: 0 0 24px;
    font-size: 24px;
    text-align: left;
  }
  .life-cycle-box-outer {
    justify-content: flex-start;
    width: 1380px;
  }
  .life-cycle-box {
    padding: 16px;
  }
  .life-cycle {
    margin: 0 0 80px;
  }
  .invest-row h2 {
    line-height: 1.2;
  }
  .financial-invest ul li,
  .reason-invest ul li {
    width: 100%;
    margin: 0 0 8px;
  }
  .our-team {
    padding: 32px 0;
  }
  .investor_blade .center {
    flex-flow: column;
    align-items: flex-start;
  }
  .our-team h2,
  .patents-assets-block .left-patents {
    width: 100%;
  }
  .patents-assets-block .right-patents {
    width: 100%;
    margin: 32px 0 0;
  }
  .patents-btn {
    width: 100%;
    padding: 16px;
    font-size: 14px;
  }
  .patents-assets-block {
    margin-bottom: 56px;
  }
  .our-team-slider {
    margin: 0 0 30px;
  }
  .our-team-slider .owl-item.center .our-team-img {
    width: 120px;
    height: 120px;
    padding: 10px;
  }
  .our-team-slider .owl-item.center .item {
    width: 600px;
    margin: 0 0 0 -250px;
  }
  .our-team-slider .our-team-img {
    padding: 10px;
    width: 70px;
    height: 70px;
  }
  .team-member-info h3 {
    font-size: 16px;
    margin: 0 0 8px;
    line-height: 1.2;
  }
  .team-member-info span {
    font-size: 12px;
    letter-spacing: 2px;
    margin: 0;
  }
  .our-team-slider .item .team-member-info {
    width: 180px;
    padding: 0 16px 0 0;
    left: 0;
  }
  .our-team-slider .item {
    position: relative;
    margin: 0 0 0 30px;
  }
  .our-team-slide-outer p {
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 24px;
  }
  .global-info {
    justify-content: space-between;
  }
  .global-info label {
    font-size: 40px;
    margin: 0;
  }
  .bottom-foot h2 {
    font-size: 32px;
  }
  .bottom-foot {
    padding: 150px 0;
  }
  .financial-invest ul li span,
  .reason-invest ul li span {
    width: 56px;
    height: 56px;
    padding: 3px;
  }
  .financial-invest ul li span em,
  .reason-invest ul li span em {
    width: 50px;
    height: 50px;
  }
  .financial-invest ul li span em > img,
  .reason-invest ul li span em > img {
    width: 20px;
  }
  .financial-invest ul li label,
  .reason-invest ul li label {
    width: calc(100% - 56px);
  }
  .fadeinright {
    transform: translate(0, 0);
  }
  .modal_first_step .verifi-pop .ver-footer1 button {
    width: 100%;
    margin: 4px 0;
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) {
  .investor-page2 .investor-banner-content h1 {
    font-size: 50px;
  }
  .investor-page2 .investor-banner-content {
    width: 45%;
  }
  .investor-page2 .investor-banner-img .banner-right {
    width: 42%;
    margin-right: 20px;
  }
  .investor-page2 .investor-banner-img .banner-imgs {
    width: 50%;
  }
}
body.investor_blade {
  overflow-x: hidden;
  line-height: 32px;
}
.income-list-box li span {
  color: #5a9b7f;
  font-weight: 700;
}
.our-team-slider .item .team-member-info {
  left: 4px;
}
.works-graphic {
  width: 90%;
  margin: 0 auto;
}
.our-team h2 b {
  font-weight: 600;
}
.patents-assets-block .left-patents {
  width: 50%;
}
.patents-assets-block .right-patents {
  width: 44%;
}
.life-cycle-box {
  padding: 32px 12px;
}
.life-cycle-box-outer li {
  max-width: 230px;
}
.life-cycle-box-outer:after {
  border-radius: 0 20px 20px 0;
}
.life-cycle-box-outer:before {
  border-radius: 20px 0 0 20px;
}
.middle-img > img {
  max-width: 100%;
}
@media screen and (max-width: 900px) {
  .noUi-target {
    margin: 40px 0 50px;
  }
  .investor-page2 .investor-banner-content,
  .patents-assets-block .left-patents,
  .patents-assets-block .right-patents {
    width: 100%;
  }
  .investor-page2 .investor-banner-content h1 {
    font-size: 32px;
    text-align: left;
    margin: 0 0 32px;
  }
  .invest-filter-box {
    display: none;
  }
  .invest-rabge-btn {
    margin: 16px 0 0;
  }
  p.contact-team {
    margin: 32px auto 0;
  }
  .problem-solve-list ul.problem-list li {
    margin: 0 0 8px;
  }
  .problem-solve-list ul.problem-list li:nth-child(2n) {
    margin: 0 0 16px;
  }
  .financial-invest ul,
  .free-market h2,
  .ranking-search-slider {
    margin-bottom: 70px;
  }
  .life-cycle-box .top-q,
  .life-cycle-box .top-q2 {
    margin: 0;
    line-height: normal;
  }
  .life-cycle-box .top-q2 {
    margin-bottom: 26px;
    margin-top: -13px;
  }
  .life-cycle-box h6 {
    margin: 0 0 20px;
  }
  .problem-solve {
    padding: 60px 0 40px;
  }
  .works-graphic .left p:last-child {
    margin-right: 30px;
  }
  .works-graphic .left {
    width: 94%;
  }
  .marketsize {
    margin-top: 50px;
  }
  .source-list-scroll-outer {
    margin: 0 0 65px;
  }
  .income-list-box {
    padding: 0 0 18px;
  }
  .user-growth h2 {
    text-align: center;
    margin-bottom: 24px;
  }
  .business-model h2 {
    margin: 40px 0;
  }
  .life-cycle-box .top-q span {
    margin: 0 0 0 4px;
  }
  .life-cycle-box h4 {
    font-size: 16px;
    min-height: 20px;
    margin-bottom: 4px;
  }
  .our-team-slider .owl-item.center .our-team-img {
    width: 140px;
    height: 140px;
    padding: 10px;
  }
  .our-team-slider .our-team-img {
    padding: 10px;
    width: 100px;
    height: 100px;
  }
  .our-team-slide-outer .item .team-member-info.teamMemberInfo1,
  .our-team-slide-outer .item .team-member-info.teamMemberInfo2,
  .our-team-slide-outer .item .team-member-info.teamMemberInfo3,
  .our-team-slide-outer .item .team-member-info.teamMemberInfo4 {
    left: 300px;
  }
  .sourceListScrollOuter {
    justify-content: flex-start;
    width: 1380px;
  }
}
@media screen and (max-width: 399px) {
  .our-team-slide-outer .item .team-member-info.teamMemberInfo1 {
    left: 350px;
  }
  .our-team-slide-outer .item .team-member-info.teamMemberInfo2 {
    left: 364px;
  }
  .our-team-slide-outer .item .team-member-info.teamMemberInfo3,
  .our-team-slide-outer .item .team-member-info.teamMemberInfo4 {
    left: 374px;
  }
}
@media only screen and (max-width: 430px) {
  .jcrop-active {
    height: 300px !important;
    width: 100% !important;
  }
  .jcrop-active canvas {
    object-fit: contain;
  }
}
@media only screen and (max-width: 325px) {
  .jcrop-active {
    width: 100% !important;
    height: 250px !important;
  }
  .jcrop-active canvas {
    object-fit: contain;
  }
}