@media only screen and (min-width: 0px) {
  section.trustedarea .content-bx {
    text-align: center;
    padding-right: 0;
    margin-bottom: 40px;
  }
  ul.nav.tags li {
    min-width: 100%;
    padding-right: 0;
  }
  section.ready-section .inner-wapper {
    padding: 20px 20px;
  }
  section.ready-section .content-bx {
    text-align: center;
    margin-bottom: 26px;
  }
  section.ready-section .custom-head {
    font-size: 20px;
  }
  section.ready-section a.btn.btn-primary.clrwht {
    font-size: 15px;
    padding: 16px 20px;
  }
  section.ready-section img {
    max-width: 400px;
    width: 100%;
  }
  section.expectation-section h2.text-center {
    width: 85%;
  }
  .expectation-section .col-md-6 img {
    width: 90%;
  }
  section.buildcompany .inner-wapper {
    padding: 20px 20px;
  }
  section.buildcompany .headingWithBtn {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  section.buildcompany .headingWithBtn h2 {
    font-size: 22px;
  }
  section.buildcompany .buildcompany-img {
    height: 184px;
    text-align: center;
  }
  section.buildcompany .buildcompany-img img {
    position: relative;
    width: 260px;
    bottom: 78px;
  }
  section.buildcompany .headingWithBtn a {
    margin-top: 10px;
    font-size: 14px;
  }
  .job-details {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0%;
    padding-right: 0%;
  }
  .job-form.box-shadpw {
    margin-left: 0;
    margin-top: 20px;
    padding: 25px 15px;
  }
  .job-form h4 {
    margin-bottom: 10px;
  }
  ul.headerbullets {
    display: block;
  }
  .job-head h1,
  .job-head p {
    margin-bottom: 10px;
  }
  .job-head p {
    line-height: 1.4;
  }
  form.jobsubmit input,
  form.jobsubmit textarea {
    padding: 15px 12px;
    line-height: 18px;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .jobsubmit button.btn.btn-primary.darkblue {
    font-size: 14px;
    line-height: 1.3;
    padding: 13px 0;
  }

  .singledetail .job-details .col-md-6 img,
  .jobdetailpage .job-details .col-md-6 img {
    width: 100%;
  }

  .objectss {
    visibility: hidden;
  }

  .how-hire-dev .portfolio-item {
    padding-left: 0%;
  }
  .bgcolorpare {
    padding: 10px;
  }

  .bgcolorpare .form-group {
    margin-bottom: 10px;
  }
  .custom-radio input.radio,
  .bgcolorpare.areasofintrest .form-field.checkbox input {
    display: none;
  }

  .checkbox label:before,
  .custom-radio input.radio:empty ~ label:before {
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-indent: 0.3em;
    font-size: 13px;
  }

  .checkbox label:before {
    min-width: 1.5em;
  }

  .custom-radio .radio:checked + label,
  .checkbox input:checked + label::before {
    margin: 0 2px;
  }

  .areasofintrest .checkbox label {
    padding-left: 0;
  }

  .bgcolorpare.areasofintrest .input-group .form-field {
    flex: 0 1 50%;
  }
}

@media only screen and (min-width: 240px) {
}

@media only screen and (min-width: 280px) {
    
.Life.At.Nanosoft section#employee-centric p.dec-bold span.left-comma {
    margin-left: -4px;
    padding-right: 1px;
}
  section.job-tabs h3 {
    width: auto !important;
  }
  section.job-tabs a {
    font-size: 13px;
  }
  button.ful-time-btn {
    font-size: 14px;
    padding: 2px 8px 2px 8px;
  }
  button.apply-now-btn {
    font-size: 14px;
    padding: 9px 10px 9px 10px;
  }
  .des {
    padding: 0 15px;
  }

  .modal-body h3.step-heading {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  body.singledetail .modal-dialog {
    position: absolute;
    height: auto;
    max-width: 100%;
    height: auto;
  }
  div#exampleModal .container {
    padding-left: 0;
    padding-right: 0;
  }
  .modal-body .progress-valuepar {
    margin-bottom: 20px;
  }
  p.main-haipara {
    font-size: 16px;
    padding-bottom: 15px;
  }
  #stepForm ul.skillslist li {
    font-size: 11px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding: 5px 8px;
  }
  div#step1 input,
  #stepForm .form-control {
    padding: 12px 12px;
  }
  .modal-body span.progress-value {
    font-size: 15px;
  }
  #stepForm button.btn.btn-primary.darkblue,
  #stepForm button.btn.btn-secondary {
    padding: 5px 35px;
    font-size: 16px;
  }
  div#imageSelection img {
    width: 100%;
    margin-bottom: 0;
  }
  #step4 p {
    font-size: 15px;
  }
  #step5 img {
    width: 70%;
  }

  button.btn.btn-primary.darkblue {
    padding: 16px;
    font-size: 15px;
    margin-bottom: 20px;
  }
  #stepForm button.btn.btn-primary.darkblue {
    margin-bottom: 0px;
  }
  ul.headerbullets li,
  .expectation-bullets li {
    font-size: 15px;
    line-height: 25px;
  }

  section.expectation-section h2.text-center,
  section.topcompanies h2 {
    width: 100%;
  }

  section.faq .accordion-body {
    padding-right: 15px;
  }

  section.faq .accordion-body {
    font-size: 16px;
    line-height: 1.5;
  }
}

