@media (max-width: 1880px) {
    .nav-menu ul li + li {
        padding-left: 40px;
    }
    .relatable-articles-section.demo .relatable-articles {
        width: 100%;
    }
}

@media (max-width: 1840px) {
    .banner-section .sm-container {
      margin-left: 323px;
    }
    .service-section-slider:after {
      left: 295px;
      height: 36px;
    }
    .white-section .sm-container {
        margin-left: 321px;
    }

    .news-img img {
        height: 100%;
    }

    .main-header .sm-container {
        max-width: 1040px;
    }

    .border-left:before {
        left: 295px;
    }

    .banner-content:after {
        left: 295px;
        height: 39px;
    }
    .current-positions .sm-container {
        max-width: 1140px;
    }
    .investments-banner-content {
        flex: 0 0 64%;
    }


}

@media (max-width: 1740px) {
  .banner-content:after {
    height: 31px;
  }

  .news-outer .news-card {
    padding-left: 80px;
  }

  h4 {
    font-size: 28px;
  }

  .news-card-content {
    flex: 0 0 64.5%;
    padding-right: 75px;
  }
  .services-nav a{
      padding: 0 50px;
  }
    .service-content-left {
        flex: 0 0 60%;
        max-width: 60%;
        padding-right: 70px;
    }
    .service-img {
        flex: 0 0 39%;
    }
}

@media (max-width: 1679px) {
    .nav-menu ul li + li {
        padding-left: 38px;
    }
    .article-box img {
        height: 240px;
        object-fit: cover;
    }
    .banner-video {
    position: absolute;
    right: 60px;
    top: 210px;
    width: 410px;
    height: 250px;
}
    .product-development-content h2 {
        font-size: 52px;
    }


    .product-development-content {
        width: 500px;
    }

    .whats-new-video-left h2 {
        font-size: 43px;
    }

    .whats-new-video-left span {
        font-size: 58px;
        margin: 0;
        padding: 0;
    }

    .single-post .error-page-content {
        width: 1280px;
    }

    .welcome-text span {
        font-size: 32px;
    }

    .banner-header h1 {
        width: 53%;
        font-size: 32px;
    }

    .heading-text {
        font-size: 32px;
    }

    .banner-video {
        top: 200px;
    }
}


