@media only screen and (max-width: 576px) {
  .bread-crumb-work {
    margin-top: unset;
  }

  .bread-crumb-work #breadcrumbs {
    font-size: 12px;
    margin-bottom: 0px;
  }

  .blog-detail {
    padding: 0px;
  }

  .section {
    padding: 50px 0;
  }

  .navbar-brand {
    width: 170px;
  }

  .page-banner {
    height: 330px;
  }

  .heading {
    font-size: 28px;
    line-height: 38px;
  }

  .sm-text {
    font-size: 14px;
    line-height: 24px;
  }

  .text {
    font-size: 14px;
    line-height: 24px;
  }

  .first-banner {
    padding: 50px 0;
  }

  .header-social {
    display: none;
  }

  header .navbar-nav .nav-item:hover .sub-menu {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
  }

  header .menu-item-has-children .sub-menu li a {
    color: #ffffff !important;
    font-size: 16px;
  }

  .banner-slide .slick-dots li button::before {
    font-size: 10px;
  }

  .bread-crumb-work a {
    line-height: 40px;
  }

  /* banner */

  .banner {
    padding-top: 190px;
    height: 550px;
  }

  .banner .banner-above-title {
    margin-left: 10px;
    font-size: 16px;
  }

  .blogs.blog-home .row .slick-slide {
    height: 400px !important;
  }

  .page-template-front-page .blogs {
    padding-bottom: 70px;
  }

  footer .footer-padding-right {
    display: block;
  }

  footer .tagline-certified {
    margin-left: 0px;
  }

  footer .footer-padding-box {
    padding-left: 0px;
    width: 100%;
  }

  footer .tagline {
    margin-left: 0px;
    width: 54%;
    margin-top: 6px;
  }

  footer .footer-logo-certified {
    width: 59%;
  }

  .banner .banner-title {
    margin-left: 10px;
    font-size: 36px;
    line-height: 48px;
    width: 100%;
  }

  .banner .banner-btn {
    margin-left: 10px;
    font-size: 14px;
    padding: 10px 18px;
    margin-top: 15px;
  }

  .header-social {
    left: -20px;
    margin: 5px 0;
  }

  .header-social::before {
    height: 116px;
    top: 11px;
  }

  .header-social-2 {
    margin: 13px 0;
  }

  /* key-services */

  .key-services .with-vector-3 {
    padding: 0 10px;
    margin: 30px 0 0;
    height: auto;
  }

  .with-vector-3::before {
    left: 30px;
    width: 240px;
    height: 240px;
  }

  .with-vector-3:hover::before {
    left: -3px;
    bottom: -13px;
  }

  .with-vector-extra::before {
    height: 280px;
  }

  .key-services .value-box {
    padding: 27px;
  }

  .key-services .value-box .icon {
    width: 50px;
    height: 50px;
    margin-bottom: 18px;
  }

  .key-services .value-box .head {
    margin-bottom: 18px;
    min-height: auto;
  }

  .key-services .value-box .text {
    min-height: auto;
  }

  .key-services .connect-btn {
    padding: 10px 18px;
  }

  .gli-workforce .text {
    margin-left: 0;
  }

  .gli-workforce .custom-center {
    justify-content: left;
  }

  .gli-workforce .bg-grad {
    margin-left: 0;
  }

  .gli-workforce .box {
    margin-bottom: 20px;
  }

  .gli-workforce .box .title {
    text-align: left;
  }

  /* mid-banner */

  .mid-banner-left .heading {
    margin-top: 20px;
  }

  .mid-banner .sm-text {
    width: 100%;
    padding-left: 0;
  }

  .mid-right-block .heading {
    margin-top: 10px;
    margin-bottom: 0px;
  }

  .mid-right-block {
    padding: 20px 17px 17px 17px;
    margin: 14px 0;
  }

  .right-section-mid-banner {
    margin-top: 20px;
  }

  /* industry */

  .industry .img {
    padding: 10px;
  }

  .industry .img::before {
    left: -2px;
    height: 200px;
    bottom: -8px;
    width: 145px;
    right: -10px !important;
  }

  .industry .content {
    margin-top: unset;
  }



  .industry .sm-text {
    width: 100%;
    margin: 10px 0;
  }

  .industry .connect-btn {
    margin: 10px 0;
    padding: 10px 18px;
  }

  .our-process .sm-text {
    width: 100%;
    margin: 10px 0;
  }

  .our-process .dashed {
    display: none;
  }

  .our-process .desc-right {
    margin-left: 0px;
  }

  .our-process .process-box .head {
    margin-top: 22px;
  }

  /* advantages */

  .advantages .heading {
    margin-bottom: 20px;
  }

  .advantages .main-para {
    margin-left: 0px;
  }

  .advantages .advantage-text .listing-para {
    margin-left: 0px !important;
    margin-bottom: 20px !important;
  }



  .thank-you a.btn-class {
    width: 50%;
  }

  .thank-you h2 {
    font-size: 58px;
  }

  section.thank-you {
    padding: 00% 0 78% 0;
  }

  section.thank-you .header-row {
    padding-bottom: 60%;
  }

  .thank-you p {
    font-size: 16px;
    line-height: 26px;
  }

  /* .advantages .sm-text {
    margin-left: 0;
    margin-bottom: 20px;
  } */

  .advantages .contact {
    margin-left: unset;
    margin-top: unset;
  }

  .advantages .contact-us {
    font-size: 14px;
    padding: 12px 24px;
    margin-bottom: 40px;
  }

  .advantage-text svg {
    margin-left: 0;
  }

  .right-section-advantages .item-line-top {
    width: -webkit-calc(100% + 30px);
    height: 2px;
    left: -11px;
    top: -1px;
  }

  .right-section-advantages .item-line-bottom {
    width: -webkit-calc(100% + 30px);
    height: 2px;
    left: -11px;
    bottom: -1px;
  }

  .right-section-advantages .item-line-left {
    height: calc(100% + 48px);
    width: 2px;
    top: -21px;
    left: 5px;
  }

  .right-section-advantages .item-line-right {
    height: calc(100% + 48px);
    width: 2px;
    top: -21px;
    right: 5px;
  }

  /*  */

  .client-testimonial {
    padding: 50px 0;
  }

  .client-testimonial .value-box {
    margin-top: 30px;
    padding: 20px 20px;
  }

  .client-testimonial .value-box .icon {
    margin: 0 0 0 12px;
  }

  .client-testimonial .value-box .text,
  .client-testimonial .value-box .our-companies .company-box .learn-more,
  .our-companies .company-box .client-testimonial .value-box .learn-more {
    margin-left: 15px;
    line-height: 24px;
  }

  .client-testimonial .value-box .head {
    margin-left: 15px;
  }

  /* our-partners */

  .our-partners {
    margin-top: 0;
    margin-bottom: 0;
  }

  .our-partners h2 {
    margin-bottom: 30px;
    padding-bottom: 0;
  }

  .our-partners p {
    padding-bottom: 30px;
  }

  .our-partners .desc-right {
    margin-left: 0px;
  }

  /* advanatage */

  .advantage-text .svg {
    margin-left: 0px;
    text-align: left;
  }

  /* midbanner banner 2 */

  .mid-banner.banner2 .heading {
    padding-left: 30px;
  }

  .mid-banner .contact-us {
    font-size: 14px;
    padding: 10px 18px;
  }

  .banner2 .banner2-btn {
    text-align: left;
    padding-left: 45px;
  }

  /* success stories */

  .success-stories .heading {
    margin-bottom: 20px;
  }

  .success-img img {
    padding: 0px 10px 20px 10px;
  }

  .success-img-2 img {
    padding: 0px 10px 5px 10px;
  }

  .success-stories .sm-text {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0 10px;
  }

  .num.marg {
    padding-left: 10px;
  }

  /* form and informatiom */

  .left-info {
    margin: 0px 0 0 0;
  }

  .info-box-2 {
    text-align: center;
    margin: 30px 0 18px 0;
  }

  .right-info {
    margin-top: 40px;
  }

  .mid-info {
    margin: 4px 0 0 0;
  }

  button.send-button.animateUp.animate__animated.animate__fadeInUp {
    margin-top: 30px;
  }

  /* blogs */

  .blogs {
    padding: 70px 0 120px 0;
  }

  /* footer */

  .services-template-default .footer-strip {
    margin-top: 10px;
  }

  footer {
    padding: 30px 0 60px 0;
  }

  footer .footer-title {
    margin-bottom: 30px;
    margin-top: 40px;
  }

  .footer-social {
    margin-left: 18px;
  }

  .footer-banner .heading {
    font-size: 36px;
    line-height: 48px;
    margin-top: 50px;
  }

  .footer-banner .image {
    width: 100%;
    padding: 7% 10% 5% 6%;
  }

  .footer-banner .image::before {
    left: 35px;
  }

  .footer-banner .image::after {
    top: -45px;
  }

  /* about-us page */

  /* banner */

  .page-banner {
    display: flex;
    align-items: flex-end;
    padding-bottom: 30px;
  }

  .page-banner .page-title {
    font-size: 30px;
    line-height: 42px;
    margin-left: 10px;
    position: relative;
    top: 0;
  }



  .faq-bg .page-banner {
    background-position: 75% 0;
  }

  /* main intro */

  .main-intro .sm-text {
    margin-left: 0px;
  }

  /* global-leader */

  .global-leader .heading {
    padding-left: 0;
    margin-bottom: 20px;
  }

  .global-leader .sm-text {
    padding-left: 0;
    margin-bottom: 20px;
  }

  .global-leader .global-1 .sm-text {
    padding-left: 0;
  }

  .global-2 {
    padding-left: 0;
  }

  .global-4 {
    margin: 20px 0;
    padding-left: 0px;
  }

  .global-4::before {
    left: -6px;
  }

  .global-4 .heading {
    margin-left: 20px;
    margin-bottom: 10px;
  }

  .global-4 .sm-text {
    margin-left: 20px;
    margin-bottom: 10px;
  }

  /*  */

  .certifications .col {
    flex: 0 0 100%;
    text-align: center;
  }

  .certificate-box {
    margin-top: 25px;
    padding: 12px;
  }

  .certifications .view-certificate {
    margin-top: 40px;
    padding: 10px 18px;
  }

  .certificate-button {
    text-align: center;
  }

  /* manpower-solutions-1 */

  .manpower-soln-banner .page-title {
    top: 183px;
  }

  .manpower-solutions-1 .heading {
    margin-bottom: 20px;
  }

  .manpower-solutions-1 .sm-text {
    width: 100%;
    margin-bottom: 20px;
  }

  .skill-discipline {
    margin-bottom: 0px;
  }

  .skill-discipline .heading {
    margin-bottom: 20px;
  }

  .skill-discipline .sm-text {
    margin-bottom: 20px;
  }

  .skillset .connect-btn {
    padding: 10px 18px;
  }

  /* manpower-solutions-2  */

  .manpower-solutions-2 .map-BG {
    padding: 50px 0 0 0;
  }

  .manpower-solutions-2 .heading {
    margin-bottom: 20px;
  }

  .manpower-solutions-2 .sm-text {
    width: 100%;
    margin-bottom: 20px;
  }

  .manpower-head {
    padding: 0 0 20px 0;
  }

  .num h2 {
    font-size: 30px;
  }

  .num h2 span {
    font-size: 24px;
  }

  /* our process */

  .manpower-solutions-3 .heading {
    margin-bottom: 20px;
  }

  .manpower-solutions-3 .sm-text {
    width: 100%;
    margin-bottom: 20px;
  }

  /* vision */

  .vision {
    padding: 0px 0;
  }

  .vision .row {
    flex-direction: column-reverse !important;
  }

  .with-vector::before {
    width: 130px;
    height: 220px;
    bottom: -12px;
  }

  .vision .row:nth-child(2n) .with-vector::before {
    left: -10px;
  }

  .vision .row .with-vector::before {
    right: -10px;
  }

  .vision .heading {
    padding-top: 40px;
    padding-bottom: 15px;
  }

  .vision .row:nth-child(n + 2) {
    margin-top: 20px;
  }

  .vision-pb {
    margin-bottom: 30px;
  }

  /* contact-banner */

  .contact-banner .info {
    margin-bottom: 70px;
  }

  /* why fos ? */

  /* why-fos */

  .why-fusion {
    margin-bottom: 70px;
  }

  .why-fusion .sm-text {
    margin: 0 0 20px 0;
  }

  /* v1 */

  .industries-banner .page-title {
    top: 183px;
  }

  .mr-bottom {
    margin-bottom: 20px;
  }

  .division .row:nth-child(n + 2) {
    margin-top: 40px;
  }

  .division-challenges svg {
    margin: 0 6px;
  }

  .division-challenges span {
    font-size: 18px;
    line-height: 30px;
  }


  .division-challenges {
    margin-bottom: 8uuuuuuuuuuuuuuuuuuuuuuuuuupx;
  }


  /* v2 */

  .fo-introduction {
    margin: 20px 0;
  }

  /* oil and gas */

  /* why-fusion */

  .connect-fusion {
    margin: 30px 0 0 0;
  }

  .why-fusion .connect-btn {
    font-size: 12px;
    padding: 8px;
  }

  /* success stories */

  /* e-industry */

  .e-industry {
    margin-top: 50px;
  }

  .e-industry .img::before {
    left: -10px;
    top: -10px;
    width: 200px;
    height: 200px;
  }

  .support-right {
    margin-top: 40px;
  }

  .support-right .sm-text {
    padding-left: 0;
  }

  .support-left {
    padding-left: 0;
  }

  /* last-banner */

  .last-banner .heading {
    font-size: 28px;
    line-height: 38px;
  }

  .last-banner .contact-us {
    font-size: 14px;
    padding: 10px 18px;
  }

  /*  record-services */

  .record-services .bottom-text {
    margin-left: 0;
  }

  .record-tick-mark {
    text-align: center;
  }

  .record-services .contact {
    margin: 0;
    text-align: left;
    margin-top: 30px;
  }

  .record-services .contact-us {
    font-size: 10px;
    padding: 8px;
  }

  .record-services.why-us .record-para {
    padding-left: 10px;
  }

  /* employer services */
  /* e-service */

  .e-service .heading {
    padding-left: 0 !important;
  }

  .e-service .sm-text {
    padding-left: 0;
  }

  .e-left {
    margin-top: 20px;
    margin-left: 0px;
  }

  .e-left .heading {
    padding-left: 30px !important;
  }

  .e-left .heading {
    font-size: 20px;
    line-height: 32px;
  }

  .e-service.record-solution .e-left .heading {
    padding-left: 40px !important;
  }

  .e-left .sm-text {
    padding-left: 40px;
  }

  .e-left .num {
    left: 5px;
    width: 25px;
    height: 25px;
    top: 5px;
  }

  .e-left .num span {
    line-height: unset;
  }

  /* faq-banner */

  .sm-text-right {
    margin-top: 20px;
  }

  .last-banner p {
    width: 100%;
  }

  /* career - cv */

  .career .c {
    margin-top: 40px
  }

  .career .vector::before {
    width: 150px;
    height: 190px;
  }

  .career-growth .vector::before {
    width: 150px;
    height: 190px;
  }

  .career .heading.no-dash {
    margin-top: 30px;
  }

  .career-growth .heading.no-dash {
    margin-top: 30px;
  }

  .cv-head {
    margin-bottom: 20px;
  }

  .cv-form .form-group {
    margin-top: 10px;
  }

  .cv-row-3 {
    margin-top: 10px;
    margin-bottom: 10px;
  }



  .cv-item-2 {
    margin-top: 50px;
  }

  .cv-form .send {
    margin-top: 0px;
  }


  .menu-item-has-children::before {
    right: 0;
  }

  .our-partners .customNavigation .testi-next1 {
    right: -3%;
  }

  .our-partners .customNavigation .testi-prev1 {
    left: -3%;
  }


  .our-partners .partner-logo img {
    margin: 0px 2px;
  }

  .page-template-front-page .our-partners {
    margin-bottom: 0px;
  }

  .blogs.blog-detail {
    padding-bottom: 70px;
  }

  .blogs.blog-detail .row .slick-slide {
    height: 302px !important;
  }

  .header-email-row {
    display: none;
  }

  .blogs.blog-detail .blog-carousel .slick-prev {
    left: -15px;
    z-index: 999;
  }

  .blog-para ol,
  .blog-para ul {
    padding-left: 16px;
  }

  .blogs .blog-carousel .blog-box {
    margin-top: 0px;
  }


  .blog-detail .blog-carousel .col-md-4 {
    padding: 0px;
  }

  .blog-detail .blog-carousel .blog-box img {
    margin-top: 0px;
  }

  .cookie-btn img {
    width: 76%;
  }

  .tagline {
    width: 54%;
    margin-left: 0px;
  }

  header .navbar .navbar-brand img {
    width: 92%;
    height: auto;
  }

  .footer-logo {
    width: 60%;
    height: auto;
  }

  .footer-strip .row .box img.black-arrow {
    width: 9%;
    height: auto;
  }

  .accordionWrapper {
    padding-left: 0;
  }

  .accordionItemHeading {
    font-size: 18px;
    line-height: 28px;
  }

  .accordionItemContent p {
    font-size: 14px;
    padding-right: 16px;
  }

  .accordionItemContent .career-section-1 {
    padding-top: 20px;
  }

  .evationg,
  .benefits,
  .faq-section,
  .industy-section,
  .function {
    padding: 30px 0 !important;
  }

  .our-journey .d-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .our-journey .journey-box {
    width: 100vw;
  }

  .p-0 {
    padding: 0px 16px !important;
  }

  .our-journey .journey-box img,
  .our-journey .d-flex .journey-box:hover {
    height: 25vh !important;
  }

  .our-journey .d-flex .journey-box {
    margin: 10px 0;
  }

  .our-journey .journey-box:hover .mid-head {
    top: 20%;
  }

  .our-client .sm-text {
    font-size: 14px;
    line-height: 24px;
  }

  .our-client .slick-prev {
    left: -16px;
    z-index: 999;
  }

  .our-client .slick-next {
    right: -5px;

  }

}