@media only screen and (min-width: 320px) {
  .row.steprow {
  }
  section.ourexperience {
    padding-top: 50px;
  }
  section.ourexperience h2 br {
    display: none;
  }
  .experience p.text-center {
    padding: 0;
  }
  section.ourexperience {
    text-align: center;
  }
  .experience_description h5 {
    text-align: center;
  }
  .hre-soft h2 br {
    display: none;
  }
  section.futuristic.hre-soft h2 {
    text-align: center;
  }
  .skillsares h2.text-center.heads {
    width: 100%;
  }
  p.hire-skill-dec.text-center {
    padding: 0;
  }
  section.hire-skill {
    text-align: center;
  }
  section.skillsares.hire-skill .col-md-4 .borderr {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hre-soft {
    text-align: center;
  }
  section.skillsares.hire-skill .col-md-4 {
    border: none;
    border-bottom: 1px solid #d6d6d6;
  }
  .hire h4 {
    padding-left: 30%;
    position: absolute;
    bottom: -25%;
    color: #000;
    font-weight: 600;
    text-align: center;
  }
  .col-sm-6.right-section {
    padding-left: 28px;
    padding-top: 5%;
  }
  .left-slider-content {
    text-align: center;
  }
  .col-sm-6.right-section img {
    margin: 5px auto;
  }
  p.img-dec-hire {
    padding-left: 0;
    position: absolute;
    bottom: -53%;
    color: #000;
  }
  section.slider-container.slidersd i.fa-solid.fa-arrow-right-long.slick-arrow {
    display: none;
  }
  section.slider-container.slidersd i.fa-solid.fa-arrow-left-long.slick-arrow {
    display: none;
  }
  section.how-hire-dev h2 br {
    display: none;
  }
  .ourexperience .row.experience {
    width: 100%;
  }
  .slidersd p.img-dec-hire {
    display: none;
  }
  .slidersd h4.head-dec-hire {
    display: none;
  }
  section.portfolio-main-sec {
    padding: 30px 0 70px;
  }
  .buttosload {
    text-align: center;
    margin-top: 30px;
  }
  .hiresofttopbanner p {
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  h1 {
    font-size: 29px;
    line-height: 34px;
  }
  h2 {
    font-size: 22px;
    line-height: 32px;
  }
  h3 {
    font-size: 22px;
    line-height: 32px;
  }
  h4 {
    font-size: 21px;
    line-height: 30px;
  }
  .industries-column h4 {
    font-size: 12px;
    line-height: 22px;
  }
  .industry-verticals {
    display: none;
  }
  h5 {
    font-size: 20px;
    line-height: 40px;
  }
  h6 {
    font-size: 18px;
    line-height: 28px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  section.topbanner .col-md-8 p {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-12.businessEmail input {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .col-md-12.lookingFor select {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .col-md-12.businessEmail::after {
    content: "";
  }
  .col-md-12.businessEmail input {
    border-right: 1px solid rgba(0, 161, 219, 0.2);
  }
  .col-md-12.lookingFor select {
    border-left: 1px solid rgba(0, 161, 219, 0.2);
  }
  .col-md-12.businessEmail {
    padding-left: 0;
  }
  .col-md-12.lookingFor {
    padding-right: 0;
  }
  .home section.topbanner form .col-md-3 {
    margin-top: 25px;
  }
  .multiple_tech {
    margin-top: 0;
  }
  .slider.center.toparea .slick-slide img {
    width: 100%;
    margin: 0 auto;
  }
  section.topbanner::after {
    height: 200px;
  }
  .rgtpad p {
    margin-bottom: 43px;
  }
  .bottommarea .col-md-3 {
    margin-bottom: 10px;
  }
  .multiple_tech .image-area::before {
    left: 5.7%;
    width: 92%;
    height: 250px;
  }
  section.steps-away h2 {
    padding-bottom: 30px;
  }
  section.steps-away img {
    padding-bottom: 0px;
  }
  section.steps-away h5 {
    line-height: 30px;
    margin-bottom: 10px;
  }
  section.steps-away p {
    width: 100%;
  }
  .image-area img {
    width: 100%;
  }
  .steps-away .col-md-12 {
    margin-bottom: 40px;
  }
  section.steps-away a.btn.btn-primary.darkblue {
    margin-top: 25px;
  }
  section.steps-away,
  .futuristic {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .futuristic .sticky-top img {
    width: 100%;
  }
  .futuristic .remote_description {
    padding: 15px;
  }
  .futuristic .remote_description p {
    line-height: 1.5;
  }
  section.trusted a.btn.btn-primary.darkblue {
    margin-top: 25px;
  }
  section.industrialarea {
    padding-top: 80px;
  }
  section.hire_remote p {
    width: 100%;
    margin-bottom: 0;
  }
  section.trusted p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 25px;
  }
  section.happy_customers .testimonials .slide p {
    width: 90%;
    font-size: 17px;
    line-height: 1.5;
  }
  section.find_talent .container {
    padding: 40px 0;
  }
  section.find_talent p {
    line-height: 26px;
    padding-bottom: 14px;
    width: 89%;
    margin: 0 auto;
    display: block;
  }
  section.buildcompany.mar-top .col-md-6 h2 {
    font-size: 22px;
    line-height: 32px;
    margin-top: 20%;
    text-align: center;
  }
  .experience_description {
    padding: 20px 15px 33px 15px;
  }
  .tab-toplft p {
    font-size: 16px;
    line-height: 25px;
  }
  .slider.hireone img,
  .slider.hiretwo img,
  .slider.hirethree img {
    width: 100%;
  }
  .top-image img {
    margin-bottom: 30px;
  }
  .slider-bottom-dec {
    margin: 0 auto;
  }
  .multiple_tech,
  .remote_description,
  .futuristic h1,
  .footer-area {
    text-align: center;
  }
  .multi-toparea {
    padding-bottom: 23px;
  }
  .home section.topbanner {
    padding: 200px 0 0;
  }

  .happy_customers h1 {
    padding-bottom: 30px;
  }
  section.happy_customers {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  ul.social-details {
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .social-details li {
    padding-bottom: 15px;
  }
  ul.social-details li a {
    font-size: 16px;
    line-height: 26px;
  }
  p.bluecolor {
    margin-bottom: 6px;
  }
  .address-area p.biggertext {
    font-size: 17px;
  }
  .ftr-rgtsection {
    padding-top: 40px;
  }
  .ftr-rgtsection h6 {
    margin-bottom: 20px;
  }
  .ftrmenu {
    margin-bottom: 30px;
  }
  section.footer {
    padding-bottom: 20px;
  }
  .copyright p {
    font-size: 14px;
    margin-bottom: 0px !important;
  }
  .copyright .col-md-5.d-flex.justify-content-end {
    justify-content: center !important;
  }
  ul.ftrmenu li a {
    line-height: 35px;
    font-size: 16px;
  }
  section.topbanner button.btn.btn-primary,
  section.steps-away a.btn.btn-primary.darkblue,
  section.trusted a.btn.btn-primary.darkblue,
  section.find_talent a.btn.btn-primary.clrwht,
  .text-end a.btn.btn-primary,
  .about-seven a,
  .hsd {
    padding: 15px 30px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 5px !important;
  }
  a.btn.btn-primary,
  button.btn.btn-primary {
    font-size: 15px;
  }
  .industry-verticals img {
    width: 40%;
  }
  .home .industries-item,
  .home .industries-item.item2,
  .home .industries-item.item4,
  .home .industries-item.item5 {
    height: 140px;
    width: 140px;
  }
  .home .industries-item.item9,
  .home .industries-item.item10,
  .home .industries-item.item8,
  .home .industries-item.item6,
  .home .industries-item.item11 {
    width: 130px;
    height: 130px;
  }
  .home .industries-item.item7 {
    width: 150px;
    height: 150px;
  }
  .home .industries-item img {
    width: 30%;
  }
  .home .industries-column {
    height: 420px;
    top: 0;
  }
  section.trusted .row.frst,
  section.trusted .row.thrd {
    width: 100%;
  }
  .trusted .col,
  section.trusted .row.secnd,
  section.trusted .row.frst,
  section.trusted .row.thrd {
    margin-bottom: 20px;
  }
  .trusted .col img {
    width: auto;
  }
  .rgtpad {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .headerarea header {
    display: none !important;
  }
  .headerarea .mub-display {
    display: block;
    background: transparent !important;
  }
  .mub-display .navbar-collapse {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);
  }
  section.headerarea nav.mub-display li a {
    font-size: 16px;
    line-height: 26px;
  }
  section.headerarea nav.mub-display li ul li a {
    color: #222;
  }
  ul.dropdown-menu {
    border: 0;
  }
  section.headerarea nav.mub-display li a:hover {
    color: #0e6faa;
  }
  .mub-display .navbar-brand {
    font-size: 14px;
    line-height: 1.5;
    border-radius: 5px !important;
    background: linear-gradient(94deg, #212d6b 0%, #00a1db 128.68%);
    font-family: "gilmer_boldregular";
    transition: all 0.5s ease-out;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
  }
  .mub-display .navbar-brand:hover {
    background: linear-gradient(94deg, #00a1db 0%, #212d6b 128.68%);
  }
  .industries-inner h2 {
    margin-bottom: 30px;
  }
  .industries-inner {
    width: 100%;
    max-width: 100%;
  }
  .home .industries-section {
    max-width: 100%;
    width: 100%;
  }
  .home .tab-position {
    padding-top: 530px;
    width: 50%;
    margin: 0 auto;
  }
  .home .industries-item.item1,
  .home .industries-item.item2,
  .home .industries-item.item3,
  .home .industries-item.item4,
  .home .industries-item.item5,
  .home .industries-item.item6,
  .home .industries-item.item7,
  .home .industries-item.item8,
  .home .industries-item.item9,
  .home .industries-item.item10,
  .home .industries-item.item11,
  .home .industries-item.item12 {
    width: 120px;
    height: 120px;
    padding: 0 15px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .home .industries-column h4 {
    line-height: 1.1;
  }
  .home .industries-item.item1 {
    top: 2%;
    left: -20%;
  }
  .home .industries-item.item2 {
    top: 2%;
    left: 65%;
  }
  .home .industries-item.item3 {
    top: 35%;
    left: -20%;
  }
  .home .industries-item.item4 {
    top: 35%;
    left: 65%;
  }
  .home .industries-item.item5 {
    top: 68%;
    left: -20%;
  }
  .home .industries-item.item6 {
    top: 68%;
    left: 65%;
  }
  .home .industries-item.item7 {
    top: 101%;
    left: -20%;
  }
  .home .industries-item.item8 {
    top: 101%;
    left: 65%;
  }
  .home .industries-item.item9 {
    top: 134%;
    left: -20%;
  }
  .home .industries-item.item10 {
    top: 134%;
    left: 65%;
  }
  .home .industries-item.item11 {
    top: 167%;
    left: -20%;
  }
  .home .industries-item.item12 {
    top: 167%;
    left: 65%;
  }
  .ellipse1,
  .ellipse2,
  .ellipse3,
  .ellipse4,
  .ellipse5,
  .ellipse6 {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .ellipse1 {
    top: 15%;
  }
  .ellipse2 {
    top: 45%;
  }
  .ellipse3 {
    top: 75%;
  }
  .ellipse4 {
    top: 105%;
  }
  .ellipse5 {
    top: 135%;
  }
  .ellipse6 {
    top: 165%;
  }
  section.topbanner .fa-arrow-right.slick-arrow {
    right: -50px;
  }
  section.topbanner .fa-arrow-left.slick-arrow {
    left: -50px;
  }
  section.abou-top p {
    width: 100%;
    padding-bottom: 30px;
  }
  section.abou-top {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .about-secnd {
    position: relative;
  }
  .about-secnd h2 {
    width: 90%;
    text-align: center;
  }
      .about-secnd img {
        width: 100%;
        max-width: 1700px;
        padding: 0;
    }
  section.about-four,
  section.about-seven {
    padding: 80px 0;
  }
  section.about-four h2 {
    margin-bottom: 30px;
  }
  section.about-four .bg-colorh {
    padding: 12px;
    text-align: center;
  }
  .about-four .pad-btmmm,
  .about-eight .pad-btmmm {
    margin-bottom: 20px;
  }
  .about-four .bg-colorh img,
  .about-eight .remotebg img {
    width: 50px;
    padding-top: 10px;
  }
  .overflowdiv {
    overflow-x: scroll;
  }
  section.about-four .bg-colorh p,
  section.about-six p,
  .about-eight .remotebg p {
    line-height: 1.7;
  }
  .about-six img,
  section.about-six h2 {
    width: 100%;
  }
  .clokimage img {
    margin-top: 40px;
    width: 100%;
  }
  section.about-seven ul li {
    line-height: 1.8;
    margin-bottom: 20px;
    font-size: 16px;
  }
  .about-seven a {
    margin-top: 30px;
  }
  .about-eight .remotebg {
    padding: 12px;
  }
  .about-nine {
    padding-top: 80px;
  }
  .about-nine .bottommarea.row .col-md-3:not(:last-child) {
    border-right: none;
  }
  .about-nine .bottommarea.row {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  .slider.contact-page img.quote {
    top: -14%;
    right: 12px;
  }
  .right-section {
    padding-left: 15px;
  }
  .slider.contact-page i.fa-solid.fa-arrow-right-long.slick-arrow {
    left: 15%;
    bottom: 0;
  }
  .slider.contact-page i.fa-solid.fa-arrow-left-long.slick-arrow {
    left: 3%;
    bottom: 0;
  }
  .slider.contact-page {
    padding-bottom: 30px;
  }
  .find_talent.text-center {
    width: 90%;
    margin: 0 auto;
  }
  .contact-page .right-section h2 {
    margin-top: 10px;
  }
  .about-five .overflowdiv .row {
    width: 1700px;
    max-width: 1700px;
  }
  .about-five p.upperside {
    top: 0;
  }
  .industries-item.item2.work-cir2 p {
    display: none;
  }
  .industries-column.inner-work {
    width: 300px;
    margin: 0 auto;
    position: relative;
  }
  .us-ios-icon {
    position: absolute;
    right: 13%;
    top: 16%;
  }
  .tab-toprgt button.apply-now-btn {
    margin-top: 65px;
  }
  .des p {
    text-align: center;
  }
  button.ful-time-btn {
    font-size: 14px;
    padding: 2px 8px 2px 8px;
    margin: 0;
  }
  .tab-toprgt {
    display: block;
    text-align: center;
  }
  .tab-toplft h6 {
    text-align: center;
  }
  .tab-toplft {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .main-tab-sec {
    height: auto;
    padding-bottom: 20px;
  }
  img.img-fluid.ani-icon3 {
    width: 55%;
  }
  img.img-fluid.ani-icon2 {
    width: 55%;
  }
  img.img-fluid.ani-icon1 {
    width: 55%;
  }
  img.img-fluid.ani-icon5 {
    width: 50%;
  }
  section.job-tabs h3 {
    text-align: center;
  }
  .us-left-icon {
    left: 22%;
    top: 1%;
  }
  .cir-rht-icon {
    position: absolute;
    right: -17%;
    top: 37%;
  }
  .industries-section {
    width: 100%;
  }
  .wrk-withsnd p {
    padding: 0;
    padding-bottom: 20px;
  }
  section.industrialarea.work-join {
    height: 2200px;
    background-color: #cedfec;
  }
  section#secScrollSpy .col-md-8 {
    width: 100%;
  }
  section#secScrollSpy .col-md-4 {
    width: 100%;
  }
  section.futuristic.next-sup .col-md-6 {
    width: 100%;
    margin-bottom: 40px;
  }
  .des p br {
    display: none;
  }
  .work-circle {
    padding: 0;
  }
  .industries-item.item1.work-cir1 {
    left: 0;
    top: 52%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item5.work-cir5 {
    right: 5%;
    top: 13%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item4.work-cir4 {
    bottom: -100%;
    left: 0;
    width: 130px;
    height: 130px;
  }
  .industries-item.item2.work-cir2 {
    left: 0;
    width: 130px;
    height: 130px;
    top: 13%;
  }
  .industries-item.item3.work-cir3 {
    left: 0;
    top: 90%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item9.work-cir9 {
    left: 0;
    top: 130%;
    height: 130px;
    width: 130px;
  }
  .industries-item.item8.work-cir8 {
    bottom: -100%;
    right: 5%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item7.work-cir7 {
    top: 90%;
    right: 5%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item11.work-cir11 {
    right: 5%;
    top: 130%;
    height: 130px;
    width: 130px;
  }
  section.job-tabs .nav-link {
    width: auto;
  }
  .industries-item.item6.work-cir6 {
    right: 5%;
    top: 52%;
    width: 130px;
    height: 130px;
    padding: 0 30px;
  }
  .industries-inner.wrk-withsnd {
    max-width: 90%;
  }
  .inner-work h4 {
    font-size: 11px;
    line-height: 15px;
  }
  .inner-work p {
    font-size: 14px;
    line-height: 19px;
  }
  .fullwidth {
    width: 1700px;
    max-width: 1700px;
    margin-bottom: 25px;
  }
  section.hiringsteps {
    padding-bottom: 70px;
  }
  .col.text-center.hire-affter.last::after {
    background-image: none;
  }
  section.ourexperience p {
    text-align: center;
  }
  .experience_description h5 {
    line-height: 30px;
  }
  .experience_description p {
    font-size: 14px;
    line-height: 22px;
  }
  section.buildcompany.mar-top img {
    margin: 0 auto;
    display: block;
    width: 100%;
    padding-top: 50px;
  }
  section.hire-skill p {
    font-size: 16px;
  }
  .hhd-content {
    padding: 20px;
  }
  /*.portfolio-main:hover .hhd-content{height: 26vh;}*/
  .hhs-title {
    font-size: 20px;
  }
  .hhs-dec {
    font-size: 16px;
    line-height: 25px;
  }
  .slidersd .hire h4 {
    display: none;
  }
  .slider.contact-page.hire i.fa-solid.fa-arrow-right-long.slick-arrow,
  .slider.contact-page.hire i.fa-solid.fa-arrow-left-long.slick-arrow {
    bottom: 5%;
  }
  .hire .right-section img {
    margin: 0 auto;
  }
  .hire .right-section p {
    text-align: center;
  }
  section.job-tabs {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .job-tabs .navs-tabs img {
    padding: 0 10px 0 0;
  }
  .job-tabs span.count {
    padding: 0 0 0 10px;
    font-size: 16px;
    line-height: 27px;
  }
  section.job-tabs a {
    font-size: 15px;
    line-height: 27px;
  }
  .tab-toprgt {
    padding-top: 50px;
  }
  section.buildcompany .col-md-4 img {
    width: 100%;
    margin-top: 30px;
  }
  .buildcompany.hire.wrk-wth-cta h2 {
    text-align: center;
  }
  .buildcompany.hire.wrk-wth-cta h4 {
    padding-left: 0;
    position: relative;
    bottom: 0%;
    color: #fff;
    text-align: center;
  }
  .tab-position.work-circle .industries-item img {
    width: 40%;
  }
  .tab-position.work-circle .inner-work h4 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-transform: capitalize !important;
  }
  .wrk-withsnd h2 {
    line-height: 1;
  }
  section.hiresofttopbanner.workwithtop p {
    font-size: 20px;
  }
  .futuristic.next-sup .remote_description h6 {
    margin-top: 15px;
  }

  .logo img {
    text-align: center !important;
    width: 170px !important;
  }
}

@media only screen and (min-width: 360px) {
  .company-details .address-area {
    padding-top: 50px;
  }
  section.slider-container.slidersd h2 {
    font-size: 22px;
    line-height: 33px;
  }
  .mub-display .navbar-brand {
    font-size: 15px;
    line-height: 1.5;
    border-radius: 5px !important;
    background: linear-gradient(94deg, #212d6b 0%, #00a1db 128.68%);
    font-family: "gilmer_boldregular";
    transition: all 0.5s ease-out;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
  }
  .mub-display .navbar-brand:hover {
    background: linear-gradient(94deg, #00a1db 0%, #212d6b 128.68%);
  }
  .about-four .bg-colorh img,
  .about-eight .remotebg img {
    width: 65px;
  }
  .portfolio-main:hover .hhd-content {
    height: 29vh;
  }
}

@media only screen and (min-width: 375px) {
  .multiple_tech .image-area::before {
    height: 320px;
  }
}

@media only screen and (min-width: 393px) {
}

@media only screen and (min-width: 412px) {
}

@media only screen and (min-width: 414px) {
  .hiresofttopbanner p {
    padding-bottom: 15px;
  }
  section.hiringsteps h2 br {
    display: none;
  }
  section.ourexperience h2 br {
    display: none;
  }
  section.ourexperience .row.experience h2 {
    padding-bottom: 10px;
  }
  .experience p.text-center {
    padding: 0 10px 20px 10px;
  }
  .portfolio-main:hover .hhd-content {
    height: 33.5vh;
  }
  section.slider-container.slidersd h2 br {
    display: none;
  }
  section.slider-container.slidersd h2 {
    font-size: 24px;
    line-height: 33px;
  }
  p.img-dec-hire {
    bottom: 30px;
    font-size: 13px;
    line-height: 20px;
    width: 90%;
  }
  section.skillsares h2 {
    margin-bottom: 20px;
  }
  section.hiresofttopbanner {
    background: none;
    padding: 50px 0;
  }
  .wrk-withsnd p {
    padding: 20px 0;
  }
  .wrk-wth-cta img {
    width: 100%;
  }
  section.slider-container.wwu-bootom h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .des {
    padding: 0 30px;
  }
  .des p br {
    display: none;
  }
  .experience_description img {
    width: auto;
  }
  .hire h4 {
    padding-left: 25px;
  }
  p.img-dec-hire {
    padding-left: 26px;
  }
  .home .industries-item.item1,
  .home .industries-item.item2,
  .home .industries-item.item3,
  .home .industries-item.item4,
  .home .industries-item.item5,
  .home .industries-item.item6,
  .home .industries-item.item7,
  .home .industries-item.item8,
  .home .industries-item.item9,
  .home .industries-item.item10,
  .home .industries-item.item11,
  .home .industries-item.item12 {
    height: 125px;
    width: 125px;
  }
  .home .industries-item.item2,
  .home .industries-item.item4,
  .home .industries-item.item6,
  .home .industries-item.item8,
  .home .industries-item.item10,
  .home .industries-item.item12 {
    left: auto;
    right: 0;
  }
  .tab-toprgt button.apply-now-btn {
    margin-top: 20px;
  }
  section.industrialarea.work-join {
    height: 1850px;
    background-color: #cedfec;
  }
  /*.main-tab-sec {height: 350px;}*/
  section.buildcompany .col-md-2 {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 430px) {
}

@media only screen and (min-width: 480px) {
  .multiple_tech .image-area::before {
    height: 420px;
  }
  .home .industries-item.item1,
  .home .industries-item.item3,
  .home .industries-item.item5,
  .home .industries-item.item7,
  .home .industries-item.item9,
  .home .industries-item.item11 {
    left: -10%;
  }
  section.buildcompany.mar-top img {
    width: auto;
  }
  .portfolio-main:hover .hhd-content {
    height: 39vh;
  }
  section.buildcompany .col-md-2 {
    padding-left: 160px;
  }
}

@media only screen and (min-width: 533px) {
}

@media only screen and (min-width: 568px) {
  .company-details .address-area {
    padding-top: 50px;
  }
  section.portfolio-main-sec {
    padding: 30px 0 70px;
  }
  .buttosload {
    text-align: center;
    margin-top: 30px;
  }
  .skillsares h2.text-center.heads {
    width: 100%;
  }
  section.hiresofttopbanner {
    background: none;
    padding: 60px 0;
  }
  section.skillsares {
    padding: 60px 0 45px 0;
  }
  .futuristic {
    padding-top: 60px;
  }
  h6.hire-step-heading {
    padding: 30px 0;
  }
  .col.text-center.hire-top img {
    width: 30%;
  }
  .hiringsteps img {
    width: 50%;
  }
  section.hiringsteps h2 {
    padding-bottom: 40px;
  }

  .skillsares h2.text-center.heads {
    width: 96%;
  }
  p.hire-skill-dec.text-center {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 10px;
  }
  .cir-swift-icon {
    bottom: -11%;
  }
  .us-anrd-icon {
    left: -6%;
  }
  section.topbanner.hiresofttopbanner.workwithtop p {
    font-size: 20px;
  }
  button.apply-now-btn {
    padding: 12px 20px 12px 20px;
  }
  .wrk-wth-cta img {
    width: auto;
    margin-top: 40px !important;
  }
  section.slider-container.wwu-bootom h2 {
    font-size: 35px;
    line-height: 45px;
    padding-top: 20px;
  }
  section.slider-container.wwu-bootom p.wn {
    font-size: 16px;
    line-height: 25px;
  }
  section.buildcompany.hire .col-md-2 {
    display: flex;
    vertical-align: bottom;
    align-items: flex-end;
    margin-top: 20px;
    padding-left: 0;
    flex-direction: row;
    justify-content: center;
  }
  .home ..home .item2,
  .home .industries-item.item4,
  .home .industries-item.item6,
  .home .industries-item.item8,
  .home .industries-item.item10,
  .home .industries-item.item12 {
    left: 80%;
  }
  .multiple_tech .image-area::before {
    height: 520px;
  }
  .slider.contact-page img.quote {
    top: -10%;
  }
  section.industrialarea.work-join {
    height: 1750px;
    background-color: #cedfec;
  }
  .tab-toprgt {
    display: block;
    text-align: center;
  }
  
  .portfolio-main:hover .hhd-content {
    height: 46.5vh;
  }
  section.futuristic.next-sup .col-md-6 {
    margin-bottom: 70px;
  }
}

@media only screen and (min-width: 575px) {
  ul.nav.tags li {
    min-width: 206px;
    padding-right: 25px;
  }
  section.ready-section .inner-wapper {
    padding: 40px 60px;
  }
  section.expectation-section h2.text-center {
    width: 70%;
  }
}

@media only screen and (min-width: 603px) {
  .trusted .col img {
    width: 100%;
  }
}

@media only screen and (min-width: 640px) {
}

@media only screen and (min-width: 667px) {
}

@media only screen and (min-width: 736px) {
}

@media only screen and (min-width: 767px) {
  section.portfolio-main-sec {
    padding: 30px 0 70px;
  }
  .company-details .message-area {
    width: 100%;
  }
  .buttosload {
    text-align: center;
    margin-top: 30px;
  }
  .hire-affter::after {
    width: 57%;
    height: 20px;
    top: 14%;
    right: -12%;
  }
  section.hiringsteps {
    padding-bottom: 50px;
  }
  section.skillsares.hire-skill .col-md-4 {
    border: none;
    border-bottom: 1px solid #d6d6d6;
  }
  .skillsares h2.text-center.heads {
    width: 100%;
  }
  section.buildcompany.mar-top img {
    margin-top: 40px;
  }
  section.buildcompany.mar-top .col-md-6 h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .portfolio-main:hover .hhd-content {
    height: 48.5vh;
  }
  .hire .right-section img {
    margin: 0 auto;
  }
  .hire .right-section p {
    text-align: center;
  }
  .wrk-withsnd h2 {
    line-height: 0.2;
  }
}

@media only screen and (min-width: 768px) {
  .objectss span.icon6 {
    right: -88%;
  }
  .mub-display .navbar-brand {
    font-size: 12px;
    padding: 12px 15px;
    /*margin: 0px;*/
  }

  .custom-menu button.navbar-toggler {
    border: 0px;
    padding: 0px;
    width: 40px;
    display: block;
  }
  .navbar-toggler:focus {
    box-shadow: 0 0 0 0 !important;
  }
  :focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
  }

  .custom-menu button.navbar-toggler i {
    font-size: 40px;
    line-height: 40px;
  }

  .custom-menu button.navbar-toggler span {
    font-size: 40px;
    line-height: 40px;
  }

  .custom-menu {
    display: flex;
    align-items: center;
  }

  .cir-img1 {
    left: 0;
    top: 0;
  }
  .cir-img2 {
    right: 0;
    top: 0;
  }
  .cir-img3 {
    left: 0;
  }
  .cir-im4 {
    right: 0;
    bottom: 5%;
  }
  .cir-img5 {
    position: absolute;
    bottom: 10%;
  }
  .cir-img3 {
    top: 46%;
    left: 0;
  }
  .cir-im4,
  .cir-img5 {
    bottom: 20%;
  }
  .cir-img1 {
    width: 33%;
  }
 
  section.skillsares.hire-skill .col-md-4 .borderr {
    padding: 0 10px 20px;
  }
  .futuristic .hre-soft-col img {
    width: 71%;
  }
  .cir-img3 {
        top: 22%;
        left: 80px;
        width: 60%;
  }
  .company-details .address-area {
    width: 100%;
    padding-top: 30px;
  }
  .company-details .message-area {
    width: 100%;
  }
  section.portfolio-main-sec {
    padding: 50px 0 70px;
  }
  .buttosload {
    text-align: center;
    margin-top: 20px;
  }
  section.buildcompany.mar-top img {
    width: 112%;
  }
  section.futuristic.hre-soft .hre-soft-col {
    width: 100%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 100%;
  }
  section.ourexperience {
    padding-top: 30px;
  }
  section.hiringsteps {
    padding-bottom: 40px;
  }
  h6.hire-step-heading {
    padding: 10px 0;
  }
  section.skillsares.hire-skill .col-md-4 .borderr p {
    margin-bottom: 10px;
  }
  .skillsares h2.text-center.heads {
    width: 80%;
  }
  section.hiringsteps h2 {
    width: 90%;
    margin: 0 auto;
  }
  .hiresofttopbanner p {
    padding: 0;
  }
  section.ourexperience h2 {
    width: 80%;
    margin: 0 auto;
  }

  section.skillsares.hire-skill .col-md-4 .borderr {
    padding: 0 10px;
  }
  section.buildcompany .col-md-2 a {
    padding: 9px 6px;
    font-size: 13px;
  }
  .row.experience h2 {
    padding-bottom: 40px;
    line-height: 42px;
    font-size: 25px;
  }
  section.buildcompany.mar-top .col-md-6 h2 {
    font-size: 20px;
    line-height: 30px;
  }
  section.buildcompany.mar-top .col-md-2 a {
    padding: 8px 6px;
    font-size: 13px;
  }
  section.buildcompany.mar-top img {
    width: 100%;
  }
  .col.text-center.hire-affter::after {
    margin-left: 0;
    top: 25%;
    right: -16%;
  }
  .col.text-center.hire-affter::after {
    width: 36%;
  }
  .hire .slick-dots {
    bottom: 8%;
    right: 1%;
  }
  .portfolio-main:hover .hhd-content {
    width: 100%;
  }
  section.skillsares.hire-skill .col-md-4 {
    border: none;
    border-bottom: 1px solid #d6d6d6 !important;
  }
  
  section.ourexperience .row.experience h2 {
    padding-bottom: 25px;
    line-height: 37px;
    font-size: 20px;
  }
  section.ourexperience {
    padding-top: 50px;
  }
  .experience p.text-center {
    padding: 0 20px 40px 20px;
  }
  .row.steprow h2 {
    font-size: 22px;
    line-height: 35px;
  }
  section.buildcompany.hire.wrk-wth-cta h2 {
    margin-top: 40px;
  }
  section.buildcompany.hire.wrk-wth-cta p {
    font-size: 14px;
    line-height: 22px;
  }
  section.slider-container.wwu-bootom h2 {
    font-size: 32px;
    line-height: 50px;
    padding-top: 0;
  }
  section.slider-container.wwu-bootom p.wn {
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 28px;
  }
  .hsd {
    padding: 10px 14px;
    font-size: 16px;
  }
  section.abou-top p {
    padding-bottom: 30px;
  }
  .wrk-wth-cta img {
    width: 117%;
  }
  section.buildcompany .col-md-2 {
    padding-left: 0;
  }
  section.buildcompany .col-md-2 a {
    padding: 9px 11px;
  }
  section.job-tabs {
    padding-bottom: 30px;
  }
  .row.slider-item .right-section h2 br {
    display: none;
  }
  section.job-tabs {
    padding-top: 20px;
  }
  .wwu-bootom i.fa-solid.fa-arrow-left-long.slick-arrow {
    display: none !important;
  }
  .wwu-bootom i.fa-solid.fa-arrow-right-long.slick-arrow {
    display: none !important;
  }
  h1 {
    font-size: 27px;
    line-height: 34px;
  }
  .top-image .sticky-top img {
    width: 100%;
  }
  .multiple_tech .image-area::before {
    left: 12.7%;
    width: 78%;
    height: 550px;
  }
  .image-area img {
    width: auto;
  }
  .trusted .col img {
    width: 100%;
  }
  .about-secnd h2 {
    width: 90%;
        margin: 0 auto;
  }
  .about-nine .bottommarea.row .col-md-3:not(:last-child) {
    border-right: 2px dotted #cfcfcf;
  }
  span.counterdesc {
    font-size: 13px;
    line-height: 20px;
  }
  .slider.contact-page i.fa-solid.fa-arrow-right-long.slick-arrow {
    left: 7%;
  }
  .slider.contact-page i.fa-solid.fa-arrow-left-long.slick-arrow {
    left: 0;
  }
  section.industrialarea.work-join {
    height: 1700px;
  }
  .main-tab-sec {
    height: auto;
  }
  .tab-toplft {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .tab-toplft p {
    font-size: 16px;
    line-height: 25px;
    float: left;
  }
  .des p {
    text-align: left;
  }
  .tab-toprgt {
    display: block;
    text-align: center;
    position: absolute;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .industries-column.inner-work {
    width: 700px;
  }
  .cir-rht-icon {
    position: absolute;
    right: -7%;
    top: 37%;
  }
  .us-left-icon {
    left: 22%;
    top: 5%;
  }
  .us-ios-icon {
    position: absolute;
    right: 16%;
    top: 15%;
  }
  section#secScrollSpy .col-md-8 {
    width: 100%;
  }
  section#secScrollSpy .col-md-4 {
    width: 100%;
  }
  section.futuristic.next-sup .col-md-6 {
    width: 100%;
  }
  .industries-item.item1.work-cir1 {
    left: 0;
    top: 52%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item5.work-cir5 {
    right: 0;
    top: 10%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item4.work-cir4 {
    bottom: -105%;
    left: 0;
    width: 130px;
    height: 130px;
  }
  .industries-item.item2.work-cir2 {
    left: 0;
    width: 130px;
    height: 130px;
    top: 8%;
  }
  .industries-item.item3.work-cir3 {
    left: 0;
    top: 90%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item9.work-cir9 {
    left: 0;
    top: 130%;
    height: 130px;
    width: 130px;
  }
  .industries-item.item8.work-cir8 {
    bottom: -105%;
    right: 0;
    width: 130px;
    height: 130px;
  }
  .industries-item.item7.work-cir7 {
    top: 90%;
    right: 0;
    width: 130px;
    height: 130px;
  }
  .industries-item.item11.work-cir11 {
    right: 0;
    top: 130%;
    height: 130px;
    width: 130px;
  }
  .industries-item.item6.work-cir6 {
    right: 0;
    top: 52%;
    width: 130px;
    height: 130px;
    padding: 0 30px;
  }
  section.job-tabs .nav-link {
    width: auto;
  }
  .industries-inner.wrk-withsnd {
    max-width: 90%;
  }
  .inner-work h4 {
    font-size: 12px;
    line-height: 18px;
  }
  .inner-work p {
    font-size: 14px;
    line-height: 19px;
  }
  .remote_description.aos-init.aos-animate {
    margin-top: 70px;
  }
  section.trustedarea .content-bx {
    text-align: left;
    padding-right: 60px;
    margin-bottom: 0px;
  }
  section.ready-section .content-bx {
    text-align: left;
    margin-bottom: 0px;
    padding-right: 10%;
  }
  section.buildcompany .col-md-6 {
    align-items: center;
  }
  section.buildcompany.mar-top img {
    margin-top: 0;
  }
  .wrk-withsnd h2 {
    margin-bottom: 0;
  }
  .futuristic.next-sup {
    padding-bottom: 0;
  }
  .buildcompany.hire.wrk-wth-cta h2,
  .buildcompany.hire.wrk-wth-cta h4 {
    text-align: left;
  }
  section.job-tabs .nav-link {
    height: auto;
  }
  .main-tab-sec {
    padding-bottom: 40px;
  }
  .tab-toplft h6 {
    text-align: left;
  }
  .slider.contact-page img.quote {
    top: -9%;
  }
  .job-form.box-shadpw {
    margin-left: 28px;
  }

  .objectss {
    visibility: visible;
  }
}

@media only screen and (min-width: 800px) {
}

@media only screen and (min-width: 960px) {
  h1 {
    font-size: 29px;
    line-height: 34px;
  }
  section.topbanner button.btn.btn-primary,
  section.steps-away a.btn.btn-primary.darkblue,
  section.trusted a.btn.btn-primary.darkblue,
  section.find_talent a.btn.btn-primary.clrwht,
  .text-end a.btn.btn-primary {
    padding: 15px;
  }
  .home section.topbanner form .col-md-3 {
    margin-top: 7px;
  }
  .slider.center.toparea .slick-slide img {
    width: 100%;
  }
  section.topbanner::after {
    height: 100px;
  }
  .multiple_tech,
  .remote_description,
  .futuristic h1,
  .footer-area {
    text-align: left;
  }
  .bottommarea.row span.counter,
  .bottommarea.row span.countericon {
    font-size: 30px;
  }
  span.counterdesc {
    font-size: 17px;
    line-height: 1.5;
  }
  .steps-away .col-md-12 {
    margin-bottom: 0;
  }
  .futuristic .remote_description p {
    line-height: 1.7;
  }
  .multiple_tech .image-area::before {
    left: 4.7%;
    width: 94%;
    height: 350px;
  }
  .ftr-rgtsection h6 {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1;
    height: 30px;
  }
}

@media only screen and (min-width: 992px) {
  section.ready-section .custom-head {
    font-size: 34px;
  }
  section.ready-section a.btn.btn-primary.clrwht {
    font-size: 18px;
    padding: 16px 35px;
  }
  section.expectation-section h2.text-center {
    width: 60%;
  }
  section.buildcompany .inner-wapper {
    padding: 30px 40px;
    padding-right: 0;
  }
  section.buildcompany .headingWithBtn {
    text-align: left;
    flex-direction: row;
  }
  section.buildcompany .headingWithBtn a {
    max-width: 172px;
    margin-left: 25px;
    margin-top: 0;
  }
  section.buildcompany .buildcompany-img {
    height: 140px;
  }
  section.buildcompany .buildcompany-img img {
    width: calc(100% - 30px);
  }
  .job-form.box-shadpw {
    margin-left: 60px;
  }
}

@media only screen and (min-width: 1024px) {
    
.experience_description {
    min-height: 452px;
}
  .skillsares h2.text-center.heads {
    width: 50%;
  }
  .remote_description.aos-init.aos-animate {
    margin-top: 0;
  }
  section.skillsares.hire-skill .col-md-4 {
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 0;
  }
  section.hiringsteps h2 {
    width: 60%;
  }
  section.futuristic p {
    text-align: left;
  }
  .futuristic .remote_description p {
    text-align: left;
  }
  section.ourexperience {
    text-align: left;
  }
  .experience_description h5 {
    text-align: left;
  }
  section.hire-skill {
    text-align: left;
  }
  section.futuristic.hre-soft h2 {
    text-align: left;
  }
  
  .cir-img1 {
    width: 40%;
  }
  .cir-img5 {
    left: -8%;
  }
  .cir-img1 {
    left: -4%;
    top: 0;
  }
  .cir-img2 {
    right: -5%;
    top: 20%;
  }
  .cir-img3 {
    left: 0;
  }
  .cir-im4 {
    right: 0;
    bottom: 5%;
  }
  .cir-img5 {
    position: absolute;
    bottom: 10%;
  }
  .cir-img3 {
    top: 46%;
    left: 0;
  }
  .cir-im4,
  .cir-img5 {
    bottom: -7%;
  }
  section.skillsares.hire-skill .col-md-4 .borderr {
    padding: 0 10px 20px;
  }
  .cir-im4,
  .cir-img5 {
    bottom: -37%;
  }
  .company-details .address-area {
    width: 50%;
    padding-top: 0px;
  }
  .company-details .message-area {
    width: 50%;
  }
  .hire-affter::after {
    top: 35%;
  }
  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  section.skillsares.hire-skill .col-md-4 .borderr p {
    margin-bottom: 10px;
  }
  .hiresofttopbanner p {
    padding: 0;
  }
  section.ourexperience h2 {
    width: 60%;
    margin: 0 auto;
  }
  
  .col-md-2.text-end a.btn.btn-primary {
    padding: 10px 20px;
  }
  section.headerarea nav li.nav-item:not(:last-child) {
    padding-right: 10px;
  }
  section.headerarea nav li a {
    font-size: 14px;
    line-height: 26px;
  }
  .hiringsteps img {
    width: 60%;
  }
  .col.text-center.hire-affter::after {
    width: 27%;
  }
  .row.steprow h2 {
    font-size: 28px;
    line-height: 35px;
  }
  
  .experience_description h5 {
    font-size: 20px;
    line-height: 26px;
  }
  section.buildcompany.mar-top .col-md-2 a {
    padding: 10px 10px;
    font-size: 14px;
  }
  .futuristic .sticky-top img {
    width: 80%;
  }
  .cir-img2 {
    right: -9%;
    top: 5%;
  }
     .cir-img3 {
        top: 36%;
        left: 5%;
    }
 .cir-img3 img {
        width: 250px !important;
    }
  .cir-im4,
  .cir-img5 {
   bottom: -5%;
  }
  .cir-im4 {
    position: absolute;
    right: -3%;
  }
  section.skillsares.hire-skill .col-md-4 {
    margin-bottom: 0;
    padding: 0 0px 10px;
  }
  section.how-hire-dev .rgt {
    padding-right: 20px;
  }
  .hhd-content {
    padding: 30px 20px 20px 20px;
  }
  .hhs-dec {
    font-size: 14px;
    line-height: 30px;
    top: 0px;
  }
  .hire h4 {
    font-size: 25px;
  }
  p.img-dec-hire {
    bottom: 30px;
    font-size: 12px;
    line-height: 20px;
  }
  .hire .slick-dots {
    bottom: 20%;
    right: 1%;
  }
  .hire .slick-dots {
    width: 100%;
  }
  .right-section {
    padding-left: 15px;
  }
  .tab-toplft p {
    font-size: 16px;
  }
  .tab-toplft h6 {
    padding-top: 35px;
  }
  section.abou-top {
    padding-top: 70px;
    padding-bottom: 60px;
  }
  section.topbanner.hiresofttopbanner {
    background: none;
    padding: 40px 0;
  }
  .hiresofttopbanner p {
    padding-left: 0;
    padding-right: 0;
  }
  .hsd {
    padding: 10px 15px;
  }
  .wrk-withsnd p {
    padding: 2px 20px 20px 20px;
  }
  .industries-item.item2.work-cir img {
    width: 30%;
  }
  .home .industries-item img {
    width: 30%;
  }
  section.buildcompany .col-md-2 a {
    padding: 16px 18px;
    font-size: 14px;
  }
  .wrk-wth-cta img {
    width: 110%;
  }
  section.industrialarea.work-join {
    width: auto !important;
  }
  .main-tab-sec {
    width: auto !important;
  }
  section.job-tabs h3 {
    width: auto !important;
  }
  section.job-tabs a {
    font-size: 11px;
  }
  span.count {
    padding: 7px 0 16px;
    font-size: 14px;
  }
  button.ful-time-btn {
    font-size: 14px;
    margin-left: 10px;
  }
  button.apply-now-btn {
    font-size: 15px;
    font-weight: 600;
    padding: 16px 20px 16px 20px;
  }
  .des {
    padding-left: 5%;
  }
  section.slider-container.wwu-bootom h2 {
    font-size: 38px;
    line-height: 52px;
    padding-top: 30px;
  }
  section.slider-container.wwu-bootom p.wn {
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 28px;
  }
  .right-section {
    padding-left: 60px;
  }
  .headerarea header {
    display: none !important;
  }
  .headerarea .mub-display {
    display: block;
  }
  .headerarea .bg-light {
    background: #f5fcff !important;
    --bs-bg-opacity: 0;
  }
  .image-area img {
    width: 100%;
  }
  .col-md-12.lookingFor select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
  }
  .col-md-12.businessEmail input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
  }
  .col-md-12.businessEmail:after {
    content: "|";
  }
  section.job-tabs h3 {
    text-align: left;
  }
  section.industrialarea.work-join {
    height: 1200px;
    background-size: cover;
  }
  section#secScrollSpy .col-md-8 {
    width: 66.6666%;
  }
  .cir-swift-icon {
    bottom: -24%;
  }
  .us-anrd-icon {
    left: -17%;
  }
  .cir-rht-icon {
    position: absolute;
    right: -17%;
    top: 28%;
  }
  .us-anrd-icon {
    left: -6%;
  }
  img.img-fluid.ani-icon3 {
    width: 40%;
  }
  img.img-fluid.wrk-wth-img.ani-icon6 {
    width: 100%;
  }
  img.img-fluid.ani-icon4 {
    width: 40%;
  }
  section.futuristic.next-sup h1 {
    text-align: left;
  }
  section#secScrollSpy .col-md-4 {
    width: 33%;
  }
  section.futuristic.next-sup .col-md-6 {
    width: 50%;
  }
  img.img-fluid.ani-icon5 {
    width: 100%;
  }
  .us-ios-icon {
    position: absolute;
    right: 7%;
    top: 18%;
  }
  img.img-fluid.ani-icon5 {
    width: 70%;
  }
  .industries-item.item1.work-cir1 {
    left: 2%;
    top: 1%;
    width: 125px;
    height: 125px;
  }
  .industries-item.item5.work-cir5 {
    right: 260px;
    top: 10px;
    width: 200px;
    height: 200px;
  }
  .industries-item.item4.work-cir4 {
    bottom: 0%;
    left: 20%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item2.work-cir2 {
    left: 17%;
    width: 165px;
    height: 165px;
    top: 30%;
  }
  .industries-item.item3.work-cir3 {
    left: -16%;
    top: 30%;
    width: 150px;
    height: 150px;
  }
  .industries-item.item9.work-cir9 {
    top: 73%;
    left: -20%;
    height: 180px;
    width: 180px;
  }
  .industries-item.item8.work-cir8 {
    bottom: 0%;
    right: 10%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item11.work-cir11 {
    right: -20%;
    top: 69%;
    height: 170px;
    width: 170px;
  }
  .industries-item.item5.work-cir5 {
    right: -2%;
    top: 10px;
    width: 125px;
    height: 125px;
  }
  .industries-item.item7.work-cir7 {
    top: 30%;
    right: 14%;
    width: 155px;
    height: 155px;
  }
  section.job-tabs .nav-link {
    width: auto;
  }
  /*.main-tab-sec{height: 250px;}*/
  .industries-item.item6.work-cir6 {
    right: -125px;
    top: 27%;
    width: 150px;
    height: 150px;
    padding: 0 30px;
  }
  .industries-inner.wrk-withsnd {
    max-width: 90%;
  }
  .inner-work h4 {
    font-size: 14px;
    line-height: 22px;
  }
  
  section.ourexperience p {
    text-align: left;
    margin: 0px;
  }
  section.buildcompany.mar-top .col-md-6 h2 {
    margin-top: 12%;
    text-align: left;
  }
  /*.portfolio-main.movement:hover .hhd-content{height: 34vh;}*/
  .slider.contact-page img.quote {
    top: -7%;
  }
}

@media only screen and (min-width: 1198px) {
    
 .experience_description {
    min-height: 375px;
}
    
    body.contact .headerarea{
        overflow:unset !important;
    }
    
    .fullwidth {
        width: 100%;
        max-width: 1100px;
    }    
    
    .overflowdiv {
        overflow-x: hidden;
    }
    
  .industry-verticals {
    display: block;
  }
  .hre-soft button.hsd {
    float: left;
    margin: 0;
  }
  .headerarea header {
    display: flex !important;
  }
  .headerarea .mub-display {
    display: none;
  }
  .col-md-12.businessEmail::after {
    content: "|";
  }
  .hiringsteps h2 {
    width: 90%;
    margin: 0 auto;
  }
  section.ourexperience h2 {
    width: 100%;
    margin: 0 auto;
  }
  
  .cir-img1 {
    left: 0;
  }
  .cir-img5 {
    left: -8%;
  }
  .cir-im4,
  .cir-img5 {
    bottom: 10%;
  }
  section.skillsares.hire-skill .col-md-4 .borderr {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hiresofttopbanner p {
    padding: 0;
  }
  section.hiringsteps {
    padding-bottom: 50px;
  }
  section.ourexperience {
    padding-top: 40px;
  }
  section.skillsares.hire-skill .col-md-4 .borderr p {
    margin-bottom: 40px;
    padding-bottom: 0;
  }
  .skillsares h2.text-center.heads {
    width: 66%;
  }
  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  .slider.center.toparea .slick-slide img {
    width: 100%;
  }
  section.topbanner::after {
    height: 130px;
  }
  .multiple_tech,
  .remote_description,
  .futuristic h1,
  .footer-area {
    text-align: left;
  }
  .home section.topbanner form .col-md-3 {
    margin-top: 0;
  }
  .steps-away .col-md-12 {
    margin-bottom: 0;
  }
  section.steps-away img {
    padding-bottom: 25px;
  }
  section.trusted .row.frst,
  section.trusted .row.thrd {
    width: 80%;
  }
  section.topbanner button.btn.btn-primary,
  section.steps-away a.btn.btn-primary.darkblue,
  section.trusted a.btn.btn-primary.darkblue,
  section.find_talent a.btn.btn-primary.clrwht,
  .text-end a.btn.btn-primary {
    font-size: 17px;
  }
  section.trusted p {
    margin-bottom: 40px;
  }
  .home .industries-column {
    top: 0%;
  }
  .rgtpad {
    width: 90%;
  }
  .copyright .col-md-5.d-flex.justify-content-end {
    justify-content: flex-end !important;
  }
  
  .experience_description h5 {
    font-size: 20px;
    line-height: 30px;
  }
  .experience_description {
    padding: 15px 20px 15px 20px;
  }
  section.buildcompany.mar-top .col-md-6 h2 {
    font-size: 40px;
    line-height: 50px;
  }
  section.buildcompany.mar-top .col-md-2 a {
    padding: 16px 25px;
  }
  .futuristic .remote_description {
    padding: 30px;
  }
  .hiresofttopbanner p {
    padding-bottom: 20px;
    padding-left: 4%;
    padding-right: 4%;
  }
  h6.hire-step-heading {
    padding-top: 35px;
  }
  .experience p.text-center {
    padding: 0 30px 20px 30px;
  }
  section.buildcompany.mar-top .col-md-2 a {
    font-size: 16px;
  }
  /*.portfolio-main:hover .hhd-content{height: 62.5vh;}*/
  .hire .right-section p {
    text-align: left;
  }
  .hire .right-section img {
    margin: 0 0;
  }
  section.hiresofttopbanner .col-md-8 h1 {
    margin-bottom: 0;
  }
  section.hiresofttopbanner.workwithtop p {
    font-size: 30px;
  }
  .wrk-withsnd p {
    padding: 16px 70px 21px 70px;
  }
  .tab-position.work-circle .inner-work h4 {
    text-transform: uppercase !important;
  }
  .cir-swift-icon {
    bottom: -11%;
  }
  img.img-fluid.wrk-wth-img.ani-icon6,
  img.img-fluid.ani-icon3,
  img.img-fluid.ani-icon4,
  .cir-rht-icon {
    width: auto;
  }
  .cir-rht-icon {
    position: absolute;
    right: -7%;
    top: 50%;
  }
  .job-details {
    padding-top: 90px;
    padding-bottom: 62px;
    padding-left: 6%;
    padding-right: 6%;
  }
  .job-form.box-shadpw {
    margin-left: 78px;
  }
  section.buildcompany .buildcompany-img {
    height: 218px;
  }

  .logo img {
    text-align: center !important;
    width: auto !important;
  }

  body.singledetail .modal-dialog {
    max-width: 50%;
    height: 100vh;
  }
  div#step5 img {
    width: auto;
  }
}

@media only screen and (min-width: 1200px) {
    .experience_description {
    min-height: 403px;
}
}

@media only screen and (min-width: 1263px) {
  .hiringsteps h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.ourexperience h2 {
    width: 70%;
    margin: 0 auto;
  }
 
  .cir-img1 {
    left: 0;
  }
  .cir-img5 {
    left: -8%;
  }
  .cir-im4,
  .cir-img5 {
    bottom: 10%;
  }
  section.skillsares.hire-skill .col-md-4 .borderr {
    padding-left: 20px;
    padding-right: 20px;
  }
  section.hiringsteps {
    padding-bottom: 50px;
  }
  section.ourexperience {
    padding-top: 40px;
  }
  section.skillsares.hire-skill .col-md-4 .borderr p {
    margin-bottom: 40px;
    padding-bottom: 0;
  }
  .skillsares h2.text-center.heads {
    width: 66%;
  }
  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  h1 {
    font-size: 24px;
    line-height: 34px;
  }
  h2 {
    font-size: 22px;
    line-height: 32px;
  }
  h4 {
    font-size: 26px;
    line-height: 26px;
  }
  .industries-column h4 {
    font-size: 11px;
    line-height: 22px;
    font-weight: 300;
  }
  h5 {
    font-size: 23px;
    line-height: 50px;
  }
  h6 {
    font-size: 18px;
    line-height: 28px;
  }
  p {
    font-size: 16px;
    line-height: 26px;
  }
  .home section.topbanner p {
    padding-left: 0;
    padding-right: 0;
  }
  .multiple_tech .rgtpad p {
    margin-bottom: 43px;
  }
  section.steps-away .box-dez.box5 img {
    width: 80%;
  }
  .multiple_tech .image-area::before {
    left: 2%;
    width: 100%;
    height: 450px;
  }
  section.hire_remote p {
    margin-bottom: 20px;
  }
  a.btn.btn-primary,
  button.btn.btn-primary {
    font-size: 17px;
  }
  section.headerarea {
    padding: 0;
  }
  .col-md-2.text-end a.btn.btn-primary {
    padding: 10px 25px;
  }
  section.headerarea nav li.nav-item:not(:last-child) {
    padding-right: 0px;
  }
  section.topbanner .col-md-8 h1 {
    padding-bottom: 15px;
  }
  .objectss span.icon1 {
    left: 10%;
  }
  .objectss span.icon3 {
    left: 7%;
  }
  .objectss span.icon6 {
    right: -88%;
  }
  section.topbanner button.btn.btn-primary {
    padding: 15px 20px;
  }
  section.topbanner {
    padding-bottom: 80px;
  }
  section.topbanner .fa-arrow-right.slick-arrow {
    right: -7%;
  }
  section.topbanner .fa-arrow-left.slick-arrow {
    left: -7%;
  }
  .slider.companyhire .slide.slick-slide img {
    width: 100%;
  }
  .multiple_tech .col-md-5 img {
    width: 100%;
  }
  .rgtpad a {
    font-size: 20px;
  }
  span.counterdesc {
    font-size: 13px;
  }
  .bottommarea.row span.counter {
    font-size: 24px;
  }
  section.multiple_tech {
    background-size: 100%;
  }
  .rgtpad {
    padding-top: 60px;
    padding-bottom: 33px;
  }
  section.steps-away p {
    width: 90%;
  }
  section.steps-away a.btn.btn-primary.darkblue,
  section.trusted a.btn.btn-primary.darkblue {
    border-radius: 5px;
    padding: 15px 20px;
    margin-top: 47px;
  }
  section.steps-away {
    padding-bottom: 70px;
  }
  section.hire_remote p {
    width: 60%;
  }
  .row.first_slider img,
  .row.second_slider img,
  .row.third_slider img {
    width: 100%;
  }
  section.trusted img {
    width: 100%;
  }
  section.trusted p {
    font-size: 17px;
    line-height: 27px;
  }
  .industries-inner {
    max-width: 70%;
  }
  section.happy_customers .testimonials .slide p {
    width: 85%;
    font-size: 17px;
  }
  section.happy_customers {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .happy_customers h1 {
    padding-bottom: 30px;
  }
  section.find_talent .container {
    padding: 20px 0;
  }
  section.find_talent a.btn.btn-primary.clrwht {
    padding: 15px 20px;
  }
  ul.social-details li a {
    font-size: 16px;
  }
  .address-area p.biggertext {
    color: #333;
    font-size: 17px;
  }
  ul.ftrmenu li a {
    line-height: 40px;
    font-size: 14px;
  }
  .footer-area {
    padding-top: 60px;
  }
  section.copyright {
    padding: 10px 0px;
  }
  .copyright-socialicons {
    margin: 0px !important;
  }
  section.footer {
    padding-bottom: 40px;
  }
  .ftr-rgtsection h6 {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 30px;
  }
  .futuristic .remote_description p {
    line-height: 28px;
  }
  .industry-verticals img {
    width: auto;
  }
  .home .tab-position {
    padding-top: 100px;
  }
  .home .home .item1 {
    top: -60px;
    left: -60px;
    padding: 0 30px;
    right: auto;
    height: 170px;
    width: 170px;
  }
  .home .industries-item.item2 {
    top: 20px;
    left: 20%;
    height: 170px;
    width: 170px;
    padding: 0 30px;
    right: auto;
  }
  .home .industries-item.item3 {
    left: 30px;
    top: 33%;
    width: 120px;
    height: 120px;
    right: auto;
  }
  .home .industries-item.item4 {
    left: 8%;
    bottom: 6%;
    height: 170px;
    width: 170px;
    right: auto;
    top: auto;
  }
  .home .industries-item.item5 {
    right: 18%;
    top: 60px;
    height: 170px;
    width: 170px;
    left: auto;
  }
  .home .industries-item.item6 {
    right: 0;
    top: -60px;
    width: 120px;
    height: 120px;
    padding: 0 30px;
    left: auto;
  }
  .home .industries-item.item7 {
    width: 180px;
    height: 180px;
    right: 1%;
    top: 32%;
    left: auto;
  }
  .home .industries-item.item8 {
    right: 10%;
    bottom: 6%;
    width: 160px;
    height: 160px;
    left: auto;
    top: auto;
  }
  .home .industries-item.item9 {
    top: 35%;
    left: -18%;
    width: 160px;
    height: 160px;
    right: auto;
  }
  .home .industries-item.item10 {
    top: 63%;
    left: -14%;
    width: 160px;
    height: 160px;
    right: auto;
  }
  .home .industries-item.item11 {
    right: -17%;
    top: 20%;
    height: 120px;
    width: 120px;
    left: auto;
  }
  .home .industries-item.item12 {
    right: -13%;
    top: 67%;
    height: 120px;
    width: 120px;
    left: auto;
  }
  .home .industries-column {
    height: 642px;
    position: absolute;
    width: 100%;
    top: 20%;
    left: 0;
  }
  .home .industries-section {
    width: 70%;
  }
  .home .tab-position {
    width: auto;
  }
  .ellipse1 {
    width: 6px;
    height: 6px;
    top: 27%;
    left: 160px;
    right: auto;
  }
  .ellipse2 {
    width: 6px;
    height: 6px;
    top: 35px;
    left: -140px;
    right: auto;
  }
  .ellipse3 {
    width: 15px;
    height: 15px;
    bottom: 35%;
    left: 5%;
    right: auto;
  }
  .ellipse4 {
    top: auto;
    width: 11px;
    height: 11px;
    left: auto;
    right: -8%;
    bottom: 40%;
  }
  .ellipse5 {
    width: 15px;
    height: 15px;
    right: -40px;
    bottom: 220px;
    left: auto;
    top: auto;
  }
  .ellipse6 {
    width: 15px;
    height: 15px;
    right: 38%;
    top: 16%;
    left: auto;
  }
  section.trustedarea p {
    font-size: 18px;
    line-height: 30px;
  }
  .slider.contact-page::after {
    bottom: 20%;
  }
  .home .industries-item.item1,
  .home .industries-item.item2,
  .home .industries-item.item4,
  .home .industries-item.item5 {
    height: 120px;
    width: 120px;
  }
  .home .industries-item.item9,
  .home .industries-item.item10,
  .home .industries-item.item8 {
    width: 120px;
    height: 120px;
  }
  .home .industries-item.item7 {
    width: 120px;
    height: 120px;
    right: 1%;
    top: 32%;
  }
  .home .industries-item.item3 {
    top: 33%;
  }
  .home .industries-item.item4 {
    left: 8%;
    bottom: 6%;
  }
  .home .industries-item.item10 {
    left: -14%;
  }
  .home .industries-item.item5 {
    right: 18%;
  }
  .home .industries-item.item8 {
    right: 10%;
    bottom: 6%;
  }
  .home .industries-item.item12 {
    right: -13%;
  }
  .home .industry-verticals img {
    width: 45%;
  }
  .home .industries-column {
    height: 542px;
  }
  .home .industries-item.item2 {
    left: 20%;
  }
  .home .industries-item.item3 {
    top: 30%;
    left: 5%;
  }
  .ellipse1 {
    top: 27%;
  }
  .ellipse3 {
    bottom: 35%;
    left: 5%;
  }
  .ellipse4 {
    top: 10%;
  }
  .about-five .overflowdiv .row {
    width: auto;
    max-width: auto;
  }
  .overflowdiv {
    overflow-x: inherit;
  }
  .col.text-center.sec,
  .col.text-center.thr,
  .col.text-center.fou,
  .col.text-center.frs,
  .col.text-center.fiv {
    background-size: 90%;
  }
  .about-five .col.text-center:not(:last-child)::after {
    content: "--";
    right: -5%;
  }
  .about-five p.upperside {
    width: 38%;
  }
  .col.text-center.fiv p:last-child {
    width: 80%;
  }
  .about-five .col p:last-child {
    width: 50%;
  }
  .about-five p.upperside {
    top: 10%;
  }
  .about-secnd img {
    width: 100%;
    max-width: 100%;
  }
  .about-secnd h2 {
    width: 45%;
  }
  section.about-four .bg-colorh {
    padding: 26px;
    text-align: left;
  }
  .about-nine .bottommarea.row {
    width: 70%;
  }
  .slider.contact-page img.quote {
    top: -8%;
  }
  .slider.contact-page {
    padding-bottom: 55px;
  }
  .slider.contact-page i.fa-solid.fa-arrow-right-long.slick-arrow {
    bottom: 15%;
    left: 3%;
  }
  .slider.contact-page i.fa-solid.fa-arrow-left-long.slick-arrow {
    bottom: 15%;
  }
  section.topbanner button.btn.btn-primary,
  section.steps-away a.btn.btn-primary.darkblue,
  section.trusted a.btn.btn-primary.darkblue,
  section.find_talent a.btn.btn-primary.clrwht,
  .text-end a.btn.btn-primary,
  .about-seven a,
  .hsd {
    font-size: 14px;
    padding: 16px 25px;
  }
  section.abou-top p {
    width: 80%;
  }
  section.find_talent .wdtarea p {
    width: 50%;
    margin-bottom: 14px;
  }

  div#exampleModal .container {
    padding-left: 4%;
    padding-right: 4%;
  }
  .modal-body h3.step-heading {
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 10px;
  }
  div#popularSkills {
    margin-top: 25px;
  }
  .modal-body .progress-valuepar {
    margin-bottom: 15px;
  }
  p.main-haipara {
    padding-bottom: 0px;
    font-size: 18px;
  }
  div#exampleModal input {
    font-size: 15px;
  }
  #stepForm .form-control {
    padding: 10px 15px;
  }
  #stepForm ul.skillslist li {
    padding: 6px 8px;
    font-size: 12px;
    margin-bottom: 8px;
  }

  #imageSelection .imageOption img {
    width: 100% !important;
  }
  div#imageSelection img {
    margin-bottom: 0;
  }
  #step4 p {
    font-size: 15px;
  }
  #stepForm button.btn.btn-primary.darkblue,
  #stepForm button.btn.btn-secondary {
    /*padding: 14px 65px;*/
    /*font-size: 17px;*/
    /*margin-top: 15px;*/
  }

  section.faq .accordion-body {
    font-size: 15px;
    font-family: "gilmer_regularregular";
  }
  section.faq .accordion-body ul li {
    margin-top: 10px;
  }

  #stepForm span.tag.label.label-info {
    border: 1px solid #666;
    border-radius: 25px;
    padding: 7px 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    color: #333;
    text-align: center;
    font-size: 16px;
  }
  div#step1 input {
    margin-top: 10px;
  }
  #stepForm span.tag.label.label-info span {
    padding-left: 5px;
  }
  .custom-radio p {
    font-size: 12px;
  }
  .bgcolorpare.areasofintrest .input-group .form-field {
    flex: 0 1 33%;
  }
  .des ul.jobdett li {
    font-size: 15px;
    line-height: 25px;
  }

  .bgcolorpare {
    padding: 30px;
  }

  .bgcolorpare .form-group {
    margin-bottom: 30px;
  }

  .checkbox label:before,
  .custom-radio input.radio:empty ~ label:before {
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-indent: 0.3em;
    font-size: 13px;
  }

  .checkbox label:before {
    min-width: 1.5em;
  }

  .areasofintrest .checkbox label {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 1280px) {
    
.portfolio-main:hover .hhd-content {
        height: 277px;
    }    
    
  .hire .col-sm-6.right-section p {
    padding-top: 30px;
    text-align: left;
  }
  section.hire-skill p {
    text-align: left;
  }
  .experience_description h5 {
    text-align: left;
  }
  .left-slider-content {
    text-align: left;
  }
  .hiresofttopbanner p {
    text-align: center;
  }
  .experience_description img {
    /* padding: 0px; */
  }
  .col-sm-6.right-section img {
    margin: 5px;
  }
  .left-slider-content {
    text-align: left;
  }
  .col-sm-6.right-section {
    padding-left: 28px;
    padding-top: 1%;
  }
  section.hire-skill .col-md-4 {
    width: 33%;
  }
  section.how-hire-dev p {
    text-align: left;
  }
  .remote_description.aos-init.aos-animate {
    margin-top: 0;
  }
  .company-details .address-area {
    width: 50%;
    padding-top: 0px;
  }
  .company-details .message-area {
    width: 50%;
  }
  section.portfolio-main-sec {
    padding: 50px 0 90px;
  }
  .buttosload {
    text-align: center;
    margin-top: 50px;
  }
  .hire-affter::after {
    top: 38%;
  }
  .hiringsteps h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.ourexperience h2 {
    width: 70%;
    margin: 0 auto;
  }
  
  .cir-img1 {
    left: 0;
  }
  .cir-img5 {
    left: -8%;
  }
  .cir-im4,
  .cir-img5 {
    bottom: 10%;
  }
  section.skillsares.hire-skill .col-md-4 .borderr {
    padding-left: 20px;
    padding-right: 20px;
  }
  section.hiringsteps {
    padding-bottom: 50px;
  }
  section.ourexperience {
    padding-top: 40px;
  }
  section.skillsares.hire-skill .col-md-4 .borderr p {
    margin-bottom: 40px;
    padding-bottom: 0;
  }
  .skillsares h2.text-center.heads {
    width: 66%;
  }
  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  .dropdown-menu.nano {
    width: auto;
    left: -118%;
    top: 46px;
    padding: 30px 35px 30px;
  }
  section.buildcompany.hire {
    padding-top: 30px !important;
    height: 260px;
  }
  center.hire-affter::after {
    bottom: -110px;
    margin-left: 91px;
  }
  .hhs-dec {
    font-size: 12px;
    line-height: 20px;
    top: 0px;
  }
  .top-info h5 {
    font-size: 18px;
  }
  section.industrialarea.work-join {
    width: auto !important;
  }
  section.job-tabs h3 {
  }
  .industries-item.item2.work-cir2 {
    left: 9%;
    width: 175px;
    height: 175px;
    top: 22%;
  }
  .industries-item.item3.work-cir3 {
    left: -24%;
    top: 19%;
    width: 175px;
    height: 175px;
  }
  .industries-item.item1.work-cir1 {
    left: -19%;
    top: -1%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item9.work-cir9 {
    top: 55%;
    left: -35%;
    height: 170px;
    width: 170px;
  }
  .industries-item.item1.work-cir1 {
    left: -35%;
    top: -8%;
    width: 130px;
    height: 130px;
  }
  .industries-item.item4.work-cir4 {
    bottom: -2%;
    left: -31px;
    width: 130px;
    height: 130px;
  }
  .industries-item.item5.work-cir5 {
    right: -23%;
    top: 22%;
    width: 175px;
    height: 175px;
  }
  .industries-item.item6.work-cir6 {
    right: -32%;
    top: -6%;
    width: 130px;
    height: 130px;
    padding: 0 30px;
  }
  .industries-item.item7.work-cir7 {
    top: 22%;
    right: 10%;
    width: 175px;
    height: 175px;
  }
  .industries-item.item11.work-cir11 {
    right: -33%;
    top: 55%;
    height: 170px;
    width: 170px;
  }
  .industries-item.item8.work-cir8 {
    bottom: -3%;
    right: -79px;
    width: 130px;
    height: 130px;
  }
  .us-ios-icon {
    position: absolute;
    right: 11%;
    top: 18%;
  }
  .us-left-icon {
    left: 22%;
    top: 3%;
  }
  .industries-item.item2.work-cir2 p {
    display: block;
  }
  .job-form.box-shadpw {
    margin-left: 80px;
    margin-top: 0px;
    padding: 30px 28px;
  }
  .job-form h4 {
    margin-bottom: 20px;
  }
  .job-head h1,
  .job-head p {
    margin-bottom: 30px;
  }
  form.jobsubmit input,
  form.jobsubmit textarea {
    padding: 15px 20px;
    line-height: 26px;
    margin-bottom: 20px;
    font-size: 16px;
  }
  .jobsubmit button.btn.btn-primary.darkblue {
    font-size: 20px;
    padding: 17px 0;
  }
}

@media only screen and (min-width: 1360px) {
  .hiringsteps h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.ourexperience h2 {
    width: 70%;
    margin: 0 auto;
  }
  
  .cir-img1 {
    left: 0;
  }
  .cir-img5 {
    left: -8%;
  }
  .cir-im4,
  .cir-img5 {
    bottom: 10%;
  }
  section.skillsares.hire-skill .col-md-4 .borderr {
    padding-left: 20px;
    padding-right: 20px;
  }
  section.hiringsteps {
    padding-bottom: 90px;
  }
  section.ourexperience {
    padding-top: 50px;
  }
  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  section.trustedarea p {
    font-size: 19px;
    line-height: 33px;
  }
}

@media only screen and (min-width: 1366px) {
    
    .fullwidth {
    width: auto;
            max-width: 100%;
  }
  .company-details .address-area {
    width: 50%;
    padding-top: 0px;
  }
  .company-details .message-area {
    width: 50%;
  }
  .hire-affter::after {
    top: 38%;
  }
  .hiringsteps h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.ourexperience h2 {
    width: 70%;
    margin: 0 auto;
  }
  
  .cir-img1 {
    left: 0;
  }
  .cir-img5 {
    left: -8%;
  }
  .cir-im4,
  .cir-img5 {
    bottom: 10%;
  }
  section.skillsares.hire-skill .col-md-4 .borderr {
    padding-left: 20px;
    padding-right: 20px;
  }
  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  .dropdown-menu.nano ul {
    padding-right: 60px;
  }
  .dropdown-menu.nano {
    width: auto;
    left: -150%;
    top: 46px;
    padding: 30px 25px 30px;
  }
  .ourexperience .row.experience {
    width: 100%;
  }
  section.about-four .bg-colorh p {
    font-size: 15px;
  }
  .rgtpad p {
    margin-bottom: 40px;
  }
  .rgtpad {
    padding-top: 40px;
    padding-bottom: 15px;
  }
  @keyframes moveBox3 {
    0% {
      transform: translateX(0) translateY(50);
    }
    50% {
      transform: translateX(30px) translateY(0px);
    }
    100% {
      transform: translateX(0) translateY(0);
    }
  }
  section.steps-away .box-dez.box4 {
    right: 0;
  }
  section.steps-away .box-dez.box3 {
    left: 52%;
  }
  section.steps-away .box-dez.box5 {
    right: -10%;
  }
  .col-sm-6.message-area {
    padding-right: 3%;
  }
  .col-sm-6.address-area {
    padding-left: 3%;
  }
  h1 {
    font-size: 30px;
    line-height: 40px;
  }
  h2 {
    font-size: 24px;
    line-height: 34px;
  }
  section.hire_remote h2 {
    margin-bottom: 10px;
  }
  h5 {
    font-size: 23px;
    line-height: 50px;
  }
  h6 {
    font-size: 18px;
    line-height: 28px;
  }
  p {
    font-size: 15px;
    line-height: 25px;
  }
  h2 {
  }
  section.topbanner .col-md-8 p {
    padding-bottom: 30px;
    padding-left: 0%;
    padding-right: 0%;
  }
  .col-md-6.job-head {
    padding-left: 5%;
    padding-right: 0;
  }
  .col-md-6.job-form {
    padding-right: 4%;
  }
  .futuristic .remote_description p {
    margin-bottom: 0;
  }
  section.ready-section p.custom-head {
    padding-right: 12%;
  }
  section.ready-section p.custom-head {
    margin-bottom: 40px;
  }
  section.ready-section a.btn.btn-primary.clrwht {
    margin-bottom: 0px;
  }
  section.ready-section .col-md-8 {
    padding-top: 0px;
  }
  section.buildcompany .col-md-2 a {
    font-size: 14px;
    font-family: "gilmer_boldregular";
  }
  section.trustedarea p {
    font-size: 19px;
    line-height: 33px;
  }
  ul.address-bullet li {
    font-size: 16px;
    margin-bottom: 25px;
  }
  section.skillsares.hire-skill .col-md-4 .borderr p {
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 24px;
  }
  .col.text-center.hire-affter::after {
    width: 23%;
  }
  .hire .slick-dots {
    bottom: 26%;
    right: 1%;
  }
  section.skillsares.hire-skill .col-md-4 {
    margin-bottom: 0;
  }
  .col.text-center.hire-affter::after {
    margin-left: 90px;
  }
  section.hiringsteps {
    padding-bottom: 50px;
  }
  .portfolio-main.movement:hover .hhd-content {
    height: 51vh;
  }
  .hhs-dec {
    font-size: 12px;
    line-height: 21px;
  }
  .hiringsteps img {
    width: 70%;
  }
  section.industrialarea.work-join {
    width: auto !important;
  }
  .wrk-wth-cta img {
    width: 93%;
  }
  section.buildcompany.hire {
    padding-top: 30px !important;
    height: 260px;
  }
  .about-five .col img {
    margin-bottom: 10px;
  }
  .about-five .col.text-center:not(:last-child)::after {
    top: 42%;
  }
  .top-dot-one {
    top: 0;
  }
  .top-dot-two {
    width: 30px;
    height: 30px;
    left: 47%;
    top: 10%;
  }
  .top-dot-three {
    top: 3%;
    right: 35%;
  }
  .dot-two {
    width: 30px;
    height: 30px;
  }
  .dot-one {
    width: 20px;
    height: 20px;
  }
  .rgt-dot-two {
    left: auto;
    right: 20%;
    top: 130%;
  }
  .rgt-dot-three {
    width: 25px;
    height: 25px;
    right: 40%;
    top: 160%;
  }
  section.futuristic .cir-img3 img {
            width: 75% !important;
  }
  .cir-im4,
  .cir-img5 {
    bottom: 0;
  }
  .cir-img3 {
    top: 34%;
    left: 15%;
  }
  section.buildcompany.hire.wrk-wth-cta h2 {
    bottom: 0;
  }
  section.buildcompany.hire.wrk-wth-cta p {
    font-size: 22px;
    line-height: 30px;
  }
  section.slider-container.wwu-bootom h2 {
    padding-top: 0;
  }
  .cir-swift-icon {
    width: 25%;
  }
  .us-ios-icon {
    right: -2%;
    width: 22%;
  }
  .us-left-icon {
    left: 20%;
    top: 2%;
    width: 17%;
  }
  .us-anrd-icon {
    left: -11%;
    width: 20%;
  }
 
  /*.main-tab-sec {height: 215px;}*/
  section.buildcompany .inner-wapper {
    padding: 40px 60px;
    padding-right: 0;
  }
  section.buildcompany .headingWithBtn {
    align-items: center;
  }
  section.buildcompany .headingWithBtn h2 {
    font-size: 36px;
  }
  section.buildcompany .headingWithBtn a {
    margin-left: 22px;
    font-size: 18px;
    max-width: 218px;
  }
}

@media only screen and (min-width: 1440px) {
  .company-details .address-area {
    width: 50%;
    padding-top: 0px;
  }
  .company-details .message-area {
    width: 50%;
  }
  section.portfolio-main-sec {
    padding: 50px 0 90px;
  }
  .buttosload {
    text-align: center;
    margin-top: 50px;
  }
  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  section.hiringsteps h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.ourexperience h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.ourexperience p.ourexper-shrt-dec {
    width: 80%;
    margin: 0 auto;
  }
  
  .cir-img5 {
    left: 0;
  }
  section.skillsares.hire-skill .col-md-4 .borderr {
    padding-left: 20px;
    padding-right: 20px;
  }
  .cir-img1 {
    position: absolute;
    left: 0;
    top: 5%;
  }
  .cir-img2 {
    right: 0;
    top: 5%;
  }
  .cir-im4 {
    position: absolute;
    right: 0;
  }
  .skillsares h2.text-center.heads {
    width: 60%;
  }
  section.technical-excellence h2 {
    width: 40%;
  }
  ul.nav.tags {
    width: 100%;
  }
  .tech-right.lib ul.nav.tags li {
    padding-bottom: 15px;
  }
  ul.nav.tags li {
    font-size: 15px;
    line-height: 40px;
    padding-right: 30px;
  }
  section.about-four {
    padding: 100px 0;
  }
  section.about-four .bg-colorh {
    padding: 25px;
  }
  .about-five p.upperside {
    top: 4%;
  }
  h1 {
    font-size: 34px;
    line-height: 44px;
  }
  h5 {
    font-size: 22px;
    line-height: 50px;
  }
  a.btn.btn-primary,
  button.btn.btn-primary {
    font-size: 16px;
  }
  section.headerarea nav li.nav-item:not(:last-child) {
    padding-right: 20px;
  }
  section.topbanner {
    padding: 90px 0;
  }
  .objectss span.icon1 {
    left: 12%;
    top: 140%;
  }
  .objectss span.icon3 {
    left: 9%;
  }
  .rgtpad a {
    font-size: 20px;
    line-height: 30px;
  }
  .bottommarea.row span.counter {
    font-size: 35px;
  }
  span.counterdesc {
    font-size: 13px;
  }
  section.steps-away {
    padding: 100px 0;
  }
  section.hire_remote p {
    width: 65%;
  }
  .futuristic {
    padding-top: 130px;
    padding-bottom: 100px;
  }
  section.trusted p {
    font-size: 18px;
    line-height: 30px;
  }
  .industries-inner {
    max-width: 70%;
  }
  .futuristic .remote_description p {
    line-height: 28px;
  }
  .industry-verticals img {
    width: auto;
  }
  .home .tab-position {
    padding-top: 100px;
  }
  .home .industries-item.item1 {
    top: -60px;
    left: -60px;
    padding: 0 30px;
    right: auto;
    height: 170px;
    width: 170px;
  }
  .home .industries-item.item2 {
    top: 20px;
    left: 20%;
    height: 170px;
    width: 170px;
    padding: 0 30px;
    right: auto;
  }
  .home .industries-item.item3 {
    left: 30px;
    top: 33%;
    width: 140px;
    height: 140px;
    right: auto;
  }
  .home .industries-item.item4 {
    left: 8%;
    bottom: 6%;
    height: 170px;
    width: 170px;
    right: auto;
    top: auto;
  }
  .home .industries-item.item5 {
    right: 18%;
    top: 60px;
    height: 170px;
    width: 170px;
    left: auto;
  }
  .home .industries-item.item6 {
    right: 0;
    top: -60px;
    width: 165px;
    height: 165px;
    padding: 0 30px;
    left: auto;
  }
  .home .industries-item.item7 {
    width: 180px;
    height: 180px;
    right: 1%;
    top: 32%;
    left: auto;
  }
  .home .industries-item.item8 {
    right: 10%;
    bottom: 6%;
    width: 160px;
    height: 160px;
    left: auto;
    top: auto;
  }
  .home .industries-item.item9 {
    top: 22%;
    left: -18%;
    width: 160px;
    height: 160px;
    right: auto;
  }
  .home .industries-item.item10 {
    top: 56%;
    left: -14%;
    width: 160px;
    height: 160px;
    right: auto;
  }
  .home .industries-item.item11 {
    right: -17%;
    top: 20%;
    height: 165px;
    width: 165px;
    left: auto;
  }
  .home .industries-item.item12 {
    right: -13%;
    top: 67%;
    height: 140px;
    width: 140px;
    left: auto;
  }
  .home .industries-column {
    height: 642px;
    position: absolute;
    width: 100%;
    top: 20%;
    left: 0;
  }
  .home .industries-section {
    width: 70%;
  }
  .home .tab-position {
    width: auto;
  }
  .ellipse1 {
    width: 9px;
    height: 9px;
    top: 27%;
    left: 160px;
    right: auto;
  }
  .ellipse2 {
    width: 12px;
    height: 12px;
    top: 35px;
    left: -140px;
    right: auto;
  }
  .ellipse3 {
    width: 20px;
    height: 20px;
    bottom: 35%;
    left: 5%;
    right: auto;
  }
  .ellipse4 {
    top: auto;
    width: 16px;
    height: 16px;
    left: auto;
    right: -8%;
    bottom: 40%;
  }
  .ellipse5 {
    width: 20px;
    height: 20px;
    right: -40px;
    bottom: 220px;
    left: auto;
    top: auto;
  }
  .ellipse6 {
    width: 20px;
    height: 20px;
    right: 38%;
    top: 16%;
    left: auto;
  }
  section.happy_customers {
    padding-top: 90px;
    padding-bottom: 100px;
  }
  section.find_talent .container {
    padding: 50px 0;
  }
  ul.ftrmenu li a {
    font-size: 14px;
  }
  ul.social-details li a {
    font-size: 16px;
  }
  .address-area p.biggertext {
    font-size: 17px;
  }
  .footer-area {
    padding-top: 80px;
  }
  section.footer {
    padding-bottom: 80px;
  }
  section.industrialarea {
    padding-top: 60px;
  }
  .home .industries-column {
    height: 542px;
  }
  .industry-verticals img {
    width: 85%;
  }
  .ellipse4 {
    top: 22%;
  }
  section.multiple_tech .col-md-5 img {
    width: 100%;
  }
  .col-md-6.job-head {
    padding-left: 7%;
  }
  .col-md-6.job-form {
    padding-right: 6%;
  }
  .futuristic .sticky-top img {
    width: 60%;
  }
  .slider.contact-page::after {
    bottom: 24%;
    left: 40%;
  }
  .contact-page .right-section p {
    font-size: 15px;
    line-height: 23px;
  }
  .right-section {
    padding-top: 1%;
  }
  .slider.contact-page i.fa-solid.fa-arrow-right-long.slick-arrow,
  .slider.contact-page i.fa-solid.fa-arrow-left-long.slick-arrow {
    bottom: 15%;
  }
  section.how-hire-dev {
    background-color: #f6fcff;
    padding: 50px 0 0;
  }
  .portfolio-main:hover .hhd-content {
    width: 100%;
    height: 35vh;
  }
  .portfolio-main.movement:hover .hhd-content {
    height: 29vh;
  }
  .hhs-dec {
    font-size: 13px;
    line-height: 22px;
  }
  .hire .slick-dots {
    bottom: 30%;
  }
  p.img-dec-hire {
    padding-left: 70px;
    position: absolute;
    bottom: 20px;
    font-size: 14px;
  }
  .top-info h5 {
    font-size: 20px;
  }
  .col.text-center.hire-affter::after {
    bottom: -120px;
  }
  section.topcompanies h2 {
    width: 90%;
  }
  img.img-fluid.wrk-wth-img {
    width: 90% !important;
  }
  .us-anrd-icon {
    left: -14%;
  }
  .about-secnd img {
    width: 100%;
    max-width: 100%;
  }
  .overflowdiv {
    overflow-x: inherit;
  }
  section.about-four .bg-colorh {
    text-align: left;
  }
  .about-eight .remotebg p {
    line-height: 29px;
  }
  .about-nine .bottommarea.row {
    width: 60%;
    margin: 0 auto;
    padding-bottom: 100px;
  }
  .about-nine .bottommarea.row .col-md-3:not(:last-child) {
    border-right: 2px dotted #cfcfcf;
  }
  .slider.contact-page img.quote {
    top: -7%;
    right: -2%;
  }
  .about-nine {
    padding-top: 110px;
  }
  section.abou-top p {
    padding-bottom: 60px;
    width: 80%;
  }
  .slider.contact-page {
    padding-bottom: 100px;
  }
  .slider.contact-page i.fa-solid.fa-arrow-left-long.slick-arrow {
    position: absolute;
    bottom: 15%;
    cursor: pointer;
    z-index: 99;
    left: auto;
  }
  section.about-seven ul li {
    margin-bottom: 0;
  }
  section.about-four h2 {
    margin-bottom: 60px;
  }
  .about-five .overflowdiv .row {
    width: auto;
    max-width: auto;
  }
  .slider.contact-page i.fa-solid.fa-arrow-right-long.slick-arrow {
    left: 3%;
  }
  section.about-seven ul li {
    font-size: 15px;
    line-height: 55px;
  }
  .industries-item.item11.work-cir11 {
    right: -41%;
    top: 55%;
    height: 170px;
    width: 170px;
  }
  .futuristic .sticky-top img.img-fluid.ani-icon2 {
    width: 60%;
  }
  .cir-rht-icon {
    right: 0%;
  }
  .us-ios-icon {
    position: absolute;
    right: 22%;
    top: 19%;
  }
  section.find_talent .wdtarea p {
    width: 50%;
    margin-bottom: 14px;
  }
  section.ready-section .custom-head {
    font-size: 45px;
  }
  section.ready-section a.btn.btn-primary.clrwht {
    font-size: 22px;
  }
  section.expectation-section h2.text-center {
    width: 55%;
  }
  .job-form.box-shadpw {
    margin-left: 120px;
    padding: 34px 38px;
  }
  .job-form h4 {
    margin-bottom: 30px;
  }
  ul.headerbullets {
    display: inline-grid;
  }
  form.jobsubmit input,
  form.jobsubmit textarea {
    padding: 15px 20px;
    line-height: 26px;
    margin-bottom: 20px;
    font-size: 16px;
  }
  .jobsubmit button.btn.btn-primary.darkblue {
    font-size: 20px;
    padding: 17px 0;
  }

  #exampleModal .ellipse.light.blue,
  #exampleModal .ellipse.dark.blue {
    z-index: 999;
  }

  #exampleModal .modal-content {
    background-image: url("../images/modalbg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .modal.right.show .modal-dialog {
    transform: translate3d(0, 0, 0);
  }
  .modal.right .modal-dialog {
    transform: translate3d(100%, 0, 0);
    transition: transform 0.8s ease-in-out;
  }

  .imageOption {
    display: inline-block;
    margin-right: 20px; /* Adjust spacing between items */
  }

  .imageOption img {
    border: 2px solid transparent; /* Initial border */
    cursor: pointer;
  }

  .imageOption img.active {
    border-radius: 10px;
    border: 1px solid #48a4db;
    background: linear-gradient(
      106deg,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0.5) 100%
    );
    box-shadow: 2px 2px 24px 0px rgba(0, 83, 138, 0.3);
    backdrop-filter: blur(5px);
  }

  .bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "\00d7";
  }

  .modal-body h3.step-heading {
    /*color: #333;*/
    /*text-align: center;*/
    /*font-size: 40px;*/
    /*font-style: normal;*/
    /*font-weight: 700;*/
    /*line-height: 48px;*/
    /*font-family: "gilmer_boldregular";*/
    /*margin-bottom: 30px;*/
  }

  .modal-body span.progress-value {
    color: #666;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: "gilmer_mediumregular";
  }
  .modal-body .progress-valuepar {
    text-align: center;
    margin-bottom: 50px;
  }

  button.btn.btn-primary.darkblue {
    background: #00538a;
    border-radius: 5px;
    font-size: 18px;
    transition: all 0.5s ease-out;
    font-family: "gilmer_boldregular" !important;
    padding: 16px 26px;
    text-transform: uppercase;
    margin-top: 22px;
  }

  .job-details .col-md-6 img {
    float: right;
  }

  div#exampleModal .container {
    /*padding-left: 12%;*/
    /*padding-right: 12%;*/
  }

  div#exampleModal .progress-bar {
    background: linear-gradient(94deg, #212d6b 0%, #00a1db 128.68%);
    box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.25) inset;
  }

  p.main-haipara {
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    padding-bottom: 20px;
  }

  p.main-haipara span {
    color: #00538a;
    font-family: "gilmer_mediumregular";
  }

  #stepForm label.imageOption input {
    visibility: hidden;
  }

  div#imageSelection {
    text-align: center;
  }

  div#imageSelection img {
    margin-bottom: 30px;
  }

  #stepForm button.btn.btn-primary.darkblue, #stepForm button.btn.btn-secondary {
    padding: 12px 40px;
  }

  #stepForm .d-flex.gap-2 {
    align-items: center;
    text-align: center;
    justify-content: center;
  }

  #stepForm .form-control {
    border-radius: 4px;
    border: 1px solid #48a4db;
    background: linear-gradient(
      106deg,
      rgba(255, 255, 255, 0.75) 0%,
      rgba(255, 255, 255, 0.25) 100%
    );
    backdrop-filter: blur(5.25px);
    padding: 18px 20px;
  }

  #step4 p {
    color: #333;
    font-size: 19px;
  }

  #stepForm .form-control:focus {
    box-shadow: 0 0 0 !important;
  }

  #stepForm ul.skillslist li {
    display: inline-block;
    border: 1px solid #666;
    border-radius: 25px;
    padding: 7px 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    color: #333;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  div#popularSkills {
    margin-top: 50px;
  }

  div#step1 input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #48a4db;
    background: linear-gradient(
      106deg,
      rgba(255, 255, 255, 0.75) 0%,
      rgba(255, 255, 255, 0.25) 100%
    );
    backdrop-filter: blur(5.25px);
    padding: 18px 20px;
  }

  div#step5 img {
    margin: 0 auto;
    display: block;
    margin-bottom: 45px;
  }

  .custom-radio p {
    font-size: 15px;
  }

  .bgcolorpare.areasofintrest .input-group .form-field {
    flex: 0 1 22%;
  }
  .des ul.jobdett li {
    font-size: 18px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1536px) {
  .cir-img2 {
    right: 0;
    top: 14%;
  }
  .cir-img1 {
    position: absolute;
    left: 0;
    top: 5%;
  }
  .cir-img5 {
    left: 0;
  }
  .cir-im4 {
    position: absolute;
    right: 0;
  }
  section.skillsares.hire-skill .col-md-4 .borderr {
    padding-left: 30px;
    padding-right: 20px;
  }
  
  section.ourexperience h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.hiringsteps h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  section.industrialarea.work-join {
    width: auto;
  }
}