@media (max-width: 1640px) {
  .article-box strong {
    font-size: 16px;
    line-height: 18px;
}
.article-box ul li {
    font-size: 16px;
}
    .welcome-text.move-text{
     animation-name: move-one;
     left: 40%;
    }
    .about-inner-section .about-section-content {
        max-width: 55%;
        flex: 0 0 55%;
    }
    .about-inner-section .about-box{
        padding: 25px;
    }
    .about-inner-section .our-story-right{
        flex: 0 0 43%;
    }
    .about-inner-section .our-story-right p{
        font-size: 45px !important;
        line-height: 60px !important;
    }
    @keyframes move-one {
      from {left: 40%; transform: translateX(-50%); }
      to   {left: 0; transform: translateX(0%);}
    }
    section.dark-section{
        padding: 80px 0;
    }
    .white-section {
        padding-top: 80px;
    }
    .meet-section h4{
        margin-bottom: 30px;
    }
    .meet-section + .meet-section h4 {
        margin-top: 35px;
    }
    .makeus-defferent {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .footer{
        padding: 90px 0 65px;
    }
    .investments-banner-content{
        flex: 0 0 56%;
    }
    .investments-banner-img {
        flex: 0 0 50%;
    }
    .investments-banner-img img {
        max-width: 100%;
        width: 100% !important;
    }
    p {
        font-size: 19px !important;
        line-height: 28px !important;
    }
    .services-section{
        padding-bottom: 80px;
    }
    .set-content ul li {
        padding: 0 0 0 14px;
        position: relative;
        font-size: 19px;
    }
    .set-content ul li::after {
        width: 5px;
        height: 5px;
        top: 11px;
    }
}
@media (min-width:1541px) and (max-width:1880px) {
    .sm-container {
      margin-left: 323px;
    }
    .relatable-articles-section .sm-container {
      width: calc(100vw - 323px);
      max-width: 100%;
      padding-right: 0;
    }
    .article-box {
        flex: 0 0 33.33%;
    }
    .relatable-articles-section {
        padding: 100px 0;
    }
}
@media (max-width: 1540px) {
  h1, .banner-heading {
      font-size: 43px;
  }
  .home-banner-slide .banner-header{
      max-width: 890px;
  }
  .meet-section .news-card-content {
      padding-right: 0;
  }
  .service-section-slider:after {
      left: 310px;
      height: 31px;
  }
  .main-header .sm-container {
    max-width: 875px;
    margin-bottom: 0px;
  }

  .welcome-text,.heading-text {
    line-height: 51px;
  }

  .heading-text {
    padding-left: 0;
  }

  .banner-header .btn {
    margin-top: 25px;
  }

  .main-header a {
    color: #222;
    font-size: 18px;
  }
  .banner-content .contact-content .sm-container {
      max-width: 860px;
  }
  .banner-section .sm-container {
    max-width: 1150px;
    margin-left: 343px;
  }

  .main-header .lg-container {
    padding: 0 35px;
  }

  .border-left:before {
    left: 310px;
  }
  .work-with-us {
    margin-bottom: 0px !important;
  }

  .banner-content:after {
    height: 28px;
    left: 310px;
  }
  p {
      font-size: 18px !important;
      line-height: 26px !important;
  }
  .set-content ul li {
 	 font-size: 18px;
  }


    .banner-content ul li .back-img {
   	 height: 725px;
    }

  .banner-content .box-content h4 {
    padding: 0 45px;
  }

  .banner-content ul li .back-img .box-content {
    max-width: 325px;
  }

  .btn {
    line-height: 55px;
    height: 62px;
  }
  .banner-content .box-content p {
    min-height: 200px;
    max-height: 200px;
  }

  .about-section-content {
    max-width: 595px;
  }

  h3 {
    font-size: 32px;
  }

  .about-box p {
    min-height: 135px;
  }

  .about-box {
    padding: 35px 40px;
  }

  .principle-content p {
    padding-right: 35px;
  }

  .white-section .sm-container {
    margin-left: 335px;
    max-width: 1080px;
  }

  .news-outer .news-card {
    padding-left: 50px;
  }

  .news-card-content {
    flex: 0 0 55.5%;
    margin-right: 45px;
    padding: 30px 0;
  }

  .news-img img {
    width: 37vw;
  }

  a.arrow-btn {
    height: 70px;
    line-height: 64px;
  }

  .clients-section {
    padding-top: 90px;
  }

  .white-section {
    padding-top: 90px;
  }

  h2 {
    font-size: 46px;
  }

  .request-section .btn {
    height: 90px;
    line-height: 86px;
    min-width: 340px;
  }

  footer.footer .lg-container {
    max-width: 1240px;
  }

  .footer-logo {
    flex: 0 0 250px;
  }

  .about-footer {
    flex: 0 0 225px;
  }

  .footer-menu h3,
  .about-footer h3 {
    font-size: 26px;
    padding-right: 45px;
  }

  .footer-menu a {
    font-size: 18px;
  }

  .copyright p {
    margin: 0;
    font-size: 20px;
  }

  .about-footer a {
    font-size: 18px;
  }

  .welcome-text.move-text{
   animation-name: move-one;
   left: 35%;
  }

  @keyframes move-one {
    from {left: 35%; transform: translateX(-50%); }
    to   {left: 0; transform: translateX(0%);}
  }
  .current-positions .sm-container {
      max-width: 860px;
  }
  .contact-form {
     flex: 0 0 58%;
     padding-right: 30px;
  }
  .contact-form strong{
      font-size: 14px;
  }
    .form-control {
        height: 46px;
        line-height: 44px;
        padding: 0 30px;
        font-size: 14px;
    }
    .form-group {
        margin-bottom: 16px;
    }
    .submit-btn .btn{
        margin-top: 15px;
    }
    .btn {
        line-height: 46px;
        height: 50px;
        font-size: 16px
    }
    .contact-card .news-img img {
        width: 33.5vw;
    }
    .contact-content-left {
        padding-right: 50px;
    }
    .contact-content-left p{
        font-size: 45px !important;
        line-height: 52px !important;
    }
    .contact-content .contact-form {
        flex: 0 0 65%;
    }
    .contact-content-left a{
        font-size: 18px;
    }
    .banner-content .contact-content .sm-container{
        max-width: 860px;
    }
    .contact-content{
        padding: 120px 0;
    }
    .service-section-slider:before, .banner-content:before{
        top: 0;
    }
    .banner-section .services-section .sm-container {
        max-width: 1030px;
    }
    .service-content {
        padding: 80px 0;
    }
    .service-img img {
        max-width: 100%;
        width: 100% !important;
    }
    .services-accordion .set {
        padding: 20px 25px;
    }
    .services-accordion .set a{
        font-size: 24px;
    }
    .set-content{
        margin-top: 20px;
    }
    .services-accordion .set img{
        max-width: 36px;
    }
    .article-box h4 {
        padding: 20px;
        font-size: 24px;
    }
    .relatable-articles-section {
        padding: 80px 0;
    }
    .relatable-articles {
        margin-top: 30px;
    }
    .made-with-section a img {
        max-width: 230px;
    }

    .c-agile__step:hover .c-agile__item-hover-box {
        width: 400px;
        position: absolute;
        bottom: 121%;
        left: -45%;
        background: rgb(166, 205, 57);
        border-radius: 25px;
        padding: 30px 25px;
        height: auto;
    }

    li.c-agile__item:first-child .c-agile__step.comman-hover:hover .c-agile__item-hover-box {
        bottom: 617%;
        left: -1519%;
    }

    li.c-agile__item:first-child .c-agile__step.comman-hover:hover .c-agile__item-hover-box::after {
        left: auto;
        right: 60px;
    }
}

@media (min-width:1440px) and (max-width:1540px) {
    .sm-container {
      max-width: 1070px;
      margin-left: 343px;
    }
    .relatable-articles-section .sm-container {
      width: calc(100vw - 343px);
      max-width: 100%;
      padding-right: 0;
    }
    .article-box {
        flex: 0 0 33.33%;
    }
}
@media (max-width: 1439px) {
    .about-section-content a:first-child img {
        max-width: 340px;
    }
    .portfolio-content {
        flex: 0 0 420px;
    }
    textarea.form-control{
        height: 130px;
    }
  .main-header a {
    font-size: 16px;
  }

  .main-header .sm-container {
    max-width: 730px;
  }
  .fixed-header .main-header {
      height: 60px;
  }
  .nav-menu ul li + li {
      padding-left: 26px;
  }

  .banner-section {
    padding-top: 185px;
  }

  .btn {
    line-height: 55px;
    height: 62px;
    font-size: 16px;
  }

  .banner-content:after {
    height: 28px;
    left: 230px;
}

  .menu-logo img {
    width: 150px;
  }

  .menu-logo {
    flex: 0 0 230px;
  }

  .border-left:before {
    left: 230px;
  }

  .banner-section .sm-container {
    margin-left: 265px;
  }
  .service-section-slider:after {
      left:230px;
  }
  p {
    line-height: 26px !important;
    font-size: 16px !important;
  }
  .set-content ul li {
    font-size: 16px;
  }
  .set-content ul li::after {
      top: 8px;
  }
.current-positions p{
    font-size: 20px !important;
}
  h4 {
    font-size: 24px;
  }

  .banner-content .box-content h4 {
    margin-bottom: 40px;
  }

  .banner-content ul li .back-img {
    height: 590px;
    padding: 70px;
  }

  section.dark-section {
    padding-bottom: 130px;
  }

  h2 {
    font-size: 42px;
  }

  .about-inner-section .about-section-content {
      max-width: 70%;
      flex: 0 0 70%;
  }
  .sm-container {
    max-width: 860px
  }
  .about-section-content {
    max-width: none;
  }

  h3 {
    font-size: 26px;
  }

  .about-box {
    padding: 30px 30px;
  }

  .about-box p {
    min-height: 205px;
    max-height: 205px;
  }

  .about-box a {
    font-size: 16px;
  }

  .our-work-section {
    padding-top: 105px;
  }

  h5 {
    font-size: 19px;
  }

  .principle-content p {
    padding-right: 15px;
  }

  .btn {
    line-height: 48px;
    height: 53px;
    font-size: 16px;
    min-width: 190px;
  }

  .our-process {
    display: flex;
    flex-wrap: wrap;
  }

  .c-agile__name {
    font-size: 15px;
  }

  .o-icon.o-icon--icon-flexible,
  .o-icon.o-icon--icon-cost-saving,
  .o-icon--icon-agile {
    width: 80px;
  }

  .c-agile__step {
    width: 135px;
    height: 135px;
    padding: 0;
  }

  .c-agile__item:first-child .c-agile__step::before, .c-agile__item:last-child .c-agile__step::after {
    width: 20px;
    height: 20px;
  }

  .c-agile__iterative {
    width: 195px;
    height: 195px;
    margin: -110px;
  }

  .c-agile__connector {
    width: 50px;
  }

  section.dark-section {
    padding-bottom: 100px;
  }

  .white-section .sm-container {
    margin-left: 255px;
    max-width: 830px;
  }
  .news-date {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .news-outer .news-card {
    padding-left: 85px;
  }

  .news-card-content {
    flex: 0 0 73.5%;
    margin-right: 45px;
    padding: 30px 0;
  }

  .request-section h2 {
    font-size: 40px;
  }

  .request-section .btn {
    height: 80px;
    line-height: 76px;
    min-width: 265px;
    font-size: 20px;
  }

  .request-section {
    padding: 65px 15px 65px;
  }

  .footer-menu h3, .about-footer h3 {
    padding-right: 25px;
  }

  footer.footer .lg-container {
    max-width: 1130px;
  }

  .copyright p {
    margin: 0;
  }

  .footer-menu a {
    font-size: 16px;
  }

  .about-footer a {
    font-size: 16px;
  }

  .welcome-text.move-text{
   animation-name: move-one;
   left: 39%;
  }

  @keyframes move-one {
    from {left: 39%; transform: translateX(-50%); }
    to   {left: 0; transform: translateX(0%);}
  }
  .about-inner-section .about-section-content p{
      max-height: unset
  }
    .about-inner-section .our-story-right {
        flex: 0 0 44%;
    }
    .about-inner-section .our-story-right p {
        font-size: 35px !important;
        line-height: 45px !important;
    }
    .contact-content-left p {
        font-size: 45px !important;
        line-height: 52px !important;
    }
    .meet-section .news-outer .news-card {
        padding-left: 44px;
    }
    .news-img {
        flex: 0 0 77%;
    }
    .contact-card .news-img img{
        width: 100%;
    }
    .position-box {
        padding: 40px 40px;
        margin-top: 40px;
    }
    .position-box .btn{
        font-size: 16px;
    }
    .current-positions {
        padding: 120px 0;
    }
    .contact-content-left p{
        font-size: 40px !important;
    }
    body{
        font-size: 16px;
    }
    .services-nav{
        height: 178px;
    }
    .services-nav:before {
        bottom: -30px;
    }

    .flyer a {
        font-size: 16px;
        padding: 0 25px;
    }

    .contant-form-heading h2 {
        font-size: 38px;
        padding: 0 0 10px;
    }

    .contant-form-heading p {
        padding: 0 0 35px;
        font-size: 24px;
    }

    .contant-form-heading a {
        max-width: 375px;
        font-size: 22px;
    }

    .contant-form-heading {
        margin-left: 20px;
    }

    .affiliaton-section-heading .affiliaton-section-content h3 {
        font-size: 46px;
    }

    .affiliaton-section-heading .affiliaton-section-content span {
        font-size: 22px;
    }

    .affiliaton-section-heading .affiliaton-section-content {
        padding-left: 35px;
    }

    .photp-area {
        padding: 170px 0 40px;
    }

    .photo-area-heading h2 {
        font-size: 32px;
    }

    .photo-area-more {
        margin: 20px auto 0;
    }

    .company-events {
        padding: 90px 0 0;
    }

    .company-events-heading h2 {
        font-size: 32px;
        border-bottom: 1px solid #fff;
        margin-bottom: 40px;
    }

    .product-development {
        padding: 90px 0 0;
    }

    .product-development-content {
        padding-left: 40px;
        font-size: 45px;
    }

    .product-development-content a {
        width: 220px;
        height: 55px;
        line-height: 50px;
    }

    .product-development-content p {
        margin-bottom: 25px;
    }

    .product-development-content h2 {
        font-size: 42px;
    }

    .employee-showcase {
        padding: 140px 0 150px;
    }

    .employee-showcase-content h4::before {
        top: -30px;
        width: 225px;
        height: 25px;
    }

    .employee-showcase-content h4 {
        font-size: 32px;
    }

    .employee-showcase-content span {
        font-size: 20px;
        padding-bottom: 15px;
    }

    .employee-showcase-img {
        text-align: right;
        width: 40%;
    }

    .employee-showcase-img::before {
        bottom: -10px;
        width: 128%;
        height: 10px;
    }

    .whats-new-video {
        padding: 200px 0 70px;
    }

    .whats-new-video-left span {
        font-size: 46px;
    }

    .whats-new-blog-outer h2 {
        padding-bottom: 35px;
        font-size: 36px;
    }

    .blog-categery ul li a {
        font-size: 22px;
    }

    .fliter-search input {
        font-size: 21px;
    }

    .fliter-search {
        padding-bottom: 10px;
    }

    .blog-fliter-list-content ul li .blog-card {
        padding: 15px 25px;
    }

    .company-events-slider .arrow-btn.slick-right {
        right: -70px;
    }

    .company-events-slider a.arrow-btn {
        left: -70px;
    }

    .single-post .error-page-content {
        width: 1040px;
        padding-top: 160px;
        padding-bottom: 60px;
    }

    .blog-single-content a {
        margin-top: 5px;
    }

    .single-post .error-page-content p {
        margin: 0;
    }

    .blog-single-content {
        padding: 0 45px;
    }

    .blog-single-banner img {
        margin-bottom: 40px;
        height: auto;
    }

    .single-post .error-page-content {
        font-size: 36px;
    }

    .blog-single-banner {
        padding-top: 30px;
    }

    .videoWrapper {
        height: 252px !important;
    }

    .videoPoster:before {
        width: 118px;
        height: 118px;
    }
    .banner-video .videoWrapper {
        height: 230px !important;
    }

    .banner-video {
        width: 370px;
        right: 40px;
    }

    .the-beancontent {
        padding: 40px 0 40px;
    }

    .the-beancontent h2 {
        font-size: 36px;
    }

    .c-agile__step:hover .c-agile__item-hover-box {
        width: 380px;
        bottom: 126%;
        left: -70%;
        padding: 30px 25px;
        height: auto;
    }

    .c-agile__step.comman-hover:hover .c-agile__item-hover-box {
        bottom: 617%;
        left: -659%;
        width: 310px;
    }

    li.c-agile__item:first-child .c-agile__step.comman-hover:hover .c-agile__item-hover-box {
        bottom: 573%;
        left: -1109%;
    }

    li.c-agile__item:first-child .c-agile__step.comman-hover:hover .c-agile__item-hover-box::after {
        left: auto;
        right: 140px;
    }

    .blog .blog-fliter-list-content ul li .blog-card {
        padding: 15px 5px;
    }

    .blog .blog-fliter-list-content ul {
        width: 90%;
    }
}

@media (max-width: 1340px) {

      .welcome-text.move-text{
       animation-name: move-one;
       left: 34%;
      }

      @keyframes move-one {
        from {left: 34%; transform: translateX(-50%); }
        to   {left: 0; transform: translateX(0%);}
      }
      .banner-section .services-section .sm-container {
        max-width: 860px;
    }
}


@media (max-width: 1279px) {
    .dark-section .sm-container{
        max-width: 100%;
        margin: 0 auto;
        padding: 0 35px;
    }
    .about-inner-section .our-story-right {
        flex: 0 0 36%;
    }
    .about-inner-section .about-section-content {
        max-width: 60%;
        flex: 0 0 60%;
    }
    section.dark-section {
        padding: 80px 0;
    }
    .white-section {
        padding-top: 90px;
        position: relative;
        background: #f9f9f9;
    }
    .meet-section .news-img img {
        width: 100%;
    }
    .banner-content .current-positions .sm-container {
        max-width: 860px !important;
        margin: 0 auto !important;
        width: 100%;
        padding-right: 15px;
    }

    .c-agile__step.comman-hover:hover .c-agile__item-hover-box {
        bottom: 564%;
        left: -59%;
    }

    .c-agile__step.comman-hover:hover .c-agile__item-hover-box::after {
        bottom: -40px;
        left: 30px;
    }
}
@media (max-width: 1240px) {

      .welcome-text.move-text{
       animation-name: move-one;
       left: 30%;
      }

      @keyframes move-one {
        from {left: 30%; transform: translateX(-50%); }
        to   {left: 0; transform: translateX(0%);}
      }
}

@media (min-width:1200px) and (max-width:1439px) {
    .sm-container {
      margin-left: 265px;
    }
    .relatable-articles-section .sm-container {
      width: calc(100vw - 265px);
      max-width: 100%;
      padding-right: 0;
    }
    .article-box {
        flex: 0 0 33.33%;
    }
}
@media (max-width: 1140px) {

      .welcome-text.move-text{
       animation-name: move-one;
       left: 43%;
      }

      @keyframes move-one {
        from {left: 43%; transform: translateX(-50%); }
        to   {left: 0; transform: translateX(0%);}
      }
}

@media (max-width: 1199px) {
	#three-black-boxes{
		padding: 4% 10% !important;
	}
    .main-header .sm-container {
        max-width: 610px;
    }
    .main-header a {
        font-size: 14px;
    }
    .photo-area-left .gallery-card img {
        height: 304px;
        object-fit: cover;
    }
    .home-banner-slider {
        padding-bottom: 50px;
    }
  .nav-menu ul li + li {
    padding-left: 15px;
  }
  .service-section-slider:before {
      top: -8px;
  }

  .banner-section .sm-container {
    max-width: 680px;
  }

  .banner-content:after {
    height: 20px;
  }

  h1, .banner-heading {
    font-size: 32px;
  }

  .banner-header .btn {
    margin-top: 15px;
  }

  .banner-content ul li .back-img {
    height: 520px;
    padding: 30px;
  }

  section.dark-section {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .border-left:before {
    height: 50%;
  }

  .main-header {
    height: 65px;
    z-index: 2;
  }

  .banner-section {
    padding-top: 135px;
  }

  .welcome-text,.heading-text{
    line-height: 37px;
  }

  .heading-text {
    padding-left: 0;
  }

  .banner-content .box-content h4 {
    margin-bottom: 10px;
  }

  .white-section .sm-container {
    margin-left: 0;
    max-width: 100%;
  }

  .news-section h2 {
    margin-bottom: 45px;
  }

  .news-card-content {
    flex: 0 0 50%;
  }

  .news-img {
    flex: 0 0 50%;
  }

  .news-img img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  a.arrow-btn {
    height: 55px;
    line-height: 47px;
  }

  .news-outer .news-card {
    align-items: center;
  }

  .footer-menu h3, .about-footer h3 {
    padding-right: 19px;
  }

  .footer-social {
    margin-top: 30px;
    width: 100%;
  }

  footer.footer .lg-container {
    max-width: 100%;
    padding: 0 35px;
  }

  .footer {
    padding: 75px 0 75px;
  }

  .footer-logo img {
    width: 195px;
  }

  .footer-logo {
    flex: 0 0 200px;
  }
  .banner-content .contact-content .sm-container{
      margin: 0 auto;
  }
  .investments-banner {
        padding: 0;
    }
    .investments-banner-content {
        flex: 0 0 52%;
        padding-right: 20px;
        padding-left: 0;
    }
    .investments-banner-img {
        flex: 0 0 48%;
    }
    .banner-section{
        margin-bottom: 0;
    }
    .portfolio-section {
        padding: 80px 0 80px;
        background: #f9f9f9;
        position: relative;
    }
    .portfolio-section h4 {
        margin-bottom: 50px;
    }
    .banner-section .investments-banner .sm-container {
        max-width: 860px;
        margin: 0 auto;
        padding-right: 15px;
    }
    .portfolio-content {
        flex: 0 0 40%;
        padding-right: 30px;
    }
    .investments-form {
        flex: 0 0 60%;
    }
    .services-nav a {
        padding: 0 20px;
    }
    .services-nav {
        height: 160px;
    }
    .services-nav:before {
        bottom: -40px;
    }
    .banner-header {
        padding-bottom: 0;
    }
    .inner-banner .banner-header{
        padding-bottom: 15px;
    }

    .banner-section .services-section .sm-container,
    .relatable-articles-section .sm-container {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 35px;
    }
    .article-box {
        flex: 0 0 33.33%;
    }
    .article-box h4 {
        padding: 15px;
        font-size: 20px;
    }
    .request-section h2 {
        font-size: 26px;
    }
    .request-section p {
        font-size: 22px !important;
    }
    .request-section .btn {
        height: 60px;
        line-height: 56px;
        min-width: 265px;
        font-size: 18px;
    }
    .made-with-section a img {
        max-width: 180px;
    }

    .blog-social-icon .sm-container {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .blog-social-inner ul {
        margin: 0;
        padding: 0;
    }

    .contant-form-heading h2 {
        font-size: 32px;
        padding: 0 0 10px;
    }

    .contant-form-heading p {
        padding: 0 0 25px;
    }

    .contant-form-heading a {
        max-width: 315px;
        font-size: 18px;
    }

    .contant-form-heading {
        padding: 0 0 60px;
        margin-left: 0;
    }

    .set-content a.btn.btn-secondary {
        display: inline-block;
        margin-top: 5px;
        text-transform: uppercase;
        line-height: 50px;
        font-size: 19px;
        height: 54px;
    }

    .about-gallery-outer h3 {
        font-size: 32px;
    }

    .affiliaton-section {
        margin: 0;
        padding: 20px 0 90px;
    }

    .affiliaton-section-img {
        width: 90px;
    }

    .affiliaton-section-heading .affiliaton-section-content h3 {
        font-size: 36px;
    }

    .affiliaton-section-heading .affiliaton-section-content span {
        font-size: 18px;
    }

    .company-events-slider {
        width: 62%;
    }

    .event-card {
        max-width: 265px;
        padding: 20px;
    }

    .product-development-content h2 {
        font-size: 32px;
    }

    .product-development-content {
        width: 470px;
    }

    .employee-showcase-content {
        width: 510px;
    }

    .employee-showcase {
        padding: 90px 0 110px;
    }



    .whats-new-video {
        padding: 70px 0 70px;
    }

    .whats-new-video-left h2 {
        font-size: 35px;
    }

    .whats-new-video-left span {
        font-size: 40px;
    }

    .blog-fliter-list-content ul li .blog-card {
        padding: 10px 15px;
    }

    .blog-fliter-list-content ul li .blog-card h6 {
        font-size: 13px;
    }

    .blog-categery ul li a {
        font-size: 20px;
    }

    .single-post .error-page-content {
        width: 100%;
        padding-left: 35px;
        padding-right: 35px;
        font-size: 30px;
        padding-top: 140px;
        padding-bottom:40px;
    }

    .blog-single-content {
        padding: 0 15px;
    }

    .photo-area-outer .gallery-card::before {
        height: 94.1%;
    }

    .photo-area-outer .gallery-card::after {
        width: 91.5%;
    }

    .photo-area-outer .photo-area-left .gallery-card::before {
        height: 96.5%;
    }

    .photo-area-outer .gallery-card::after {
        right: 2px;
    }

    .banner-video {
        width: 680px;
        right: unset;
        position: relative;
        top: -30px;
        left: 270px;
    }

    .banner-video .videoWrapper {
        height: 245px !important;
    }

    .banner-header h1 {
        width: 100%;
    }

    .testimonial-slider a.arrow-btn {
        border: 0;
        position: absolute;
        top: 50%;
        left: unset;
        transform: translateY(-50%);
        right: -90px;
        border: 1px solid #fff;
    }

    .testimonial-slider .arrow-btn.slick-left {
        left: unset;
        top: 36%;
    }

    .blog-email {
        width: 60%;
    }

    .btn.btn-primary.blog-ubscribe {
        margin-left: 10px;
    }

    .blog .banner-section .sm-container {
        margin-left: 225px;
        max-width: 860px;
    }

    .blog .flyer {
        padding-left: 0;
    }

    .request-section-left .flyer {
        padding-left: 0;
    }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .logo-item .logo-description{
        opacity: 1;
        visibility: visible;
    }
}
@media (max-width: 1023px) {
    .company-events-slider {
        width: 82%;
    }
    .photo-area-left .gallery-card img {
        height: 224px;
        object-fit: cover;
    }
    .made-with-section:hover{
        margin-left: 0;
    }
    .banner-header br{
        display: none;
    }
    .logo-item .logo-description{
        opacity: 1;
        visibility: visible;
    }
    .about-inner-section .about-section-content p, .news-card-content p {
        font-size: 16px;
    }
    .dark-section h4 {
        margin-bottom: 15px;
        font-size: 25px;

    }
    .about-section-content {
        max-width: 100%;
    }
    .news-outer .news-card {
        padding-left: 42px;
    }
    .nav-menu ul li {
        line-height: 12px;
    }
    .work-with-us {
        height: 18px;
    }
    .banner-section .services-section .sm-container, .relatable-articles-section .sm-container{
        padding: 0 15px;
    }
  .main-header .lg-container {
      padding: 0 15px;
  }

  .menu-logo {
      flex: 0 0 170px;
  }
  .border-left:before {
    left: 185px;
  }
  .service-section-slider:after {
      left: 185px;
    }
    .service-section-slider:before {
        top: 0px;
    }
    .main-header a {
        font-size: 11.2px;
    }
  .nav-menu ul li + li {
      padding-left: 10px;
  }

  .work-with-us {
      margin-bottom: -8px;
      width: 150px;
  }

  .banner-section .sm-container {
    max-width: 100%;
    width: 100%;
    margin-left: 195px;
    padding-right: 270px;
  }
  .banner-content:after {
    height: 27px;
    left: 185px;
  }

  h1, .banner-heading {
    font-size: 28px;
    line-height: 36px;
  }
.banner-header h1 {
    font-size: 28px;
    width: 100%;
    line-height: 36px;
}
  .banner-content:before {
    top: 0px;
  }

  .banner-content ul li .back-img {
    padding: 0 15px;
  }

  .banner-content ul li .back-img .box-content {
    max-width: 100%;
  }
  p {
    line-height: 22px !important;
    font-size: 14px !important;
  }
  .set-content ul li {
    font-size: 14px;
}
.set-content ul li::after {
    top: 7px;
}
  .current-positions p{
      font-size: 18px !important;
  }
  .banner-content .box-content h4 {
    padding: 0;
  }

  .banner-content ul li .back-img {
    height: 520px;
    padding: 15px;
  }

  .banner-content .box-content .btn-plain {
    margin-top: 15px;
    font-size: 16px;
  }

  section.dark-section {
  padding-top: 45px;
  padding-bottom: 45px;
  }

  h3 {
    font-size: 22px;
  }

  .our-work-section {
    padding-top: 55px;
  }

  h2 {
    font-size: 30px;
  }

  .work-principles ul {
    padding-left: 0;
  }

  .principle-content p {
    padding-right: 15px;
  }

  .c-agile__connector {
    width: 14px;
  }

  .c-agile__iterative {
    width: 185px;
    height: 185px;
    margin: -90px;
  }

  .c-agile__item:first-child .c-agile__name, .c-agile__item:last-child .c-agile__name {
    bottom: 0;
    top: -80px;
  }

  .border-left:before {
    height: 44%;
  }

  .white-section {
    padding-top: 40px;
  }

  h4 {
    font-size: 25px;
  }

  .news-date {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .clients-section {
    padding-top: 40px;
  }

  .clients-logo-slider {
    padding-bottom: 135px;
    margin: 30px auto 0;
  }

  .sm-container {
    max-width: 100%;
  }

  .request-section {
    padding: 35px 15px 35px;
  }

  .request-section .btn {
    height: 70px;
    line-height: 66px;
    min-width: 235px;
    font-size: 20px;
  }

  .footer {
    padding: 45px 0;
  }

  footer.footer .lg-container {
    padding: 0 15px;
  }

  .footer-logo img {
    width: 155px;
  }

  .footer-menu h3, .about-footer h3 {
    padding-right: 40px;
    font-size: 20px;
  }

  .footer-menu h3 {
    margin-bottom: 22px;
  }

  .footer-menu a {
    font-size: 14px;
  }

  .about-footer a {
    font-size: 14px;
  }

  .copyright p {
    margin: 0;
  }

  .copyright  {
    padding: 10px 0;
  }
  .c-agile {
    margin: 90px auto 0;
  }
  .about-inner-section .our-story-right {
    flex: 0 0 100%;
    margin: 40px 0 0;
  }
    .about-inner-section .about-section-content {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .about-inner-section {
        display: flex;
        flex-wrap: wrap;
    }
    .news-outer .news-card {
        align-items: flex-start;
    }
    .dark-section .sm-container{
        padding: 0 15px;
    }
    .banner-content .contact-content .sm-container{
        max-width: 100%;
        padding-right: 15px;
    }
    .contact-content-left{
        flex: 0 0 40%;
        padding-right: 0;
    }
    .contact-content .contact-form {
        flex: 0 0 56%;
    }
    .contact-content {
        padding: 80px 0;
    }
    .portfolio-logo-slider {
        position: relative;
        padding: 0 0 160px;
    }
    .service-menu{
        font-size: 14px;
    }
    .services-nav:before {
        bottom: -50px;
    }
    .services-nav {
        height: 110px;
    }
    .service-content {
        padding: 60px 0;
    }
    .services-accordion .set a {
        font-size: 20px;
    }

    .logo-hover-review {
        padding: 25px 13px;
    }

    a.logo-item {
        height: 160px;
    }

    .logo-hover-review span {
        font-size: 14px;
    }

    .logo-hover-review p {
        padding-bottom: 5px;
    }

    .about-gallery-outer h3 {
        font-size: 32px;
    }

    .about-gallery-inner {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }

    .photp-area {
        padding: 120px 0 40px;
    }

    .photo-area-heading h2 {
        font-size: 24px;
        margin: 0;
    }
    .photo-area-heading {
        padding-bottom: 20px;
    }

    .photo-area-more a {
        width: 180px;
        height: 45px;
        line-height: 39px;
        font-size: 16px;
    }

    .photo-area-more {
        margin: 10px auto 0;
    }

    .company-events {
        padding: 50px 0 0;
    }

    .company-events-heading h2 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .event-card {
        max-width: 305px;
        padding: 20px;
    }

    .event-card h4 {
        padding-bottom: 15px;
        font-size: 14px;
    }

    .product-development {
        padding: 40px 0 0;
    }

    .product-development-content {
        padding-left: 20px;
    }

    .product-development-content {
        width: 100%;
        padding-right: 15px;
    }

    .product-development-content h2 {
            font-size: 24px;
    }

    .product-development-content a {
        width: 180px;
        height: 45px;
        line-height: 40px;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .product-development-content p {
        margin-bottom: 15px;
    }

    .product-development-left img {
        height: 450px;
        object-fit: cover;
    }

    .employee-showcase-content h4::before {
        top: -20px;
        width: 195px;
        height: 15px;
    }

    .employee-showcase-content h4 {
        font-size: 28px;
    }

    .employee-showcase-content span {
        font-size: 17px;
        padding-bottom: 10px;
    }

    .employee-showcase-content {
        width: 60%;
    }

    .employee-showcase {
        padding: 80px 0 60px;
    }

    .whats-new-video {
        padding: 40px 0 70px;
    }

    .whats-new-video-left h2 {
        font-size: 36px;
    }

    .whats-new-video-left span {
        font-size: 36px;
    }

    .whats-new-blog-outer {
        padding: 0;
    }

    .whats-new-blog-outer h2 {
        padding-bottom: 20px;
        font-size: 27px;
    }

    .blog-fliter-list-content ul li {
        width: 50%;
        padding: 10px;
    }

    .blog-fliter-list-content {
        padding: 0;
        width: 100%;
        text-align: left;
        margin-left: 40px;
    }

    .single-post .error-page-content {
        padding-top: 115px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .gallery-inner-bg-big-left .gallery-card::after {
        width: 95.8%;
        right: 5px;
    }

    .gallery-card::before {
        height: 93%;
    }

    .gallery-card::after {
        width: 91.1%;
        height: 11px;
        bottom: 0;
        bottom: 11px;
        right: 6px;
    }

    .gallery-inner-bg-big-left .gallery-card::before {
        height: 96%;
    }

    .photo-area-outer .gallery-card::before {
        height: 91.1%;
    }

    .photo-area-outer .photo-area-left .gallery-card::before {
        height: 95.5%;
    }

    .photo-area-outer .photo-area-left .gallery-card::after {
        width: 95.5%;
    }

    .videoWrapper {
        height: 162px !important;
    }

    .videoPoster:before {
        width: 88px;
        height: 88px;
    }

    .whats-new-video-right_bottom .videoPoster:before {
        width: 58px;
        height: 58px;
    }

    .whats-new-video-right_bottom .videoWrapper {
        height: 100px !important;
    }

    .whats-new-blog-section {
        padding: 50px 0;
    }

    .banner-video {
        width: 540px;
        right: unset;
        position: relative;
        top: -30px;
        left: 200px;
    }

    .the-beancontent h2 {
        font-size: 27px;
    }

    .btn.btn-primary.blog-ubscribe {
        height: 55px;
        line-height: 55px;
        min-width: 165px;
        max-width: 165px;
        padding: 0;
    }

    li.c-agile__item:nth-child(5) .c-agile__step:hover .c-agile__item-hover-box {
        left: -57%;
    }

    .blog .banner-content .sm-container {
        margin-left: 20px;
        max-width: 100%;
        padding-right: 0;
    }

    .request-section .request-section-right {
        padding-top: 18px;
        padding-left: 20px;
    }

    .request-section .request-section-right .btn {
        margin-top: 30px;
        height: 65px;
        line-height: 60px;
        min-width: 260px;
        font-size: 21px;
    }

    .blog-email {
        width: 100%;
    }

    .blog-email input {
        width: 100%;
    }

}



@media (max-width: 1040px) {

      .welcome-text.move-text{
       animation-name: move-one;
       left: 36%;
      }

      @keyframes move-one {
        from {left: 36%; transform: translateX(-50%); }
        to   {left: 0; transform: translateX(0%);}
      }
}


@media (max-width: 940px) {
	
	#three-black-boxes{
		padding: 4% 5% !important;
	}
	#pg-w5fe0f0beeeaf5-0>.panel-grid-cell{
		
	}
      .welcome-text.move-text{
       animation-name: move-one;
       left: 37%;
      }

      @keyframes move-one {
        from {left: 37%; transform: translateX(-50%); }
        to   {left: 0; transform: translateX(0%);}
      }

      .heading-text {
          padding-left: 0;
      }
      .welcome-text,.heading-text{
        line-height: 30px;
    }
     #service.banner-content:before{
         height: 28px;
     }
}


@media (max-width: 767px) {
    .about-section-content a:first-child img {
        max-width: 240px;
    }
    .service-quote {
        text-align: left;
        position: relative;
        margin-top: 30px;
    }

    .photo-area-left .gallery-card img {
        height: auto;
        object-fit: cover;
    }
    .menu-logo {
        flex: 0 0 120px;
    }
    .article-box p {
        padding-right: 0px;
    }
    .border-left:before, .service-section-slider:after {
        display: none;
    }
    .work-with-us{
        display: none;
    }
    .banner-content ul{
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .banner-content ul li .back-img {
        height: 400px;
        padding: 45px 15px;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .banner-content .box-content h4{
        min-height: unset;
    }
    .banner-section .sm-container {
        margin-left: auto;
        padding-right: 15px;
    }
    .banner-content .box-content p {
        min-height: unset;
        max-height: unset;
    }
    .welcome-text.move-text{
        animation-name: move;
        left: 50%;
    }
    .request-section h2 {
        font-size: 27px;
    }

    .about-footer {
        flex: 0 0 165px;
    }
    .about-box p{
        min-height: unset;
        max-height: unset;
    }
    .about-box {
        padding: 30px 30px;
        margin-bottom: 15px;
    }
    .about-box:last-child {
        margin-bottom: 0;
    }
    .banner-content:after, .service-section-slider:after{
        display: none;
    }
    .about-box {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .work-principles ul li {
        flex: 0 0 100%;
        justify-content: flex-start;
    }
    .about-section-content {
        max-width: 100%;
    }
    .news-outer .news-card{
        padding-left: 0;
        margin-left: 0;
        flex-wrap: wrap;
    }
    .news-card-content, .news-img {
        flex: 0 0 100%;
    }
    .news-img{
        order: -1;
        margin-top: 15px;
    }
    .footer-menu h3, .about-footer h3 {
        padding-right: 0px;
        font-size: 20px;
    }

    footer.footer .lg-container {
        padding: 0 15px;
        flex-wrap: wrap;
    }

    .footer-logo,
    .about-footer,
    .footer-menu,
    .footer-menu {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .footer-menu,
    .footer-menu {
        margin-top: 45px;
    }
    .about-inner-section .about-box {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .meet-section .news-outer .news-card {
        padding-left: 0;
    }
    .makeus-defferent {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .banner-section {
        padding-top: 90px;
    }
    h1, .banner-heading{
        margin-bottom: 15px;
    }
    .meet-section h4 {
        margin-bottom: 15px;
    }
    .meet-section + .meet-section h4 {
        margin-top: 17px;
    }
    .contact-card{
        flex-wrap: wrap;
    }
    .banner-section{
        margin-bottom: 0;
    }
    .contact-form {
        flex: 0 0 100%;
        padding-right: 0;
        padding: 40px 0;
    }
    .current-positions {
        padding: 60px 0;
    }
    .position-box {
        padding: 15px;
        margin-top: 15px;
    }
    .contact-content .sm-container{
        flex-wrap: wrap;
    }
    .contact-content-left {
        flex: 0 0 100%;
    }
    .contact-content .contact-form {
        flex: 0 0 100%;
        margin-top: 20px;
    }
    .contact-content {
        padding: 60px 0;
    }
    .portfolio-logo-slider {
        position: relative;
        padding: 0 0 180px;
    }
    .portfolio-section {
        padding: 60px 0 60px;
    }
    .portfolio-section h4 {
        margin-bottom: 40px;
    }
    .banner-section .investments-banner .sm-container, .investments-card{
        flex-wrap: wrap;
    }
    .investments-banner-content, .portfolio-content{
        flex: 0 0 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }
    .investments-banner-content{
        padding-top: 30px;
        padding-bottom: 0;
    }
    .investments-banner-img, .investments-form {
        flex: 0 0 100%;
    }
    .investments-banner-img {
        order: -1;
        padding-top: 0px;
    }
    .portfolio-logo-slider {
        padding: 0 0 100px;
    }
     .portfolio-section .slick-arrow{
         bottom: 20px;
     }
     a.arrow-btn {
        height: 36px;
        line-height: 30px;
        width: 46px;
    }
    .clients-section .slick-left, .portfolio-section .slick-left {
        margin-right: 56px;
    }
     a.arrow-btn img{
         max-width: 25px;
     }
     .portfolio-section .slick-left{
         margin-right: 70px;
     }
     .inner-banner .banner-header{
         padding-bottom: 30px;
     }

     textarea.form-control {
        resize: none;
        height: 120px;
        line-height: 20px;
    }
    .services-nav {
        height: auto;
        flex-wrap: wrap;
        padding: 30px 0;
    }
    .service-menu {
        padding: 13px 20px;
        flex: 0 0 100%;
    }
    .service-section-slider:before, .banner-content:before{
        height: 30px;
    }
    .service-content, .relatable-articles{
        flex-wrap: wrap;
    }
    .service-content-left, .article-box {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .relatable-articles-section h2{
        text-align: center;
    }
    .article-box{
        text-align: center;
    }
    .service-img{
        flex: 0 0 100%;
        margin-top: 30px;
    }
    .relatable-articles-section {
        padding: 45px 0;
    }
    .services-accordion .set {
        padding: 10px 15px;
    }
    .services-accordion .set a {
        font-size: 16px;
    }
    .services-accordion .set img {
        max-width: 26px;
    }
    .set-content{
        max-width: 100%;
    }
    .request-section h2 {
        font-size: 20px;
    }

    .request-section .btn {
        height: 50px;
        line-height: 46px;
        min-width: 235px;
        font-size: 16px;
        margin-top: 15px;
    }
    .investments-banner {
      padding: 0 0 50px;
      background: transparent;
    }

    .investments-banner-content {
      background: #222;
    }

    .investments-banner .sm-container {
      padding: 0;
      padding-right: 0px !important;
    }

    .investments-banner-content {
      padding: 30px 15px;
    }

    .c-position-demo a {
        border: 2px solid #b7d763 !important;
        font-size: 12px;
        padding: 0 15px;
        line-height: 39px;
        height: 42px;
        font-weight: 400;
        display: inline-block;
        margin-top: 25px;
    }

    .c-position-demo ul li strong, .c-position-demo p strong {
        font-size: 19px !important;
    }

    .relatable-articles-section.demo .article-box {
        flex: 0 0 100%;
        display: none;
    }

    .flyer a {
        width: 50%;
    }

    .set-content a.btn.btn-secondary {
        display: inline-block;
        margin-top: 5px;
        text-transform: uppercase;
        line-height: 40px;
        font-size: 17px;
        height: 45px;
    }

    .service-quote span {
        position: relative;
        top: 50px;
        left: -8px;
    }

    .affiliaton-section {
        padding: 20px 0 30px;
    }

    .affiliaton-section-heading .affiliaton-section-content {
        padding-left: 15px;
    }

    .affiliaton-section-heading .affiliaton-section-content h3 {
        font-size: 29px;
    }

    .affiliaton-section-heading .affiliaton-section-content span {
        font-size: 15px;
    }

    .affiliaton-section-heading {
        padding-bottom: 15px;
    }

    .affiliaton-section {
        margin: 0;
        padding: 20px 0 0px;
    }

    .event-card {
        max-width: 255px;
        padding: 20px;
    }

    .employee-showcase-content {
        width: 100%;
    }

    .employee-showcase-img {
        top: unset;
        position: relative;
        width: 100%;
        padding-top: 25px;
    }

    .whats-new-video-outer {
        flex-wrap: wrap;
    }

    .whats-new-video-left {
        width: 100%;
    }

    .whats-new-video-right {
        width: 100%;
        padding-left: 0px;
        padding-top: 40px;
    }

    .blog-fliter-list-content ul li {
        width: 50%;
        padding: 10px;
    }

    .blog-fliter-list-content ul li .blog-card {
        padding: 0;
    }

    .blog-fliter-list-content ul {
        padding-left: 25px;
    }

    .blog-single-banner a {
        top: -10px;
        line-height: 38px;
        height: 46px;
        font-size: 16px;
        min-width: 140px;
    }

    .blog-single-content {
        padding: 0;
    }

    .blog-single-banner img {
        margin-bottom: 20px;
        height: auto;
    }

    .single-post .error-page-content {
        padding-top: 90px;
        padding-bottom: 25px;
        font-size: 26px;
    }

    .single-post .error-page-content p {
        padding-bottom: 15px;
    }

    .blog-single-banner {
        padding-top: 45px;
    }

    .gallery-card::before {
        height: 91%;
    }

    .gallery-card::after {
        width: 90.2%;
        height: 11px;
        bottom: 0;
        bottom: 11px;
        right: 6px;
    }

    .gallery-inner-bg-big-left .gallery-card::before {
        height: 95.5%;
    }

    .gallery-inner-bg-big-left .gallery-card::after {
        width: 95.2%;
        right: 5px;
    }

    .photo-area-outer .gallery-card::before {
        height: 89.1%;
    }

    .photo-area-outer .gallery-card::after {
        width: 87.5%;
    }

    .photo-area-outer .photo-area-left .gallery-card::before {
        height: 93.5%;
    }

    .photo-area-outer .photo-area-left .gallery-card::after {
        width: 93.5%;
        right: 3px;
        bottom: 11px;
    }

    .whats-new-blog-section {
        padding: 30px 0;
    }

        .banner-video {
        width: 460px;
        right: unset;
        position: relative;
        top: -30px;
        left: 0;
    }

    /* .blog-categery {
        flex-wrap: wrap;
    } */

    .blog-fliter-list {
        max-width: 100%;
    }

    li.c-agile__item .c-agile__step:hover .c-agile__item-hover-box {
        z-index: 9999;
    }

    li.c-agile__item:nth-child(5) .c-agile__step:hover .c-agile__item-hover-box {
        left: -115px;
        right: 0;
        margin: 0 auto;
    }

    .testimonial-slider .arrow-btn.slick-left {
        left: unset;
        top: -30px;
        right: 60px;
        width: 45px;
        height: 46px;
    }
    .testimonial-slider .arrow-btn.slick-right {
        left: unset;
        top: -30px;
        right: 0px;
        width: 45px;
        height: 46px;
    }

    .blog-fliter-list-content {
        margin-left: 0;
    }

    .testimonial-slider.slick-initialized.slick-slider {
        margin-top: 80px;
    }

    .whats-new-blog-section .container {
        max-width: 100%;
    }

    .blog-fliter-list-content::before {
        width: 5px;
        left: 20px;
    }

    .the-beancontent {
        margin: 0;
    }

    .blog .banner-section .sm-container {
        margin-left: 0;
        max-width: 100%;
    }

    .request-section .request-section-right {
        padding-top: 18px;
        padding-left: 50px;
    }
}


@media (max-width: 580px) {
    .blog-fliter-list-content ul li {
        width: 100%;
        padding: 10px;
    }

    .photo-area-left {
        width: 100%;
    }

    .photo-area-right {
        width: 100%;
    }

    .photp-area {
        padding: 90px 0 30px;
    }

    .event-card {
        max-width: 305px;
        padding: 20px;
    }

    .product-development-left {
        width: 100%;
    }

    .product-development-right {
        width: 100%;
    }

    .product-development-left img {
        height: auto;
        object-fit: cover;
    }

    .product-development-content {
        width: 100%;
        padding-right: 15px;
        padding: 20px 15px;
    }

    .employee-showcase {
        padding: 40px 0 10px;
    }

    .employee-showcase-content h4 {
        font-size: 24px;
    }

    .whats-new-video {
        padding: 22px 0 30px;
    }

    .whats-new-video-left span {
        font-size: 27px;
    }

    .whats-new-video-left h2 {
        font-size: 27px;
    }

    .whats-new-video-right {
        width: 100%;
        padding-left: 0px;
        padding-top: 10px;
    }

    .video-wrapper {
        padding: 5px;
    }

    .fliter-search input {
        font-size: 16px;
    }

    .fliter-search .sr_btn input {
        background-size: 18px !important;
        background-position: top !important;
    }

    .blog-categery ul {
        padding: 0;
    }

    .blog-categery ul li a {
        font-size: 15px;
    }

    .blog-fliter-list-content::before {
        width: 7px;
    }

    .blog-fliter-list-content {
        padding: 0;
    }

    .blog-email input {
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
        height: 55px;
        padding: 15px;
        font-size: 18px;
        border: 2px solid #ccc;
    }

    .blog-email .wpcf7-form-control-wrap {
        width: 100%;
        padding-right: 0;
    }

    .btn.btn-primary.blog-ubscribe {
        height: 55px;
        line-height: 55px;
        min-width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .gallery-card::before {
        height: 89%;
    }

    .gallery-card::after {
        width: 87.4%;
        height: 11px;
        bottom: 0;
        bottom: 11px;
        right: 6px;
    }

    .gallery-inner-bg-big-left .gallery-card::before {
        height: 94.5%;
    }

    .gallery-inner-bg-big-left .gallery-card::after {
        width: 93.8%;
        right: 6px;
    }

    .photo-area-outer .photo-area-left .gallery-card::before {
        height: 94.5%;
    }

    .photo-area-outer .photo-area-left .gallery-card::after {
        width: 95.4%;
        right: 2px;
        bottom: 11px;
    }

    .photo-area-outer .gallery-card::before {
        height: 92.1%;
    }

    .photo-area-outer .gallery-card::after {
        width: 89.5%;
        right: 3px;
    }

    .banner-video {
        width: 99%;
        right: unset;
        position: relative;
        top: 0px;
        left: 0;
    }

    .banner-video .videoWrapper {
        height: 195px !important;
    }
        a.footer-yt img {
        margin-top: -6px;
    }

    .blog-email {
        flex-wrap: wrap;
    }

    .btn.btn-primary.blog-ubscribe {
        margin-left: 0;
    }

    .company-events-slider a.arrow-btn {
        left: -40px;
    }

    .company-events-slider .arrow-btn.slick-right {
        right: -40px;
    }

    .blog-fliter-list {
        max-width: 45%;
    }

    .blog-fliter-list-content {
        width: 55%;
        padding-left: 25px !important;
    }
    .blog-fliter-list-content::before {
        width: 5px;
        left: 14px;
    }

    .contact-content-left {
        flex-wrap: wrap;
    }

    .flyer {
        padding-left: 0;
    }

    .blog .banner-content .sm-container {
        margin-left: 0;
        max-width: 100%;
        padding-right: 0;
    }

    .blog .blog-categery {
        background: transparent;
        padding: 50px 0 100px 0;
    }

    .request-section .request-section-left {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .request-section .request-section-left .flyer img {
        width: 100%;
        margin: 0 auto;
    }

    .request-section .request-section-right {
        padding-top: 18px;
        padding-left: 0;
        width: 100%;
    }

    .request-section p {
        font-size: 20px !important;
        line-height: 33px !important;
    }
    .blog_loadmore a {
        width: 100%;
        border: 1px solid #b7d763 !important;
        height: 43px;
        margin-top: 10px;
        min-width: auto;
        max-width: 140px;
        padding: 0;
        line-height: 40px;
        font-size: 16px;
    }
}


@media (max-width: 576px) {
    h1{
        font-size: 22px;
    }
    .makeus-defferent .clients-section-header{
        flex-wrap: wrap;
    }
    .makeus-defferent h4{
        width: 100%;
    }
    .position-box {
        flex-wrap: wrap;
        justify-content: center;
    }
    .position-name {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .position-box .btn {
        height: 40px;
        line-height: 36px;
    }
    .contact-content-left p {
        font-size: 30px !important;
        line-height: 40px;
    }
    .services-nav:before {
        bottom: -53px;
    }
    .makeus-defferent {
        position: relative;
        padding-bottom: 120px;
    }
    .makeus-defferent .btn{
        position: absolute;
        bottom: 50px;
    }
    .current-positions p{
        font-size: 18px !important;
    }

    .flyer img {
        width: 100%;
    }

    .flyer a {
        width: 100%;
    }

    .contant-form-heading {
        padding: 0 15px 30px;
        margin-left: 0;
    }

    .contant-form-heading h2 {
        font-size: 27px;
        line-height: 38px;
        padding: 0 0 10px;
    }

    .contant-form-heading p {
        padding: 0 0 15px;
        line-height: 27px !important;
        font-size: 17px !important;
    }

    .contant-form-heading a {
        max-width: 100%;
        font-size: 18px;
    }

    .gallery-inner-bg-big-left {
        width: 100%;
    }

    .gallery-inner-bg-big-right {
        width: 100%;
    }

    .gallery-inner-bg-big-right .gallery-card {
        width: 50%;
    }

    .about-gallery-inner ul li {
        width: 50%;
    }

    .about-see-more a {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .whats-new-video-right_bottom{
        flex-wrap: wrap;
    }
    .whats-new-video-right_bottom .videoWrapper {
        height: 280px !important;
        width: 100%;
    }
    .videoWrapper {
        height: 280px !important;
        width: 95%;
    }
    .photo-area-showcase {
        display: flex;
        flex-wrap: wrap;
    }
    /* .welcome-text.move-text{
        position: relative;
        animation: unset;
        transform: unset;
        left: 0;
    } */
    .logo-item .logo-description{
        margin: 0 auto;
        text-align: center;
    }
    .logo-item a{
        justify-content: center;
    }
    /* .heading-text {
        padding-left: 0;
    } */
    .footer-logo, .about-footer, .footer-menu, .footer-menu {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .about-footer{
        margin-top: 20px;
    }
    .about-inner-section .our-story-right p, .contact-content-left p {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    .form-group.half-field{
        flex-wrap: wrap;
    }
    .form-group.half-field .form-field{
        width: 100%;
    }
    .form-group.half-field .form-field + .form-field{
        margin-top: 15px;
    }
    .submit-btn .btn {
        padding: 0 15px;
        min-width: 100%;
        max-width: 100%;
    }
    .services-nav:before {
        bottom: -56px;
    }
    .investments-banner {
          padding: 0px 0 30px;
    }
    .investments-banner-content p {
        margin-bottom: 15px;
    }
    a.logo-item IMG {
        margin: 0 auto;
    }
    .made-with-section {
        margin-top: 30px;
    }

    li.c-agile__item .c-agile__step:hover .c-agile__item-hover-box {
        z-index: 9999;
        width: 340px;
        left: -100px;
        height: 309px;
    }

    li.c-agile__item:nth-child(5) .c-agile__step:hover .c-agile__item-hover-box {
        left: -105px;
        right: 0;
        margin: 0 auto;
    }
}
@media (max-width: 412px) {
    .services-nav:before {
        bottom: -60px;
    }
    .clients-section-header .btn {
        line-height: 40px;
        height: 45px;
        font-size: 14px;
        min-width: 150px;
    }
}

.request-section .sm-container{
    margin: 0 auto !important;

}

@media (max-width: 320px) {
    .clients-section-header .btn {
        font-size: 10px;
    }
}

@media (min-width: 767px) {
	.home .about-section-content {
		max-width: none !important;
		display: inline-block !important;
		margin: 0 10px !important;
	  }
}