@media (min-width: 2000px) {
  .about-title .bg h1 {
    font-size: 480px; } }

@media (min-width: 1281px) {
  .bg-img-section video{
    -o-object-fit: cover;object-fit: cover;
  }
}
@media (max-width: 1900px) and (min-width: 1701px){
  .work-wrap .img-wrap-desk{
    left: -36%;
  }
}

@media (max-width: 1900px) {
  .solution-6-1 .img .wrap img {
    max-width: 33.33%; }

  .logics-6-1 .content-width .right img {
    max-width: 100%; }

  .passion figure .video-wrap {
    height: auto !important; }
    .passion figure .video-wrap video {
      height: auto;
      -o-object-fit: inherit;
         object-fit: inherit; } }
@media (max-height: 850px) {
  .menu-responsive .menu-wrap .item-2 .top-menu ul li a {
    font-size: 70px; }

  .ticket-title .content-width figure {
    width: 345px; } }
@media (max-height: 750px) {
  .menu-responsive .menu-wrap .item-2 .top-menu ul li a {
    font-size: 50px; }

  .ticket-title .content-width figure {
    width: 300px; } }
@media (max-width: 1900px) {
  .about-title .bg h1 {
    font-size: 420px; }

  .other-pages .item {
    width: 30%; }
    .other-pages .item img {
      max-width: 100%; }

  .other-pages .content-width .item {
    width: 33%; }
  .logics .content-width .right>figure>img{
    max-width: 200px;
  }
  .logics .bg .img-bg-1, .logics .bg .img-bg-2{
    max-width: 320px;
  }
  .color-block .right .item {
    display: block; } }
@media (max-width: 1700px) {
  .content-width {
    width: 1400px; }
  .typography-colors .text-img-wrap .item-color-4 .color {
    width: calc(50vw - 595px);
  }
  .solution-3-2 .img-wrap{
    padding: 0;
  }
  .footer .right {
    width: calc(100% - 700px); }

  .wordpress figure {
    max-width: 500px; }

  .reviews blockquote p {
    font-size: 35px;
    line-height: 1.2; }
  .pre-footer ul{
    padding: 0 100px;
  }
  .popup-work {
    width: 1350px; }

  .about-title .bg h1 {
    font-size: 350px; }
  .solution-2 .img-wrap {
    padding: 160px 70px 155px 70px;
  }
  .about-title .bg h6 {
    font-size: 100px; }

  .big-text h6 {
    font-size: 60px;
    line-height: 70px; }

  .contact figure {
    width: 550px; }

  .typography-colors .text-img-wrap .text-italianno h6 {
    font-size: 160px;
    line-height: 0.4; }

  .typography-colors .text-img-wrap .text-cormorant h6 {
    font-size: 80px;
    line-height: 0.7; }

  .typography-colors .text-img-wrap .text-inter h6 {
    font-size: 40px;
    line-height: 0.8; }

  .typography-colors .text-img-wrap .text-inter {
    margin-left: 30px; }

  .typography-colors .text-img-wrap .text-cormorant {
    margin-left: 50px; }

  .typography-colors .text-img-wrap .item-color-1 .color {
    width: 250px; }

  .anim-section .inner-wrap .subheader {
    font-size: 16px; }



  .about .content .item figure .text h5 {
    font-size: 26px;
    line-height: 1.3; }

  .about .content .item .text-wrap ul li a {
    font-size: 14px;
    line-height: 20px; }

  .btn-default {
    font-size: 14px;
    line-height: 44px;
    height: 44px; }

  .pre-footer ul li a {
    border: 2px solid #FFFFFF;
    border-radius: 30px;
    font-size: 38px;
    line-height: 50px;
    padding: 0 15px;
    height: 54px; }

  .footer .right .footer-menu ul li a {
    font-size: 20px;
    line-height: 1.2; }

  .footer .bottom ul li a, .footer .bottom ul li p, .footer .bottom p, .footer .bottom ul li {
    font-size: 14px;
    line-height: 1.2; }

  .web-design .right h3, .project-slider .swiper-slide .text h4, .summary .title h5, .summary ul li h6 {
    font-size: 30px;
    line-height: 1.3; }

  .web-design .right p {
    font-size: 14px; }

  .accordion-thumb p, .accordion li:before {
    font-size: 16px;
    line-height: 20px; }

  body {
    font-size: 14px; }

  .reviews blockquote:before {
    width: 32px;
    height: 40px; }

  .reviews .name {
    font-size: 16px;
    line-height: 20px; }

  .top-slider h1, .top-slider h2, h1, .faq h2, h2, .section h2, .crew h2 {
    font-size: 90px;
    line-height: 1.1; }

  .form-up-label .input-wrap input {
    font-size: 16px;
    line-height: 52px; }

  .form-up-label .input-wrap label {
    font-size: 16px; }

  .form-up-label .input-wrap label.is-focus, .form-up-label .input-wrap label.is-active, .form-up-label .input-wrap label.is-date {
    font-size: 12px; }

  .form-up-label .input-wrap {
    margin-bottom: 20px; }

  .form-up-label .input-wrap-text textarea {
    height: 140px; }

  .contact p, .contact p a, .contact ul li a {
    font-size: 16px;
    line-height: 20px; }

  .article-head .content-width h1 {
    font-size: 88px;
    line-height: 1.2; }

  .article-content h2 {
    font-size: 52px;
    line-height: 1.2;
    margin-bottom: 80px; }

  .article-content p {
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 40px; }

  .blog-more .tag-wrap a {
    font-size: 14px;
    line-height: 22px; }

  .pre-footer ul li {
    margin: 0 10px 15px; }

  .form-section .wrap-link a .img-wrap {
    height: 190px; }

  .form-section .wrap-link a {
    height: inherit;
    padding-bottom: 20px; }

  .form-section .wrap-link a .text-wrap {
    margin-top: 18px; }

  .form-step .item-2-2.pre-footer h4 {
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 100px; }

  .menu-responsive .menu-wrap .item {
    width: 33%; }

  .menu-responsive .menu-wrap .item-2 {
    width: 34%;
    padding: 0 25px; }

  .menu-responsive .menu-wrap {
    padding: 95px 30px 30px; }

  .menu-responsive .menu-wrap .item h6 {
    font-size: 12px;
    line-height: 15px; }

  .menu-responsive .menu-wrap .item h6 {
    font-size: 12px;
    line-height: 15px; }

  .menu-responsive .menu-wrap .item-1 .bottom p {
    font-size: 12px;
    line-height: 15px; }

  .menu-responsive .menu-wrap .item-2 .top-menu ul li a {
    font-size: 80px; }

  .menu-responsive .menu-wrap .item-3 .btn-default {
    font-weight: 700; }

  .form-section-quiz-3 .line-mars .wrap h2 {
    font-size: 230px; }

  .form-section-quiz-3 .line-mars .rotate {
    top: 5050px; }

  .logo-block .img-full-wrap .logo-img {
    width: 400px; }

  .color-block .right .item {
    width: 290px;
    height: 290px; }

  .typography .line-2 h3 {
    font-size: 130px; }

  .typography .line-2 h3:before {
    top: 39px; }

  .typography .line-2 h3:after {
    bottom: 22px; }

  .typography .line-4 h3 {
    font-size: 130px; }

  .typography .line-4 h3:before {
    top: 39px; }

  .typography .line-4 h3:after {
    bottom: 19px; }

  .two-img-logo .right .img-logo {
    width: 250px; }

  .solution-3 .line-2 img {
    left: 0; }

  .typography .line-3 p, .typography .line-5 p {
    font-size: 42px;
    line-height: 1.2; }

  .two-img-logo .left, .two-img-logo .right, .info-img-block .left, .info-img-block .right {
    height: 700px; }

  .solution-3 .line-1 .item-2 {
    padding-top: 150px; }

  .logo-block .img-full-wrap {
    height: 700px; }

  .objective-3-2 figure .line-3 img:last-child {
    margin-left: 143px; }

  .objective-3-2 figure .line-4 {
    padding: 0; }

  .gallery figure {
    height: 710px; }

  .logics-3-2 figure .line img {
    margin-right: 20px; }

  .other-pages-3-2 figure .line img {
    max-width: calc(50% - 60px); }

  .other-pages-3-2 figure .line-3 {
    padding-left: 50px; }

  .babies-typography .text .right h4 {
    font-size: 40px;
    line-height: normal; }

  .typography-colors-4-2 .font-wrap .big p {
    font-size: 200px;
    line-height: normal; }

  .typography-colors-4-2 .font-wrap .big {
    width: 300px; }

  .typography-colors-4-2 .font-wrap .other-font {
    width: calc(100% - 350px);
    padding: 40px 0 0; }

  .color-block-4-1 .bg-img .content-width {
    margin-top: 550px; }

  .img-3n figure, .other-pages-4-2 figure, .business-card figure {
    height: 650px; }

  .objective-4-3 .img-3n figure, .objective-4-3 .img-3n figure {
    height: 550px; }

  .full-img-screen, .solution .img-2n figure, .full-img-screen, .objective .img-2n figure {
    height: 800px; }

  .typography-colors-4-2 .font-wrap .other-font h6 {
    font-size: 45px;
    line-height: normal; }

  .strategy-5-1 .img-wrap .item, .business-card-5-1 .img, .solution-5-2 .img, .business-card-5-2 .img {
    height: 650px; }

  .typography-colors-5-1 .item-1 .text .right h5, .typography-colors-5-1 .item-1 .text .right h6 {
    font-size: 60px; }

  .typography-colors-5-1 .item-1 .text .right h5 {
    margin: -37px 0 17px; }

  .typography-colors-5-1 .item-1 .text .right h6 span:nth-child(2) {
    font-size: 45px; }

  .typography-colors-5-1 .item-1 .text .right h6 span:last-child {
    font-size: 30px; }

  .typography-colors-5-1 .item-1 .text-2 .right h5 {
    font-size: 30px !important; }

  .typography-colors-5-1 .item-1 .text .right .text-line {
    margin-bottom: 50px; }

  .typography-colors-5-1 .item {
    width: 50%;
    padding: 0 0 30px; }

  .objective-6-2 .img-2, .solution-6-2 .img-2 {
    height: 800px; }

  .objective-6-2 .img-3 img, .solution-6-2 .img-3 img, .solution-7-2 .img img, .solution-7-1 .img img {
    height: 550px; }

  .color-block-7-2 .top {
    min-height: 750px; }

  .objective-7-3 .img {
    height: 800px; }

  .solution .img-3n figure, .solution .img-2n figure {
    height: 650px; }

  .solution-8-1 .img > div img {
    width: auto;
    height: 430px; }

  .solution-8-1 .img-bg-wrap .item {
    width: 33.33%; }
    .solution-8-1 .img-bg-wrap .item img {
      max-width: 100%; }

  .strategy-8-2 .right {
    width: 50%; }

  .strategy-8-2 .right .item {
    margin-right: 30px;
    width: 165px; }

  .img-2n-block .item {
    height: 700px; }

  .typography-8-2 .line-2 h3:before {
    top: 47px; }

  .typography-8-2 .line-2 h3:after {
    bottom: 19px; }

  .objective-10-1 .content-2 .after-img {
    -webkit-transform: translate(-41%, 0);
            transform: translate(-41%, 0); }

  .solution-10-1 .img div img {
    width: auto;
    height: 400px; }

  .logo-block-10-2 .img .item {
    margin-bottom: -1px;
    margin-top: -1px;
    height: 500px; }
  .logo-block-10-2 .img .item-1 img
  .typography-colors-10-2 .font-wrap .big p {
    font-size: 200px;
    line-height: 1; }

  .typography-colors-10-2 .font-wrap .small h6 {
    font-size: 50px;
    line-height: normal; }

  .typography-colors-10-2 .font-wrap .big {
    width: 250px; }

  .typography-colors-10-2 .font-wrap .small {
    width: calc(100% - 300px); }

  .typography-colors-10-2 .font-wrap .small .icon-wrap .icon {
    width: 75px; }
    .typography-colors-10-2 .font-wrap .small .icon-wrap .icon img {
      width: 60px; }
  .pre-footer ul li img{
    max-width: 60px;
  }
  .work-wrap .img-wrap-desk{
    left: -41%;
  }
  .typography-colors-10-2 .font-wrap .big p{
    font-size: 220px;
  }
  .about h2 {
    font-size: 68px; }
  .about h2 a {
    font-size: 68px; }
  .typography-colors-10-2 .font-wrap .small .icon-wrap .text {
    width: calc(100% - 90px); }



  .home-first-screen .icon-wrap{
    max-width: 210px;
    margin-bottom: 40px;
  }
  .home-first-screen .icon-wrap img{
    width: 100%;
  }
  .home-first-screen-title{
    font-size: 50px;
    line-height: 1.2;
  }
  .home-first-screen-big-logos-list{
    padding: 50px 350px;
  }

  .home-first-screen-bottom-text, .home-benefits-title, .client-about h2, .home-portfolio-title, .home-service-title{
    font-size: 40px;
    line-height: 1.2;
  }
  .bgc{
    padding: 75px 0;
  }
  .home-benefits-text{
    font-size: 24px;
    line-height: 1.2;
    padding-bottom: 30px;
  }

  .home-benefits-button, .home-service-button{
    padding: 10px 50px;
    font-size: 24px;
    line-height: 1.3;
  }
  .client-about h2{
    margin-bottom: 40px;
  }
  .client-about h3{
    font-size: 24px;
  }
  .home-reviews-title, .home-service-subtitle{
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 35px;
  }
  .home-reviews-count{
    font-size: 50px;
    line-height: 1.3;
  }
  .img-google{
    width: 200px;
  }
  .img-google img{
    width: 100%;
  }

  .home-reviews-stars-img{
    margin-right: 3px;
    width: 50px;
  }
  .home-reviews-stars-img img{
    width: 50px;
    height: auto;
  }
  .home-reviews-author-container figure{
    width: 70px;
    height: 70px;
  }
  .home-reviews-author-title{
    font-size: 22px;
    line-height: 1.2;
  }
  .home-reviews-author-subtitle{
    font-size: 18px;
    line-height: 1.2;
  }
  .home-reviews-item-text{
    font-size: 20px;
    line-height: 1.3;
    margin: 30px 0 30px;
  }
  .home-portfolio-title{
    margin-bottom: 50px;
  }
  .home-service-title{
    margin: 20px auto 50px;
  }
  .home-service-list-title-button a{
    min-height: 80px;
    font-size: 24px;
  }
  .home-service-list-title-button {
    margin-bottom: 30px;
    border-width: 3px;
  }
  .home-service-container{
    margin-bottom: 40px;
  }

  .more-img .content {
    margin-left: -15px;
    width: calc(100% + 30px);
    margin-bottom: -15px; }

  .more-img .grid-item {
    padding: 15px; }

  .typography-11 .text {
    margin-top: 70px;
    font-size: 60px; }

  .color-11 .col-1 ul .color-item-4 {
    width: 140px; }
}