@media only screen and (min-width: 1560px) {
  .cir-img1 {
    position: absolute;
    left: 0;
    top: 5%;
  }
  .cir-img2 {
    right: 0;
  }
  .cir-img5 {
    left: -6%;
  }
  .cir-im4 {
    right: 0;
  }
  .hiringsteps h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.ourexperience h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.ourexperience p.ourexper-shrt-dec {
    width: 75%;
    margin: 0 auto;
  }
  
  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  .portfolio-main:hover .hhd-content {
    width: 97%;
  }
  section.industrialarea.work-join {
    width: auto !important;
  }
}

@media only screen and (min-width: 1600px) {
  h1 {
    font-size: 40px;
    line-height: 52px;
  }
  h2 {
    font-size: 35px;
    line-height: 50px;
  }
  h4 {
    font-size: 28px;
    line-height: 28px;
  }
  h5 {
    font-size: 25px;
    line-height: 50px;
  }
  h6 {
    font-size: 18px;
    line-height: 28px;
  }
  p {
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
  }
  a.btn.btn-primary,
  button.btn.btn-primary {
    border-radius: 5px;
    background: linear-gradient(94deg, #212d6b 0%, #00a1db 128.68%);
    font-size: 17px;
    font-family: "gilmer_regularregular";
    transition: all 0.5s ease-out;
  }
  .portfolio-main:hover .hhd-content {
    width: 100%;
  }
  ul.ftrmenu li a {
    font-size: 17px;
  }
  .ftr-rgtsection h6 {
    font-size: 17px;
    line-height: 27px;
  }
  section.hiresofttopbanner h1 {
    width: 100%;
    margin: 0 auto;
  }
  section.skillsares.hire-skill h5 {
    line-height: 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-size: 20px;
}
  section.skillsares.hire-skill .col-md-4 .borderr img {
    margin-top: 30px;
}
  section.skillsares.hire-skill .col-md-4 .borderr {
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .cir-img5 {
    bottom: 20%;
    left: -20%;
  }
  .top-dot-one {
    left: 40%;
  }
  .cir-img1 {
    position: absolute;
    left: 0;
    top: 5%;
  }
  .cir-img2 {
    right: 0;
    top: 5%;
  }
  .cir-im4,
  .cir-img5 {
    bottom: 25%;
  }
  section.hiringsteps h2 {
    width: 70%;
    margin: 0 auto;
  }
  section.ourexperience h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.ourexperience p.ourexper-shrt-dec {
    width: 75%;
    margin: 0 auto;
  }
  
  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  .image-area img {
    width: auto;
  }
}

@media only screen and (max-width: 1919px) and (min-width: 1680px)  {
    
    .industries-item.item5.work-cir5 {
        right: -100px !important;
        top: 4%;
    }
    
 .industries-item.item6.work-cir6 {
        right: -55%;
        top: -13%;
    }
        .industries-item.item7.work-cir7 {
        top: 9%;
        right: -44%;
    }
    .industries-item.item11.work-cir11 {
        right: -61%;
        top: 41%;
    }
        .industries-item.item8.work-cir8 {
        bottom: 37%;
        right: -142px;
    }   
    
    .industries-item.item4.work-cir4 {
        bottom: 26%;
        left: -91px;
    }
    .industries-item.item9.work-cir9 {
        top: 48%;
        left: -47%;
    }
        .industries-item.item2.work-cir2 {
        top: 4%;
    }
    
    
}

@media only screen and (min-width: 1680px) {
    

  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  section.hiresofttopbanner h1 {
    width: 100%;
    margin: 0 auto;
  }
  section.hiringsteps h2 {
    width: 70%;
    margin: 0 auto;
  }
  section.ourexperience h2 {
    width: 68%;
    margin: 0 auto;
  }
  section.ourexperience p.ourexper-shrt-dec {
    width: 85%;
    margin: 0 auto;
  }
  
  h1 {
    font-size: 40px;
    line-height: 52px;
  }
  h2 {
    font-size: 35px;
    line-height: 50px;
  }
  h4 {
    font-size: 28px;
    line-height: 28px;
  }
  h5 {
    font-size: 25px;
    line-height: 50px;
  }
  h6 {
    font-size: 18px;
    line-height: 28px;
  }
  p {
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
  }
  a.btn.btn-primary,
  button.btn.btn-primary {
    border-radius: 5px;
    background: linear-gradient(94deg, #212d6b 0%, #00a1db 128.68%);
    font-size: 17px;
    font-family: "gilmer_regularregular";
    transition: all 0.5s ease-out;
  }
  section.headerarea nav li a {
    font-size: 17px;
    line-height: 27px;
  }
  section.hire_remote p {
    margin-bottom: 20px;
  }
  .dropdown-menu.nano {
    width: 115vh;
    left: -150%;
    top: 46px;
    padding: 50px 25px 50px;
  }
  .multiple_tech .image-area::before {
    left: 4%;
    width: 100%;
    height: 44vh;
  }
  section.headerarea {
    padding: 0;
  }
  section.topbanner button.btn.btn-primary {
    padding: 15px 30px;
  }
  .objectss span.icon6 {
    right: -88%;
  }
  .slider.companyhire .slide.slick-slide img {
    width: 100%;
  }
  span.counterdesc {
    font-size: 15px;
  }
  section.steps-away p {
    width: 90%;
  }
  section.hire_remote p {
    width: 50%;
  }
  .row.first_slider img,
  .row.second_slider img,
  .row.third_slider img {
    width: 100%;
  }
  section.trusted img {
    width: 100%;
  }
  section.trusted .row.frst,
  section.trusted .row.thrd {
    width: 90%;
  }
  ul.ftrmenu li a {
    line-height: 40px;
    font-size: 16px;
  }
  .footer .ftr-rgtsection h6 {
    font-size: 17px;
  }
  ul.social-details li a {
    font-size: 18px;
    line-height: 28px;
  }
  .address-area p.biggertext {
    font-size: 18px;
  }
  ul.copyright-socialicons li a {
    padding: 10px;
  }
  section.happy_customers .testimonials .slide p {
    width: 80%;
  }
  .futuristic .remote_description p {
    line-height: 28px;
  }
  .industry-verticals img {
    width: auto;
  }
  .home .tab-position {
    padding-top: 100px;
  }
  .home .industries-item.item1 {
    top: -60px;
    left: -60px;
    padding: 0 30px;
    right: auto;
    width: 200px;
    height: 200px;
  }
  .home .industries-item.item2 {
    top: 20px;
    left: 245px;
    width: 200px;
    height: 200px;
    padding: 0 30px;
    right: auto;
  }
  .home .industries-item.item3 {
    left: 30px;
    top: 230px;
    width: 140px;
    height: 140px;
    right: auto;
  }
  .home .industries-item.item4 {
    bottom: 70px;
    left: 12%;
    width: 200px;
    height: 200px;
    right: auto;
    top: auto;
  }
  .home .industries-item.item5 {
    right: 240px;
    top: 60px;
    width: 190px;
    height: 190px;
    left: auto;
  }
  .home .industries-item.item6 {
    right: 0;
    top: -60px;
    width: 165px;
    height: 165px;
    padding: 0 30px;
    left: auto;
  }
  .home .industries-item.item7 {
    top: 200px;
    right: 0;
    width: 210px;
    height: 210px;
    left: auto;
  }
  .home .industries-item.item8 {
    bottom: 70px;
    right: 13%;
    width: 180px;
    height: 180px;
    left: auto;
    top: auto;
  }
  .home .industries-item.item9 {
    top: 22%;
    left: -18%;
    height: 180px;
    width: 180px;
    right: auto;
  }
  .home .industries-item.item10 {
    top: 56%;
    left: -11%;
    height: 180px;
    width: 180px;
    right: auto;
  }
  .home .industries-item.item11 {
    right: -17%;
    top: 20%;
    height: 165px;
    width: 165px;
    left: auto;
  }
  .home .industries-item.item12 {
    right: -10%;
    top: 67%;
    height: 140px;
    width: 140px;
    left: auto;
  }
  .home .industries-column {
    height: 642px;
    position: absolute;
    width: 100%;
    top: 20%;
    left: 0;
  }
  .home .industries-section {
    width: 70%;
  }
  .home .tab-position {
    width: auto;
  }
  .ellipse1 {
    width: 9px;
    height: 9px;
    top: 210px;
    left: 160px;
    right: auto;
  }
  .ellipse2 {
    width: 12px;
    height: 12px;
    top: 35px;
    left: -140px;
    right: auto;
  }
  .ellipse3 {
    width: 20px;
    height: 20px;
    bottom: 175px;
    left: 90px;
    right: auto;
  }
  .ellipse4 {
    top: auto;
    width: 16px;
    height: 16px;
    left: auto;
    right: -8%;
    bottom: 40%;
  }
  .ellipse5 {
    width: 20px;
    height: 20px;
    right: -40px;
    bottom: 220px;
    left: auto;
    top: auto;
  }
  .ellipse6 {
    width: 20px;
    height: 20px;
    right: 38%;
    top: 16%;
    left: auto;
  }
  .col-md-6.job-head {
    padding-left: 5%;
    padding-right: 2%;
  }
  .col-md-6.job-form {
    padding-left: 7%;
    padding-right: 4%;
  }
  section.buildcompany .col-md-2 {
    padding-left: 2%;
  }
  section.trustedarea .row {
    left: 10%;
  }
  section.trustedarea .row.frst,
  section.trustedarea .row.thrd {
    padding-left: 5%;
  }
  section.trustedarea .row.frst .col,
  section.trustedarea .row.thrd .col {
    max-width: 21% !important;
  }
  section.skillsares h2 {
    width: 50%;
  }
  section.skillsares p {
    padding: 0 15px;
  }
  section.ready-section p.custom-head {
    font-size: 30px;
    line-height: 42px;
  }
  section.ready-section .col-md-4 img {
    width: 100%;
  }
  section.expectation-section h2.text-center {
    width: 50%;
  }
  .expectation-section .col-md-6 img {
    width: 100%;
  }
  ul.headerbullets li,
  .expectation-bullets li {
    font-size: 15px;
    line-height: 25px;
  }
  .page.heading h2 {
    width: 66%;
    margin: 0 auto;
  }
  .contact-page .right-section h2 {
    margin-bottom: 10px;
  }
  .contact-page .right-section p {
    font-size: 16px;
  }
  .right-section {
    padding-left: 70px;
  }
  .slider.contact-page::after {
    bottom: 14%;
    left: 42%;
  }
  .slider.contact-page i.fa-solid.fa-arrow-right-long.slick-arrow,
  .slider.contact-page i.fa-solid.fa-arrow-left-long.slick-arrow {
    bottom: 20%;
  }
  section.company-details {
    padding: 100px 0 120px 0;
  }
  section.hiresofttopbanner h1 br {
    display: none;
  }
  section.topbanner.hiresofttopbanner {
    background: none;
    padding: 60px 0;
  }
  .col.text-center.hire-affter::after {
    bottom: -135px;
    margin-left: 111px;
  }
  section.hiringsteps {
    padding-bottom: 90px;
  }
  .experience p.text-center {
    font-size: 16px;
  }
  section.skillsares.hire-skill .col-md-4 {
    padding: 0 20px 20px;
  }
  section.skillsares p {
    padding: 0;
  }
  .portfolio-main:hover .hhd-content {
    width: 100%;
    left: 0;
    height: 34vh;
    border-radius: 5px;
  }
  .portfolio-main.movement:hover .hhd-content {
    height: 34vh;
  }
  .hhs-title {
    color: white;
    font-size: 20px;
  }
  .hhs-dec {
    font-size: 14px;
    line-height: 24px;
  }
  .top-info h5 {
    top: -55px;
  }
  section.skillsares.hire-skill .col-md-4 .borderr {
    margin-bottom: 0px;
    padding-left: 14px;
    padding-right: 17px;
  }
  .contact-page.hire .slick-dots li.slick-active button {
    width: 20px;
    height: 20px;
  }
  .contact-page.hire .slick-dots li button {
    width: 15px;
    height: 15px;
  }
  .hire .slick-dots {
    bottom: 25%;
  }
  .hire .right-section p {
    padding-top: 20px;
  }
  section.skillsares.hire-skill h5 {
    font-size: 20px;
  }
  section.industrialarea.work-join {
    width: auto;
  }
  section.topbanner.hiresofttopbanner.workwithtop p {
    font-size: 28px;
  }
      
  .industries-item.item2.work-cir {
    padding: 17px 16px 4px 16px;
    top: 3px;
    left: 330px !important;
  }
  
  .work-cir2 h4 {
    color: #222;
    font-size: 15px !important;
  }
  .work-cir3 h4 {
    color: #222;
    font-size: 15px !important;
  }
  .work-cir1 h4 {
    color: #222;
    font-size: 15px !important;
  }
  .work-cir11 h4 {
    font-size: 15px !important;
  }
  .work-cir6 h4 {
    font-size: 15px !important;
  }
  .work-cir9 h4 {
    font-size: 15px !important;
  }
  section.job-tabs h3 {
  }
  section.about-seven ul li {
    font-size: 15px;
    line-height: 45px;
  }
  section.about-six img {
    width: 100%;
  }
  section.about-six h2 {
    width: 68%;
  }
  .about-eight .remotebg {
    padding: 20px;
  }
  .about-eight .remotebg img {
    width: 45px;
  }
  .col.text-center.sec,
  .col.text-center.thr,
  .col.text-center.fou,
  .col.text-center.frs,
  .col.text-center.fiv {
    background-size: 90%;
  }
  .about-five .col.text-center:not(:last-child)::after {
    content: "--";
    right: -5%;
  }
  .col.text-center.fiv p:last-child {
    width: 72%;
  }
  .about-five .col p:last-child {
    width: 50%;
  }
  .about-five p.upperside {
    width: 38%;
  }
  .about-five .col p {
    font-size: 16px;
    line-height: 16px;
  }
  .about-secnd h2 {
    width: 51%;
  }
  .singledetail.ios .job-head h1,
  .job-head h1 {
    width: 75%;
  }
  .cir-img1 {
    left: 0;
    top: 0;
  }
  .cir-img2 {
    right: 0;
    top: 5%;
  }
  .cir-img5 {
    bottom: 30%;
    left: -10%;
  }
  .cir-img3 {
            top: 24%;
        left: 10%;
  }
  .rgt-dot-two {
    left: 35%;
  }
  .top-dot-three {
    right: 40%;
  }
  .top-dot-two {
    left: 40%;
  }
  section.buildcompany.hire.wrk-wth-cta p {
    font-size: 26px;
    line-height: 30px;
  }
  img.img-fluid.wrk-wth-img {
    width: 90%;
  }
  .us-left-icon {
    left: 20%;
    top: 2%;
  }
  .us-ios-icon {
    right: -4%;
  }
  .us-anrd-icon {
    left: -16%;
  }
  .cir-swift-icon {
    bottom: -18%;
  }
  section.topbanner .col-md-8 p {
    padding-left: 0;
    padding-right: 0;
  }
  section.find_talent .wdtarea p {
    width: 45%;
    margin-bottom: 14px;
  }
  section.trustedarea .row {
    left: 0;
  }
  .hire .right-section img {
    margin-top: 8px;
  }
  .hire .right-section p {
    padding-top: 30px;
    line-height: 30px;
  }
  .about-nine .wn {
    padding-bottom: 40px;
  }

  .checkbox label:before,
  .custom-radio input.radio:empty ~ label:before {
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-indent: 0.6em;
    font-size: 16px;
  }
}

@media only screen and (min-width: 1920px) {
  body {
    font-size: 22px;
    line-height: 1.3;
  }
  h1 {
    font-size: 50px;
    line-height: 62px;
  }
  h2 {
    font-size: 40px;
    line-height: 60px;
  }
  h3 {
    font-size: 36px;
    line-height: 60px;
  }
  h4 {
    font-size: 30px;
    line-height: 30px;
  }
  h5 {
    font-size: 25px;
    line-height: 60px;
  }
  h6 {
    font-size: 20px;
    line-height: 30px;
  }
  p {
    font-style: normal;
    font-weight: 400;
    color: #222;
  }
  a.btn.btn-primary,
  button.btn.btn-primary {
    border-radius: 5px;
    background: linear-gradient(94deg, #212d6b 0%, #00a1db 128.68%);
    font-size: 18px;
    font-family: "gilmer_regularregular";
    transition: all 0.5s ease-out;
  }
  section.topbanner button.btn.btn-primary,
  section.steps-away a.btn.btn-primary.darkblue,
  section.trusted a.btn.btn-primary.darkblue,
  section.find_talent a.btn.btn-primary.clrwht,
  .text-end a.btn.btn-primary {
    font-size: 18px;
    line-height: 1.5;
  }
  .container {
    max-width: 1700px;
  }
  .trusted .col,
  section.trusted .row.secnd,
  section.trusted .row.frst,
  section.trusted .row.thrd {
    margin-bottom: 0;
  }
  section.trusted .row.frst,
  section.trusted .row.thrd {
    width: 80%;
  }
  section.trusted p {
    margin-bottom: 48px;
  }
  .col-md-2.text-end a.btn.btn-primary {
    padding: 18px 42px;
  }
  section.steps-away .box-dez.box4 {
    right: 10%;
  }
  .rgtpad {
    padding-top: 100px;
    padding-bottom: 43px;
  }
  .multiple_tech .image-area:before {
    left: 1.7%;
    width: 80%;
    height: 560px;
  }
  section.multiple_tech .col-md-5 img {
    width: auto;
  }
  section.steps-away {
    padding-top: 131px;
    padding-bottom: 177px;
  }
  section.hire_remote p {
    margin-bottom: 30px;
  }
  .futuristic .sticky-top img {
    width: auto;
  }
  .trusted .col {
    flex: 1 0 0%;
  }
  section.trusted img {
    width: auto;
  }
  .home .industry-verticals img {
    width: auto;
  }
  section.industrialarea {
    padding-top: 124px;
  }
  section.happy_customers .testimonials .slide p {
    width: 70%;
    font-size: 20px;
  }
  .copyright p {
    color: #666;
  }
  section.find_talent a.btn.btn-primary.clrwht {
    padding: 16px 35px;
  }
  section.trusted a.btn.btn-primary.darkblue {
    margin-top: 59px;
    padding: 16px 35px;
  }
  section.steps-away a.btn.btn-primary.darkblue {
    padding: 16px 25px;
    margin-top: 57px;
  }
  section.headerarea nav li a {
    font-size: 16px;
  }
  section.trusted p {
    font-size: 20px;
    line-height: 36px;
  }
  ul.social-details li a {
    font-size: 20px;
    line-height: 30px;
  }
  .address-area p.biggertext {
    color: #333;
    font-size: 20px;
  }
  section.footer {
    padding-bottom: 100px;
  }
  ul.ftrmenu li a {
    font-size: 18px;
    line-height: 40px;
  }
  section.find_talent .container {
    padding: 74px 0;
  }
  section.happy_customers {
    padding-top: 119px;
    padding-bottom: 130px;
  }
  .rgtpad a {
    font-size: 24px;
    line-height: 30px;
  }
  .bottommarea.row span.counter,
  .bottommarea.row span.countericon {
    font-size: 40px;
  }
  span.counterdesc {
    font-size: 18px;
  }
  .hsd {
    font-size: 18px;
    color: #fff;
    padding: 16px 25px;
  }
  section.abou-top p {
    padding-bottom: 60px;
  }
  section.abou-top {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .about-secnd h2 {
    width: 40%;
  }
  section.about-four {
    padding: 162px 0;
  }
  section.about-four .bg-colorh p {
    font-size: 18px;
  }
  section.about-four .bg-colorh {
    padding: 36px;
  }
  .about-five p.upperside {
    line-height: 28px;
    width: 28%;
    top: -6%;
  }
  .about-five .col img {
    margin-bottom: 21px;
  }
  .about-five .col p:last-child {
    width: 43%;
    line-height: 25px;
  }
  .about-five .col p {
    font-size: 18px;
  }
  .col.text-center.frs,
  .col.text-center.sec,
  .col.text-center.thr,
  .col.text-center.fou {
    background-size: contain;
  }
  section.about-six h2 {
    width: 50%;
  }
  section.about-six img {
    width: auto;
  }
  section.about-seven ul li {
    font-size: 18px;
    line-height: 55px;
  }
  .about-eight .remotebg img {
    width: auto;
  }
  .about-eight .remotebg {
    padding: 27px 34px 39px 34px;
  }
  .right-section {
    padding-left: 100px;
    padding-top: 2%;
  }
  .contact-page .right-section h2 {
    margin-bottom: 20px;
  }
  .contact-page .right-section p {
    line-height: 30px;
  }
  .slider.contact-page:after {
    bottom: 10%;
    left: 45%;
  }
  .slider.contact-page i.fa-solid.fa-arrow-right-long.slick-arrow {
    position: absolute;
    bottom: 15%;
    left: 3%;
    z-index: 99;
    cursor: pointer;
  }
  .slider.contact-page i.fa-solid.fa-arrow-left-long.slick-arrow {
    position: absolute;
    bottom: 15%;
    cursor: pointer;
    z-index: 99;
  }
  .dropdown-menu.nano {
    width: auto;
    left: -152%;
    top: 46px;
    padding: 50px 75px 50px;
  }
  .multiple_tech {
    margin-top: 35px;
  }
  section.topbanner::after {
    height: 130px;
  }
  .slider.center.toparea .slick-slide img {
    width: 100%;
  }
  .home section.topbanner form .col-md-3 {
    margin-top: 0;
  }
  section.steps-away .box-dez.box5 {
    right: 0;
  }
  .multiple_tech,
  .remote_description,
  .futuristic h1,
  .footer-area {
    text-align: left;
  }
  section.topbanner button.btn.btn-primary {
    padding: 15px 50px;
    font-size: 18px;
    line-height: 1.5;
  }
  section.steps-away a.btn.btn-primary.darkblue {
    display: block;
    width: auto;
    margin: 0 auto;
    margin-top: 0px;
    background: #00538a;
    color: #fff;
    font-family: "gilmer_mediumregular";
    margin-top: 57px;
    border-radius: 10px;
    padding: 16px 25px;
    transition: all 0.5s ease-in;
  }
  .home .industries-column {
    height: 642px;
    top: 20%;
  }
  .home .industries-item img {
    width: auto;
  }
  .home .industries-item img {
    margin-bottom: 10px;
  }
  .home .tab-position {
    position: relative;
    padding-top: 100px;
  }
  .home .industries-item {
    width: 200px;
    height: 200px;
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #ffffff;
    position: absolute;
    fill: #fff;
    filter: drop-shadow(0px 0px 14px rgba(107, 159, 193, 0.23));
  }
  .industries-item.active {
    background-color: #ea9e2a;
  }
  .home .industries-item.item1 {
    top: -60px;
    left: -60px;
    padding: 0 30px;
    right: auto;
    width: 200px;
    height: 200px;
  }
  .home .industries-item.item2 {
    top: 20px;
    left: 245px;
    width: 200px;
    height: 200px;
    padding: 0 30px;
    right: auto;
  }
  .home .industries-item.item3 {
    left: 30px;
    top: 230px;
    width: 140px;
    height: 140px;
    right: auto;
  }
  .home .industries-item.item4 {
    bottom: 70px;
    left: 190px;
    width: 200px;
    height: 200px;
    right: auto;
    top: auto;
  }
  .home .industries-item.item5 {
    right: 240px;
    top: 60px;
    width: 190px;
    height: 190px;
    left: auto;
  }
  .home .industries-item.item6 {
    right: 0;
    top: -60px;
    width: 165px;
    height: 165px;
    padding: 0 30px;
    left: auto;
  }
  .home .industries-item.item7 {
    top: 200px;
    right: 0;
    width: 210px;
    height: 210px;
    left: auto;
  }
  .home .industries-item.item8 {
    bottom: 70px;
    right: 200px;
    width: 180px;
    height: 180px;
    left: auto;
    top: auto;
  }
  .home .industries-item.item9 {
    top: 22%;
    left: -18%;
    height: 180px;
    width: 180px;
    right: auto;
  }
  .home .industries-item.item10 {
    top: 56%;
    left: -11%;
    height: 180px;
    width: 180px;
    right: auto;
  }
  .home .industries-item.item11 {
    right: -17%;
    top: 20%;
    height: 165px;
    width: 165px;
    left: auto;
  }
  .home .industries-item.item12 {
    right: 0%;
    top: 67%;
    height: 140px;
    width: 140px;
    left: auto;
  }
  .home .industries-column {
    height: 642px;
    position: absolute;
    width: 100%;
    top: 20%;
    left: 0;
  }
  .home .industries-section {
    width: 70%;
  }
  .home .tab-position {
    width: auto;
  }
  .ellipse1 {
    width: 9px;
    height: 9px;
    top: 210px;
    left: 160px;
    right: auto;
  }
  .ellipse2 {
    width: 12px;
    height: 12px;
    top: 35px;
    left: -140px;
    right: auto;
  }
  .ellipse3 {
    width: 20px;
    height: 20px;
    bottom: 175px;
    left: 90px;
    right: auto;
  }
  .ellipse4 {
    top: 17%;
    right: 14%;
    width: 16px;
    height: 16px;
    left: auto;
  }
  .ellipse5 {
    width: 20px;
    height: 20px;
    right: -40px;
    bottom: 220px;
    left: auto;
    top: auto;
  }
  .ellipse6 {
    width: 20px;
    height: 20px;
    right: 38%;
    top: 16%;
    left: auto;
  }
  .trusted .col img {
    width: auto;
  }
  section.trusted .row.secnd,
  section.trusted .row.frst,
  section.trusted .row.thrd {
    margin-bottom: 60px;
  }
  .copyright .col-md-5.d-flex.justify-content-end {
    justify-content: flex-end !important;
  }
  .copyright p {
    font-size: 18px;
  }
  section.steps-away img {
    padding-bottom: 25px;
  }
  section.hiresofttopbanner {
    background: none;
    padding: 90px 0;
  }
  section.skillsares.hire-skill .col-md-4 {
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 0;
  }
  section.skillsares.hire-skill .col-md-4 .borderr {
    margin-bottom: 0px;
    padding-left: 47px;
    padding-right: 50px;
  }
  .row.experience h2 {
    padding-bottom: 40px;
    line-height: 52px;
  }
  .experience_description {
    padding: 20px 32px 33px 35px;
    min-height: 368px;
  }
  .experience_description img {
    width: auto;
  }
  section.buildcompany .col-md-2 a {
    padding: 16px 25px;
    font-size: 18px;
  }
  section.skillsares .col-md-4 {
    padding-bottom: 37px !important;
  }
  .hiringsteps img {
    width: auto;
  }
  .cir-im4 {
    bottom: 20%;
  }
  section.hiringsteps h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.ourexperience h2 {
    width: 60%;
    margin: 0 auto;
  }
  section.ourexperience p.ourexper-shrt-dec {
    width: 66%;
    margin: 0 auto;
  }
  section.skillsares.hire-skill .col-md-4 {
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 0;
  }
  section.futuristic.hre-soft .hre-soft-col {
    width: 50%;
  }
  section.futuristic.hre-soft .col-md-6 {
    width: 50%;
  }
  .company-details .address-area {
    width: 50%;
    padding-top: 0px;
  }
  .company-details .message-area {
    width: 50%;
  }
  section.portfolio-main-sec {
    padding: 90px 0 120px;
  }
  .buttosload {
    text-align: center;
    margin-top: 120px;
  }
  .ftr-rgtsection {
    padding-top: 70px;
  }
  section.steps-away p {
    width: 80%;
  }
  section.about-five {
    padding: 100px 0;
  }
  section.about-five h2 {
    margin-bottom: 51px;
  }
  .col.text-center.frs {
    background: url(../images/three.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  .col.text-center.sec,
  .col.text-center.thr,
  .col.text-center.fou {
    background: url(../images/two.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  .col.text-center.fiv {
    background: url(../images/one.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  .about-five p.upperside {
    border-radius: 5px;
    background: #0e6faa;
    line-height: 28px;
    font-family: "gilmer_boldregular";
    padding: 7px 30px;
    margin: auto;
    width: 28%;
    color: #fff;
    margin-bottom: 50px;
    position: relative;
    top: -6%;
  }
  .about-five .col img {
    margin-bottom: 21px;
  }
  .about-five .col p:last-child {
    font-family: "gilmer_boldregular";
    width: 43%;
    margin: 0 auto;
    line-height: 25px;
    color: #194455;
    margin-bottom: 50px;
  }
  .about-five p.upperside.lgtblue {
    background: #08d9ff;
  }
  .about-five .col.text-center {
    position: relative;
  }
  .about-five .col.text-center:not(:last-child):after {
    content: "----";
    position: absolute;
    right: -8%;
    top: 43%;
    font-size: 27px;
    color: #0e6faa;
  }
  .col.text-center.fiv p:last-child {
    width: 60%;
  }
  .footer .ftr-rgtsection h6 {
    font-size: 20px;
    line-height: 30px;
  }
  .col-md-12.lookingFor select {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 18px 22px;
    border-color: rgba(0, 161, 219, 0.2);
  }
  .col-md-12.businessEmail input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 18px 22px;
    border-right: 0;
    border-color: rgba(0, 161, 219, 0.2);
  }
  .futuristic .remote_description p {
    line-height: 28px;
  }
  .about-secnd img {
    width: 100%;
    max-width: 100%;
  }
  .overflowdiv {
    overflow-x: inherit;
  }
  section.about-four .bg-colorh {
    text-align: left;
  }
  .about-eight .remotebg p {
    line-height: 29px;
  }
  .about-nine .bottommarea.row {
    width: 60%;
    margin: 0 auto;
    padding-bottom: 100px;
  }
  .about-nine .bottommarea.row .col-md-3:not(:last-child) {
    border-right: 2px dotted #cfcfcf;
  }
  .slider.contact-page img.quote {
    top: -7%;
    right: -2%;
  }
  .about-nine {
    padding-top: 110px;
  }
  section.abou-top p {
    padding-bottom: 60px;
    width: 80%;
  }
  .slider.contact-page {
    padding-bottom: 100px;
  }
  .slider.contact-page i.fa-solid.fa-arrow-left-long.slick-arrow {
    position: absolute;
    bottom: 15%;
    cursor: pointer;
    z-index: 99;
    left: auto;
  }
  section.about-seven ul li {
    margin-bottom: 0;
  }
  section.about-four h2 {
    margin-bottom: 60px;
  }
  .about-five .overflowdiv .row {
    width: auto;
    max-width: auto;
  }
  .us-ios-icon {
    position: absolute;
    right: 25%;
    top: 19%;
  }
  section.industrialarea.work-join {
    height: 800px;
  }
  .industries-item.item1.work-cir1 {
    left: -105px;
    top: -119px;
    width: 174px;
    height: 175px;
  }
  .industries-item.item2.work-cir2 {
    padding: 17px 16px 4px 16px;
    top: 3px;
    left: 375px;
    width: 200px;
    height: 200px;
  }
  .industries-item.item3.work-cir3 {
    left: 83px;
    top: 23px;
    width: 192px;
    height: 192px;
  }
  .industries-item.item4.work-cir4 {
    bottom: 220px;
    left: 170px;
    width: 160px;
    height: 160px;
  }
  .industries-item.item9.work-cir9 {
    top: 25%;
    left: -15%;
    height: 204px;
    width: 204px;
  }
  .industries-item.item5.work-cir5 {
    right: 280px;
    top: 10px;
    width: 200px;
    height: 200px;
  }
  .industries-item.item6.work-cir6 {
    right: -130px;
    top: -104px;
    width: 172px;
    height: 172px;
    padding: 0 30px;
  }
  .industries-item.item7.work-cir7 {
      top: 30px;
        right: 55px;
        width: 192px;
        height: 192px;
  }
  .industries-item.item8.work-cir8 {
         bottom: 216px;
        right: 133px;
        width: 164px;
        height: 164px;
  }
  .industries-item.item11.work-cir11 {
    right: -12%;
        top: 28%;
        height: 190px;
        width: 190px;
  }
  section.industrialarea.work-join .industries-inner.wrk-withsnd {
    max-width: 60%;
  }
  section.industrialarea.work-join {
        padding: 0;
        background-image: url(../images/ready-bg.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        height: 100%;
        position: relative;
        background-size: cover;
        min-height: 980px;
  }
  section.industrialarea.work-join .industries-column {
    height: 642px;
    position: absolute;
    width: 100%;
    top: 20%;
    left: 0;
  }
  section.industrialarea.work-join .industries-column.inner-work {
    width: 80%;
    left: 0;
    right: 0;
  }
  section.industrialarea.work-join .work-cir2 h4 {
    font-size: 17px;
  }
  .inner-work h4 {
    font-size: 17px;
  }
  .industries-item.item2.work-cir2 p {
    color: #444;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-top: 4px;
    margin: 0;
    padding-bottom: 24px;
  }
  .industries-item.item2.work-cir2:hover p {
    color: #fff;
  }
  .tab-toprgt {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 40px;
  }
  .futuristic .remote_description {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    margin-bottom: 32px;
  }
  .futuristic .remote_description img {
    margin-bottom: 15px;
  }
  .futuristic .remote_description h6 {
    margin-bottom: 10px;
    color: #333;
  }
  .futuristic .remote_description p {
    color: #666;
    line-height: 28px;
    font-size: 16px;
    margin-bottom: 0;
  }
  section.topbanner .col-md-8 p {
    padding-left: 9%;
    padding-right: 9%;
  }
  .industries-inner {
    max-width: 60%;
    margin: 0 auto;
  }
  ul.social-details {
    padding-top: 45px;
  }
  p.bluecolor {
    margin-bottom: 0;
  }
  .ftr-rgtsection h6 {
    margin-bottom: 34px;
  }
  .social-details li {
    padding-bottom: 0;
  }
  section.find_talent .wdtarea p {
    width: 37%;
    margin-bottom: 14px;
  }
  .hire-affter {
    position: relative;
  }
  .col.text-center.hire-affter::after {
    content: "";
    position: absolute;
    background-image: url(../images/hire-software/hire-arrow.png);
    width: 20%;
    height: 20px;
    background-repeat: no-repeat;
    margin-left: 0;
    top: 35%;
    right: -10%;
    animation: 3.5s ease-out 0s 1 slideInFromLeft;
    display: block;
  }
  .col.text-center.hire-affter.last::after {
    background-image: none;
  }
  section.hiringsteps {
    padding-bottom: 120px;
  }
  h6.hire-step-heading {
    padding-top: 35px;
  }
  section.hiringsteps h2 {
    padding-bottom: 70px;
  }
  .ourexperience .row.experience {
    width: 90%;
    margin: 0 auto;
  }
  section.buildcompany.mar-top .col-md-6 h2 {
    font-size: 45px;
    line-height: 62px;
  }
  .portfolio-main:hover .hhd-content {
    height: 300px;
  }
  .portfolio-main.movement:hover .hhd-content {
    height: 300px;
  }
  .hhs-dec {
    top: 0;
  }
  .hhd-content {
    padding: 30px 20px 20px 20px;
  }
  section.slider-container.slidersd h2 {
    font-size: 40px;
    line-height: 60px;
  }
  section.job-tabs .nav-link {
    width: 489px;
    height: 55px;
  }
  section.job-tabs a,
  span.count {
    font-size: 18px;
  }
  .job-tabs .navs-tabs img {
    padding: 8px 19px 12px 19px;
  }
  .job-tabs span.count {
    padding: 7px 16px 11px 16px;
  }
  section.buildcompany .headingWithBtn h2 {
    font-size: 45px;
  }
  section.buildcompany .buildcompany-img {
    height: 388px;
  }
  section.buildcompany .headingWithBtn a {
    margin-left: 36px;
    font-size: 22px;
    max-width: 328px;
    padding: 16px 35px;
  }
  .job-form.box-shadpw {
    margin-left: 172px;
    padding: 52px 50px;
  }
  form.jobsubmit input,
  form.jobsubmit textarea {
    font-size: 18px;
  }
  ul.headerbullets li,
  .expectation-bullets li {
    font-size: 18px;
  }
  section.faq .accordion-body ul li {
    margin-top: 10px;
  }
  .expectation-section .col-md-6 img {
    width: auto;
  }
  ul.address-bullet li {
    color: #222;
    font-family: gilmer_mediumregular;
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    margin-bottom: 30px;
  }

  body.singledetail .modal-dialog {
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    max-width: 50%;
  }
  body.singledetail .modal-content {
    height: 100%;
  }
  body.singledetail .step {
    display: none;
  }
  body.singledetail .step.active {
    display: block;
  }
  section.faq .accordion-body {
    font-size: 17px;
  }
  #stepForm button.btn.btn-primary.darkblue,
  #stepForm button.btn.btn-secondary {
    margin-top: 22px;
  }
}

@media (min-width: 1921px) and (min-width: 3840px) {
  .container {
    max-width: 1700px;
  }
}

@media only screen and (max-width: 1024px) {
    
div#step1 input, #stepForm .form-control {
        font-size:10px;
}
    
div#imageSelection img {
                object-fit: cover !important;
                        width: auto;
        margin-bottom: 20px;
    }
    
    .imageOption {
    margin-right: 0;
}

body.singledetail .step .darkblue{
    margin-left:15px;
}

body.singledetail .step .gap-2{
    gap:0 !important;
}

/*  body.singledetail, body.work-with-uspage, body.hirepage {*/
/*    overflow-x: hidden;*/
/*}    */
    
  .home section.topbanner {
    padding: 120px 0 0;
  }
  .objectss span.icon3,
  .objectss span.icon3 img,
  .objectss span.icon1,
  .objectss span.icon1 img,
  .objectss span.icon6,
  .objectss span.icon6 img {
    width: 109px;
    height: 108px;
  }
  .objectss span.icon1 {
    left: 8%;
  }
  .objectss span.icon5 {
    right: 0%;
  }
  .objectss span.icon6 {
    right: -84%;
    top: 460px;
  }
  .objectss span.icon4 {
    right: 0%;
  }
  html,
  body,
  section.headerarea,
  section.multiple_tech,
  section.steps-away,
  section.hire_remote,
  .futuristic,
  section.trusted,
  .industrialarea,
  section.happy_customers,
  .find_talent,
  .footer-area,
  section.topbanner,
  section.obj {
    /*overflow-x: hidden !important;*/
    width: 100%;
  }
}

@media only screen and (max-width: 992px){
    
  body.singledetail, body.work-with-uspage, body.hirepage, body.home {
    overflow-x: hidden;
}
    
    section.how-hire-dev {
    padding: 40px 0 50px;
}
    
    section.how-hire-dev .col-md-6.lft, section.how-hire-dev .col-md-6.rgt {
    margin-bottom: 20px;
}
    
    section.how-hire-dev .rgt {
    padding-right: 15px;
    padding-left: 39px;
        padding-bottom: 20px;
}
    
    section.how-hire-dev .container-fluid .col-md-6.lft, section.how-hire-dev .container-fluid .portfolio-slider {
    padding-left: 39px;
}
    
    section.how-hire-dev .container-fluid .col-md-6{
        width:100% !important;
    }
    
   section.skillsares.hire-skill .col-md-4 {
        border: none;
        border-bottom: 1px solid #d6d6d6 !important;
        width: 50%;
        padding-bottom: 40px;
    }     
    
    .portfolio-main.movement:hover .hhd-content {
    height: 300px;
}
    
.circle-img-left {
    height: 900px;
}

.futuristic .row > .col-md-6{
    width:100% !important;
}

.steps-away .col-md-4{
    width:50% !important;
}

    .Life.At.Nanosoft h1.title-fun {
    width: 100%;
}
.Life.At.Nanosoft h6.main-dec {
    width: 90%;
}
.Life.At.Nanosoft .btn-life {
    width: 100%;
}
    .btn-life {
        font-size: 13px !important;
    }
    .Life.At.Nanosoft .we-act-as {
    width: 90%;
    margin-left: 0px;
}
}

@media only screen and (max-width: 1680px) {
    
#stepForm span.tag.label.label-info {
    font-size: 13px;
}    

div#imageSelection {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

div#imageSelection img {
        height: 110px;
        object-fit: fill;
}
    
        .hiringsteps img {
        width: 40%;
    }
        h6.hire-step-heading {
        padding-top: 20px;
    }
  .Life.At.Nanosoft .top-heading {
    padding: 73px 0 22px;
  }
  .Life.At.Nanosoft .top-heading {
    width: 70%;
  }
  .Life.At.Nanosoft .top-decription {
    width: 90%;
    padding-bottom: 50px;
  }
  #lifeatnanosoft p {
    line-height: 27px;
  }
  section#lifenanosoft {
    padding: 70px 0 0;
  }
  .Life.At.Nanosoft h4 {
    font-size: 24px;
    line-height: 34px;
  }
  .Life.At.Nanosoft .btn-life {
    height: 50px;
    margin-top: 0px;
  }
  section#we-act-as {
    padding: 60px 0 40px;
  }
  section#we-act-as .we-act-before {
    padding-top: 30px;
  }
  .Life.At.Nanosoft p.img-short-dec {
    width: 84%;
  }
  .Life.At.Nanosoft .we-act-as {
    height: 550px;
  }
  .Life.At.Nanosoft section#fun {
    padding-bottom: 60px;
  }
  .Life.At.Nanosoft section#feel-apre {
    padding: 60px 0;
  }
  .Life.At.Nanosoft .row.work_first_slider {
    padding: 25px 0 20px;
  }
  .Life.At.Nanosoft section#employee-centric {
    padding: 70px 0 70px;
  }
  .Life.At.Nanosoft section#gray-img {
    padding: 60px 0;
  }
  .Life.At.Nanosoft section#employee {
    padding: 60px 0 60px;
  }
  .Life.At.Nanosoft .rate {
    padding: 25px 25px 35px 25px;
  }
  .Life.At.Nanosoft p.rate-dec {
    width: 100%;
  }
  .Life.At.Nanosoft h2.text-center.emp-main {
    padding-bottom: 25px;
  }
  section.find_talent .container {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 1198px) {
    
    /*    .overflowdiv {*/
    /*    overflow-x: hidden;*/
    /*}*/
    
    section.skillsares.hire-skill .col-md-4 .borderr {
        padding: 0 15px;
    }
    
  .home .industries-column {
    top: 0%;
  }
  .home .tab-position {
    padding-top: 880px;
  }
  .portfolio-image img {
    height: 460px;
    object-fit: cover;
  }
}

