@media screen and (min-width: 1440px) {
  a {
    font-weight: 400;
  }
  .footer {
    grid-column-gap: 7em;
    grid-row-gap: 7em;
  }

  .sub-footer-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    width: 65%;
    display: flex;
  }

  .footer-info-box.sub-footer-info {
    width: 46%;
  }

  .footer-info-box {
    width: 23%;
  }

  .footer-link-flex {
    width: 45%;
  }

  .footer-info-box.sub-footer-licence {
    width: 48%;
  }

  .footer-link-flex.full-footer-link {
    width: 100%;
  }

  .hero-info-box {
    background-image: url(../images/hero-infobox-img.svg);
    width: 50vw;
  }

  .search-box {
    justify-content: center;
    align-items: center;
    top: -80px;
    position: relative;
  }

  .search-wrapper {
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 0;
    display: flex;
  }

  .hero-form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hero-form {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    width: auto;
    margin-bottom: 0;
  }

  .search-form-box {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .checklist-item {
    background-position: 0 3%;
  }

  .services-box {
    position: static;
  }
  .vm-image-box.mission {
    background-position: 50% 30%;
  }
  .project-flex {
    margin-top: 40px;
  }
  .blog-heading.page {
    height: 60px;
    font-size: 25px;
  }
  .blog-info-par {
    height: 63px;
  }
}