@media (max-width: 1600px) and (min-width: 1400px){
  .objective-3-2 figure .line-3 img:last-child {
    margin-left: 130px;
  }
  .objective-3-2 figure .img-right{
    width: 440px;
  }
}
@media (max-width: 1700px) and (min-width: 1441px) {
  .color-block .right {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .color-block .right .item:first-child {
      margin-right: 16px; }
  .gallery figure:nth-child(2) img, .gallery figure:nth-child(3) img{
    -o-object-fit: cover;object-fit: cover;
    width: 100%;
  }
  .logo-block-10-2 .img .item-2 img{
    max-width: 70%;
  }
  .strategy-8-2 .right .item-2 img {
    height: 54.5px; }

  .strategy-8-2 .right .item-3 {
    width: 172px; } }
@media (max-width: 1440px) {
  .content-width {
    width: 1200px; }

  .form-section h4, .form-section h3 {
    font-size: 36px;
    line-height: 1.2; }

  .ticket-title h3 {
    font-size: 50px;
    line-height: 1.2; }

  .about .content .item figure {
    height: 350px; }

  .top-slider .swiper-slide p {
    line-height: 30px; }

  .about h2 {
    font-size: 60px;
    line-height: 1.1;
    margin-bottom: 150px; }
    .about h2 a {
      font-size: 60px;
      line-height: 1.1; }

  .about h3 {
    font-size: 50px;
    line-height: 1.1;
    margin-bottom: 120px; }
    .about h3 a {
      font-size: 50px;
      line-height: 1.1; }

  .pre-footer h2 {
    font-size: 60px;
    line-height: 1.2; }

  .pre-footer ul li img {
    height: 60px;
    width: auto; }

  .footer .left h3 {
    font-size: 36px;
    line-height: 1.2; }

  .footer .left {
    width: 400px; }

  .footer .right {
    width: calc(100% - 500px); }

  .footer .bottom ul {
    margin-right: 50px; }

  .top-line .logo-wrap {
    width: 200px; }
    .top-line .logo-wrap img {
      width: 100%; }

  header .content-width-full .right {
    top: 10px; }

  .ticket-title {
    padding-top: 120px; }

  .traveling-two .text-wrap {
    max-width: 100%; }

  .team .right {
    width: calc(100% - 470px); }

  .team .right .item figure {
    height: 353px; }

  .work-wrap ul {
    width: 100%; }

  .work-wrap .img-wrap-desk {
    left: -44%; }

  .form-up-label .input-wrap label {
    top: 15px; }

  .form-up-label .input-wrap {
    margin-bottom: 30px; }

  .form-up-label .input-wrap-text label {
    top: calc(100% - 43px); }

  .contact .content {
    min-height: inherit; }

  .article-content {
    padding: 200px 0 90px; }

  .article-content figure {
    height: 800px;
    margin: 180px 0 180px; }

  .info-case ul li {
    margin-right: 110px; }

  .case-head .sub-title {
    font-size: 27px;
    line-height: 1.25; }

  .info-case ul li .wrap p {
    font-size: 14px;
    line-height: 1.2; }

  .info-case ul li h6 {
    font-size: 27px;
    line-height: 1.25;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }

  .info-case ul li .wrap {
    padding-top: 11px; }

  .tabs-menu li {
    line-height: 46px;
    font-size: 14px;
    padding: 0 30px; }

  .strategy .item figure {
    height: 600px; }

  .strategy .item .logo-wrap img {
    max-width: 270px; }

  .strategy .item .logo-wrap p {
    font-size: 20px; }

  .business-card .logo-wrap .card-wrap h6, .business-card .logo-wrap .card-wrap p, .business-card .logo-wrap .card-wrap p a {
    font-size: 22px;
    line-height: 1.2; }

  .business-card .logo-wrap figure, .business-card .logo-wrap .card-wrap {
    height: 250px;
    width: 450px; }

  .business-card .logo-wrap .card-wrap {
    padding: 55px 75px 45px; }

  .business-card .logo-wrap figure {
    left: -72%; }

  .form-step .input-wrap-rocket {
    width: 35px;
    margin-right: 15px; }

  .form-step .input-wrap-rocket img {
    width: 35px; }

  .objective figure .line img {
    margin-right: 15px; }

  .solution .img-wrap {
    padding: 0; }

  .solution .content {
    width: 42%; }

  .solution-2 .img-wrap {
    padding: 100px 60px 100px 60px; }

  .logics {
    padding: 200px 0; }

  .logics .bg .img-bg-2 {
    top: 12%; }

  .other-pages .item {
    width: 30%;
    height: 340px; }
    .other-pages .item img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

  .next-case .content {
    height: 800px; }

  .passion figure .video-wrap {
    height: 600px; }

  .about h2 {
    font-size: 52px; }
    .about h2 a {
      font-size: 52px; }


  .typography-11 {
    padding: 150px 0; }

  .typography-11 figure img {
    width: 600px; }

  .color-11 {
    padding: 150px 0; }

  .color-11 .col-1 {
    top: 310px; }

  .solution-img {
    padding: 150px 0; }

  .business-card-9-1 .img .item img {
    height: 450px; } }
@media (max-width: 1440px) and (min-width: 1400px) {
  .about-title .bg h1 {
    font-size: 350px; } }
@media (max-width: 1400px) {
  .popup-work {
    width: 1200px; }

  .contact figure {
    width: 470px; }

  .contact h2 {
    margin-bottom: 50px; }
  .objective-3-2 figure .line-3 img:last-child {
    margin-left: 0;
  }

  .contact ul {
    margin-top: 50px; } }
@media (max-width: 1280px) {
  .content-width {
    width: 960px; }
  .pre-footer ul{
    padding: 0;
  }
  .menu-responsive .menu-wrap .item-1 {
    padding-right: 20px; }

  .menu-responsive .menu-wrap .item-2 {
    padding: 0 20px; }

  .menu-responsive .menu-wrap .item-3 {
    padding-left: 20px; }

  .menu-responsive .menu-wrap .item-2 .top-menu ul li a {
    font-size: 44px; }

  .footer .right .footer-menu {
    width: 100%; }

  .fix .btn-default {
    display: none; }

  .footer .bottom ul {
    margin: 0 0 10px; }

  .footer .bottom p {
    width: 100%; }

  .web-design .right {
    padding-left: 40%; }

  .accordion {
    padding-left: 30px; }

  .summary ul {
    margin-left: 0;
    width: 100%;
    padding-left: 30px; }

  .section h2 {
    font-size: 50px; }

  .wordpress figure {
    max-width: 450px; }

  .reviews .content {
    padding: 0; }

  .popup-work {
    width: 97%; }

  .popup-work .right .video-wrap {
    display: none; }

  .ticket-title .content-width figure {
    width: 300px;
    margin-right: 0; }

  .ticket-title .content-width .left {
    width: calc(100% - 350px); }

  .traveling .text {
    padding: 0; }

  .work-wrap .content-width {
    padding-left: 0; }

  .work-wrap .img-wrap-desk {
    display: none; }

  .popup-team .left h6 {
    font-size: 36px;
    line-height: 1.2; }

  .team .right .item h6 {
    font-size: 30px;
    line-height: 1.2; }

  .popup-team .left {
    padding: 50px; }

  .popup-team .left p {
    font-size: 16px;
    line-height: 1.2; }

  .work-wrap ul {
    padding-left: 40px; }

  .work-wrap ul li:nth-child(4), .work-wrap ul li:nth-child(3) {
    top: 0 !important;
    transition: none!important;
    -webkit-animation: none!important;
            animation: none!important; }
  .is-active .work ul li:nth-child(4), .is-active .work ul li:nth-child(3){
    -webkit-animation: none!important;
    animation: none!important;
  }
  .work .img-wrap-mob {
    display: block;
    overflow: hidden;
    padding-top: 120px; }
    .work .img-wrap-mob .line {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      min-width: 100%; }
      .work .img-wrap-mob .line img {
        width: 165px;
        min-width: 165px;
        margin-left: 40px; }
      .work .img-wrap-mob .line img:first-child {
        margin: 0; }

  .about-title .bg {
    padding: 150px 20px 50px; }

  .about-title .bg h1 {
    font-size: 200px; }

  .about-title .bg h6 {
    font-size: 70px; }

  .blog {
    padding-top: 200px; }

  .article-head .content-width h1 {
    font-size: 80px;
    line-height: 1.2; }

  .article-content {
    padding: 150px 0 90px; }

  .article-content h2 {
    font-size: 55px;
    line-height: 1.2;
    margin-bottom: 70px; }

  .article-content p {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px; }

  .article-content figure {
    height: 700px;
    margin: 150px 0 150px; }

  .article-content p + h2 {
    margin-top: 180px; }

  .info-case ul li {
    margin-right: 50px;
    margin-bottom: 30px; }

  .info-case ul li:last-child {
    margin-bottom: 0; }

  .strategy .item figure {
    height: 480px; }

  .strategy .item .logo-wrap img {
    width: 220px; }

  .business-card .logo-wrap .card-wrap {
    width: 100%;
    padding: 50px; }

  .business-card .logo-wrap figure {
    width: 100%; }

  .objective figure .line img {
    width: 150px; }

  .solution-2 figure img {
    width: 350px; }

  .case-head .is-sticky .tabs-menu {
    left: -200px; }

  .logics .bg img {
    width: 250px; }

  .other-pages .item {
    height: 270px; }

  .business-card .big-img-wrap img {
    max-width: 100%; }

  .form-section .wrap-link a {
    margin-right: 10px;
    width: calc(20% - 8px); }

  .form-section .wrap-link a .img-wrap {
    height: 160px; }

  .form-section-quiz-3 .line-mars .wrap h2 {
    font-size: 150px; }

  .form-section-quiz-3 .line-mars .rotate {
    top: 3330px; }

  .form-section-quiz-3 .content {
    width: 700px; }

  .color-block .right .item:nth-child(4n) {
    margin-right: 20px; }

  .info-img-block .right img {
    width: 300px; }

  .typography .line-2 h3 {
    font-size: 90px; }

  .typography .line-2 h3:before {
    top: 29px; }

  .typography .line-2 h3:after {
    bottom: 15px; }

  .typography .line-4 h3 {
    font-size: 90px; }

  .typography .line-4 h3:before {
    top: 27px; }

  .typography .line-4 h3:after {
    bottom: 13px; }

  .two-img-logo .right .img-logo {
    width: 200px; }

  .logo-block .img-full-wrap .logo-img {
    width: 300px; }

  .solution-3 .line-1 .item img {
    width: 180px; }

  .other-pages-makelaars figure {
    width: 35%; }

  .other-pages-makelaars .content-bottom {
    width: 100%; }

  .other-pages-makelaars .content-bottom .item-img img:first-child, .other-pages-makelaars .content-bottom .item-img img:last-child {
    right: -15px; }

  .logo-block .img-full-wrap {
    height: 600px; }



  .babies-colors .left h2 {
    margin-bottom: 50px; }

  .babies-colors .right .img-wrap {
    padding: 0; }
    .babies-colors .right .img-wrap img {
      max-width: 100%; }

  .babies-colors .left .img-wrap img {
    margin-bottom: 30px; }

  .babies-typography .color-wrap {
    max-width: 100%;
    padding-bottom: 50px;
    margin-top: 0; }

  .objective-3-2 figure .img-right {
    width: 350px; }
    .objective-3-2 figure .img-right img {
      width: 100%; }

  .gallery figure {
    height: 500px; }

  .gallery figure:first-child, .gallery figure:last-child {
    padding: 30px; }

  .logics-3-2 figure .line img {
    width: 200px; }

  .other-pages-3-2 figure .line-3 {
    padding: 0; }

  .other-pages-3-2 figure .line-4 {
    padding: 150px 0 0 0; }

  .typography-colors-4-2 .text-wrap {
    width: 45%; }

  .typography-colors-4-2 .font-wrap {
    width: 52%; }

  .typography-colors-4-2 .font-wrap .big p {
    font-size: 150px; }

  .typography-colors-4-2 .font-wrap .big {
    width: 100%; }

  .typography-colors-4-2 .font-wrap .other-font {
    width: 100%;
    padding-top: 20px; }

  .typography-colors-4-2 .font-wrap .other-font h6 {
    margin-bottom: 30px; }

  .color-block-4-1 .bg-img .content-width {
    margin-top: 350px; }

  .color-block-4-1 .bg-img .content-width {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .color-block-4-1 .bg-img .content-width .item {
      width: calc(33.33% - 10px);
      margin-bottom: 10px; }

  .objective-4-2 .img-4-2 {
    left: -50px; }
    .objective-4-2 .img-4-2 img {
      width: 700px; }

  .objective-4-2 .content-width {
    padding-bottom: 350px; }

  .img-3n figure, .other-pages-4-2 figure, .business-card figure, .objective-4-3 .img-3n figure, .objective-4-3 .img-3n figure, .solution .img-3n figure, .solution .img-2n figure {
    height: 500px; }

  .img-3n figure {
    width: calc(33.33% - 20px); }

  .logics-4-2 .content-width .right img {
    max-width: 100%; }

  .full-img-screen, .solution .img-2n figure, .full-img-screen, .objective .img-2n figure {
    height: 600px; }

  .color-block .right .item {
    width: 232px;
    height: 232px; }

  .typography-colors-5-1 .item-1 .text .right h5, .typography-colors-5-1 .item-1 .text .right h6 {
    font-size: 50px; }

  .typography-colors-5-1 .item-1 .text .right .text-line .bg-text img {
    width: 100px; }

  .typography-colors-5-1 .item-1 .text-2 .right .line-4 .bg-text img {
    width: 70px; }

  .typography-colors-5-1 .item-1 .text-2 .right .line-4 .bg-text {
    left: 8%; }

  .typography-colors-5-1 .item-1 .text .right .text-line .bg-text {
    left: 23%; }

  .typography-colors-5-1 .item-1 .text-2 .right .line-3 {
    margin-bottom: 20px; }

  .typography-colors-5-1 .item-1 .text .right .text-line {
    margin-bottom: 30px; }

  .typography-colors-5-1 .item-1 h2 {
    margin-bottom: 145px; }

  .strategy-5-1 .img-wrap .item, .business-card-5-1 .img, .solution-5-2 .img, .business-card-5-2 .img {
    height: 550px; }

  .logics .content-width .left {
    width: 43%; }

  .strategy-6-1 .img {
    margin: -200px 0 0;
    left: -80px; }
    .strategy-6-1 .img img {
      width: 700px; }

  .objective-6-2 .img-2, .solution-6-2 .img-2 {
    height: 600px; }

  .objective-6-2 .img-3 img, .solution-6-2 .img-3 img {
    height: 450px; }

  .process-block .right video {
    max-width: 100%; }

  .case-head .sub-title {
    max-width: 545px; }

  .strategy-7-1 .img {
    margin: -200px 0 100px -80px; }

  .solution-7-2 .img img {
    height: 400px; }

  .strategy-7-1 {
    padding-bottom: 100px !important; }

  .solution-7-1 .img img {
    height: 450px; }

  .objective-7-3 .img {
    height: 600px; }

  .full-img-screen {
    margin-top: 150px; }

  .solution-8-1 .img > div img {
    height: 260px; }

  .strategy-8-2 .right .item {
    width: 130px; }

  .strategy-8-2 .right .item img {
    height: 43px; }

  .strategy-8-2 .right .item-3 img {
    height: auto; }

  .img-2n-block .item {
    height: 500px; }

  .typography-8-2 .line-2 h3:before {
    top: 32px; }

  .typography-8-2 .line-2 h3:after {
    bottom: 13px; }

  .typography .line-4 h3:before {
    top: 29px; }

  .solution-9-1 .img {
    padding: 100px 0 20px; }

  .solution-9-1 .img .item img {
    height: 450px; }

  .business-card-9-1 .img .item img {
    height: 350px; }

  .form-section-quiz-3 .btn-close {
    top: 100px;
    right: 0; }

  .form-section-quiz-3 .btn-wrap-bottom {
   /* top: 90vh;*/
    right: 0; }

  .page-case .fix .btn-default {
    display: inline-block; }

  .objective-10-1 .content-2 .after-img {
    top: inherit;
    bottom: -50px; }
    .objective-10-1 .content-2 .after-img img {
      width: 500px; }

  .objective-10-1 {
    padding-bottom: 30px; }

  .solution-10-1 {
    padding-top: 100px; }

  .solution-10-1 .img div img {
    height: 300px; }

  .business-card-10-1 .img div img {
    width: auto;
    height: 600px; }

  .business-card-10-1 .bg {
    top: 600px; }

  .logo-block-10-2 .img .item {
    height: 400px; }

  .typography-colors-10-2 .font-wrap {
    width: 100%; }

  .business-card-10-2 .color-wrap {
    width: 100%;
    position: relative;
    top: 0;
    margin-top: 40px; }
  .client-about .img-wrap figure{
    height: 350px;
  }
  .home-first-screen-big-logos-list {
    padding: 50px 200px;
  }
  .home-first-screen-bottom-text, .home-benefits-title, .client-about h2, .home-portfolio-title, .home-service-title{
    font-size: 30px;
  }
  .typography-11 .text {
    font-size: 46px; }

  .color-11 .col-1 ul li {
    width: 140px;
    margin-bottom: 60px; }

  .strategy-11 .bg img {
    width: 700px; }

  .solution-11 {
    min-height: 1250px; }

  .strategy-11-2 .content {
    padding: 0; }

  .strategy-11 {
    min-height: 700px; }

  .solution-img .img .wrap img {
    width: 250px;
    margin: 0 3%; }
  .business-card-10-2 .color-wrap .item-color-4 {
    border-radius: 20px; } }
@media (max-width: 1279px) {
  /*  .bg-img-section .hover-block{
      display: none;
    }*/
  .color-11 .col-1 ul li {
    width: 110px; }

  .color-11 .col-1 ul .color-item-2 {
    width: 95px; }

  .solution-11 {
    min-height: 1100px; }

  .more-img .content {
    margin-left: -10px;
    width: calc(100% + 20px);
    margin-bottom: -10px; }

  .more-img .grid-item {
    padding: 10px; }
  .team .right .item {
    width: 100%; } }
@media (max-width: 991px) {
  .content-width {
    width: 720px; }
  .popup-team{
    max-height: inherit;
  }
  .popup-team .left.is-left{
    left: 0;
  }
  .ux-section {
    padding: 100px 0 100px !important; }

  .fix-wrap > section {
    position: relative;
    z-index: 5; }

  .fix-wrap {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }

  .menu-responsive .menu-wrap .item-2 {
    width: 100%;
    padding: 30px 0;
    border: none;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.4); }

  .menu-responsive .menu-wrap .item-1 {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0;
    border: none; }

  .menu-responsive .menu-wrap .item-3 {
    padding: 0;
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }

  .top-line .logo-wrap {
    width: 150px; }

  header .content-width-full .right {
    top: 3px; }

  .menu-responsive .menu-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .menu-responsive .menu-wrap .item-2 .top-menu ul li a {
    font-size: 32px;
    line-height: 40px; }

  .menu-responsive .menu-wrap .item-1 h6 {
    display: none; }

  .menu-responsive .menu-wrap .item-1 .bottom {
    display: none; }

  .btn-white {
    height: 46px;
    line-height: 44px; }

  .top-slider .swiper-pagination {
    display: none; }

  .top-slider h1, .top-slider h2, h1, .faq h2, .crew h2 {
    font-size: 50px; }

  .about h2 {
    font-size: 40px;
    margin-bottom: 100px; }
    .about h2 a {
      font-size: 40px; }

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

  .about h3 {
    font-size: 30px;
    margin-bottom: 80px; }
    .about h3 a {
      font-size: 30px; }

  .about .content .item figure .text h5 {
    font-size: 30px;
    line-height: 1.1; }

  .about .content .item figure {
    height: 300px; }

  .pre-footer h2 {
    font-size: 40px; }

  .pre-footer ul li a {
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    font-size: 22px;
    line-height: 28px;
    padding: 0 8px;
    height: 30px; }

  .pre-footer ul li {
    margin: 0 5px 10px; }

  .pre-footer ul li img {
    height: 30px; }

  .footer .left {
    width: 100%;
    margin-bottom: 30px; }

  .footer .right {
    width: 100%;
    padding: 0; }

  .footer .bottom p {
    width: 100%; }

  .footer .right .footer-menu {
    width: 500px; }

  .footer .left ul {
    margin-top: 40px; }

  .ux-section {
    padding: 150px 0 150px; }

  .ux-section .text .left {
    width: 100%; }

  .ux-section .text .right {
    width: 100%; }

  .web-design .content-width {
    margin: 0 auto; }

  .web-design .right {
    padding-left: 0; }

  .web-design-2 {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content; }

  .accordion li {
    width: 100%; }

  .project-slider .swiper-slide .img-wrap {
    display: none; }

  .project-slider .swiper-slide figure {
    -webkit-transform: none !important;
            transform: none !important; }

  .traveling .text {
    padding: 0; }

  .traveling h2 img {
    display: none; }

  .faq {
    width: calc(100% - 30px); }

  .summary .title {
    width: 100%; }

  .summary ul li {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important; }

  .summary ul li:nth-child(n + 6) {
    margin-left: 0; }

  .wordpress figure {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    bottom: 0;
    max-width: 100%; }

  .wordpress .text-wrap {
    margin-left: 0; }

  .reviews blockquote p {
    font-size: 30px;
    line-height: 40px; }

  .reviews .left {
    width: 100%;
    margin-bottom: 30px; }

  .reviews figure {
    display: none; }

  .reviews .left .img-wrap {
    display: block;
    margin-bottom: 30px; }
    .reviews .left .img-wrap img {
      width: 100%;
      height: auto;
      vertical-align: top; }

  .form-section .content .left {
    width: 100%;
    height: 100vh; }

  .form-section figure {
    position: relative;
    width: 100%;
    display: none;
    height: 400px; }

  .form-section {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }

  .summary ul li:first-child {
    margin-right: 0; }

  .footer {
    padding: 50px 0; }

  .popup-work .left {
    width: 320px; }

  .popup-work .right {
    width: calc(100% - 350px); }

  .ticket-title .content-width .left {
    width: 100%;
    margin-bottom: 50px; }

  /*  .ticket-title h1{
      text-align: center;
    }
    .ticket-title h3{
      text-align: center;
    }*/
  .ticket-title .form-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  .ticket-title .content-width figure {
    width: 300px;
    margin: auto; }

  .ticket-title .content-width figure {
    -webkit-animation-delay: 3s;
            animation-delay: 3s; }

  .traveling p {
    width: 49%; }

  .traveling-two {
    padding: 150px 0; }

  .team .left {
    position: relative !important;
    width: 100%;
    margin-bottom: 50px;
    top: 0 !important; }
    .team .left .btn-wrap {
      display: none; }

  .team .right {
    width: 100%; }

  .team .right .item {
    width: calc(50% - 12px); }

  .team .right .btn-wrap {
    display: block;
    margin-top: 20px; }

  .popup-team figure {
    width: 100%;
    height: 50%;
    -webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;
  }
  .popup-team .popup-main{
    width: 100%;
  }
  .popup-team .left {
    width: 100%;
    -webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;
    height: 50%;
    left: 0 !important; }

  .popup-team .left h6 {
    text-align: center; }

  .popup-team .left p {
    text-align: center; }

  .popup-team .left h6 {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s; }

  .popup-team .left p {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s; }

  .work-wrap ul li:first-child {
    margin-right: 0; }

  .work-wrap ul li {
    width: 100%; }

  .work-wrap ul li:nth-child(4) {
    margin-left: 0; }

  .work .img-wrap-mob .line img {
    margin-left: 15px; }

  .form-wrap.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  .ticket-title .left .form-wrap {
    display: none; }

  .close-team-mob {
    text-align: right;
    display: block; }
  .popup-team{
    background-color: #f2f2f2;
  }
  .cursor {
    display: none; }

  .close-team-mob {
    font-size: 30px; }

  .about-title .bg h1 {
    font-size: 150px; }

  .big-text h6 {
    font-size: 40px;
    line-height: 1.2; }

  .skill .content .item {
    width: 100%;
    padding: 30px; }

  .contact-title .title {
    width: 100%;
    margin-bottom: 50px; }

  .contact-title .form-wrap {
    width: 100%;
    padding: 0; }

  .contact {
    padding: 120px 0; }
    .contact figure {
      width: 100%;
      position: relative;
      margin-top: 50px;
      top: 0; }

  .contact .content {
    padding: 0; }

  .article-head .content-width h1 {
    font-size: 70px; }

  .article-content {
    padding: 150px 0 90px; }

  .article-content h2 {
    font-size: 55px;
    margin-bottom: 60px; }

  .article-content p {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px; }

  .article-content figure {
    height: 600px;
    margin: 150px 0 150px; }

  .case-head .menu-wrap {
    text-align: left; }

  .case-head {
    padding: 200px 0 100px; }

  .case-head .sub-title {
    margin-bottom: 40px; }

  .case-head .sub-title {
    font-size: 24px;
    line-height: 30px; }

  .tabs-menu {
    float: left; }

  .strategy .title-content {
    width: 100%; }

  .strategy .item figure {
    height: 360px; }

  .strategy .item .logo-wrap img {
    width: 150px; }

  .typography-colors .title {
    padding: 0; }

  .business-card .content {
    padding: 0; }

  .business-card .logo-wrap .card-wrap {
    width: 50%;
    height: 200px; }

  .business-card .logo-wrap figure {
    position: relative;
    width: 50%;
    left: 0;
    height: 200px; }

  .business-card .logo-wrap {
    margin-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

  .business-card .logo-wrap .card-wrap {
    padding: 20px; }

  .business-card .logo-wrap .card-wrap h6 {
    font-size: 22px;
    margin-bottom: 15px; }

  .business-card .logo-wrap .card-wrap p, .business-card .logo-wrap .card-wrap p a {
    font-size: 22px; }

  .case-head .is-sticky .tabs-menu {
    left: 0; }

  .objective .content {
    padding: 0; }

  .objective figure .line-1 {
    position: relative;
    margin-bottom: 30px;
    left: 0; }

  .solution .content {
    width: 100%; }

  .solution figure {
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 300px;
    margin-bottom: 30px; }

  .solution .img-wrap {
    padding-right: 100px; }

  .solution-2 figure {
    position: relative;
    width: 100%;
    padding: 100px 0; }

  .solution-2 .content {
    padding: 0; }

  .logics .content-width .left {
    width: 100%;
    margin-bottom: 20px; }

  .logics .content-width .right {
    width: 100%;
    padding: 0; }

  .logics .bg .img-bg-2 {
    top: 7%; }

  .logics .bg .img-bg-1 {
    top: 88%; }

  .other-pages .item {
    height: 220px;
    width: 32%; }

  .other-pages .img-wrap .content-width .item {
    margin-right: 30px; }

  .business-card-white {
    padding: 120px 0; }

  .business-card .big-img-wrap {
    margin: 120px 0 120px 0;
    width: 100%; }

  .next-case .content {
    height: 700px; }

  .passion figure .video-wrap {
    height: 400px; }

  .form-step .item {
    height: inherit; }

  .form-section .content {
    width: 100%;
    padding: 20px 0; }

  .form-section .content-width {
    min-height: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .form-section h4, .form-section h3 {
    max-width: 100%;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 30px; }

  .form-section-black .form-step .input-wrap-rocket img {
    width: 35px; }

  .form-step .input-wrap-rocket {
    width: 35px; }

  .form-section .wrap-link a {
    padding: 5px 5px 10px; }

  .form-section .wrap-link a .img-wrap {
    height: 125px; }

  .form-section .wrap-link a .text-wrap {
    font-size: 13px;
    line-height: 16px; }

  .form-section .pre-footer .content-width {
    -ms-flex-line-pack: center;
        align-content: center; }

  .form-step .item-2-2.pre-footer h4 {
    margin-bottom: 0; }

  .menu-responsive .menu-wrap .item:after {
    display: none; }

  .form-section-quiz-3 .line-mars .wrap h2 {
    font-size: 60px; }

  .form-section-quiz-3 .line-mars .rotate {
    top: 5075px; }

  .form-section-quiz-3 .content {
    width: 500px; }

  .form-section-quiz-3 .line-mars .wrap h2.mob {
    display: inline-block; }

  .form-section-quiz-3 .line-mars .rotate {
    left: 0; }

  .color-block .left {
    width: 100%;
    margin-bottom: 40px; }

  .color-block .right {
    width: 100%; }

  .two-img-logo .left, .two-img-logo .right, .info-img-block .left, .info-img-block .right {
    height: 500px; }

  .logo-block .img-full-wrap {
    height: 500px; }

  .typography .line-1 {
    padding-left: 0; }

  .typography .line-2 h3, .typography .line-4 h3 {
    font-size: 70px; }

  .typography .line-2 h3:after {
    bottom: 11px; }

  .typography .line-2 h3:before {
    top: 22px; }

  .typography .line-3 p, .typography .line-5 p {
    font-size: 32px; }

  .typography .line-4 h3:before {
    top: 21px; }

  .typography .line-4 h3:after {
    bottom: 10px; }

  .objective .item-wrap {
    display: none; }

  .solution-3 .line-1 .item-1 {
    width: 100%;
    margin-bottom: 20px; }

  .solution-3 .line-1 .item-2 {
    width: 100%;
    padding: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }

  .solution-3 .line-1 .item img {
    float: inherit; }

  .solution-3 .line-2 img {
    width: 100%; }

  .solution-3 .bg {
    bottom: 175px; }

  .other-pages-makelaars figure {
    position: relative;
    top: 0;
    width: 100%;
    height: 300px;
    margin-bottom: 30px; }

  .other-pages-makelaars .content-bottom .item-img img:first-child, .other-pages-makelaars .content-bottom .item-img img:last-child {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0 10px; }

  .other-pages-makelaars .content-bottom .item-img {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  .solution-3 .line-1 .item-1 {
    display: none; }

  .solution-3 .line-1 .item-2 img:first-child {
    display: inline-block; }

  .soc-stories .face .top {
    padding: 0; }

  .babies-colors .left .img-wrap {
    width: 320px; }

  .babies-colors .right h2 {
    padding: 0 0 0 30px;
    text-align: center; }

  .babies-typography {
    padding-top: 120px; }

  .babies-typography .text .left {
    width: 150px; }

  .objective-3-2 figure .img-right {
    display: none; }

  .objective-3-2 figure .line-3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  .objective-3-2 figure .line-4 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  .gallery figure {
    height: 375px; }

  .logics-3-2 figure .line {
    width: 100%;
    margin-bottom: 30px; }

  .logics-3-2 figure {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .other-pages-3-2 figure .line img {
    max-width: calc(50% - 30px); }

  .typography-colors-4-2 .font-wrap .big p {
    font-size: 100px; }

  .color-block-4-1 .bg-img .content-width .item {
    padding: 15px; }

  .solution-4-2 figure {
    position: absolute;
    width: 45%;
    top: inherit;
    bottom: 65px;
    height: 600px;
    min-height: 0; }

  .img-3n {
    padding-top: 120px; }

  .img-3n figure, .other-pages-4-2 figure, .business-card figure, .objective-4-3 .img-3n figure, .objective-4-3 .img-3n figure, .solution .img-3n figure, .solution .img-2n figure {
    height: 400px; }

  .full-img-screen, .solution .img-2n figure, .full-img-screen, .objective .img-2n figure {
    height: 500px; }

  .solution-4-3 {
    padding: 120px 0; }

  .img-3n figure {
    width: calc(33.33% - 20px); }

  .solution .img-2n figure {
    width: 50%; }

  .color-block .right .item {
    width: calc(50% - 10px);
    height: 350px; }
    .color-block .right .item img {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; }

  .strategy-5-1 .img-wrap .item, .business-card-5-1 .img, .solution-5-2 .img, .business-card-5-2 .img {
    height: 450px; }

  .typography-colors-5-1 .item {
    width: 100%; }

  .typography-colors-5-1 .content-width {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .typography-colors-5-1:after {
    display: none; }

  .typography-colors-5-1 .item-1 {
    margin-bottom: 40px; }

  .typography-colors-5-1 {
    overflow: hidden; }

  .typography-colors-5-1 .item-2 {
    position: relative;
    padding-top: 30px; }
    .typography-colors-5-1 .item-2:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: -1000px;
      right: -1000px;
      content: '';
      background: #0C2C69; }
    .typography-colors-5-1 .item-2 > div, .typography-colors-5-1 .item-2 > h2 {
      position: relative;
      z-index: 1; }

  .typography-colors-5-1 .item-2 .img img {
    position: relative;
    width: 100%; }

  .typography-colors-5-1 .item-2 h2 {
    margin-bottom: 30px;
    padding: 0; }

  .objective-5-2 .img img, .solution .img-wrap img {
    max-width: 100%;
    padding: 0; }

  .solution .img-wrap {
    padding: 0;
    margin: -100px 0; }

  .logics-6-1 {
    padding-bottom: 0; }

  .objective-6-2 .img-2, .solution-6-2 .img-2 {
    height: 400px; }

  .objective-6-2 .img-3 img, .solution-6-2 .img-3 img {
    height: 350px;
    width: calc(33.33% - 10px); }

  .objective-6-2 .img-2, .solution-6-2 .img-2 {
    margin-bottom: 100px; }

  .solution-7-2 .img img {
    width: calc(33.33% - 10px); }

  .color-block-7-2 .top {
    padding: 0; }
    .color-block-7-2 .top .bg {
      position: relative;
      margin-top: 50px; }
      .color-block-7-2 .top .bg img {
        width: 100%;
        height: auto; }

  .solution-7-1 .img img {
    height: 320px; }

  .objective-7-3 .img {
    height: 400px; }

  .strategy-8-2 .left {
    width: 100%; }

  .strategy-8-2 .right {
    width: 100%; }

  .strategy-8-1 .content {
    padding: 0;
    margin-bottom: 30px; }

  .strategy-8-1 {
    background: #F5F5F5; }
    .strategy-8-1 .bg {
      position: relative;
      height: 500px; }

  .solution-8-1 {
    padding-top: 100px; }

  .solution-8-1 .img > div img {
    height: 180px; }

  .solution-8-1 .img div:nth-child(2) {
    left: 0; }

  .logics-8-1 {
    padding-bottom: 50px; }

  .strategy-8-2 .right .item img {
    margin-bottom: 12px; }

  .typography-8-2 .line-2 h3:before {
    top: 25px; }

  .typography-8-2 .line-4 h3:before {
    top: 22px; }

  .solution-9-1 .img .item img {
    width: auto;
    height: 350px; }

  .img-2n-block-9-2 .item {
    height: 400px; }

  .business-card-9-1 .img .item img {
    height: 260px; }

  .form-section-quiz-3 {
    height: 100vh !important; }

  .objective-10-1 .content-2 {
    margin-top: 800px; }

  .objective-10-1 .bg {
    bottom: 180px; }

  .objective-10-1 .content-2 .after-img {
    position: relative;
    bottom: 0;
    margin-top: 30px; }

  .solution-10-1 .img div img {
    height: 210px; }

  .solution-10-1 .img div:last-child {
    left: 0; }

  .business-card-10-1 .img div img {
    height: 450px; }

  .business-card-10-1 .bg {
    top: 500px; }

  .business-card-10-1 .img {
    margin-bottom: 900px; }

  .logo-block-10-2 .img .item {
    height: 300px; }

  .typography-colors-10-2 .title-content {
    width: 100%; }

  .business-card-10-2 .content .text {
    width: 100%; }
/*  .item.item-video .text {
    display: none;
  }*/
  .about .content .item.item-video figure img{
    display: none;
  }
  .form-section-quiz-3 .btn-wrap-bottom > div a{
    color: #fff;
  }
  .home-first-screen-title{
    padding: 0;
  }
  .home-first-screen .icon-wrap{
    max-width: 150px;
  }
  .home-first-screen-title {
    font-size: 36px;
  }
  .home-benefits-text{
    margin: 0 auto;
  }
  .client-about .img-wrap figure {
    height: 280px;
  }
  .img-google {
    width: 100px;
  }
  .home-reviews-count{
    font-size: 30px;
  }
  .home-reviews-stars-img img{
    width: 100%;
  }
  .home-reviews-stars-img{
    width: 30px;
  }
  .home-reviews-author-content{
    width: calc(100% - 50px);
  }
  .home-reviews-author-container figure {
    width: 50px;
    height: 50px;
  }
  .home-reviews-author-title{
    font-size: 18px;
  }
  .home-reviews-author-subtitle{
    font-size: 14px;
  }
  .home-reviews-item-text{
    font-size: 16px;
  }
  .home-portfolio-list-item{
    height: 200px;
  }
  .home-portfolio-container{
    padding-bottom: 0;
  }
  .home-service-list-title-button{
    margin-bottom: 20px;
  }
  .home-service-list-title-button a {
    min-height: 60px;
    font-size: 20px;
  }
  .home-service-title{
    margin-top: 0;
    padding: 0;
  }
  /*NEW-23-01-24*/
  .typography-11 .text {
    font-size: 30px; }

  .typography-11 figure img {
    width: 400px; }

  .typography-11 p {
    width: 500px; }

  .typography-11 figure {
    right: -100px; }

  .color-11 .col-2 {
    margin: 0 0 50px; }

  .color-11 .col-1 {
    width: 100%;
    top: 0;
    position: relative; }

  .color-11 {
    display: flex;
    flex-direction: column-reverse; }

  .color-11 p + h6 {
    margin-top: 30px; }

  .color-11 .col-1 ul .color-item-1, .color-11 .col-1 ul .color-item-5 {
    border-radius: 20px; }

  .color-11 .col-1 ul {
    margin: 0 20px;
    justify-content: center; }

  .strategy-11 {
    min-height: 0;
    padding-bottom: 0 !important; }

  .solution-11 {
    min-height: 0; }

  .solution-11 .img {
    position: relative; }
  .solution-11 .img img {
    position: relative; }

  .solution-img .img .wrap img {
    width: 170px; }

  .strategy-11 .bg img {
    top: 0;
    right: 0;
    left: 0; }

  .solution-11 {
    padding-bottom: 0; }
  .business-card-10-2 .content-bottom {
    padding: 200px 0 20px 50%; } }
@media (max-width: 767px) {
  .content-width {
    width: 540px; }

  .summary ul li p, .work-wrap ul li p {
    display: none; }

  .summary ul li h6 {
    margin-bottom: 10px; }

  .summary ul li {
    margin-bottom: 30px; }

  .summary ul li .link-wrap, .work ul li .link-wrap {
    display: block; }

  .work-wrap ul li h6 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px; }

  .popup-work .right {
    width: 100%; }

  .popup-work .left {
    width: 100%; }

  .top-line .logo-wrap {
    width: 110px; }

  .video {
    display: none; }

  .video-mob {
    display: block; }

  .anim-section .inner-wrap {
    bottom: -50px !important; }

  .anim-section .inner-wrap .subheader {
    font-size: 14px;
    line-height: 30px; }

  .accordion-thumb:after {
    right: 0; }

  .accordion-thumb {
    padding-right: 40px; }

  .project .title .btn-wrap {
    display: none; }

  .project .slider-wrap {
    display: none; }

  .project .bottom {
    display: block; }

  .project .mob-block {
    display: block; }
    .project .mob-block .item {
      height: 460px;
      width: 100%;
      margin-bottom: 30px; }
      .project .mob-block .item .video-wrap {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
        .project .mob-block .item .video-wrap video {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }

  .popup-work .right {
    margin-top: 60px; }

  .popup-work .right .item-wrap .item .bg-item {
    display: none; }

  .popup-work .right .item-wrap .item {
    padding: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-radius: 0;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
    .popup-work .right .item-wrap .item h4 {
      width: calc(100% - 140px);
      margin: 0;
      font-size: 25px;
      line-height: 30px; }

  .popup-work .right .item-wrap .item .btn-wrap {
    width: 120px; }
    .popup-work .right .item-wrap .item .btn-wrap a {
      width: 100%;
      padding: 0 5px;
      text-align: center; }

  .popup-work .right .item-wrap {
    width: 100%;
    margin: 0; }

  .popup-default .fancybox-close-small:before {
    position: absolute;
    top: 25px;
    right: 50px;
    content: '';
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: url(../img/icon-5.svg) no-repeat center;
    background-size: contain; }

  .form-default .input-wrap-submit .btn-default {
    min-width: 220px; }

  .tel-form {
    width: 100%;
    margin-bottom: 25px; }

  .traveling p {
    width: 100%;
    margin-bottom: 40px; }

  .traveling-two .label {
    width: 100%;
    font-size: 25px;
    line-height: 30px; }

  .team {
    padding: 100px 0; }

  .team .right .item figure {
    height: 300px; }

  .about-title .bg h1 {
    font-size: 100px; }

  .about-title .bg h6 {
    font-size: 50px; }

  .about-title .empty {
    height: 400px; }

  .big-text h6 {
    font-size: 38px;
    line-height: 46px; }

  .skill .content .empty {
    height: 460px; }

  .slider-team .swiper-slide .item figure {
    height: 290px; }

  .slider-team .swiper-slide .item, .slider-team .swiper-slide {
    width: 290px; }

  .slider-team .swiper-slide .item h6 {
    font-size: 25px;
    line-height: 30px; }

  .slider-team .swiper-slide .item p {
    font-size: 13px;
    line-height: 16px; }

  .crew h2 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 30px; }

  .passion h2 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 30px; }

  .crew .content {
    padding: 0; }

  .passion .title {
    padding: 0; }

  .passion {
    padding: 60px 0; }

  .traveling {
    padding: 120px 0 120px !important; }

  .about .title {
    min-height: 0; }

  .contact-title h1 {
    font-size: 50px !important;
    line-height: 60px !important; }

  .contact-title {
    padding: 120px 0; }

  .form-up-label .input-wrap input, .form-up-label .input-wrap label {
    font-size: 15px; }

  .form-up-label .input-wrap input {
    border-width: 1px;
    line-height: 40px; }

  .form-up-label .input-wrap label {
    top: 10px; }

  .contact-title .title {
    margin-bottom: 109px; }

  .form-up-label .input-wrap label.is-focus, .form-up-label .input-wrap label.is-active, .form-up-label .input-wrap label.is-date {
    top: -5px; }

  .form-up-label .input-wrap-text label.is-focus, .form-up-label .input-wrap-text label.is-active, .form-up-label .input-wrap-text label.is-date {
    top: -15px; }

  .form-up-label .input-wrap {
    margin-bottom: 38px; }

  .form-up-label .input-wrap-text textarea {
    height: 90px;
    border-width: 1px;
    font-size: 15px; }

  .form-up-label .input-wrap-text label {
    top: calc(100% - 38px); }

  .form-up-label .input-wrap-submit {
    text-align: left; }

  .form-up-label .input-wrap-submit {
    margin-top: 58px; }

  .contact h2 {
    font-size: 50px !important;
    line-height: 60px !important;
    margin-bottom: 57px; }

  .contact {
    padding: 65px 0 120px; }

  .contact ul {
    margin-top: 90px; }

  .contact figure {
    margin-top: 90px; }

  .crew .next-slide {
    display: none; }

  .blog h1 {
    text-align: center; }

  .tabs-menu-blog {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .tabs-menu-blog li {
      margin-bottom: 10px; }

  .blog .sort-right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  .strategy .item figure {
    height: 270px; }

  .strategy .item .logo-wrap img {
    width: 100px; }

  .typography-colors .text-img-wrap .text-italianno h6 {
    font-size: 100px; }

  .typography-colors .text-img-wrap .text-cormorant h6 {
    font-size: 60px; }

  .typography-colors .text-img-wrap .text-inter h6 {
    font-size: 30px;
    line-height: 0.8; }

  .typography-colors .text-img-wrap .text {
    height: 70px;
    padding: 10px 0; }

  .typography-colors .text-img-wrap .item .color {
    height: 70px;
    padding: 10px; }

  .typography-colors .text-img-wrap .item-color-1 .color {
    width: 200px; }

  .typography-colors .text-img-wrap .item-color-3 .color {
    width: 100px; }

  .typography-colors .text-img-wrap .text-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }

  .typography-colors .text-img-wrap .color-wrap {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-bottom: 20px; }

  .typography-colors .text-img-wrap .text-cormorant {
    margin-left: 30px; }

  .typography-colors {
    padding: 120px 0 120px; }

  .business-card {
    padding: 120px 0; }

  .business-card .logo-wrap figure {
    width: 55%;
    margin-right: -5%; }

  .business-card .logo-wrap .card-wrap {
    width: 55%;
    margin-left: -5%; }

  .solution .img-wrap {
    padding: 0; }

  .solution-2 .img-wrap {
    padding: 50px 0; }

  .other-pages .img-wrap .content-width {
    display: none; }

  .other-pages .item {
    width: 100%;
    height: 300px;
    margin-bottom: 20px; }

  .passion figure .video-wrap {
    height: 300px; }

  .form-section .wrap-link a {
    width: calc(33% - 6px);
    margin-bottom: 10px; }

  .form-section .wrap-link a:nth-child(3n) {
    margin-right: 0; }

  .form-section .wrap-link a .text-wrap {
    margin-top: 10px; }

  .form-section-quiz-3 .content {
    width: 400px; }

  .color-block .right .item {
    height: 260px; }

  .color-block .right .item:nth-child(4n) {
    margin-right: 8px; }

  .info-img-block .left {
    width: 100%; }

  .two-img-logo .left, .two-img-logo .right, .info-img-block .left, .info-img-block .right {
    height: 400px; }

  .logo-block .img-full-wrap {
    height: 400px; }

  .info-img-block .right {
    width: 100%; }

  .color-block {
    padding: 60px 0; }

  .info-img-block {
    padding-bottom: 120px; }

  .typography .line-2 h3, .typography .line-4 h3 {
    font-size: 56px; }

  .typography .line-2 h3:before {
    top: 17px; }

  .typography .line-2 h3:after {
    bottom: 9px; }

  .typography .line-3 {
    margin-bottom: 100px; }

  .typography .line-4 h3:before {
    top: 17px; }

  .typography .line-4 h3:after {
    bottom: 8px; }

  .two-img-logo {
    padding: 60px 0; }

  .two-img-logo .left, .two-img-logo .right {
    width: 100%; }

  .two-img-logo .content-width {
    padding-top: 100px; }

  .two-img-logo .content-width .content {
    padding: 0; }

  .other-pages-makelaars .content {
    width: 100%; }

  .logo-block .img-full-wrap .logo-img {
    width: 100px; }

  .solution-3 .line-1 .item img {
    width: 160px;
    margin-left: 30px;
    min-width: 160px; }

  .solution-3 .line-1 .item-2 {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

  .other-pages-makelaars figure {
    display: none; }

  .other-pages-makelaars .img-mob-wrap {
    display: block;
    margin-bottom: 60px;
    height: 480px; }
    .other-pages-makelaars .img-mob-wrap img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

  .soc-stories .inst .img-wrap img {
    width: 50%; }

  .soc-stories .inst p {
    margin-bottom: 100px; }

  .soc-stories .inst {
    margin-bottom: 120px; }

  .soc-stories .face .text-wrap p {
    width: 100%; }

  .soc-stories .face .img-wrap {
    margin-top: 50px; }

  .babies-colors {
    overflow: hidden; }

  .babies-colors .left {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative; }
    .babies-colors .left:after {
      position: absolute;
      bottom: 0;
      height: 10px;
      left: -1000px;
      right: -1000px;
      content: '';
      border-bottom: 10px solid #F5F5F5; }

  .babies-colors .right {
    width: 100%; }

  .babies-colors:before {
    display: none; }

  .babies-colors .left h2 {
    text-align: center; }

  .babies-colors .left .img-wrap {
    margin: auto; }

  .babies-colors .right h2 {
    padding: 0;
    margin: 0; }

  .babies-colors {
    border-top: 10px solid #f5f3f1;
    border-bottom: 10px solid #f5f3f1; }

  .babies-typography h2 {
    margin-bottom: 100px; }

  .babies-typography .color-wrap .item {
    margin: 0 20px 20px 0;
    width: 250px;
    height: 130px; }

  .babies-typography .content .content-width {
    padding: 0; }

  .objective .text-wrap p {
    width: 100%; }

  .objective-3-2 figure .line-3 {
    margin-bottom: 75px; }

  .gallery figure {
    height: 275px; }

  .logics {
    padding: 100px 0; }

  .other-pages-3-2 figure .line img {
    max-width: 100%;
    margin: 0 0 20px;
    width: 100%; }

  .strategy .title-content .text-wrap p, .strategy .title-content .text-wrap p {
    width: 100%; }

  .typography-colors-4-2 .text-wrap {
    width: 100%;
    margin-bottom: 0; }

  .typography-colors-4-2 .font-wrap {
    width: 100%; }

  .color-block-4-1 .bg-img .content-width {
    margin-top: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

  .color-block-4-1 .bg-img .content-width .item {
    width: 49%;
    margin-right: 0; }

  .color-block-4-1 .bottom .content {
    padding: 0; }

  .objective-4-2 .img-4-2 {
    position: relative;
    left: 0; }
    .objective-4-2 .img-4-2 img {
      width: 100%; }

  .objective-4-2 .content-width {
    padding: 0; }

  .solution-4-2 .img-wrap {
    width: 75%; }
    .solution-4-2 .img-wrap img {
      width: 100%; }

  .solution-4-2 figure {
    bottom: 70px;
    height: 400px; }

  .img-3n figure {
    width: 100%;
    height: 425px;
    margin-bottom: 30px; }

  .img-3n {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .solution .img-2n figure, .objective .img-2n figure {
    width: 100%;
    margin-bottom: 0 !important; }

  .logics-3-2 figure .line {
    display: block; }
    .logics-3-2 figure .line img {
      display: inline-block;
      height: auto; }

  .other-pages-3-2 figure .line {
    display: block; }
    .other-pages-3-2 figure .line img {
      height: auto; }

  .strategy-5-1 .img-wrap .item {
    width: 100%; }

  .strategy-5-1 .img-wrap .item, .business-card-5-1 .img, .solution-5-2 .img, .business-card-5-2 .img {
    height: 350px; }

  .objective .content {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 40px; }

  .objective-5-2 .img {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }

  .strategy-6-1 .img {
    left: 0;
    margin-top: 0; }
    .strategy-6-1 .img img {
      max-width: 100%; }

  .objective-6-2 .img-2, .solution-6-2 .img-2 {
    height: 300px; }

  .objective-6-2 .img-3 img, .solution-6-2 .img-3 img {
    height: 250px; }

  .process-block .left {
    width: 100%;
    margin-bottom: 50px; }

  .process-block .right {
    width: 100%; }
    .process-block .right .video-wrap {
      text-align: center; }

  .strategy-7-1 .img {
    margin: -100px 0 100px 0; }
    .strategy-7-1 .img img {
      max-width: 100%; }

  .solution-7-2 .text-wrap p {
    max-width: 100%; }

  .strategy-7-1 .left {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }

  .strategy-7-1 .right {
    width: 100%;
    margin-bottom: 50px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }

  .solution-7-1 .img img {
    height: 230px; }

  .objective-7-3 .img {
    height: 300px; }

  .solution-7-3 .img-3n {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .solution-7-3 .img-3n {
    margin: -30px 0 120px; }

  .solution-7-3 .img-3n-2 {
    margin: 120px 0; }

  .img-2n-block .item {
    height: 320px; }

  .typography-8-2 .line-2 h3:before {
    top: 19px; }

  .typography-8-2 .line-4 h3:before {
    top: 18px; }

  .solution-9-1 .img .item img {
    height: 250px; }

  .objective-10-1 .content-2 .after-img {
    left: 0;
    -webkit-transform: none;
            transform: none; }

  .solution-10-1 .content {
    padding: 0; }

  .solution-10-1 .img div img {
    height: 160px; }

  .business-card-10-1 .img div img {
    height: 330px; }
  .wordpress figure img{
    height: auto;
  }
  .wordpress .mob-title{
    display: block;
  }
  .wordpress .text-wrap h2{
    display: none;
  }
  .project .mob-block .item .text a i{
    -webkit-filter: invert(30%) sepia(1%) saturate(1187%) hue-rotate(19deg) brightness(86%) contrast(98%);filter: invert(30%) sepia(1%) saturate(1187%) hue-rotate(19deg) brightness(86%) contrast(98%);
  }
  .project .mob-block .item .text a:hover i{
    -webkit-filter: invert(1);
    filter: invert(1);
  }

  .work .img-wrap-mob{
    overflow-x: auto;
  }
  .bgc {
    padding: 50px 0;
  }

  .client-about .img-wrap figure {
    height: 220px;
  }
  .home-reviews-title{
    padding: 0;
    margin-bottom: 25px;
  }
  .home-reviews-item{
    width: 100%;
    margin-bottom: 20px;
    flex-basis: inherit;
  }
  /*NEW-23-01-24*/
  .solution-img .img .wrap img {
    margin: 0 1%; }

  .business-card-11 .content-bottom {
    padding: 0; }
  .business-card-10-1 .bg {
    top: 270px; } }
@media (max-width: 575px) {
  .content-width {
    width: 100%;
    padding: 0 10px; }
  .work .img-wrap-mob{
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 0 10px 15px;
  }
  header .content-width-full {
    padding: 0 10px; }

  header .lang-wrap ul li {
    width: 40px; }

  header .lang-wrap ul:after {
    left: 40px;
    height: 24px; }

  header .open-menu {
    width: 22px;
    margin-left: 40px; }

  .top-line {
    padding: 11px 0; }

  header .content-width-full .right {
    width: calc(100% - 120px);
    top: 3px; }

  header .open-menu a span {
    height: 2px; }

  header .open-menu a span + span {
    margin-top: 5px; }

  header .lang-wrap ul li a {
    height: 24px;
    line-height: 24px; }

  header .lang-wrap ul {
    position: relative;
    top: -2px; }

  .top-slider .swiper-slide .content-width {
    padding: 50px 10px 30px; }

  .top-slider .swiper-slide p {
    font-size: 15px;
    line-height: 18px; }

  .top-slider h1, .top-slider h2, h1, .faq h2 {
    font-size: 65px;
    line-height: 65px; }

  .section h2 {
    font-size: 50px;
    line-height: 60px; }

  .about {
    padding: 120px 0 120px; }
    .about .content-width {
      padding: 0; }

  .about .content .item {
    width: 100%; }

  .about .content .item figure {
    height: 460px; }

  .about .content .item figure .text h5 {
    font-size: 38px;
    line-height: 46px; }

  .about .content .item .text-wrap ul li:last-child {
    margin-right: 0; }

  .about .content .item .text-wrap ul li {
    margin: 0 7px 10px 0; }

  .about .content .item .text-wrap {
    padding-top: 15px; }

  .about .content .item .text-wrap ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  .about .btn-wrap {
    margin-top: 15px; }

  .pre-footer {
    padding: 58px 0 109px; }

  .pre-footer h2 {
    font-size: 50px;
    line-height: 60px; }

  .pre-footer ul {
    margin-top: 63px; }

  .pre-footer ul li a {
    font-size: 18px; }

  .footer {
    padding: 32px 0 40px; }

  .footer .left ul {
    display: none; }

  .footer .right .footer-menu {
    width: 100%; }

  .footer .right .footer-menu ul li {
    width: 50%;
    margin-bottom: 7px; }
    .footer .right .footer-menu ul li a {
      font-size: 20px;
      line-height: 24px; }

  .footer .right .soc-wrap {
    display: block;
    margin-top: -30px; }
    .footer .right .soc-wrap ul {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .footer .right .soc-wrap ul li {
        width: 100%;
        margin-bottom: 7px; }
        .footer .right .soc-wrap ul li a {
          font-size: 13px;
          line-height: 16px; }

  .footer .left {
    margin-bottom: 30px; }

  .footer .bottom ul li {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 5px; }
    .footer .bottom ul li a {
      font-size: 13px;
      line-height: 16px; }

  .footer .bottom {
    margin-top: 35px; }

  .footer .bottom p {
    font-size: 11px;
    line-height: 13px; }

  .footer .bottom ul {
    margin-bottom: 43px; }

  .fix .top-site {
    width: 24px;
    height: 24px;
    font-size: 12px; }

  .fix {
    right: 10px; }

  header .open-menu.is-active a span:first-child {
    top: 7px; }

  header .open-menu.is-active a span:nth-child(3) {
    top: -7px; }

  .menu-responsive .menu-wrap {
    padding: 55px 10px 150px; }

  .ux-section .text .full > a span {
    font-size: 13px;
    line-height: 15px;
    text-decoration: underline;
    display: inline; }
    .ux-section .text .full > a span:after {
      display: none; }

  #page-header-bg .nectar-particles .span_6 .inner-wrap, #page-header-bg .span_6 {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }

  .anim-section .inner-wrap {
    padding: 0 10px; }

  .anim-section .inner-wrap h1 {
    font-size: 50px;
    line-height: 1.2; }

  .anim-section .btn-wrap {
    margin-top: 30px; }

  .footer .right .soc-wrap ul {
    margin-top: 50px; }

  .footer .left h3 {
    font-size: 30px; }

  .web-design .content-width {
    padding: 0 10px; }

  .web-design h1 {
    font-size: 50px;
    line-height: 60px; }

  .web-design .right h3 {
    font-size: 25px;
    line-height: 30px; }

  .accordion-thumb p, .accordion li:before {
    font-size: 15px;
    line-height: 18px; }

  .bg-design img {
    display: none; }
  .bg-design .mob {
    display: block;
    width: 100%;
    height: 200%; }

  .project .bottom {
    margin-top: 30px; }

  .summary .title h5 {
    font-size: 25px;
    line-height: 30px; }

  .summary ul li h6, .popup-work .left h4, .form-section h4, .form-section h3 {
    font-size: 25px;
    line-height: 30px; }

  .summary ul li h6:before {
    left: -30px; }

  .popup-default .fancybox-close-small:before {
    right: 15px; }

  .popup-default {
    padding: 75px 20px 20px; }

  .wordpress figure {
    margin-bottom: 60px; }

  .reviews blockquote:before {
    width: 23px; }

  .reviews h2 {
    margin-bottom: 30px; }

  .reviews blockquote {
    padding-top: 60px; }

  .reviews blockquote p {
    font-size: 25px;
    line-height: 30px; }

  .project-black h1 {
    padding: 0 10px;
    text-align: center; }

  .project-black h1, .ticket-title h1 {
    font-size: 50px;
    line-height: 60px; }

  .ticket-title {
    padding: 95px 0 65px; }

  .tel-form input, .tel-form button {
    height: 50px;
    line-height: 50px; }

  .tel-form button {
    width: 135px;
    padding: 0 10px; }

  .tel-form input {
    width: calc(100% - 140px); }

  .ticket-title h1 {
    margin-bottom: 15px; }

  .ticket-title h3 {
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 50px; }

  .traveling-two {
    padding: 120px 0 120px; }

  .team .right .item {
    width: 100%; }

  .team .right .item h6 {
    font-size: 25px;
    line-height: 30px; }

  .team .right .item p {
    font-size: 13px;
    line-height: 16px;
    margin: 0; }

  .team .right .item {
    margin-bottom: 40px; }

  .team {
    padding: 60px 0; }

  .team p {
    margin: 0; }

  .team .left {
    margin-bottom: 40px; }

  .work-wrap .content-width {
    padding-left: 10px; }

  .work-wrap p.label {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 5px; }

  .work-1 {
    padding: 60px 0 60px; }

  .work .img-wrap-mob {
    padding-top: 60px; }

  .work-2 {
    padding-bottom: 120px; }

  .about-title .bg h1 {
    font-size: 70px; }

  .about-title .bg h6 {
    font-size: 38px;
    line-height: 46px; }

  .about-title .bg {
    padding: 90px 20px 50px; }

  .about-title .empty {
    height: 300px; }

  .about-title .content-width {
    padding: 0; }

  .big-text {
    padding: 100px 0; }

  .skill {
    background-position: center 200px; }

  .skill .content .item {
    padding: 15px;
    margin-bottom: 30px; }

  .skill .content .item h5 {
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 15px; }

  .skill .content .item p {
    margin-bottom: 30px; }

  .skill .content .item .btn-wrap {
    margin-bottom: 30px; }

  .crew {
    padding: 60px 0; }

  .crew p {
    margin-bottom: 40px; }

  .passion p {
    margin-bottom: 40px; }

  .about h2, .about h3 {
    font-size: 38px;
    line-height: 46px; }
    .about h2 a, .about h3 a {
      font-size: 38px;
      line-height: 46px; }

  .anim-section .inner-wrap {
    bottom: 50px !important; }

  .blog h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 35px; }

  .blog {
    padding-top: 125px; }

  .tabs-menu-blog {
    margin-bottom: 45px; }

  .blog .sort-blog {
    margin-bottom: 20px; }

  .blog-item {
    width: 100%; }
    .blog-item figure {
      width: calc(100%  + 20px);
      margin-left: -10px;
      margin-bottom: 15px; }

  .blog-item .tag-wrap {
    margin-bottom: 28px; }

  .blog {
    padding-bottom: 30px; }

  .article-head .content-width h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px; }
    .article-head .content-width h1 br {
      display: none; }

  .article-head .content-width .tag-wrap {
    margin-bottom: 15px; }

  .article-head .content-width {
    padding-top: 80px; }

  .article-content h2 {
    font-size: 38px;
    line-height: 46px; }

  .article-content {
    padding: 120px 0 90px; }

  .article-content p {
    font-size: 25px;
    line-height: 30px; }

  .article-content p + h2 {
    margin-top: 120px; }

  .article-content figure {
    height: 350px;
    margin: 120px 0 120px; }

  .blog-more h2 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 60px; }

  .big-text {
    padding-bottom: 30px; }

  .skill {
    background: #F9F0EB; }

  .skill {
    position: relative; }
    .skill .bg-mob {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: fixed !important;
      top: 200px !important;
      left: 0;
      right: 0;
      margin: auto;
      width: 95% !important; }

  .skill .content .empty {
    width: 100%; }

  .skill .content .item {
    position: relative;
    z-index: 2; }

  .about-title, .big-text {
    z-index: 10; }

  .about-title.is-hide {
    z-index: 1; }

  .case-head h1 {
    font-size: 50px;
    line-height: 60px; }

  .case-head {
    padding: 125px 0 30px; }

  .case-head .sub-title {
    font-size: 25px;
    margin-bottom: 60px; }

  .case-head .sub-title:before {
    width: 40px;
    margin-right: 20px; }

  .tabs-menu li {
    line-height: 34px;
    font-size: 10px;
    padding: 0 17px; }

  .tabs-menu {
    padding: 2px; }

  .full-img {
    height: 215px;
    height: auto;
  }

  .info-case ul li h6 {
    font-size: 25px;
    line-height: 30px;
    width: 85px; }

  .info-case ul li .wrap p {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 12px; }

  .info-case .wrap {
    padding: 60px 0; }

  .info-case ul li .wrap {
    padding-top: 10px; }

  .info-case ul li {
    margin-bottom: 15px; }

  h2 {
    font-size: 50px;
    line-height: 60px; }

  .strategy {
    padding: 55px 0 55px; }

  .strategy h2 {
    margin-bottom: 25px; }

  .strategy .title-content .text-wrap p {
    width: 100%;
    margin-bottom: 29px; }

  .strategy .title {
    margin-bottom: 30px; }

  .strategy .item figure {
    height: 50vw; }

  .strategy .item .logo-wrap img {
    width: 70px;
    margin-bottom: 10px; }

  .strategy .item .logo-wrap {
    padding-top: 10px; }

  .strategy .item .logo-wrap p {
    font-size: 10px; }

  .strategy .content {
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
    margin-left: -10px; }

  .typography-colors h2 {
    margin-bottom: 30px; }

  .typography-colors .title p {
    width: 100%;
    margin-bottom: 30px; }

  .typography-colors .title {
    margin-bottom: 30px; }

  .typography-colors .text-img-wrap .item-color-1 .color {
    width: 100%;
    border-radius: 20px 0 0 20px; }

  .typography-colors .text-img-wrap .item-color-1 {
    width: 100%; }

  .typography-colors .text-img-wrap {
    padding-left: 10px; }

  .typography-colors .text-img-wrap .item .color-white p {
    font-size: 12px;
    line-height: 15px; }

  .typography-colors .text-img-wrap .item .color {
    padding: 15px; }

  .typography-colors .text-img-wrap .item {
    margin-bottom: 5px; }

  .typography-colors .text-img-wrap .item-color-2 .color {
    width: 118px; }

  .typography-colors .text-img-wrap .item-color-3 .color {
    width: 172px;
    margin-right: 10px; }

  .typography-colors .text-img-wrap .item-color-2 {
    margin-left: 0; }

  .typography-colors .text-img-wrap .item-color-4 {
    width: 100%;
    margin-left: 0; }
    .typography-colors .text-img-wrap .item-color-4 > div {
      width: 100%; }

  .typography-colors .text-img-wrap .text-italianno h6 {
    font-size: 80px;
    line-height: 0.5; }

  .typography-colors .text-img-wrap .text-italianno p {
    font-size: 14px; }

  .typography-colors .text-img-wrap .text-cormorant h6 {
    font-size: 40px; }

  .typography-colors .text-img-wrap .text-cormorant p {
    font-size: 7px; }

  .typography-colors .text-img-wrap .text-inter h6 {
    font-size: 20px; }

  .typography-colors .text-img-wrap .text-inter p {
    font-size: 5px; }

  .typography-colors .text-img-wrap .text-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

  .typography-colors .text-img-wrap .text-inter {
    margin-left: 5px; }

  .typography-colors .text-img-wrap .text-cormorant {
    margin-left: -5px; }

  .typography-colors .text-img-wrap .text-wrap .item:first-child {
    position: relative;
    top: 4px; }

  .typography-colors .text-img-wrap .color-wrap {
    margin-bottom: 30px; }

  .typography-colors {
    padding-bottom: 50px; }

  .img-bg-fix {
    height: 215px; }

  .img-bg-fix-1 {
    background: url("../img/bg-7-1.jpg") no-repeat center;
    background-size: cover; }

  .business-card {
    padding: 60px 0; }

  .business-card h2 {
    margin-bottom: 30px; }

  .business-card .text-wrap p {
    width: 100%;
    margin-bottom: 30px;
    padding: 0; }

  .business-card .logo-wrap .card-wrap {
    width: 53%;
    margin-left: -3%;
    height: 88px; }

  .business-card .logo-wrap .card-wrap h6 {
    font-size: 8px;
    line-height: 145%;
    margin-bottom: 10px; }

  .business-card .text-wrap {
    margin-bottom: 30px; }

  .business-card .logo-wrap .card-wrap p, .business-card .logo-wrap .card-wrap p a {
    font-size: 8px;
    line-height: 120%; }

  .business-card .logo-wrap .card-wrap p a {
    margin-bottom: 1px; }

  .business-card .logo-wrap figure {
    width: 53%;
    margin-right: -3%;
    height: 88px;
    top: 8px; }
    .business-card .logo-wrap figure img {
      width: 30px; }

  .business-card .logo-wrap {
    margin-bottom: 126px; }

  .form-section .content .left {
    padding: 0; }

  .form-section .content .left {
    max-height: 430px; }

  .form-section .content .left .item {
    max-height: 100%;
    min-height: 430px; }

  .form-section h4, .form-section h3 {
    margin-bottom: 35px; }

  .form-step .input-wrap-rocket img {
    width: 40px; }

  .form-step .input-wrap-rocket {
    margin-right: 6px; }

  .next-case .content {
    height: 460px; }

  .next-case .text h2 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px; }

  .next-case .text p {
    margin-bottom: 15px; }

  .next-case .bottom {
    bottom: 20px; }

  .objective {
    padding: 60px 0; }

  .objective h2 {
    margin-bottom: 30px; }

  .objective .text-wrap p {
    width: 100%;
    margin-bottom: 30px; }

  .objective .text-wrap {
    margin-bottom: 27px; }

  .objective figure .line img {
    width: 172px; }

  .objective figure .line-1 {
    margin-bottom: 60px; }

  .objective figure .line {
    overflow-y: scroll; }

  .objective figure {
    width: calc(100% + 10px);
    max-width: calc(100% + 10px); }

  .solution {
    padding: 60px 0 0; }
    .solution figure {
      display: none; }

  .solution h2 {
    margin-bottom: 30px; }

  .solution .img-wrap-mob {
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
    display: block;
    margin-left: -10px;
    height: 480px; }
    .solution .img-wrap-mob img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

  .solution p {
    margin-bottom: 63px; }

  .solution .img-wrap img {
    width: 145px; }

  .solution .img-wrap {
    padding: 60px 0; }

  .solution .img-wrap img:last-child {
    padding-bottom: 0;
    position: relative;
    top: 72px; }

  .solution .img-wrap {
    margin: 0; }

  .solution-2 figure img {
    width: 167px; }

  .solution-2 figure {
    padding: 75px 0; }

  .solution-2 .img-wrap {
    padding: 60px 0; }

  .solution-2 .img-wrap img {
    width: 145px; }

  .solution-2 .img-wrap img:last-child {
    top: 73px; }

  .logics {
    padding: 120px 0; }
    .logics .bg {
      display: none; }

  .logics h2 {
    margin-bottom: 30px; }

  .logics {
    overflow: hidden; }
    .logics .img-mob {
      display: inline-block; }
    .logics .left .img-mob {
      margin: 1px 0 34px;
      width: 100%; }
      .logics .left .img-mob:after {
        content: "";
        display: table;
        clear: both; }
      .logics .left .img-mob img {
        vertical-align: top;
        position: relative;
        left: 10px;
        width: 245px;
        float: right; }
    .logics .right .img-mob {
      margin: 60px 0 -5px;
      width: 100%; }
      .logics .right .img-mob:after {
        content: "";
        display: table;
        clear: both; }
      .logics .right .img-mob img {
        vertical-align: top;
        position: relative;
        left: -90px;
        width: 245px;
        float: left; }

  .logics .content-width .right figure .img {
    width: 178px; }

  .logics .content-width .right figure .img-2 {
    margin: 66px 0 0 -61px; }

  .other-pages {
    padding: 60px 0; }

  .other-pages h2 {
    margin-bottom: 30px; }

  .other-pages p {
    margin-bottom: 60px; }

  .other-pages .item {
    height: auto;
    padding: 0 10px;
    margin-bottom: 25px; }

  .business-card-white {
    padding: 120px 0 60px; }

  .business-card .big-img-wrap {
    margin: 65px 0 120px 0; }

  .passion figure .video-wrap {
    height: 170px; }

  .form-section .wrap-link {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

  .form-section .wrap-link a {
    width: 49%;
    margin-right: 0; }

  .form-section .wrap-link a .img-wrap {
    height: 100px; }

  .form-step .input-wrap-text {
    width: 100%; }

  .form-step .wrap-file .file label {
    width: 100%; }

  .form-step .wrap-file .example {
    margin-top: 15px; }

  .pre-footer ul li img {
    margin-left: 15px;
    margin-right: 15px; }

  .form-step .item-2-2.pre-footer h4 {
    font-size: 25px;
    line-height: 30px; }

  .form-section-quiz-3 .content {
    width: 290px;
    padding: 40px 0 0 65px; }

  .form-section-quiz-3 .form-step .input-wrap label {
    min-width: 225px; }

  .form-section-quiz-3.form-section h3 {
    margin-bottom: 20px; }

  .form-section-quiz-3 .form-step .btn-wrap {
    margin-top: 30px; }

  .form-section-quiz-3 .form-step .input-wrap label > span {
    font-size: 13px; }

  .form-up-label .input-wrap input, .form-up-label .input-wrap-text textarea {
    border-radius: 0 !important; }

  .logo-block {
    padding: 60px 0 60px; }

  .logo-block .img-full-wrap {
    height: 155px;
    margin-top: 30px; }

  .color-block h2 {
    margin-bottom: 30px; }

  .color-block .right .item p {
    font-size: 6px;
    line-height: 7px; }

  .color-block .right .item {
    width: calc(50% - 5px);
    height: auto;
    padding: 0; }
    .color-block .right .item img {
      position: relative;
      height: auto; }

  .color-block {
    padding: 60px 0 110px; }

  .two-img-logo .left, .two-img-logo .right, .info-img-block .left, .info-img-block .right {
    height: 300px; }

  .info-img-block .right img {
    width: 195px; }

  .typography {
    padding: 60px 0 60px; }

  .typography h2 {
    margin-bottom: 30px; }

  .typography .text-wrap p {
    width: 100%;
    margin-bottom: 30px; }

  .typography .line-1 {
    margin-bottom: 37px; }

  .typography .line-2 h3, .typography .line-4 h3 {
    font-size: 37px; }

  .typography .line-2 h3:before {
    top: 11px; }

  .typography .line-2 h3:after {
    bottom: 6px; }

  .typography .line .content {
    margin-top: 15px; }

  .typography .line-3 p, .typography .line-5 p {
    font-size: 18px;
    line-height: 23px; }

  .typography .line-2 {
    margin-bottom: 38px; }

  .typography .line-3 {
    margin-bottom: 94px; }

  .typography .line-4 h3:before {
    top: 10px; }

  .typography .line-4 h3:after {
    bottom: 6px; }

  .typography .line-4 {
    margin-bottom: 45px; }

  .two-img-logo {
    padding: 120px 0 85px; }

  .two-img-logo .right .img-logo {
    width: 100px; }

  .two-img-logo .content-width {
    padding-top: 80px; }

  .two-img-logo .content-width h2 {
    margin-bottom: 30px; }

  .two-img-logo .content-width {
    padding: 80px 10px 0; }

  .solution-makelaars .img-wrap img:last-child {
    padding: 120px 0 0;
    top: 0; }

  .solution-3 {
    padding: 120px 0 60px; }

  .solution-3 .line .item img {
    width: 145px;
    min-width: 145px; }

  .solution-3 .line-1 .item-2 {
    margin-left: -10px;
    width: calc(100% + 20px);
    overflow-x: scroll;
    max-width: calc(100% + 20px);
    min-width: calc(100% + 20px);
    padding: 0 10px 20px; }

  .objective figure .line {
    margin-left: -10px;
    width: calc(100% + 20px);
    overflow-x: scroll;
    max-width: calc(100% + 20px);
    min-width: calc(100% + 20px);
    padding: 0 10px 20px; }

  .solution-3 .line .item img {
    margin-left: 15px; }

  .solution-3 .line-1 {
    margin-bottom: 70px; }

  .solution-3 .bg {
    bottom: 0; }

  .other-pages-makelaars {
    padding: 60px 0 1px; }

  .other-pages-makelaars h2 {
    margin-bottom: 30px; }

  .other-pages-makelaars p {
    margin-bottom: 60px; }

  .other-pages-makelaars .img-mob-wrap {
    margin-left: -10px;
    width: calc(100% + 20px);
    min-width: calc(100% + 20px);
    max-width: calc(100% + 20px); }

  .other-pages-makelaars .img-wrap img {
    width: 145px; }

  .other-pages-makelaars .img-wrap {
    padding: 0; }

  .other-pages-makelaars .img-wrap div:first-child img {
    padding-top: 345px; }

  .other-pages-makelaars .content-bottom {
    margin: 60px auto 60px; }

  .other-pages-makelaars .content-bottom .item-img {
    margin-top: 55px; }
    .other-pages-makelaars .content-bottom .item-img img {
      width: 145px;
      margin: 0 5px; }

  .hide-header .top-line {
    padding: 17px 0 0; }

  .soc-stories {
    padding: 60px 0; }

  .soc-stories h2 {
    margin-bottom: 30px; }

  .soc-stories .inst p {
    margin-bottom: 75px; }

  .soc-stories {
    overflow: hidden; }

  .soc-stories .inst .img-wrap img {
    position: relative;
    left: 10px;
    margin-bottom: 60px; }

  .soc-stories .inst {
    margin-bottom: 60px; }

  .soc-stories .face .img-wrap {
    margin-top: 40px; }

  .babies-colors {
    padding: 55px 0 20px; }

  .babies-colors .left h2 {
    text-align: center;
    margin-bottom: 60px; }

  .babies-colors .left .img-wrap img {
    width: 125px;
    height: 125px; }

  .babies-colors .left .img-wrap {
    width: 280px; }

  .babies-colors .left {
    margin-bottom: 60px;
    padding-bottom: 40px; }

  .babies-typography {
    padding-top: 60px; }

  .babies-typography h2 {
    margin-bottom: 60px; }

  .babies-typography .text .left {
    width: 100%;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .babies-typography .text .left h6 {
    width: 82px; }

  .babies-typography .text .left p {
    width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;
    margin-right: 5px;
    min-width: 72px; }

  .babies-typography .text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .babies-typography .text .right {
    width: 100%; }

  .babies-typography .text .right h4 {
    font-size: 34px;
    line-height: 43px; }

  .babies-typography .text {
    margin-bottom: 65px; }

  .babies-typography .text-2 {
    margin-bottom: 120px; }

  .babies-typography .color-wrap .item {
    padding: 15px 25px;
    margin-bottom: 15px;
    width: 100%;
    height: 100px; }

  .babies-typography .color-wrap .item .color {
    top: 15px;
    right: 35px; }

  .babies-typography .content {
    padding: 60px 10px 60px; }

  .babies-typography .content .content-width h2 {
    margin-bottom: 30px; }

  .objective-3-2 figure .line-3 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }

  .objective-3-2 figure .line-3 {
    margin-bottom: 40px; }

  .objective-3-2 {
    padding-bottom: 40px; }

  .solution-3-2 .img-wrap-mob {
    height: 320px; }

  .gallery figure {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    height: 350px;
    margin-bottom: 10px; }

  .gallery figure:first-child {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }

  .gallery figure:nth-child(3) {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;object-fit: cover;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }

  .gallery figure:nth-child(4) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }

  .gallery {
    padding-top: 10px; }

  .logics-3-2 {
    padding: 60px 0 0; }

  .logics-3-2 figure .line img {
    width: 145px;
    margin-right: 10px; }

  .logics-3-2 figure {
    margin-top: -20px; }

  .logics-3-2 figure .line {
    margin-bottom: 65px; }

  .other-pages-3-2 figure {
    padding: 0 10px; }

  .other-pages-3-2 figure .line img {
    margin-bottom: 30px; }

  .other-pages-3-2 figure .line-2 {
    display: none; }

  .other-pages-3-2 figure .line {
    margin-bottom: 25px; }

  .other-pages-3-2 figure .content-width {
    padding: 0; }

  .other-pages-3-2 figure .line-4 {
    padding: 60px 0 0 0; }

  .other-pages-3-2 figure .line-3 img:last-child, .other-pages-3-2 figure .line-4 img:last-child {
    display: none; }

  .other-pages-3-2 {
    padding-bottom: 0; }

  .objective-3-2 figure .line-4 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }

  .strategy-4-1 figure .logo-wrap img {
    width: 125px; }

  .typography-colors-4-2 {
    padding-top: 65px; }

  .typography-colors-4-2 .font-wrap .big {
    width: 100px; }

  .typography-colors-4-2 .font-wrap .other-font {
    width: calc(100% - 150px); }

  .typography-colors-4-2 .font-wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

  .typography-colors-4-2 .font-wrap .other-font h6 {
    font-size: 25px;
    line-height: 31px;
    margin-bottom: 23px; }

  .typography-colors-4-2 .font-wrap .other-font p {
    font-size: 7px;
    line-height: 9px;
    margin-bottom: 25px; }

  .typography-colors-4-2 .font-wrap .other-font .bottom img {
    width: 40px;
    margin-right: 10px;
    top: -15px; }

  .typography-colors-4-2 .font-wrap .other-font .bottom .wrap p {
    font-size: 6px;
    line-height: 7px; }

  .color-block-4-1 {
    padding-top: 120px;
    padding-bottom: 1px; }

  .color-block-4-1 p {
    margin-bottom: 60px; }

  .color-block-4-1 .bg-img .content-width .item {
    width: 100%;
    padding: 19px; }

  .color-block-4-1 .bottom {
    padding: 80px 0 0; }

  .objective-4-2 .content-width {
    padding: 0 10px; }

  .objective-4-2 .text-wrap {
    margin-bottom: -13px; }

  .solution-4-2 {
    padding: 5px 0 120px; }

  .solution-4-2 .img-wrap-mob {
    display: none; }

  .solution-4-2 figure {
    display: inline-block; }

  .solution-4-2 .img-wrap {
    width: 100%;
    padding: 0 !important; }
    .solution-4-2 .img-wrap img {
      width: 220px;
      top: 0 !important; }

  .solution-4-2 p {
    margin-bottom: 85px; }

  .solution-4-2 figure {
    bottom: 40px;
    height: 310px;
    width: 60%; }

  .logics-4-2 {
    padding: 33px 0 115px; }

  .logics-4-2 .left .img-mob {
    display: none; }

  .other-pages-4-2 figure {
    height: 135px; }

  .business-card-4-2 figure {
    height: 180px;
    margin: 60px 0 120px; }

  .objective-4-3 .img-3n figure {
    height: 385px; }

  .full-img-screen {
    margin-top: 85px;
    height: 180px; }

  .objective-4-3 {
    padding-bottom: 120px; }

  .solution-4-3 {
    padding: 120px 0; }
    .solution-4-3 .img-3n figure {
      display: block;
      height: 385px; }

  .solution-4-3 .img-2n figure {
    display: block;
    height: 360px; }

  .solution .img-2n {
    margin-top: 85px; }

  .objective .img-2n {
    margin-top: 120px; }
    .objective .img-2n figure {
      height: 360px; }

  .business-card-4-3 {
    padding: 85px 0; }

  .skill:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 130px;
    content: '';
    background: #F9F0EB;
    z-index: 10; }

  .strategy-5-1 .img-wrap .item, .business-card-5-1 .img, .solution-5-2 .img, .business-card-5-2 .img {
    height: 267px; }

  .strategy-5-1 .img-wrap .item .logo-wrap img {
    width: 122px; }

  .strategy-5-1 {
    padding-bottom: 0; }

  .typography-colors-5-1 {
    padding-top: 60px; }

  .typography-colors-5-1 .item-1 .text .left {
    width: 145px; }

  .typography-colors-5-1 .item-1 .text .right {
    width: calc(100% - 145px); }

  .typography-colors-5-1 .item-1 .text .right h5 {
    font-size: 37px;
    line-height: 49px;
    margin: -20px 0 0px; }

  .typography-colors-5-1 .item-1 h2 {
    margin-bottom: 80px; }

  .typography-colors-5-1 .item-1 .text .right p {
    font-size: 7px;
    line-height: 9px; }

  .typography-colors-5-1 .item-1 .text .right h6 {
    font-size: 37px; }

  .typography-colors-5-1 .item-1 .text .right h6 span:nth-child(2) {
    font-size: 28px; }

  .typography-colors-5-1 .item-1 .text .right h6 span:last-child {
    font-size: 18px; }

  .typography-colors-5-1 .item-1 .text .right h6 span {
    margin-right: 10px; }

  .typography-colors-5-1 .item-1 .text .right .text-line {
    margin-bottom: 50px; }

  .typography-colors-5-1 .item-1 .text-2 .right h5 {
    font-size: 19px !important;
    line-height: 26px;
    margin-bottom: 5px; }

  .typography-colors-5-1 .item-1 .text-2 .right p {
    font-size: 10px;
    line-height: 13px; }

  .typography-colors-5-1 .item-1 .text-1 {
    margin-bottom: 50px; }

  .typography-colors-5-1 .item-1 .text-2 .right {
    position: relative;
    top: 13px; }

  .typography-colors-5-1 .item-1 .text-2 .right .line-4 p {
    font-size: 19px;
    line-height: 26px;
    padding: 0 30px; }

  .typography-colors-5-1 .item-1 .text-2 .right .line-3 {
    margin-bottom: 40px; }

  .typography-colors-5-1 .item-1 .text-2 .right .line-4 .bg-text {
    left: 3%; }

  .typography-colors-5-1 .item-2 {
    padding-top: 60px;
    padding-bottom: 0; }

  .typography-colors-5-1 .item-2 h2 {
    margin-bottom: 40px; }

  .typography-colors-5-1 .item-2 .img {
    margin-left: -10px;
    width: calc(100% + 20px);
    min-width: calc(100% + 20px);
    max-width: calc(100% + 20px); }

  .typography-colors-5-1 .item-2:before {
    bottom: 15px; }

  .business-card-5-1 {
    padding-top: 30px; }

  .business-card-5-1 .img {
    height: 220px;
    margin-bottom: 85px; }

  .objective-5-2 .content {
    margin-bottom: 0; }

  .objective-5-2 .img img {
    width: 200px; }

  .solution-5-2 {
    padding-top: 0; }

  .solution-5-2 .img {
    height: 220px; }

  .solution-5-2 .img-wrap img {
    width: 300px;
    top: 0; }

  .solution-5-2 .img-wrap {
    margin: -142px 0 0;
    padding-bottom: 110px; }

  .logics-5-2 p {
    margin-bottom: 40px; }

  .logics-5-2 ul li {
    margin-bottom: 42px; }

  .business-card-5-2 .img {
    height: 135px;
    margin: 60px 0 80px; }

  .strategy-6-1 .img {
    margin-top: -50px;
    margin-bottom: -15px; }

  .solution-6-1 {
    padding-top: 120px; }

  .solution-6-1 .img {
    margin-top: -5px;
    padding: 30px 0 0; }

  .solution-6-1 .img .bg-img-wrap .item {
    width: 100%;
    height: 50%; }

  .solution-6-1 .img .wrap img {
    max-width: 50.1%;
    left: 4% !important; }

  .solution-6-1 .img .wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  .logics-6-1 .content-width .right {
    margin-bottom: 70px; }

  .business-card-6-1 {
    padding: 0 0 75px; }

  .business-card-6-1 .img {
    margin-bottom: 65px; }

  .objective-6-2 .img-2 {
    margin: -10px 0 120px; }

  .objective-6-2 .img-2 img, .solution-6-2 .img-2 img {
    width: 100%;
    height: 360px; }

  .objective-6-2 .img-2, .solution-6-2 .img-2 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }

  .objective-6-2 .img-3 img, .solution-6-2 .img-3 img {
    width: 100%;
    height: 385px;
    margin-bottom: 30px; }

  .objective-6-2 {
    padding: 60px 0 90px; }

  .solution-6-2 {
    padding: 120px 0 90px; }

  .solution-6-2 .img-2 {
    margin: -5px 0 120px; }

  .process-block {
    padding: 60px 0; }

  .process-block h2 {
    margin-bottom: 30px; }

  .strategy-7-1 .img {
    margin: 5px 0 125px 0; }

  .strategy-7-1 figure {
    height: 320px; }
    .strategy-7-1 figure img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

  .strategy-7-1 {
    padding-bottom: 0 !important; }

  .solution-7-2 {
    padding-top: 120px; }

  .solution-7-2 .img img {
    width: 100%;
    margin-bottom: 30px; }

  .solution-7-2 .text-wrap p {
    margin-bottom: 60px; }

  .solution-7-2 .img img {
    height: 385px; }

  .color-block-7-2 {
    padding: 85px 0 110px; }

  .color-block-7-2 .top .bg {
    height: 320px; }
    .color-block-7-2 .top .bg img {
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

  .color-block-7-2 .bottom .content {
    padding-left: 0; }

  .color-block-7-2 .bottom {
    padding: 60px 0 0; }

  .solution-7-1 {
    padding: 120px 0 0; }

  .solution-7-1 .img img {
    width: 100%;
    height: auto; }

  .color-block-7-1 .content {
    padding-left: 0; }

  .objective-7-3 .img img {
    width: 100%;
    height: 50%; }

  .objective-7-3 .img {
    margin: 30px 0 100px; }

  .objective-7-3 .img {
    height: 720px; }

  .objective-7-3 .full-img-screen {
    height: 320px; }
    .objective-7-3 .full-img-screen img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

  .solution-7-3 .img-3n {
    margin: 0 0 80px; }
    .solution-7-3 .img-3n figure {
      display: block;
      height: 385px; }

  .solution-7-3 .img-3n-2 {
    margin: 120px 0 60px; }

  .strategy-8-1 .content {
    width: 100%;
    max-width: 100%;
    margin-left: 0; }

  .strategy-8-1 .text-wrap p {
    width: 100%; }

  .strategy-8-1 .bg {
    height: 215px; }

  .solution-8-1 .content {
    padding: 0; }

  .strategy-8-1 {
    min-height: inherit; }

  .solution-8-1 .img > div.img-desk {
    display: none; }

  .solution-8-1 .img .img-mob {
    display: block; }

  .solution-8-1 .img > div {
    width: 100%;
    margin-bottom: 50px;
    text-align: center; }
    .solution-8-1 .img > div img {
      height: auto;
      width: 300px;
      margin: auto; }

  .solution-8-1 .img {
    margin-top: 60px; }

  .solution-8-1 .img-bg-wrap {
    margin-top: 70px;
    padding-top: 30px; }

  .solution-8-1 .img-bg-wrap .item {
    width: 100%;
    left: 4% !important;
    margin-bottom: -8px;
    text-align: center; }
    .solution-8-1 .img-bg-wrap .item img {
      max-width: 46%; }

  .logics-8-1 .img {
    margin-top: -20px;
    height: 320px; }
    .logics-8-1 .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

  .logics-8-1 {
    padding-bottom: 0; }

  .business-card-8-1 {
    padding: 80px 0; }

  .strategy-8-2 .right {
    padding-top: 62px; }

  .strategy-8-2 .right .item {
    width: 75px; }

  .strategy-8-2 .right .item img {
    height: 25px; }

  .strategy-8-2 .right .item img {
    margin-bottom: 6px; }

  .img-2n-block .item {
    width: 100%;
    height: 300px; }

  .img-2n-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-bottom: 120px; }

  .business-card-8-2 {
    padding: 0 0 100px; }

  .business-card-8-2 .img {
    height: 320px; }
    .business-card-8-2 .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

  .business-card-8-2 .img {
    margin-bottom: 80px; }

  .img-2n-block-9-1 .item {
    height: 320px;
    margin-bottom: 10px; }

  .img-2n-block-9-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 50px; }

  .solution-9-1 .img {
    margin: -5px 0 40px;
    padding: 60px 0 20px; }

  .solution-9-1 .img .item {
    width: 100%;
    margin-bottom: 58px; }
    .solution-9-1 .img .item img {
      height: 265px; }

  .solution-9-1 .img .item-1 img {
    -webkit-transform: translate(-44%, 0);
            transform: translate(-44%, 0); }

  .solution-9-1 .img .item-3 img {
    -webkit-transform: translate(-54%, 0);
            transform: translate(-54%, 0); }

  .img-2n-block-9-2 .item {
    height: 350px; }

  .business-card-9-1 {
    padding: 60px 0; }

  .business-card-9-1 .img {
    width: 100%;
    margin: 0 0 80px; }

  .business-card-9-1 .img .item {
    width: 100%;
    text-align: center; }
    .business-card-9-1 .img .item img {
      max-width: 100%;
      height: 203px; }

  .business-card-9-1 .img .item img:first-child {
    display: none; }

  .business-card-9-1 .img .item img:last-child {
    display: block; }

  .business-card-9-1 .img .item img {
    margin: auto; }

  .business-card-9-1 .img .item-2 {
    margin: 20px 0; }

  .form-section-quiz-3 .btn-close {
    right: 10px;
    top: 90px; }

  .form-section-quiz-3 .btn-wrap-bottom {
   /* top: calc(100vh - 150px);*/
    top: 70px;
    right: 10px; }

  .page-case .fix .btn-default {
    height: 24px;
    line-height: 24px;
    padding: 0 6px; }

  .form-section-quiz-3 .content {
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 40px;}

  .tab-content {
    overflow: hidden; }

  .full-img .sticky-wrapper img {
    height: 215px; }

  .strategy-8-2 .right .item-3 img:last-child {
    height: auto; }

  .solution-4-2 .img-wrap {
    margin-top: -20px; }

  .solution-makelaars .img-wrap {
    margin-top: -20px; }

  .solution-1 .img-wrap {
    margin-top: -20px; }

  .objective-10-1 .bg {
    background: #151515;
    bottom: 20px; }
    .objective-10-1 .bg img {
      display: none; }

  .objective-10-1 .img-mob {
    display: block;
    margin: -10px 0 30px -10px;
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
    min-width: calc(100% + 20px); }
    .objective-10-1 .img-mob img {
      width: 100%;
      vertical-align: top; }

  .objective-10-1 .content-2 {
    margin-top: 60px; }

  .objective-10-1 .content-2 .after-img img {
    width: 100%; }

  .objective-10-1 {
    padding-bottom: 0; }

  .solution-10-1 {
    padding-top: 100px; }

  .solution-10-1 .img div {
    width: 100%;
    text-align: center; }
    .solution-10-1 .img div img {
      display: block;
      margin-bottom: 55px; }

  .solution-10-1 .img div:first-child {
    display: none; }

  .solution-10-1 .img div img:first-child {
    display: block; }

  .solution-10-1 .img div img {
    height: auto;
    width: 100%; }

  .business-card-10-1 {
    padding-top: 65px; }

  .business-card-10-1 .img div img {
    height: 220px; }

  .business-card-10-1 .img div:first-child {
    left: -10%; }

  .business-card-10-1 .img div:nth-child(2) {
    left: -1%; }

  .business-card-10-1 .img div:last-child {
    left: 8%; }

  .business-card-10-1 .bg {
    top: 345px; }

  .business-card-10-1 .img {
    margin-bottom: 535px; }

  .business-card-10-1 .bg {
    background: #151515 url("../img/img-169.jpg") no-repeat center top;
    background-size: contain; }
    .business-card-10-1 .bg img {
      display: none; }

  .logo-block-10-2 h2 {
    margin-bottom: 30px; }

  .logo-block-10-2 p {
    margin-bottom: 60px; }

  .logo-block-10-2 .img {
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff; }

  .logo-block-10-2 .img .item {
    height: 215px;
    width: 100% !important; }

  .logo-block-10-2 .img .item-1 {
    border-right: 0 solid #fff;
    border-bottom: 5px solid #fff; }

  .typography-colors-10-2 {
    padding-top: 60px; }

  .typography-colors-10-2 .font-wrap .big {
    width: 135px; }

  .typography-colors-10-2 .font-wrap .big p {
    line-height: 120px;
    font-size: 102px; }

  .typography-colors-10-2 .font-wrap .small {
    width: calc(100% - 150px);
    padding-top: 10px; }

  .typography-colors-10-2 .font-wrap .small h6 {
    font-size: 25px;
    line-height: 29px;
    margin-bottom: 25px; }

  .typography-colors-10-2 .font-wrap .small p {
    font-size: 7px;
    line-height: 9px;
    margin: 0; }

  .typography-colors-10-2 .font-wrap {
    padding-top: 40px; }

  .typography-colors-10-2 .font-wrap .small .icon-wrap .icon img {
    width: 32px; }

  .typography-colors-10-2 .font-wrap .small .icon-wrap .icon {
    width: 40px; }

  .typography-colors-10-2 .font-wrap .small .icon-wrap .text {
    width: calc(100% - 45px); }

  .typography-colors-10-2 .font-wrap .small p + p {
    margin-top: 3px; }

  .typography-colors-10-2 .font-wrap .small .icon-wrap {
    margin-top: 13px; }

  .business-card-10-2 {
    padding-top: 30px; }

  .business-card-10-2 .color-wrap {
    margin-right: -10px;
    width: calc(100% + 10px);
    max-width: calc(100% + 10px);
    min-width: calc(100% + 10px);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .business-card-10-2 .color-wrap .item {
    height: 70px;
    padding: 15px;
    margin: 0 0 10px 10px; }

  .business-card-10-2 .color-wrap .item-color-1, .business-card-10-2 .color-wrap .item-color-4 {
    width: 100%;
    border-radius: 20px 0 0 20px; }

  .business-card-10-2 .color-wrap .item-color-3 {
    width: 150px;
    margin-right: 10px; }

  .business-card-10-2 .content-bottom {
    padding: 120px 0 20px 0; }

  .strategy-8-2 .right {
    display: block; }
    .strategy-8-2 .right .item {
      display: inline-block; }

  .strategy-8-2 .right .item img {
    width: auto; }

  .tabs-menu-blog li{
    line-height: 22px;
    height: 24px;
  }
  .tabs-menu-blog li a{
    font-size: 15px;
    line-height: 22px;
  }
  .business-card-9-1 .img .item img{
    width: 100%;
    height: auto;
  }
  .skill .content-width{
    padding: 0 10px;
  }
  .about .btn-wrap a{
    margin-left: 0;
  }
  .info-case ul li .wrap p{
    min-width: 70px;
  }
  .gallery figure:nth-child(2) img{
    width: 100%;
    -o-object-fit: cover;object-fit: cover;
  }
  .babies-typography .text .left p{
    white-space: nowrap;
  }
  .info-case ul li .wrap p{
    line-height: 20px;
  }
  .form-step .btn-wrap a{
    line-height: 44px;
  }

  .bg-img-section video{
    width: 120%;
    height: 120%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
  }
  .pagination-dots{
    display: none;
  }
  .project .mob-block .item .text h4{
    color: #fff;
  }
  .project .mob-block .item .text .btn-default{
    border-color: #fff;
    color: #fff;
  }
  .project .mob-block .item .bottom p{
    color: #fff;
  }
  .project .mob-block .item .text .btn-default:hover{
    border-color: #FDBFCA;
  }
  .project .mob-block .item .text .btn-default i{
    filter: invert(1);
  }
  .form-section-quiz-3 .line-mars .wrap h2:nth-child(2n + 1) {
    color: #0A0A0A;
    text-shadow: -1px 0 #FDBFCA, 0 1px #FDBFCA, 1px 0 #FDBFCA, 0 -1px #FDBFCA;
  }

  .project-video .video-wrap video{
    display: none;
  }
  .project-video .video-wrap video:last-child{
    display: block;
  }
  .coming-soon h2{
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
  }
  .coming-soon h2 a{
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
  }

  .home-first-screen .icon-wrap {
    max-width: 122px;
    margin-bottom: 47px;
  }

  .bgc {
    padding: 35px 0;
  }

  .home-first-screen-small-logos-list{
    gap: 15px;
  }

  .home-first-screen-small-logos-list {
    max-width: 90%;
  }
  .home-first-screen-big-logos-list {
    padding: 30px 30px;
  }
  .home-first-screen-big-logos-item:nth-child(2) img{
    height: 108px;
    width: auto;
  }
  .home-first-screen-small-logos-list{
    margin-bottom: 25px;
  }
  .home-first-screen-title {
    font-size: 24px;
    line-height: 28px;
  }
  .home-first-screen-bottom-text, .home-benefits-title, .client-about h2, .home-portfolio-title, .home-service-title{
    font-size: 24px;
    line-height: 28px;
  }
  .home-benefits-text{
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 25px;
  }
  .home-benefits-title{
    padding: 0;
    margin-bottom: 57px;
  }

  .home-benefits-button, .home-service-button {
    padding: 5px 30px;
    font-size: 20px;
    line-height: 1.3;
  }

  .home-benefits-button-position {
    margin-top: 85px;
  }
  .client-about h2{
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 98px;
  }

  .client-about h3{
    font-size: 35px;
    line-height: 42px;
  }

  .client-about .img-wrap figure{
    width: 100%;
    margin-bottom: 65px;
    height: 310px;
  }

  .client-about .img-wrap{
    max-width: 232px;
    margin: auto;
  }

  .home-reviews-title{
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 35px;
  }
  .img-google {
    width: 112px;
  }
  .home-reviews-count{
    font-size: 28px;
  }
  .home-reviews-stars-img {
    width: 25px;
    margin-right: 1px;
  }

  .home-reviews-list{
    padding: 0 45px;
  }
  .home-reviews-author-container figure {
    width: 45px;
    height: 45px;
  }
  .home-reviews-author-content {
    width: calc(100% - 45px);
    padding-left: 10px;
  }
  .home-reviews-author-title{
    font-size: 16px;
    line-height: 19px;
  }
  .home-reviews-author-subtitle{
    font-size: 12px;
  }


  .home-reviews-item-text {
    font-size: 12px;
    line-height: 18px;
    padding-left: 32px;
    margin: 15px 0 15px;
    max-width: 275px;
  }

  .home-reviews-item{
    margin-bottom: 10px;
  }

  .home-portfolio-title{
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 0;
  }
  .home-portfolio-list{
    max-width: 300px;
    margin: auto;
  }
  .home-portfolio-list-item{
    width: 100%;
    height: 183px;
  }
  .home-portfolio-list{
    gap: 25px 0;
  }

  .home-service-subtitle{
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    margin-bottom: 10px;
  }

  .home-service-title{
    font-size: 30px;
    line-height: 36px;
    padding: 0 7%;
    margin-bottom: 80px;
  }

  .home-service-list-title-button a {
    min-height: 45px;
    font-size: 20px;
  }
  .home-service-list-item{
    width: 202px;
  }

  .home-portfolio-list{
    min-width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    gap: 40px;
  }

  .home-portfolio-list-item.is-play figure{
    display: none;
  }
  .home-portfolio-list-item a{
    display: block;
    height: 460px;
  }
  .home-portfolio-list-item{
    height: 460px;
  }

  h3.home-portfolio-list-title{
    font-size: 38px;
    line-height: 46px;
  }

  p.home-portfolio-list-text{
    font-size: 15px;
    line-height: 18px;
  }
  /*NEW-23-01-24*/
  .logo-11 .content .col h6 {
    font-size: 20px;
    margin-bottom: 15px; }

  .logo-11 .content .col {
    width: 100%; }

  .logo-11 .content .col p {
    min-height: inherit;
    margin-bottom: 20px; }

  .typography-11 figure img {
    width: 150px; }

  .typography-11 figure {
    right: -30px;
    top: 300px; }

  .typography-11 .text {
    font-size: 22px; }

  .typography-11 {
    padding: 50px 0; }

  .color-11 {
    padding: 50px 0; }

  .color-11 h2 {
    margin-bottom: 30px; }

  .color-11 .col-1 ul li {
    margin-bottom: 10px; }

  .strategy-11-2 .bg-img {
    margin-top: 40px; }

  .solution-img .img .wrap img {
    width: 30vw;
    margin-bottom: 30px;
    left: 0 !important; }

  .more-img .content {
    margin-left: -2px;
    width: calc(100% + 4px);
    margin-bottom: -2px; }

  .more-img .grid-item {
    padding: 2px; }
  .color-block .right .item img {
    vertical-align: top; } }
@media (max-width: 350px) {
  .color-block .right .item:nth-child(4n) {
    margin-right: 0; }
  .form-section-quiz-3 .content{
    padding-left: 65px;
  }

}
/*# sourceMappingURL=responsive.css.map */