@media only screen and (max-width: 1024px) {
    
    
      .overflowdiv {
        overflow-x: scroll;
    }
    
    section.headerarea nav.mub-display li ul li a.disable{
        color: #0E6FAA;
        font-weight: 600;
    }
    
    
  .Life.At.Nanosoft .top-heading {
    width: 80%;
  }
  .Life.At.Nanosoft .top-decription {
    width: 90%;
    padding-bottom: 30px;
  }
  section#lifenanosoft {
    padding: 40px 0 0;
  }
  .Life.At.Nanosoft h4 {
    font-size: 20px;
    line-height: 30px;
  }
  .btn-life {
    font-size: 12px !important;
  }
  section#we-act-as {
    padding: 50px 0 50px;
  }
  .Life.At.Nanosoft p.we-dec {
    width: 90%;
  }
  .Life.At.Nanosoft .we-act-as {
    height: 445px;
  }
  .Life.At.Nanosoft p.fun-dec {
    width: 90%;
  }
  .Life.At.Nanosoft section#fun .col-sm-6 img {
    width: 100%;
  }
  .Life.At.Nanosoft section#feel-apre {
    padding: 40px 0;
  }
  .Life.At.Nanosoft section#employee-centric {
    padding: 40px 0 40px;
  }
  .Life.At.Nanosoft section#employee-centric p {
    width: 90%;
  }
}