@media screen and (min-width: 1280px) {
  .search-box {
    width: 100%;
  }

  .search-form-box {
    width: 98%;
  }

  .button {
    border-style: none;
  }

  .blog-heading.page {
    font-size: 27px;
  }
}
@media screen and (min-width: 993px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 992px) {
  p {
    line-height: 28px;
  }
  h2 {
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 42px;
  }
  .menu-wrapper {
    position: absolute;
    right: 0;
    top: 85px;
    background: #fff;
    width: 100%;
  }

  .contact-info-box-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }

  .contact-info-box-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }

  .contact-info-box {
    text-align: left;
  }

  .navbar-toggler,
  .navbar-toggler:focus,
  .navbar-toggler:focus-visible,
  .navbar-toggler:active {
    border: none;
    box-shadow: none;
    outline: none;
  }

  .w-nav-menu {
    width: 100%;
    margin-right: 0;
    padding-bottom: 0;
  }
  button.navbar-toggler {
    position: absolute;
    right: 20px;
    top: -50px;
    border: 0;
  }

  .mobile-cta {
    margin-right: 60px;
  }

  nav .container-fluid {
    padding: 0;
  }
  .w-nav-menu .nav-link {
    margin-right: 0;
    padding: 0 20px !important;
  }
  .nav-link {
    color: #333;
    border-bottom: 1px solid #0000001a;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    font-size: 15px !important;
    line-height: 32px;
    height: 52px;
  }

  a.nav-link.w-nav-link {
    display: flex;
    align-items: center;
  }

  .nav-link.w--current {
    color: #fff !important;
    background-color: #2e4c47;
    border-bottom-style: none;
    text-decoration: none;
  }

  .brand.w--current {
    width: 40%;
    max-width: 194px;
  }
  .hero-new {
    background-position: 0 0, 63%;
    min-height: 60vh;
    margin-top: 70px;
  }

  h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .hero-tag {
    font-size: 25px;
    line-height: 35px;
  }
  .hero-info-box {
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 90%;
  }
  .hero-heading-box {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 0;
    padding-left: 60px;
  }
  .hero-heading-box {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 0;
    padding-left: 60px;
  }
  .search-wrapper {
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .search-box {
    border: 1px solid #ececec;
    border-radius: 25px;
    justify-content: center;
    align-items: center;
    width: 590px;
    height: auto;
    padding: 25px 30px;
    top: -55%;
    bottom: auto;
    box-shadow: 2px 4px 10px -2px #00000026;
  }
  .hero-title {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .search-form-box {
    width: 90%;
  }
  .search-field-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    width: 100%;
  }

  .submit-bttn,
  .search-text-field-2 {
    font-size: 15px;
  }

  .half-form,
  .half-form.serach-field-home {
    width: 100%;
  }

  .button-box-wrapper.mid {
    width: 100%;
  }
  .form-btn {
    text-align: center;
    width: 100%;
  }

  .about-wrapper {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .about-us-image-wrapper {
    order: -1;
    width: 100%;
    height: 460px;
    margin-bottom: 30px;
  }

  .content-box {
    width: 100%;
    margin-bottom: 0;
  }
  .content-box.home {
    width: 100%;
  }

  .ticker-wrapper {
    width: 100%;
    margin: auto;
  }

  .ticker-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .ticker-logo {
    height: 50px;
    padding: 2px;
    object-fit: contain;
    width: auto;
  }

  .ticker {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    margin: auto;
  }

  .cliient-logo-section.home-logo {
    padding-top: 40px;
  }

  .services {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: wrap;
    margin-bottom: 0;
  }

  .services-box {
    border-width: 2px;
    border-radius: 30px;
    width: 49%;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .service-icon-wrapper {
    margin-right: 0;
  }

  .service-par {
    text-align: center;
    height: auto;
  }

  .learn-more {
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .services-section.mid-flex {
    justify-content: center;
    align-items: center;
  }

  .content-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mid-heading {
    flex-flow: column;
    margin-bottom: 30px;
  }

  .container.sub-container {
    width: 100%;
  }
  p {
    line-height: 28px;
  }

  .contact-us-section,
  .contact-us-section.cta-separator {
    height: auto;
  }
  .sub-heading {
    font-size: 18px;
  }

  .footer {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    align-items: stretch;
    padding-bottom: 10px;
  }

  .sub-footer-wrapper {
    width: 100%;
    display: flex;
  }

  .footer-info-box.sub-footer-info,
  .footer-info-box.sub-footer-licence,
  .footer-info-box.sub-footer-mobile {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-info-box {
    width: 40%;
  }
  .content-wrapper._0tpadding {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .vision-and-mission-box-wrapper {
    justify-content: center;
    align-items: center;
  }
  .vm-image-box.mission {
    background-position: 50% 20%;
    border-radius: 30px;
    width: 100%;
    min-height: 300px;
  }
  .mission-box {
    flex-flow: wrap;
    width: 100%;
    margin-bottom: 0;
  }
  .vm-image-box.vission {
    background-position: 50% 0;
    border-radius: 30px;
    width: 100%;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .choose-box {
    width: 49%;
    margin-bottom: 13px;
  }
  .field-wrapper {
    order: -1;
    width: 100%;
    margin-bottom: 30px;
  }
  .hero-content.hero-inside-arrow.cv-arrow {
    background-size: cover;
    width: 510px;
  }
  .content-image-box {
    width: 100%;
    min-height: 350px;
    margin-top: 40px;
  }
  .hero-content.hero-inside-arrow.job--arrow {
    width: 450px;
  }
  .project-flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .project-box {
    border-radius: 30px;
    flex-flow: column;
    width: 48%;
    margin-bottom: 35px;
    display: flex;
  }
  .content-image-box.job-seekers {
    border-radius: 30px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .content-box.register {
    flex-flow: column;
    width: 100%;
  }
  .hero-content.hero-inside-arrow.job--arrow {
    width: 450px;
    padding-left: 30px;
  }
  .project-title {
    text-align: center;
    height: auto;
    font-size: 20px;
    line-height: 29px;
  }
  .hero-content.hero-inside-arrow.contact-arrow {
    width: 390px;
    padding-left: 30px;
  }

  .field-wrapper.contact-us {
    border-style: solid;
    border-radius: 30px;
    width: 100%;
    height: auto;
  }

  .contact-us-box {
    flex-flow: column;
    justify-content: start;
    align-items: flex-start;
    width: 30%;
    height: 186px;
    padding: 20px;
  }
  .contact-tile {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
  }
  .contact-icon-box {
    margin-bottom: 15px;
    margin-right: 0;
  }
  .hero-content.hero-inside-arrow.blogs-arrow {
    background-size: cover;
    width: 370px;
    padding-left: 40px;
  }
  .blog-box {
    flex-flow: row;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0;
  }
  .blog-heading.mian-page {
    margin-bottom: 20px;
  }

  .sub-heading.mid-heading {
    flex-flow: row;
    margin-bottom: 10px;
  }
  .blog-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .blog-page-image._1 {
    background-position: 64%;
    height: auto;
    min-height: 100%;
  }

  .blog-page-image._2 {
    background-position: 50%;
    height: 100%;
    min-height: auto;
  }

  .blog-page-image._3 {
    background-position: 50%;
    height: 100%;
    min-height: auto;
  }
  .hero-content.hero-inside-arrow.service-arrow {
    background-position: 100%;
    background-size: cover;
    width: 450px;
    padding-left: 40px;
  }
  .content-box.employer-page,
  .content-box.new-career {
    width: 100%;
  }
  .horixaontal-line {
    width: 90%;
    height: 2px;
    display: none;
  }
  .new-career-box-flex {
    width: 100%;
  }
  .services-box.service-page {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero-content.hero-inside-arrow.employer-arrow {
    width: 420px;
    padding-left: 40px;
  }

  .field-wrapper.employer {
    width: 100%;
  }
  .about-us-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
  }
  .content-box.full-emplloyer-page {
    order: -1;
    width: 100%;
  }
  .content-box.full-emplloyer-content {
    width: 100%;
  }

  .button-wrapper {
    margin-bottom: 20px;
  }
  .content-heading.mid--heading {
    width: 100%;
  }
  .hero-content.hero-inside-arrow.blog-arrow {
    background-position: 100%;
    width: 80%;
  }

  .hero-new.inside-hero.blogs-1,
  .hero-new.inside-hero.blogs-3 {
    background-position: 0 0, 70%;
  }
  .two-col-wrap {
    column-count: 1;
    column-gap: 30px;
    margin-bottom: 30px;
  }
  .tag-box {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .search-wrapper {
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .hero-new {
    height: 443px;
    min-height: auto;
    margin-top: 60px;
  }

  .hero-info-box.mobile {
    inset: 40px 0% 0%;
  }

  .hero-heading-box {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 0;
    padding-left: 0px;
  }
  .hero-tag {
    font-size: 19px;
    line-height: 25px;
  }
  .search-box {
    border-radius: 20px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 90%;
    padding-bottom: 25px;
    display: flex;
    position: static;
    inset: auto 0% -188% 5%;
    box-shadow: 0 5px 5px #00000024;
  }
  .footer-logo {
    width: 45%;
  }
  .content-heading.mid,
  .content-heading.mid--separator,
  .content-heading.mid-service-sect,
  .content-heading.mid-services-sect {
    width: 100%;
  }
  .h1-hero-inside {
    font-size: 40px;
    line-height: 50px;
  }
  .contact-us-map.half {
    border-radius: 30px;
    width: 100%;
  }

  .footer-info-box {
    border-bottom: 1px solid #00000017;
    width: 100%;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 600px) {
  .menu-wrapper {
    position: absolute;
    right: 0;
    top: 60px;
    background: #fff;
    width: 100%;
  }

  .hero-info-box.mobile {
    height: 100px;
    position: absolute;
    inset: 84px 0% 0%;
  }
  .date {
    font-size: 14px;
    line-height: 23px;
  }
  .ticker-content {
    display: inline-block; /* Allows content to be side-by-side and scroll */
    animation: scroll-left 10s linear infinite; /* Adjust duration for desired speed */
  }
}

@media screen and (max-width: 479px) {
  h1 {
    color: #fff;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 37px;
  }
  p {
    font-size: 15px;
    line-height: 23px;
  }
  .back {
    font-size: 16px;
    line-height: 24px;
  }
  .search-wrapper,
  .search-wrapper.job-seekers {
    margin-bottom: 0;
    padding-top: 40px;
  }

  .hero-new {
    background-position: 0 0, 65%;
    height: 372.109px;
    min-height: auto;
    margin-top: 56px;
  }
  .hero-info-box.mobile {
    height: 100px;
    position: absolute;
    inset: 84px 0% 0%;
  }

  .submit.mobile {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding: 10px 16px;
    font-size: 10px;
    display: flex;
  }

  .about-us-image-wrapper {
    background-size: 380px;
    border-radius: 20px;
    order: -1;
    width: 100%;
    height: 170px;
    margin-bottom: 30px;
  }
  .sub-heading {
    color: #6b6b6b;
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  .icon.subhead {
    width: 25px;
    min-width: 25px;
    height: 25px;
    min-height: 25px;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-info-box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 95vw;
    height: 110px;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0 10px 20px;
    display: flex;
    bottom: -19px;
  }
  .hero-info-box.mobile {
    height: 100px;
    position: absolute;
    inset: 84px 0% 0%;
  }
  h1 {
    color: #fff;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 37px;
  }

  h2 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
  }
  .hero-tag {
    white-space: nowrap;
    font-size: 15px;
  }

  .mid-content-box {
    width: 100%;
  }

  .search-box {
    border-radius: 10px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 10px;
    box-shadow: 0 5px 7px #00000024;
  }

  .hero-title {
    font-size: 18px;
  }
  .flex-wrapper {
    justify-content: space-between;
    align-items: stretch;
  }
  .about-wrapper {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .services-box {
    border-width: 2px;
    border-radius: 30px;
    width: 100%;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-footer-wrapper {
    flex-direction: column;
  }

  .footer-info-box {
    width: 100%;
  }
  .ticker {
    max-width: 100%;
    margin: auto;
  }
  .ticker-logo img {
    max-height: 15px;
  }

  .ticker-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 10px;
  }
  .ticker-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 10px;
  }
  .checklist-item.home,
  .checklist-item.top-bllts {
    font-size: 15px;
    line-height: 23px;
  }

  .checklist-item,
  .checklist-item.top {
    font-size: 15px;
    line-height: 23px;
  }

  .new-bttn-txt {
    font-size: 15px;
    line-height: 23px;
  }
  .new-bttn-txt---white {
    font-size: 15px;
    line-height: 23px;
  }

  .new-button-v2 {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  }

  .contact-us-section.cta-separator {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-heading.mid---b0margin,
  .content-heading.mid--separator {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }
  .white-heading.mid-heading {
    margin-bottom: 20px;
    line-height: 33px;
  }
  .w-input,
  .w-select {
    font-size: 12px;
  }

  .h1-hero-inside {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 36px;
  }
  .hero-content.hero-inside-arrow.about-arrow {
    width: 210px;
  }

  .hero-new.inside-hero.about {
    min-height: auto;
    margin-top: 55px;
  }
  .hero-content.hero-inside-arrow {
    padding-left: 20px;
  }
  .choose-box {
    width: 100%;
    margin-bottom: 13px;
  }
  .hero-content.hero-inside-arrow {
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    display: flex;
    inset: auto auto 0% 0%;
  }
  .hero-content.hero-inside-arrow.cv-arrow {
    width: 280px;
  }
  .content-image-box.mobile {
    background-image: url(../images/submit-cv-img.jpg);
    border-radius: 15px;
    min-height: 200px;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 0;
    display: block;
  }
  .project-box {
    border-radius: 20px;
    width: 100%;
  }
  .hero-content.hero-inside-arrow.job--arrow {
    width: 230px;
    align-items: flex-start;
    padding-left: 0px;
  }

  .hero-content.hero-inside-arrow.contact-arrow {
    width: 210px;
    padding-left: 20px;
    display: flex;
    justify-content: start;
  }
  .hero-new.inside-hero.contact-us,
  .hero-new.inside-hero.blogs-2 {
    background-position: 0 0, 62%;
  }
  .form-field-box.haf {
    width: 100%;
  }
  .field-flex {
    flex-flow: wrap;
  }
  .form-title {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 29px;
  }
  .contact-us-box {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 90px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 20px;
  }

  .contact-icon-box {
    margin-top: 5px;
    margin-bottom: 0;
    margin-right: 20px;
  }

  .contact-us-box:last-child {
    padding-bottom: 0;
  }

  .contact-info-box-wrapper {
    margin-bottom: 0;
  }
  .blog-box {
    flex-flow: column;
  }

  .blog-mask {
    height: auto;
  }
  .blog-page-image._1,
  .blog-page-image._2,
  .blog-page-image._3 {
    height: 180px;
    min-height: auto;
  }
  .blog-info-par {
    height: auto;
    margin-bottom: 20px;
    margin-right: 0;
    font-size: 15px;
    line-height: 23px;
  }
  .hero-content.hero-inside-arrow.service-arrow {
    width: 240px;
  }
  .hero-new.inside-hero.general-careers-service {
    background-position: 80%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: auto;
    margin-top: 57px;
  }
  .c-box-icon {
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin-right: 10px;
    padding: 4px;
    display: flex;
  }
  .c-title {
    font-size: 16px;
  }
  .c--info-par {
    font-size: 15px;
    line-height: 23px;
  }
  .services-box.service-page {
    width: 100%;
  }

  .icon-service-white {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    margin-right: 0;
  }

  .services-icon {
    margin-bottom: 0;
  }

  .service-par {
    text-align: center;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
  }
  .services-heading {
    text-align: left;
    font-size: 18px;
    line-height: 22px;
  }
  .hero-new.inside-hero.retail-career-service,
  .hero-new.inside-hero.career-service,
  .hero-new.inside-hero.service {
    background-position: 1px 0, 65%;
  }

  .hero-content.hero-inside-arrow.employer-arrow {
    width: 200px;
    padding-left: 20px;
    display: flex;
    justify-content: start;
  }
  .field-wrapper.employer {
    height: auto;
    padding: 20px;
  }
  .brix---accordion-title {
    font-size: 16px;
    line-height: 24px;
    padding-right: 20px;
  }
  .tag-box {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }
  .tag-box-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    margin-bottom: 0;
  }
  h2.blog-heading {
    margin-bottom: 20px !important;
  }
  .inside-blog-image-box {
    min-height: 350px;
  }
  .hr-box-info {
    border-radius: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 21px;
  }
  .brix---accordion-title {
    font-size: 16px !important;
    line-height: 24px;
  }
}