@media only screen and (min-width: 577px) and (max-width: 768px) {
  .section {
    padding: 50px 0;
  }

  .heading {
    font-size: 26px;
    line-height: 38px;
    padding-left: 60px;
  }

  .sm-text {
    font-size: 14px;
    line-height: 24px;
  }

  .text {
    font-size: 14px;
    line-height: 24px;
  }

  .first-banner {
    padding: 50px 0;
  }

  .faq-bg .page-banner {
    background-position: 65% 0;
  }

  .banner .banner-title {
    margin-top: 30px;
    margin-left: 60px;
    font-size: 50px;
    line-height: 62px;
  }

  .banner .banner-above-title {
    margin-left: 60px;
  }

  .banner .banner-btn {
    margin-left: 60px;
    padding: 10px 18px;
  }

  .header-social::before {
    height: 110px;
  }

  .header-left {
    margin-top: 130px;
  }

  .manpower-soln-banner .page-title {
    font-size: 55px;
    line-height: 67px;
    top: 200px;
  }

  /* key services */

  .key-services .heading {
    margin-bottom: 40px;
  }

  .key-services .value-box {
    height: 100%;
  }

  .key-services .with-vector-3 {
    margin-top: 0;
    height: 100%;
  }

  .key-services .value-box .head {
    min-height: auto;
  }

  .key-services .value-box .text {
    min-height: auto;
  }

  /* mid-banner */

  .mid-right-block {
    padding: 30px 14px 14px 14px;
    min-height: 120px;
  }

  .mid-banner .sm-text {
    padding-left: 60px;
  }

  .right-section-mid-banner .heading {
    font-size: 14px;
    line-height: 24px;
  }

  .block-2 h3 {
    padding-top: 10px;
  }

  .right-section-mid-banner {
    margin-top: 40px;
  }

  /* industry */

  .industry-img-2 {
    margin: auto;
  }

  .industry .img::before {
    left: -16px;
    bottom: -16px;
    width: 155px;
    height: 205px;
  }

  .industry .heading {
    font-size: 20px;
  }

  .industry .sm-text {
    width: 100%;
    margin: 10px 0;
  }

  .industry .connect-btn {
    margin: 10px 0 0 0;
    padding: 10px 18px;
    font-size: 14px;
  }

  /* our-process */

  .our-process .sm-text {
    width: 100%;
  }

  .our-process .process-box .head {
    font-size: 22px;
  }

  .our-process .dashed {
    width: 80%;
  }

  /* advantage */

  .advantages .contact-us {
    font-size: 14px;
    margin-bottom: 40px;
    padding: 10px;
  }



  /*  */

  .client-testimonial {
    padding: 50px 0;
  }

  .client-testimonial .value-box {
    padding: 24px 24px;
  }

  .client-testimonial .value-box .icon {
    margin-left: 15px;
  }

  .client-testimonial .value-box .text,
  .client-testimonial .value-box .our-companies .company-box .learn-more,
  .our-companies .company-box .client-testimonial .value-box .learn-more {
    margin-left: 15px;
  }

  .client-testimonial .value-box .head {
    margin-left: 15px;
  }

  /* manpower */

  .manpower-solutions-3 {
    padding-bottom: 0;
  }

  /* our partners */

  .our-partners p {
    font-size: 14px;
    line-height: 24px;
  }

  /* mid banner - banner2 */

  .banner2 .banner2-btn {
    padding: 0 0 0 0;
    margin-top: 15px;
  }

  .mid-banner .contact-us {
    padding: 12px 14px;
    font-size: 14px;
  }

  /* success story */

  .success-stories .sm-text {
    margin: 20px 0;
  }

  .num.marg {
    margin-top: 10px;
  }

  .num h2 {
    font-size: 28px;
    line-height: 40px;
  }

  .num h2 span {
    font-size: 26px;
    line-height: 38px;
  }

  .num p {
    margin-bottom: 0;
  }

  .success-img {
    margin: auto;
  }

  /* information - form  */

  input.form-control.animateUp.animate__animated.animate__fadeInUp {
    font-size: 12px;
  }

  textarea#exampleFormControlTextarea1 {
    font-size: 12px;
  }

  .right-info {
    margin-top: 20px;
  }

  .left-info .heading {
    font-size: 20px;
  }

  /* our leadership */

  .leadership .leader-box .name {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
  }

  /* blogs */

  .blogs .blog-box .content .come-in .title h4 {
    font-size: 14px;
    line-height: 25px;
  }

  /* footer */

  .footer-banner .image::after {
    right: -55px;
  }

  .footer-banner .heading {
    font-size: 45px;
    line-height: 55px;
  }

  .footer-contact {
    padding: 0;
    flex: 0 0 20%;
  }

  footer .info-box .info {
    font-size: 14px;
  }

  /* about-us - page */

  /* manpower-solutions page */
  /* skill-box */

  /* vision */

  .with-vector::before {
    width: 138px;
    height: 208px;
    bottom: -13px;
  }

  .vision .row .with-vector::before {
    right: -13px;
  }

  .vision .row:nth-child(2n) .with-vector::before {
    left: -13px;
  }

  .vision-right {
    margin: auto;
  }

  .vision-left .heading {
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 10px;
  }

  .vision-left .sm-text {
    font-size: 14px;
    line-height: 24px;
  }

  /* contact-us page */

  .contact-banner .info {
    margin-bottom: 70px;
  }

  .contact-info .title {
    font-size: 16px;
  }

  /* why-fos */

  .why-fusion h2 {
    margin-bottom: 20px;
  }

  .why-fusion .sm-text {
    margin: 0 0 20px 60px;
  }

  .connect-fusion {
    margin-left: 60px;
  }

  .why-fusion .connect-btn {
    padding: 12px 14px;
    font-size: 14px;
  }

  .fos-vision {
    margin: 70px 0;
  }

  .vision .row:nth-child(n + 2) {
    margin-top: 40px;
  }

  /* v1 */

  .industries-banner .page-title {
    top: 200px;
    font-size: 55px;
    line-height: 67px;
  }

  .division {
    padding: 0 0 70px 0;
  }

  /* oil and gas */

  .e-industry .img::before {
    left: -12px;
    top: -12px;
    width: 180px;
    height: 180px;
  }

  .support-right .sm-text {
    padding-left: 60px;
  }

  .support-left {
    margin-top: 10px;
    padding-left: 60px;
  }

  .support-left .heading {
    font-size: 20px;
  }

  .e-industry .sm-text {
    margin-top: 0;
  }

  /* last banner */

  .last-banner .heading {
    font-size: 28px;
    line-height: 40px;
  }

  .last-banner .contact-us {
    font-size: 13px;
    padding: 10px 7px;
  }

  /* record services */

  .record-services .contact-us {
    padding: 10px;
    font-size: 12px;
  }

  .record-services .contact {
    margin: 30px 0 0 60px;
  }

  .record-services.why-us .record-para {
    padding-left: 10px;
  }



}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .section {
    padding: 50px 0;
  }

  .heading {
    font-size: 32px;
    line-height: 42px;
  }

  .sm-text {
    font-size: 16px;
    line-height: 24px;
  }

  .text {
    font-size: 16px;
    line-height: 24px;
  }

  .first-banner {
    padding: 50px 0;
  }

  .banner .banner-title {
    margin-top: 30px;
    margin-left: 60px;
    font-size: 60px;
    line-height: 72px;
  }

  .banner .banner-above-title {
    margin-left: 60px;
  }

  .thank-you a.btn-class {
    width: 24%;
  }


  .banner .banner-btn {
    margin-left: 60px;
    padding: 12px 22px;
  }

  .header-social::before {
    height: 110px;
  }

  .heading::before {
    width: 55px;
  }

  .header-left {
    margin-top: 130px;
  }

  /* key services */

  .key-services .heading {
    margin-bottom: 40px;
  }

  .key-services .value-box {
    height: 100%;
  }

  .key-services .with-vector-3 {
    margin-top: 0;
    height: 100%;
  }

  /* mid-banner */

  .mid-right-block {
    padding: 30px 14px 14px 14px;
    min-height: 120px;
  }

  .block-2 h3 {
    padding-top: 10px;
  }

  .right-section-mid-banner {
    margin-top: 0px;
  }

  /* industry */

  .industry-img-2 {
    margin: auto;
  }

  .industry .img::before {
    left: -16px;
    bottom: -16px;
    width: 155px;
    height: 205px;
  }

  /* our-process */

  .our-process .sm-text {
    width: 100%;
  }

  .our-process .dashed {
    width: 80%;
  }

  .our-process .process-box .head {
    font-size: 26px;
  }

  /* our partners */

  .our-partners .customNavigation .testi-next1 {
    right: -4%;
  }

  .our-partners .customNavigation .testi-prev1 {
    left: -4%;
  }

  /* advantages */

  .advantages .contact-us {
    padding: 10px;
    margin-left: 30px;
  }

  .right-section-advantages {
    margin: auto;
  }

  /* client-testimonial */

  .client-testimonial {
    padding: 50px 0;
  }

  .client-testimonial .value-box {
    padding: 24px 24px;
  }

  .client-testimonial .value-box .icon {
    margin-left: 15px;
  }

  .client-testimonial .value-box .text,
  .client-testimonial .value-box .our-companies .company-box .learn-more,
  .our-companies .company-box .client-testimonial .value-box .learn-more {
    margin-left: 15px;
  }

  .client-testimonial .value-box .head {
    margin-left: 15px;
  }

  /* mid banner - banner2 */

  .banner2 .banner2-btn {
    padding: 0 0 0 0;
    margin-top: 15px;
  }

  /* success story */

  .num.marg {
    margin-top: 10px;
  }

  .success-img {
    margin: auto;
  }

  /* information - form  */

  input.form-control.animateUp.animate__animated.animate__fadeInUp {
    font-size: 12px;
  }

  textarea#exampleFormControlTextarea1 {
    font-size: 12px;
  }

  .right-info {
    margin-top: 20px;
  }

  .left-info .heading {
    font-size: 20px;
  }

  /* blogs */

  /* footer */

  .footer-banner .image::after {
    right: -55px;
  }

  .footer-banner .heading {
    font-size: 45px;
    line-height: 57px;
  }

  /* about-us - page */

  .global-leader .global-1 .sm-text {
    line-height: 24px;
  }

  .global-4 .heading {
    font-size: 32px;
    line-height: 42px;
  }

  /* manpower-solutions page */

  .manpower-solutions-1 .sm-text {
    width: 100%;
  }

  /* skill-box */

  .skill-box .value-box .sm-text,
  .skill-box .value-box .our-companies .company-box .learn-more,
  .our-companies .company-box .skill-box .value-box .learn-more {
    width: 100%;
  }

  /* manpower-solutions-2 */

  /* manpower-solutions-3 */

  .manpower-solutions-3 .sm-text {
    width: 100%;
  }

  /* vision */

  .with-vector::before {
    height: 274px;
  }

  .vision-right {
    margin: auto;
  }

  .vision-left .heading {
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 20px;
  }

  /* contact-us page */

  .contact-banner .info {
    margin-bottom: 70px;
  }

  .contact-info .title {
    font-size: 24px;
  }

  /* oil and gas */

  .why-fusion .connect-btn {
    padding: 12px;
  }

  /* e-industry */

  .e-industry .img::before {
    left: -15px;
    top: -15px;
    width: 260px;
    height: 230px;
  }

  /* last banner */

  .last-banner .contact-us {
    padding: 16px 22px;
  }

  /* record services */

  .record-services .contact-us {
    padding: 16px 22px;
  }

  .menu-item-has-children::before {
    right: 0;
  }

  .menu-item-has-children:hover .sub-menu {
    left: 0;
    position: relative;
    width: 100%;
  }

  .menu-item-has-children .nav-item:last-child {
    margin-top: 0;
  }

  .marg-top {
    margin-top: 0;
  }
}