@media only screen and (max-width: 768px) {
  .Life.At.Nanosoft .rate img {
    width: 48px;
  }
  .Life.At.Nanosoft p.rate-dec {
    font-size: 18px;
    line-height: 28px;
  }
  section#we-act-as {
    padding: 50px 0 50px !important;
  }
  .Life.At.Nanosoft .rate {
    padding: 15px 15px 15px 15px;
    height: 200px;
  }
  .Life.At.Nanosoft .top-decription {
    width: 100%;
  }
  .Life.At.Nanosoft section#employee-centric p {
    width: 100%;
  }
  .Life.At.Nanosoft p.feel-dec {
    width: 90%;
  }
  .Life.At.Nanosoft p.we-dec {
    width: 100%;
  }
  .Life.At.Nanosoft .we-act-as {
    width: 90%;
    margin-left: 0px;
    margin: 0 auto;
  }
  .Life.At.Nanosoft .we-act-as {
    height: 390px;
  }
  .Life.At.Nanosoft p.fun-dec {
    width: 100%;
  }
  .Life.At.Nanosoft h6.main-dec {
    width: 100%;
  }
  .Life.At.Nanosoft .top-heading {
    padding: 30px 0 22px;
  }
  .Life.At.Nanosoft .snd-left {
    width: 100%;
  }
  .Life.At.Nanosoft .btn-life {
    width: 100%;
  }
  .Life.At.Nanosoft h1.title-fun {
    width: 100%;
  }
  .Life.At.Nanosoft a.btn-at-nano {
    font-size: 13px;
    line-height: 23px;
  }
  section.headerarea {
    padding: 0 15px;
  }
  .home section.headerarea {
    position: absolute;
  }
  .page.heading h2 {
    width: 90%;
  }
  .page.heading {
    margin-bottom: 50px;
    margin-top: 50px;
  }
  section.company-details {
    padding: 60px 0 100px 0;
  }
  .col-sm-6.message-area h4,
  .col-sm-6.address-area h4 {
    margin-bottom: 15px;
  }
  .col-sm-6.address-area {
    padding-left: 0%;
    padding-right: 0px;
  }
  ul.address-bullet li {
    margin-bottom: 20px;
  }
  ul.address-bullet {
    margin-bottom: 0px;
  }
  .contact-page .slick-active {
    padding: 40px 0px 20px 0px;
  }
  .slider.contact-page i.fa-solid.fa-arrow-left-long.slick-arrow,
  .slider.contact-page i.fa-solid.fa-arrow-right-long.slick-arrow {
    bottom: 20px;
  }
  .industries-column {
    height: 400px;
  }
  .industries-column.inner-work {
    width: 350px;
  }
  section.industrialarea.work-join {
    height: 1300px;
    background-image: none;
  }
  .work-join .industries-item {
    padding: 0 15px;
  }
  .industries-item.item6.work-cir6 {
    padding: 0 15px;
  }
  .tab-position.work-circle .inner-work h4 {
    font-size: 11px;
    line-height: 13px;
  }
  .about-nine {
    padding-top: 0px;
  }
  .about-nine {
    padding-bottom: 0px;
  }
  section.find_talent p {
    padding: 0px 20px 15px;
  }
}

@media only screen and (max-width: 767px) {
    
.portfolio h1 {
    width: 96%;
    font-size: 22px;
    line-height: normal;
}

.or-port .job-details {
    padding-top: 60px;
    padding-bottom: 80px;
}
    
div#imageSelection img {
        width: 100%;
}


.imageOption {
    margin-right: 10px;
}

p.main-haipara {
        padding-bottom: 0;
        margin-bottom: 12px;
}

div#imageSelection img {
        height: auto;
        object-fit: cover;
        margin-bottom: -15px;
    }
    
#step4 p {
        font-size: 12px;
    }
    
   div#imageSelection {
        margin-bottom: 35px;
    }
    
#stepForm button.btn.btn-primary.darkblue, #stepForm button.btn.btn-secondary {
        padding: 5px 30px;
        font-size: 13px;
        margin-top: 0px;
}

    .modal-body .progress-valuepar {
        margin-bottom: 0;
    }
    
#stepForm ul.skillslist li {
        margin-bottom: 4px;
}

div#popularSkills {
    margin-top: 20px;
}
    
.modal-body h3.step-heading {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 12px;
}
    
 .carousel-testimonial .item {
    height: 100% !important;
}
    
.tab-toprgt button.apply-now-btn {
        margin-top: 0;
}
    
    .tab-toprgt {
        padding-top: 20px;
    }
    
section.job-tabs .nav-link {
    height: 50px;
    font-size: 14px;
    line-height: 28px;
}

.job-tabs span.count {
        font-size: 14px;
        line-height: 28px;
    }
    
        section.how-hire-dev .container-fluid .col-md-6.lft, section.how-hire-dev .container-fluid .portfolio-slider {
        padding-left: 20px;
    }
    
    section.how-hire-dev .col-md-6.lft, section.how-hire-dev .col-md-6.rgt {
    margin-bottom: 20px;
}
    
section.how-hire-dev {
    padding: 40px 0 50px;
}

section.how-hire-dev .rgt {
        padding: 20px;
         padding-top: 0;
    }
    
.hhd-right-content {
        padding: 0;
}
    
        section.skillsares.hire-skill .col-md-4 {
        width: 100%;
        padding-bottom: 0px;
    }
    
    .des ul.jobdett li {
    font-size: 14px;
}

.jobdett{
        padding-left: 15px;
}
    
        section.industrialarea.work-join {
        height: 1470px;
    }
    
    .steps-away .col-md-4 {
        width: 100% !important;
    }
        .about-secnd h2 {
        font-size: 16px;
        line-height: 26px;
    }
        section.about-four, section.about-seven {
        padding: 30px 0;
    }
    section.about-five {
    padding: 30px 0;
}
section.about-eight {
    padding-top: 30px;
}
  .Life.At.Nanosoft h2.feel-title {
    width: 90%;
  }
  .Life.At.Nanosoft p.img-short-dec {
    width: 90%;
  }
  .Life.At.Nanosoft .we-act-as {
    width: 100%;
  }
  section#we-act-as {
    padding: 50px 0 50px !important;
  }
  .Life.At.Nanosoft .we-act-as {
    height: 500px;
  }
  .Life.At.Nanosoft .btn-life {
    margin: 0 auto;
  }

  .Life.At.Nanosoft .snd-left {
    margin: 0 auto;
    float: none;
  }
  .home .tab-position {
    padding-top: 920px;
    width: 90%;
    margin: 0 auto;
  }
  .home .tab-position {
    padding-top: 920px;
    width: 90%;
    margin: 0 auto;
  }
  .home .industries-item.item1,
  .home .industries-item.item3,
  .home .industries-item.item5,
  .home .industries-item.item7,
  .home .industries-item.item11,
  .home .industries-item.item9 {
    left: 0%;
  }
  .custom-menu button.navbar-toggler i {
    font-size: 30px;
    line-height: 30px;
  }
  .custom-menu button.navbar-toggler span {
    font-size: 30px;
    line-height: 30px;
  }
  .custom-menu button.navbar-toggler {
    border: 0px;
    padding: 0px;
    width: 30px;
    display: block;
  }
  .navbar-toggler:focus {
    box-shadow: 0 0 0 0 !important;
  }
  :focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
  }
  .custom-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mub-display .navbar-brand {
    font-size: 11px;
    padding: 8px 10px;
    margin-right: 10px;
  }
  .slider.center.toparea .slick-slide img {
    width: 100%;
    margin: 0 auto;
  }
  .headerarea .mub-display .container-fluid {
    /*flex-wrap: nowrap;*/
    padding: 0px !important;
    margin: 0px !important;
  }
  section.headerarea .container {
    padding: 0px;
  }
  section.happy_customers .slick-arrow {
    display: none !important;
  }
  section.topbanner .col-md-8 h1,
  section.hiresofttopbanner .col-md-8 h1 {
    padding-bottom: 15px;
  }
  html,
  body,
  section.headerarea,
  section.multiple_tech,
  section.steps-away,
  section.hire_remote,
  .futuristic,
  section.trusted,
  .industrialarea,
  section.happy_customers,
  .find_talent,
  .footer-area,
  section.topbanner,
  section.obj {
    overflow-x: hidden !important;
    width: 100%;
  }
  section.obj {
    display: none;
  }
  
  .or-port .mub-display .container-fluid{
    padding:0 15px !important;
}
section.portfolio-main-sec.our-clientsarea {
    width: 95%;
}
}

@media only screen and (max-width: 365px) {
        .Life.At.Nanosoft .we-act-as {
        height: 400px;
    }
  .mub-display .navbar-brand {
    font-size: 10px;
    padding: 8px 10px;
    margin-right: 5px;
  }
  .custom-menu button.navbar-toggler {
    width: 25px;
  }
  
      .industries-column.inner-work {
        width: 300px;
    }
  
}