/*==========  Desktop First  ==========*/

@media only screen and (max-width: 1400px) {
  .container-full {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }

  .tools-content {
    overflow-x: scroll;
  }

  .tools-item {
    width: 220px !important;
  }

  .service-title-wrap {
    max-width: 500px;
  }

  .container-large {
    width: 90%;
    max-width: 100%;
    padding: 24px;
  }

  .padd-default {
    padding: 60px 24px;
  }

  .title {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 20px;
  }

  .portfolio-section .case-item {
    height: 420px;
  }

  .portfolio-section-white .case-item {
    height: auto;
  }

  .portfolio-section .case-item-title {
    font-size: 20px;
    line-height: 27px;
  }

  .portfolio-section-white .case-item-title {
    font-size: 20px;
    line-height: 27px;
  }

  .portfolio-section .case-item-subtitle {
    font-size: 14px;
    line-height: 22px;
  }

  .portfolio-section-white .case-item-subtitle {
    font-size: 14px;
    line-height: 22px;
  }

  .what-we-do-title .title-line-animation {
    right: 61px;
    top: 1px;
  }

  .what-we-do-title .title-line-animation svg {
    width: 60px;
  }

  .what-we-do-item-cub-content {
    font-size: 15px;
    line-height: 23px;
  }

  .what-we-do-item-cub-content ol li,
  .what-we-do-item-cub-content ul li {
    font-size: 15px;
    line-height: 23px;
  }

  .what-we-do-item {
    padding: 22px;
  }

  .what-we-do-item-link {
    padding: 0px;
  }

  .home .what-we-do-item {
    padding: 0px;
  }

  .home .what-we-do-item-link {
    padding: 22px;
  }

  .portfolio-title .title-line-animation {
    right: 0px;
  }

  .portfolio-title .title-line-animation svg {
    width: 100%;
  }

  .description {
    font-size: 15px;
    line-height: 23px;
    padding-right: 30px;
  }

  .top-talents-container .description {
    padding-right: 30px;
    max-width: 400px;
  }

  .testimonials-title .title-line-animation svg {
    width: 230px;
  }

  .testimonial-item-description {
    font-size: 15px;
    line-height: 23px;
  }

  .testimonial-item-image-icon {
    position: absolute;
    top: 0px;
    left: -16px;
    width: 75px;
    height: 100px;
  }

  .trusted-right-block {
    padding: 24px;
  }

  .trusted-left-block {
    padding: 48px 0px 160px 0px;
  }

  .contact-us-wrapper {
    padding-bottom: 0px;
  }

  .location-address-wrap {
    width: calc(100% - 28px);
  }

  .footer-title {
    font-size: 29px;
    line-height: 34px;
    margin-bottom: 10px;
  }

  .footer-title .title-line-animation {
    top: -7px;
  }

  .footer-title .title-line-animation svg {
    width: 90px;
  }

  .footer-nav-item:nth-child(1) {
    width: calc(33.33% - 20px);
    max-width: initial;
  }

  .footer-nav-item:nth-child(2) {
    width: calc(66.66% - 0px);
  }

  /*.footer .footer-nav-item:nth-child(2) .nav-menu ul li {*/
  /*    width: calc(50% - 20px);*/
  /*}*/

  .footer-location-item {
    width: calc(50% - 20px);
  }

  .footer-location-list {
    width: 100%;
  }

  .footer-location-item {
    width: 25%;
    padding-right: 10px;
  }

  .footer-sub-info-block {
    width: 100%;
    max-width: initial;
  }

  .footer .nav-menu ul {
    justify-content: space-between;
  }

  .location-address-city {
    font-size: 12px;
    line-height: 20px;
  }

  .service-title .title-line-animation svg {
    width: 100%;
  }

  .service-hero-container {
    width: 90%;
    padding: 0px 24px;
  }

  .hero-description {
    max-width: 90%;
  }

  .product-development-title .title-line-animation {
    left: 77px;
  }

  .product-development-title .title-line-animation svg {
    width: 170px;
  }

  .page-template-service-mvp .cell-title {
    width: calc(43.33% - 30px);
  }

  .mvp-title .title-line-animation {
    left: 75px;
    top: -16px;
  }

  .mvp-title .title-line-animation svg {
    width: 100px;
  }

  .tools-title .title-line-animation {
    bottom: -30px;
  }

  .tools-title .title-line-animation svg {
    width: 250px;
  }

  .ta-work-title .title-line-animation {
    right: -10px;
    bottom: -19px;
  }

  .ta-work-title .title-line-animation svg {
    width: 110px;
  }

  .education-statistic {
    align-items: initial;
  }

  .education-statistic-item:last-child {
    flex-wrap: wrap;
  }

  .education-statistic-item-right {
    width: 100%;
    margin-top: 16px;
  }

  .education-title .title-line-animation svg {
    width: 200px;
  }

  .technologies-title .title-line-animation svg {
    width: 250px;
  }

  .section-header {
    margin-bottom: 32px;
  }

  .technologies-item-image {
    width: 25%;
  }

  .technologies-subitem-frontend .technologies-item-image {
    width: 25%;
  }

  .technologies-list {
    width: 100%;
  }

  .technologies-right .technologies-item-image {
    width: 25%;
  }

  .technologies-more-wrap {
    flex-wrap: wrap;
  }

  .technologies-more-title {
    width: 100%;
    margin-bottom: 16px;
  }

  .technologies-left .technologies-item {
    padding-bottom: 44px;
  }

  .faq-title .title-line-animation svg {
    width: 190px;
  }

  .ta-sevices-title .title-line-animation svg {
    width: 160px;
  }

  .benefits-title .title-line-animation {
    left: -10px;
    top: -14px;
  }

  .benefits-title .title-line-animation svg {
    width: 170px;
  }

  .cost-title .title-line-animation svg {
    width: 90px;
  }

  .framework-title .title-line-animation-1 {
    left: 60px;
  }

  .framework-title .title-line-animation-1 svg {
    width: 220px;
  }

  .framework-title .title-line-animation-2 {
    right: 43px;
    bottom: -23px;
  }

  .framework-title .title-line-animation-2 svg {
    width: 100px;
  }

  .what-else-title .title-line-animation svg {
    width: 100px;
  }

  .integrations-item-layout_1:last-child {
    margin-right: auto;
  }

  .integrations-title .title-line-animation svg {
    width: 190px;
  }

  .about-hero-left-block br {
    display: none;
  }

  .title.about-hero-title {
    max-width: 800px;
    font-size: 30px;
    line-height: 38px;
  }

  .title.about-hero-title .title-line-animation {
    left: 41px;
    top: -18px;
  }

  .title.about-hero-title .title-line-animation svg {
    width: 160px;
  }

  .about-hero-slider-item {
    min-width: 290px;
  }

  .about-service-title .title-line-animation svg {
    width: 210px;
  }

  .roadmap-item-image {
    max-width: initial;
  }

  .team-item-image {
    max-width: 100%;
    object-position: top;
    height: auto;
  }

  .team-title .title-line-animation svg {
    width: 180px;
  }

  .roadmap-title .title-line-animation svg {
    width: 105px;
  }

  .title.vacancy-benefit-title .title-line-animation {
    bottom: -20px;
  }

  .title.vacancy-benefit-title .title-line-animation svg {
    width: 120px;
  }

  .vacancy-single-hero .vacancy_item-info-detail-wrap {
    margin-top: 10px;
  }

  .select2-container {
    width: 100% !important;
  }

  .tax-vacancies .cases-filter-item {
    width: calc(25% - 10px);
  }

  .sidebar-side-block .vacancies-sidebar-style .cases-filter-item {
    width: 100%;
  }

  .tax-cases .cases-filter-item {
    width: calc(33.33% - 20px);
  }

  .tax-cases .category-nav-items {
    overflow-x: auto;
  }

  .tax-cases .casepage-category-nav li a {
    white-space: nowrap;
  }

  .cases-main-title .title-line-animation svg {
    width: 160px;
  }

  .case-single-info-list {
    flex-wrap: wrap;
  }

  .case-single-info-item {
    width: calc(50% - 30px);
    margin-bottom: 30px;
  }

  .title.case-single-info-item-poster-title {
    max-width: 250px;
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 38px;
  }

  .about-client-title .title-line-animation {
    right: 0px;
    top: -13px;
  }

  .about-client-title .title-line-animation svg {
    width: 125px;
  }

  .business-value-title .title-line-animation svg {
    width: 170px;
  }

  .business-value-item {
    width: calc(50% - 26.66px);
  }

  .business-value-item-poster {
    display: none;
  }

  .challenge-title .title-line-animation svg {
    width: 200px;
  }

  .sticky-block--wrapper,
  .legal-page-sidebar {
    width: 400px;
  }

  .legal-page-sidebar .mylist li {
    font-size: 14px;
    line-height: 22px;
  }

  .legal-page-sidebar .mylist li:not(:last-child) {
    margin-bottom: 16px;
  }

  .casepage-category-nav li a {
    white-space: nowrap;
  }

  .category-nav-items {
    overflow-x: auto;
  }

  .service-map-title .title-line-animation svg {
    width: 100%;
  }

  .service-map-desktop-image {
    margin-top: 10px;
  }

  .portfolio-section .case-container .description {
    font-size: 14px;
    line-height: 22px;
  }

  .portfolio-section-white .case-container .description {
    font-size: 14px;
    line-height: 22px;
  }

  .mvp-service-title .title-line-animation {
    right: 30px;
    left: auto;
  }

  .affillate-hero-title .title-line-1 {
    left: 174px;
    bottom: 37px;
  }

  .affillate-hero-title .title-line-1 svg {
    width: 180px;
    height: 55px;
  }

  .affillate-hero-title .title-line-2 {
    right: 150px;
    bottom: -27px;
  }

  .affillate-hero-title .title-line-2 svg {
    width: 160px;
  }

  .offer-title .title-line-animation {
    left: 0;
    bottom: -15px;
  }

  .offer-title .title-line-animation svg {
    width: 105px;
  }

  .why-knubisoft-title .title-line-animation svg {
    width: 190px;
  }
}

@media only screen and (max-width: 1300px) {
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .header .container-full {
    width: 90%;
    max-width: 100%;
    padding: 0px 24px;
    margin: 0 auto;
  }

  .tools-content .tools-item:nth-child(3n) {
    border-right: 1px dashed #ffffff !important;
  }

  .resp-sidebar-title {
    font-size: 35px;
    padding-right: 20px;
  }

  .btns-refer-wrapp a {
    width: 100%;
    max-width: 300px;
    margin: 10px;
  }

  .colored-blocks__wrapper__item {
    padding: 20px;
  }

  .colored-blocks__wrapper .width-50 {
    width: calc(50% - 16px);
  }

  .colored-blocks__wrapper .width-30 {
    width: calc((100% / 3) - 16px);
  }

  .why-saas-content-item-title {
    font-size: 41px;
  }

  .service-hero-btn-wrap a {
    margin-right: 0;
    margin-bottom: 16px;
  }

  .new-hero-title.title {
    font-size: 54px;
    line-height: 67px;
  }

  .new-hero-title .title-line-1 svg {
    width: 100%;
  }

  .new-hero-title .title-line-2 {
    bottom: -20px;
  }

  .new-hero-title .title-line-2 svg {
    width: 100%;
  }

  .footer-item {
    width: 90%;
    max-width: 100%;
    padding: 24px;
    margin: 0 auto;
  }

  .footer-social li:not(:last-child) {
    margin-right: 20px;
  }

  .contact-us-item .title {
    width: 90%;
  }

  .contact-us-item-person {
    display: none;
  }

  .contact-us-item {
    width: 50%;
  }

  .what-we-do-title-wrap {
    position: static !important;
    margin-bottom: 24px;
  }

  .what-we-do-container {
    flex-wrap: wrap;
  }

  .cell-title {
    width: 100%;
  }

  .cell-content {
    width: 100%;
  }

  .home .what-we-do-item {
    min-height: 300px;
  }

  .testimonials-container {
    flex-wrap: wrap;
  }

  .section-slider_buttons-desktop {
    display: none !important;
  }

  .section-slider_buttons-mobile {
    display: flex;
    position: static;
    margin-top: 20px;
  }

  .testimonials-items {
    width: 100%;
  }

  .nav-menu__link {
    font-size: 14px;
  }

  .header__wrapper .menu-item {
    margin-right: 30px;
  }

  .service-title-wrap,
  .cost-title-wrap {
    position: static !important;
    margin-bottom: 24px;
    max-width: initial;
  }

  .service-last-item .service-last-item-title {
    max-width: 85%;
  }

  .service-hero-container {
    padding: 0px 24px;
  }

  /*.service-hero-btn-wrap {*/
  /*	flex-wrap: wrap;*/
  /*}*/

  /*.service-hero-btn-wrap a:nth-child(1) {*/
  /*	margin-right: 0px;*/
  /*	margin-bottom: 16px;*/
  /*}*/

  .service-hero-btn-wrap a {
    width: 100%;
    max-width: 300px;
  }

  .hero-description {
    margin-bottom: 32px;
  }

  .service-map-title .title-line-animation svg {
    width: 100%;
  }

  .what-we-do-item-content {
    max-width: initial;
  }

  .page-template-service-mvp .cell-title {
    width: 100%;
  }

  .mvp-service-title {
    max-width: 400px;
  }

  .process-item-content {
    max-width: 450px;
  }

  .process-title .title-line-animation {
    top: -16px;
  }

  .process-title .title-line-animation svg {
    width: 160px;
  }

  .tools-item {
    width: 25%;
  }

  /* .tools-content {
		flex-wrap: wrap;
	} */

  .technologies-subitem-backend {
    width: 100%;
  }

  .technologies-subitem-frontend {
    width: 100%;
  }

  .technologies-subitem-frontend .technologies-item-image {
    width: 25%;
  }

  .technologies-list {
    justify-content: flex-start;
  }

  .technologies-subitem {
    width: 100%;
  }

  .accordion-item {
    flex-wrap: wrap;
  }

  .accordion-header {
    width: 100%;
  }

  .accordion-body {
    width: 100%;
    padding-left: 64px;
    margin-top: 10px;
  }

  .framework-item {
    width: calc(50% - 30px);
    margin-bottom: 30px;
  }

  .framework-content {
    margin-top: 12px;
  }

  .vacancy-content {
    width: calc(100% - 400px);
  }

  .vacancy-sidebar {
    width: 100%;
    max-width: 350px;
  }

  .vacancy-benefit-bottom {
    flex-wrap: wrap;
  }

  .vacancy-benefit-bottom .btn-primary {
    width: 100%;
  }

  .vacancy-social-list {
    margin-top: 27px;
    margin-left: auto;
  }

  .vacancy-share-wrap {
    right: 0px;
  }

  .vacancy-single-hero-content {
    margin-left: 80px;
  }

  .cases-section .casepage-items {
    justify-content: space-between;
  }

  .cases-section .case-item {
    margin-right: 30px;
    margin-bottom: 30px;
    width: calc(50% - 15px);
    height: 600px;
    margin-right: 0px;
  }

  .cases-section .case-item:nth-child(3n) {
    margin-right: 0px;
  }

  .cases-section .case-item:nth-child(even) {
    margin-right: 0px;
  }

  .cases-section .case-item:last-child {
    margin-right: auto;
  }

  .case-single-hero-container.container-full {
    width: 90%;
    max-width: 100%;
    padding: 0px 24px;
    margin: 0 auto;
  }

  .legal-hero-container,
  .legal-container {
    width: 90%;
    padding: 0px 24px;
    margin-left: auto;
    margin-right: auto;
  }

  .trusted-title {
    font-size: 32px;
  }

  .faq-container .section-description {
    display: none;
  }

  .faq-container .description-show {
    display: block;
    position: relative;
  }

  .faq-container .description-show svg {
    position: absolute;
    top: 35px;
    right: 0;
    width: 60%;
  }

  .faq-mobile-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 32px;
  }

  .faq-container .faq-mobile-btn-wrap .faq-btn {
    margin-right: 16px;
  }

  .case-single-hero {
    min-height: 650px;
  }

  .case-single-hero-image-wrap {
    height: 400px;
  }

  .testimonial-item-image {
    height: 450px;
  }

  .why-knubisoft-content .affilate-service-last-item .title-line-animation {
    display: none;
  }
}

@media only screen and (max-width: 1100px) {
  .portfolio-section .case-item {
    max-width: initial;
  }

  .two-blocks-style .item-block__header span {
    font-size: 19px;
  }

  .two-blocks-style .item-block__header {
    padding: 25px 15px;
  }

  .white-version .description {
    max-width: none;
    padding-right: 0;
    margin-right: 20px;
  }

  .gallery-images-wrapper {
    flex-wrap: wrap;
  }

  .gallery-images-wrapper__item img {
    border-radius: 20px;
  }

  .gallery-images-wrapper__item {
    width: 50%;
    padding: 15px;
  }

  .white-version .description a {
    margin-right: 0;
  }

  .tech-items-container__block {
    max-width: 65px;
  }

  .tech-items-container__block span {
    font-size: 12px;
  }

  .technologies-logo-wrapper__item .tech-item-title {
    font-size: 21px;
    font-weight: 500;
    color: #030303;
    display: block;
    margin-bottom: 16px;
  }

  .tech-items-container__block img {
    margin-bottom: 0px;
  }

  .portfolio-section-white .case-item {
    max-width: initial;
  }

  .portfolio-section .case-item {
    height: 600px;
  }

  .portfolio-section-white .case-item {
    /*height: 600px;*/
  }

  .cases-section .case-item {
    height: 500px;
  }

  .offer-title br {
    display: none;
  }

  .offer-title .title-line-animation {
    left: auto;
    bottom: -15px;
    right: -10px;
  }

  .contact-us-section-affillate .form-group:nth-child(2),
  .contact-us-section-affillate .form-group:nth-child(3) {
    width: 100%;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .container {
    max-width: 720px;
  }

  .w50-style,
  .w30-style {
    width: 100%;
  }

  .technologies-logo-wrapper__item {
    overflow-x: hidden;
  }

  .technologies-logo-wrapper__item .tech-items-container {
    display: flex;
    margin: 0 -9px;
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .tech-items-container__block {
    max-width: none;
    width: 110px;
    flex-shrink: 0;
  }

  .tech-items-container__block span {
    font-size: 14px;
  }

  .header__wrapper .btn-primary {
    display: none;
  }

  .hero-mobile-button-wrap {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
  }

  .hamburger {
    opacity: 1;
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0px;
  }

  .new-hero-title.title {
    font-size: 44px;
    line-height: 57px;
  }

  .new-hero-container .hero-description {
    max-width: 530px;
  }

  .new-hero-container {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sertificate-item {
    width: 75px;
    height: 75px;
  }

  .portfolio-section .case-item {
    height: 550px;
  }

  .portfolio-section-white .case-item {
    /*height: 550px;*/
  }

  .portfolio-section .case-items {
    width: calc(66.66% - 40px);
  }

  .portfolio-section-white .case-items {
    width: calc(66.66% - 40px);
  }

  .contact-us-item-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-container {
    flex-wrap: wrap;
  }

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

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

  .footer-sub-info-item:first-child {
    margin-bottom: 130px;
  }

  .nav-menu_header {
    display: none;
  }

  .mobile-menu-wrap .nav-menu_header {
    display: block;
  }

  .saas-solutions-container > .section-header {
    padding-top: 0px;
  }

  .mobile-menu-wrap {
    width: 100%;
    background: #fff;
    min-height: initial;
    padding-bottom: 32px;
    position: fixed;
    height: 100%;
    overflow: auto;
    left: 0;
    top: 71px;
  }

  .header.open-menu {
    background: #fff;
    height: 100%;
  }

  .header.open-menu .mobile-logo {
    display: block;
  }

  .header.open-menu .desktop-logo {
    display: none;
  }

  .mobile-menu-wrap.open {
    display: block;
    padding-top: 30px;
  }

  .mobile-menu-wrap {
    top: 55px;
  }

  .large-top-padding-container {
    padding-top: 0;
  }

  .site .nav-menu__link {
    color: #030303;
    width: 90%;
    max-width: 100%;
    padding: 0px 24px;
    margin: 0 auto;
  }

  .header .nav-menu ul li {
    width: 100%;
  }

  .header .nav-menu ul li:not(:last-child) {
    padding: 16px 0px;
    border-bottom: 1px solid #dbdbde;
  }

  .dropdown-menu > a {
    display: none;
  }

  .mobile-menu-wrap .nav-menu_header .dropdown-menu > .sub-menu {
    display: block;
    position: static;
    background: transparent;
    backdrop-filter: none;
    filter: none;
    border: none;
    width: 100%;
  }

  .site .header .dropdown-menu > .sub-menu > .menu-item a {
    color: #030303;
    font-size: 16px;
    width: 90%;
    max-width: 100%;
    padding: 0px 24px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .site .header .dropdown-menu > .sub-menu .menu-item.active > a {
    color: #3ebbe4 !important;
  }

  .dropdown-menu > .sub-menu > .menu-item {
    padding: 0px;
  }

  .site
    .header
    .dropdown-menu
    > .sub-menu
    > .menu-item.menu-item-has-children
    > a {
    margin-bottom: 8px;
  }

  .dropdown-menu {
    margin-bottom: 0px !important;
  }

  .site .header .dropdown-menu > .sub-menu .menu-item {
    border-bottom: 0px;
    padding: 8px 0px;
  }

  .nav-menu ul {
    padding: 0px;
  }

  .header .nav-menu > ul li:last-child {
    padding-top: 16px;
  }

  .hero-mobile-menu-button-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 24px;
    padding-bottom: 32px;
    margin: 32px auto;
    width: 90%;
  }

  .service-map-desktop-image {
    margin-top: -70px;
  }

  .service-hero-content,
  .service-hero-image-wrap {
    /*width: calc(50% - 20px);*/
    width: 100%;
  }

  .process-item {
    flex-wrap: wrap;
  }

  .process-item-title {
    width: calc(100% - 66px);
    margin-left: auto;
  }

  .process-item-content {
    max-width: initial;
    width: calc(100% - 66px);
    margin-left: auto;
  }

  .process-item:after {
    width: calc(100% - 66px);
  }

  .section-header {
    margin-bottom: 0px;
  }

  .section-description .btn-primary {
    display: none;
  }

  .section-header {
    flex-wrap: wrap;
  }

  .section-description {
    max-width: inherit;
    width: 100%;
    margin-bottom: 16px;
  }

  .hero-bg-image img {
    width: auto;
  }

  .education-statistic {
    width: 50%;
    margin-right: 30px;
  }

  .education-content {
    margin-top: 16px;
    flex-wrap: wrap;
  }

  .technologies-more-title {
    max-width: 170px;
  }

  .technologies-left .technologies-item {
    padding-bottom: 75px;
  }

  .ta-sevices-flow {
    width: 100%;
    order: 2;
  }

  .ta-sevices-benefits {
    width: 100%;
    order: 1;
    margin-bottom: 32px;
  }

  .ta-sevices-flow-title {
    margin-top: 0px;
  }

  .title.about-hero-title {
    max-width: 600px;
  }

  .about-hero-slider-item {
    margin-right: 16px;
  }

  .roadmap-content-left {
    width: 100%;
  }

  .roadmap-list {
    width: 100%;
  }

  .roadmap-content .slider-navigation {
    position: static;
  }

  .team-content-left {
    width: 100%;
  }

  .team-list {
    width: 100%;
  }

  .team-group-description {
    margin-bottom: 24px;
  }

  .team-item-content {
    max-width: 100%;
  }

  .team-content .slider-navigation {
    position: static;
  }

  .section-404-container {
    flex-wrap: wrap;
  }

  .section-404-content {
    width: 100%;
  }

  .section-404-image-wrap {
    width: 100%;
    margin-top: 40px;
  }

  .description-404 {
    font-size: 14px;
    line-height: 22px;
  }

  .button-404-wrap {
    margin-top: 32px;
  }

  .section-404 {
    margin-top: 72px;
  }

  .vacancy-sidebar {
    width: 100%;
    max-width: inherit;
    margin-top: 48px;
  }

  .vacancy-content {
    width: 100%;
  }

  .filter-wrap {
    display: none;
  }

  .casepage-content {
    margin-top: 24px;
  }

  .vacancy_item {
    width: 100%;
  }

  .mobile-filter-button-wrap {
    display: flex;
  }

  .filter-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 300;
    width: 100%;
    border-radius: 16px 16px 0px 0px;
    margin: 0px;
    padding-top: 0px;
  }

  .cases-filter-list {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 32px;
    padding: 0px 32px;
  }

  .tax-vacancies .cases-filter-item {
    width: calc(50% - 10px);
    margin-bottom: 16px;
  }

  .filter-overlay {
    display: none;
    background: #030303;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 200;
  }

  .filter-overlay.active {
    display: block;
  }

  .casepage-filter-btn {
    width: 140px;
  }

  .casepage-filter-btn-apply {
    order: 2;
  }

  .casepage-filter-btn-reset {
    order: 1;
    margin-right: 16px;
  }

  .filter-button-wrap {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }

  .filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 32px;
    border-bottom: 1px solid #dbdbde;
    margin-bottom: 24px;
  }

  .filter-header-title {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #030303;
  }

  .cases-section .case-item:last-child {
    margin-right: 0px;
  }

  .about-client-content {
    width: 100%;
    margin-bottom: 16px;
  }

  .about-client-image-wrap {
    width: 100%;
  }

  .business-value-container {
    flex-wrap: wrap;
  }

  .business-value-title-wrap {
    width: 100%;
  }

  .business-value-title br {
    display: none;
  }

  .business-value-list {
    width: 100%;
  }

  .challenge-title .title-line-animation {
    top: 22px;
  }

  .challenge-slider-item {
    height: auto;
  }

  .challenge-section .section-header {
    margin-bottom: 16px;
  }

  .solution-title .title-line-animation {
    left: calc(100% + 5px);
    top: 5px;
  }

  .solution-title .title-line-animation svg {
    width: 232px;
  }

  .sticky-block--wrapper {
    display: none !important;
  }

  .legal-page-content {
    width: 100%;
  }

  .service-map-desktop-image {
    margin-top: 30px;
  }

  .case-single-hero-image-wrap {
    width: 240px;
  }

  .case-single-hero-content {
    width: calc(100% - 300px);
  }

  .case-single-hero {
    padding-top: 70px;
  }

  .how-it-works-affillate-item {
    width: 100%;
  }

  .how-it-works-affillate-item-arrow {
    top: auto;
    right: auto;
    bottom: -26px;
    left: 32px;
    transform: rotate(90deg);
  }

  .how-it-works-affillate-title {
    margin-bottom: 32px;
  }

  .how-it-works-affillate-title .title-line-animation {
    bottom: -80px;
  }

  .how-it-works-affillate-title .title-line-animation svg {
    height: 70px;
  }

  .why-knubisoft-item {
    width: calc(50% - 30px);
  }

  .why-knubisoft-content .affilate-service-last-item {
    width: calc(50% - 30px);
  }

  .why-knubisoft-section .section-description {
    margin-bottom: 32px;
  }

  .contact-us-section-affillate .contact-us-container {
    flex-wrap: wrap;
  }

  .contact-us-section-affillate .contact-us-item-info {
    width: 100%;
    text-align: center;
    margin-bottom: 32px;
  }

  .contact-us-section-affillate
    .contact-us-item-info
    .contact-us-item-info-subtitle {
    margin-left: auto;
    margin-right: auto;
  }

  .contact-us-section-affillate .contact-us-item-form {
    width: 100%;
  }

  .how-it-works-affillate-content {
    margin-top: 20px;
  }

  .contact-us-section-affillate-image-mobile {
    display: flex;
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
  }

  .contact-us-section-affillate-image-mobile img {
    width: 100%;
    height: auto;
  }

  .contact-us-section-affillate .contact-us-info-title,
  .contact-us-section-affillate .contact-us-item-info-subtitle {
    display: none;
  }

  .contact-us-section-affillate .contact-us-item-info {
    margin-bottom: 0;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  /*.header {*/
  /*  background-color: transparent;*/
  /*}*/

  .saas-solutions-content .slick-list {
    height: 100% !important;
  }

  .custom-dev-proc .title-line__circle_down {
    top: 0 !important;
  }

  .custom-section-line svg {
    display: none;
  }

  .tools-content {
    flex-wrap: nowrap;
    overflow-x: auto;
    align-items: normal;
  }

  .container-header .btn-primary {
    height: 56px;
    /*width: 296px;*/
    width: auto;
  }

  .hero-mobile-button-wrap {
    margin-bottom: 62px;
    padding: 0px 32px;
    max-width: 300px;
  }

  .new-hero-title.title {
    font-size: 24px;
    line-height: 32px;
  }

  .new-contact-us-block {
    margin: 0 auto;
  }

  .new-contact-us-block-head {
    margin-bottom: 0;
  }

  .new-hero-title .title-line-2 {
    bottom: -12px;
  }

  .new-hero-title .title-line-2 svg {
    width: 100%;
    height: 40px;
  }

  .new-hero-title .title-line-1 {
    left: 0px;
  }

  .new-hero-title .title-line-1 svg {
    width: 95px;
  }

  .cell-title {
    padding-top: 16px;
    width: 100% !important;
    margin-bottom: 20px;
  }

  .services-section .cell-title {
    padding-top: 0;
  }

  .portfolio-section .cell-title {
    padding-top: 0;
  }

  .portfolio-section-white .cell-title {
    padding-top: 0;
  }

  .why-build-saas .cell-title {
    padding-top: 0;
  }

  .why-build-saas .why-build-saas-list {
    padding-top: 0;
  }

  .what-we-do-list {
    padding-top: 0;
  }

  .logo a img {
    max-width: 125px;
  }

  .new-hero-container {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .new-hero-container .hero-description {
    max-width: 500px;
    font-size: 14px;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 24px;
  }

  .saas-solutions-container {
    padding: 0;
  }

  .what-we-do-item-cub-content-hover {
    display: block;
  }

  .what-we-do-item-cub-content {
    margin-bottom: 16px;
    max-width: 500px;
    font-size: 14px;
  }

  .contact-us-bg {
    background-image: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/11/04165149/contact-us-small-bg.png");
  }

  .home .what-we-do-item {
    background: #f0f3f7;
    border-radius: 16px;
  }

  .title {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 14px;
    max-width: 300px;
  }

  .team-steps-header .title {
    margin-bottom: 0;
  }

  .new-hero-title.title {
    max-width: initial;
  }

  .why-saas .container-large {
    margin-top: auto;
  }

  .why-saas .container-large {
    padding: 40px 24px;
    overflow-x: hidden;
  }

  /*.technologies-we-use .container-large {*/
  /*	width: 100%;*/
  /*}*/

  .container-large {
    width: calc(100% - 16px);
    padding: 40px 16px;
    margin-top: 40px;
  }

  .saas-dev-serv .container-large {
    margin-top: 0;
    padding: 40px 24px;
    width: 100%;
  }
  .saas-dev-serv .cell-title {
    padding-top: 0;
  }

  .other-services .container-large {
    min-height: 408px;
  }

  .small-bg .cta-container {
    max-width: 730px;
    padding: 0;
  }

  .medium-bg {
    background-position: initial;
    background-image: url(//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/11/25174205/medium-mobile-bg.png);
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .header {
    width: 100%;
    padding: 0px 16px;
    margin: 0px;
  }

  .header .container-full {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
  }

  .footer-bottom .footer-container {
    padding: 24px;
  }

  .service-hero-container {
    flex-wrap: wrap;
  }

  .service-hero-content {
    width: 100%;
    margin-top: 32px;
    order: 2;
  }

  .service-hero-image-wrap {
    width: 100%;
    order: 1;
  }

  .header__wrapper {
    padding: 16px 0;
  }

  .service-hero-image {
    width: 100%;
  }

  .service-hero {
    padding-top: 90px;
    padding-bottom: 42px;
  }

  .page-id-859 .service-hero-title br:nth-child(1) {
    display: none;
  }

  .title-line__underline {
    left: 0;
    bottom: -20px;
  }

  .service-hero-btn-wrap {
    width: 90%;
  }

  .section-slider_buttons-container {
    margin-top: 32px;
    position: static;
  }

  .what-we-do-list {
    margin-bottom: 0;
  }

  .what-we-do-item {
    margin-bottom: 20px;
  }

  .what-we-do-slider_buttons-mobile {
    margin-top: 20px;
    position: static;
    display: flex;
  }

  .product-development-title .title-line-animation {
    left: 45px;
    bottom: 7px;
  }

  .product-development-title .title-line-animation svg {
    width: 110px;
  }

  .service-hero-image {
    height: auto;
  }

  .trusted-right-block {
    border-radius: 16px;
  }

  .footer-title .title-line-animation svg {
    width: 75px;
  }

  .hero-gradient-image {
    display: none;
  }

  /* .hero {
    background-image: url("/wp-content/themes/knubisoft/assets/img/home-bg-mobile.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  } */

  .what-we-do-item {
    border-radius: 16px;
    padding: 0;
    margin-bottom: 0;
  }

  .slick-slide {
    height: auto;
  }

  .industries .what-we-do-item-title {
    font-size: 18px;
    width: auto;
    line-height: 24px;
  }

  .what-we-do-item-header {
    margin-bottom: 8px;
  }

  .affilate-service-last-item {
    background: #030303;
    border-radius: 16px;
    width: 100%;
  }

  .mvp-service-title .title-line-animation {
    bottom: -13px;
    right: auto;
    left: 60px;
  }

  .mvp-service-title .title-line-animation svg {
    width: 70px;
  }

  .mvp-title .title-line-animation {
    left: 48px;
    top: -24px;
  }

  .mvp-title .title-line-animation svg {
    width: 60px;
  }

  .process-step {
    width: 26px;
    height: 26px;
  }

  .process-item:before {
    left: 12px;
  }

  .process-step-circle {
    width: 5px;
    height: 5px;
  }

  .process-step:before {
    left: 50%;
  }

  .process-item-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 0px;
    width: calc(100% - 42px);
  }

  .process-item {
    padding: 16px 0px;
  }

  .process-item-content {
    width: calc(100% - 42px);
  }

  .process-item-content p {
    font-size: 14px;
    line-height: 22px;
  }

  .process-title .title-line-animation {
    top: -26px;
    right: -5px;
  }

  .process-title .title-line-animation svg {
    width: 100px;
  }

  .section-description {
    font-size: 14px;
    line-height: 22px;
  }

  .tech-stack-container .section-description {
    font-size: 14px;
    line-height: 22px;
  }

  .process-item:after {
    width: calc(100% - 42px);
  }

  .process-item-content li {
    padding-right: 10px;
  }

  .tools-title .title-line-animation svg {
    width: 160px;
  }

  .tools-title .title-line-animation {
    bottom: -20px;
  }

  .ta-work-title .title-line-animation {
    right: -6px;
    bottom: -26px;
  }

  .ta-work-title .title-line-animation svg {
    width: 70px;
  }

  .education-title .title-line-animation svg {
    width: 120px;
  }

  .education-content {
    flex-wrap: wrap;
  }

  .education-statistic {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 32px;
  }

  .education-benefits {
    width: 100%;
  }

  .technologies-item-image {
    width: 50%;
  }

  .technologies-subitem-frontend .technologies-item-image {
    width: 50%;
  }

  .technologies-right .technologies-item-image {
    width: 50%;
  }

  .technologies-left {
    margin-top: 28px;
  }

  .technologies-title .title-line-animation svg {
    width: 160px;
  }

  .technologies-left,
  .technologies-right {
    width: 100%;
  }

  .technologies-left {
    margin-bottom: 16px;
  }

  .technologies-more-wrap {
    margin-top: 16px;
  }

  .technologies-left .technologies-item {
    padding-bottom: 0px;
  }

  .faq-title .title-line-animation {
    right: auto;
    left: 0;
  }

  .faq-title .title-line-animation svg {
    width: 130px;
  }

  .accordion-header {
    line-height: 24px;
    padding-right: 60px;
  }

  .new-faq-section .accordion-header {
    font-size: 16px;
  }

  .faq-section .accordion-header {
    font-size: 20px;
  }

  .accordion-body {
    font-size: 14px;
    line-height: 22px;
    padding-left: 0;
  }

  .accordion-header > span {
    width: 40px;
    height: 40px;
  }

  .ta-sevices-benefits-title,
  .ta-sevices-flow-title {
    font-size: 24px;
    line-height: 32px;
  }

  .ta-sevices-benefits-item-title,
  .ta-sevices-flow-item-title {
    font-size: 16px;
  }

  .ta-sevices-flow-item-title {
    margin-left: 16px;
  }

  .ta-sevices-flow-title {
    margin-bottom: 0px;
  }

  .ta-sevices-flow-item {
    padding: 28px 0px;
  }

  .education-content {
    flex-wrap: wrap;
  }

  .ta-sevices-title .title-line-animation {
    right: auto;
    left: 0;
    bottom: -15px;
  }

  .ta-sevices-title .title-line-animation svg {
    width: 100px;
  }

  .service-title .title-line-animation svg {
    width: 100%;
  }

  .benefits-title .title-line-animation {
    left: -8px;
    top: -22px;
  }

  .benefits-title .title-line-animation svg {
    width: 110px;
  }

  .benefits-item {
    width: 100%;
  }

  .benefits-item-title {
    width: calc(100% - 58px);
    margin-left: auto;
    margin-top: 0px;
  }

  .benefits-content {
    margin-top: 10px;
  }

  .cost-list-item {
    background: #f0f3f7;
    border-radius: 16px;
    padding: 24px;
    width: 100%;
    margin-bottom: 0px;
  }

  .cost-list {
    margin-bottom: 16px;
  }

  .what-we-do-item-cub-content {
    margin-bottom: 0px;
  }

  .cost-title .title-line-animation svg {
    width: 60px;
  }

  .cost-list-last-item-mobile {
    display: block;
    margin-top: 34px;
    background: #030303;
    border-radius: 16px;
    width: 100%;
    margin-bottom: 0px;
  }

  .cost-list-last-item-mobile .cost-last-item-title {
    margin-bottom: 48px;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.02em;
    color: #ffffff;
  }

  .cost-last-item-title .title-line svg path {
    stroke-dashoffset: 0px;
    stroke-dasharray: 100px;
  }

  .framework-title .title-line-animation-1 {
    left: 0;
    bottom: auto;
    top: 13px;
    right: 0;
  }

  .framework-title .title-line-animation-1 svg {
    width: 100%;
  }

  .framework-title .title-line-animation-2 {
    right: 0;
    left: 0;
    bottom: -27px;
  }

  .framework-title .title-line-animation-2 svg {
    width: 100%;
  }

  .framework-item {
    width: 100%;
    margin-bottom: 34px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .framework-item:last-child {
    margin-bottom: 0px;
  }

  .framework-item-content {
    width: calc(100% - 48px);
  }

  .what-else-item {
    width: 100%;
    margin-bottom: 34px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .what-else-item:last-child {
    margin-bottom: 0px;
  }

  .what-else-item-title {
    width: calc(100% - 48px);
  }

  .what-else-title {
    width: 150px;
  }

  .what-else-title .title-line-animation {
    right: 0;
    left: 0;
    bottom: -30px;
  }

  .what-else-title .title-line-animation svg {
    width: 100%;
  }

  .integrations-item {
    margin-bottom: 10px;
  }

  .integrations-item-layout_1 {
    width: calc(50% - 20px);
  }

  .integrations-item-layout_2 {
    width: calc(100% - 20px);
  }

  .integrations-item:nth-child(1) {
    order: 1;
  }

  .integrations-item:nth-child(2) {
    order: 2;
  }

  .integrations-item:nth-child(3) {
    order: 3;
  }

  .integrations-item:nth-child(4) {
    order: 4;
  }

  .integrations-item:nth-child(5) {
    order: 5;
  }

  .integrations-item:nth-child(6) {
    order: 7;
  }

  .integrations-item:nth-child(7) {
    order: 6;
  }

  .integrations-item:nth-child(8) {
    order: 14;
  }

  .integrations-item:nth-child(9) {
    order: 13;
  }

  .integrations-item:nth-child(10) {
    order: 11;
  }

  .integrations-item:nth-child(11) {
    order: 10;
  }

  .integrations-item:nth-child(12) {
    order: 9;
  }

  .integrations-item:nth-child(13) {
    order: 12;
  }

  .integrations-item:nth-child(14) {
    order: 14;
  }

  .integrations-title .title-line-animation svg {
    width: 100%;
  }

  .integrations-item-layout_1:last-child {
    margin-right: 10px;
  }

  .title.about-hero-title {
    font-size: 24px;
    line-height: 32px;
    text-align: left;
  }

  .title.about-hero-title .title-line-animation {
    left: -10px;
    top: -24px;
  }

  .title.about-hero-title .title-line-animation svg {
    width: 130px;
  }

  .about-hero-slider-block {
    margin-top: 32px;
  }

  .about-service-title .title-line-animation svg {
    width: 130px;
  }

  .roadmap-item-image {
    height: 100%;
    height: 400px;
    object-position: top;
  }

  .roadmap-item-year {
    font-size: 24px;
    line-height: 32px;
  }

  .roadmap-item-circle {
    width: 32px;
    height: 32px;
  }

  .team-title .title-line-animation svg {
    width: 110px;
  }

  .team-content {
    margin-top: 25px;
  }

  .team-group-title {
    font-size: 20px;
    line-height: 24px;
  }

  .team-group-description {
    font-size: 14px;
    line-height: 22px;
  }

  .roadmap-title .title-line-animation svg {
    width: 65px;
  }

  .title.vacancy-benefit-title .title-line-animation {
    bottom: -25px;
  }

  .title.vacancy-benefit-title .title-line-animation svg {
    width: 80px;
  }

  .vacancy-single-hero {
    padding-top: 85px;
    padding-bottom: 32px;
  }

  .vacancy_item-info-detail:not(:last-child) {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 28px;
  }

  .vacancies-main-title .title-line-animation {
    top: 10px;
  }

  .casepage-category-nav li a {
    padding: 16px;
  }

  .cases-main-title .title-line-animation {
    right: 3px;
    top: 18px;
  }

  .cases-main-title .title-line-animation svg {
    width: 100px;
  }

  .cases-section .case-item {
    width: 100%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }

  .cases-section .case-item:not(:last-child) {
    margin-bottom: 16px;
  }

  .cases-section .case-item:nth-child(even) {
    margin-right: auto;
  }

  .cases-section .case-item:nth-child(3n) {
    margin-right: auto;
  }

  .case-single-info-item {
    width: 100%;
    margin-bottom: 16px;
    border-radius: 16px;
    background: #f0f3f7;
    padding: 24px;
  }

  .case-single-info-item-poster {
    background: #030303;
    border-radius: 16px;
    padding: 32px;
    margin-bottom: 0px;
  }

  .case-single-info-item-poster .btn-primary {
    margin-top: 32px;
  }

  .title.case-single-info-item-poster-title {
    max-width: 200px;
  }

  .case-single-info-section {
    position: static;
    margin-top: 16px;
  }

  .about-client-title .title-line-animation {
    right: 0px;
    top: -23px;
  }

  .about-client-title .title-line-animation svg {
    width: 80px;
  }

  .client-info-description {
    font-size: 14px;
    line-height: 22px;
  }

  .client-info-position {
    margin-bottom: 16px;
  }

  .about-client-logo-wrap {
    margin-bottom: 16px;
  }

  .business-value-item {
    width: 100%;
    margin-bottom: 24px;
  }

  .business-value-item-title {
    font-size: 16px;
    line-height: 24px;
  }

  .business-value-item-content p {
    font-size: 14px;
    line-height: 22px;
  }

  .business-value-title {
    margin-bottom: 26px;
  }

  .business-value-item-title {
    margin-bottom: 8px;
  }

  .business-value-item-poster {
    display: block;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .title.business-value-item-poster-title {
    margin-bottom: 38px;
  }

  .business-value-title .title-line-animation svg {
    width: 110px;
  }

  .section-description p {
    font-size: 14px;
    line-height: 22px;
  }

  .challenge-title .title-line-animation svg {
    width: 125px;
  }

  .challenge-title .title-line-animation {
    top: 15px;
  }

  .section-description p:not(:last-child) {
    margin-bottom: 10px;
  }

  .slider-navigation .slider_buttons-container button svg {
    width: 26px;
    height: 26px;
    object-fit: contain;
  }

  /* .slider_buttons-container button {
    width: 32px;
    height: 32px;
  } */

  .slider-navigation .section-slider_buttons-container {
    width: 80px;
  }

  .slider-counter {
    font-size: 20px;
    line-height: 24px;
  }

  .slider-navigation .progress {
    display: none;
  }

  .slider-navigation {
    justify-content: flex-start;
  }

  .slider-navigation .slider-counter {
    margin-left: 26px;
  }

  .solution-title .title-line-animation {
    top: -10px;
  }

  .solution-section {
    overflow: hidden;
  }

  .solution-title {
    width: 100%;
  }

  .solution-title .title-line-animation {
    top: -10px;
    left: 100px;
    overflow: hidden;
  }

  .case-single-hero-content {
    order: 2;
    width: 100%;
    padding-top: 32px;
  }

  .case-single-hero-image-wrap {
    order: 1;
    width: 100%;
    height: auto;
    padding-top: 20px;
  }

  .case-single-hero {
    padding-top: 55px;
    min-height: initial;
  }

  .case-single-hero-description {
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    max-width: initial;
  }

  .case-single-hero-image {
    width: 100%;
    min-height: 210px;
  }

  .case-single-hero-progress {
    margin-bottom: 32px;
  }

  .legal-page-content h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px;
  }

  .legal-page-content p,
  .legal-page-content ul li {
    font-size: 14px;
    line-height: 22px;
  }

  .legal-page-content h3 {
    margin-bottom: 16px;
  }

  .service-map-title .title-line-animation svg {
    width: 100%;
  }

  .why-knubisoft-content .service-last-item {
    background: #030303;
    width: 100%;
  }

  .why-knubisoft-item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .why-knubisoft-content .affilate-service-last-item {
    width: 100%;
  }

  .why-knubisoft-item-header {
    width: 32px;
  }

  .why-knubisoft-item-content {
    display: block;
    width: calc(100% - 48px);
    margin-left: auto;
  }

  .why-knubisoft-item-icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
  }

  .why-knubisoft-item-icon svg {
    width: 100%;
    height: 100%;
  }

  .offer-list {
    flex-wrap: wrap;
  }

  .offer-item {
    width: 100%;
  }

  .offer-title {
    margin-bottom: 32px;
  }

  .offer-title .title-line-animation svg {
    width: 75px;
  }

  .offer-title .title-line-animation {
    left: auto;
    bottom: -18px;
    right: -10px;
  }

  .offer-item-content-bottom {
    margin-bottom: 40px;
  }

  .offer-list {
    gap: 24px;
  }

  .offer-item-title {
    margin-bottom: 16px;
  }

  .offer-item-subtitle {
    margin-bottom: 16px;
  }

  .offer-wrapper {
    background-image: url(/wp-content/themes/knubisoft/assets/img/offer-bg-mob.png);
  }

  .contact-us-section-affillate .contact-us-item-form {
    width: 100%;
    margin: 0 auto;
  }

  .affillate-hero-title .title-line-1 {
    left: 139px;
    bottom: 50px;
  }

  .affillate-hero-title .title-line-1 svg {
    width: 90px;
    height: 45px;
  }

  .affillate-hero-title .title-line-2 {
    right: 48px;
    bottom: -14px;
  }

  .affillate-hero-title .title-line-2 svg {
    width: 110px;
  }

  .contact-us-section-affillate .contact-us-container p {
    width: 100%;
  }

  .contact-us-section-affillate
    .contact-us-container
    .contact-us-item-form
    .btn {
    width: 100%;
  }

  .why-knubisoft-item-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 8px;
  }

  .why-knubisoft-content {
    gap: 34px 40px;
  }

  .contact-us-section-affillate .contact-us-item-form {
    padding: 24px;
    position: relative;
    z-index: 2;
  }

  .contact-us-section-affillate .contact-us-item .title {
    width: 100%;
    max-width: initial;
  }

  .contact-us-section-affillate .contact-us-item-info {
    margin-top: 0;
  }

  .how-it-works-affillate-content {
    margin-top: 30px;
  }

  .what-we-do-section.how-it-works-affillate-section .container-large {
    overflow: hidden;
  }

  .service-map-desktop-image {
    height: auto;
  }
  .section.ta-section {
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .case-slider {
    display: none;
  }

  .industries-knubi-animation .rows-wrapper__item {
    flex-wrap: wrap;
    background-color: #f0f3f7;
  }

  .industries-knubi-animation .rows-wrapper__item .left-side {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    transition: all 0.3s ease-in-out;
  }

  .industries-knubi-animation .title-line__circle_up {
    left: 0;
    top: -24px;
  }

  .industries-knubi-animation .rows-wrapper__item .left-side .link-item-ico {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out;
  }

  .industries-knubi-animation .rows-wrapper__item .left-side .heading-block {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .industries-knubi-animation
    .rows-wrapper__item:hover
    .left-side
    .link-item-ico {
    margin-left: 0px;
    margin-right: 0;
    transition: all 0.3s ease-in-out;
  }

  .industries-knubi-animation .rows-wrapper__item .right-side {
    width: 100%;
  }

  .case-slider-mobile {
    display: block;
  }

  .case-slider-mobile-white {
    display: block;
  }

  .portfolio-section-white {
    padding: 40px 0;
  }

  .portfolio-section {
    background: #eff0f3;
  }

  .portfolio-section-white {
    background: #fff;
  }

  /* .portfolio-section .container-large {
		padding: 26px 24px 24px;
  } */

  .portfolio-section .case-items {
    width: 100%;
    max-width: 406px;
    margin: 40px auto 0;
  }

  .portfolio-section-white .case-items {
    width: 100%;
    max-width: 406px;
    margin: 40px auto 0;
  }

  .portfolio-section .btn-primary {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .portfolio-section-white .btn-primary {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .description {
    padding-right: 0px;
    /*margin-bottom: 32px;*/
    font-size: 14px;
  }

  .portfolio-section .cell-title {
    display: flex;
    flex-wrap: wrap;
  }

  .portfolio-section-white .cell-title {
    display: flex;
    flex-wrap: wrap;
  }

  .portfolio-btn-wrap {
    width: 100%;
  }

  .faq-container .faq-mobile-btn-wrap .faq-btn {
    width: 100%;
    margin-right: 0px;
  }

  .btn-primary {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
  }

  .header-button .btn-primary {
    padding: 12px;
  }

  .btn-wide {
    padding-right: 8px;
    padding-left: 10px;
  }

  .portfolio-section .case-item {
    max-width: 406px;
    height: 500px;
    margin: 0 auto;
  }

  .portfolio-section-white .case-item {
    max-width: 406px;
    /*height: 500px;*/
    margin: 0 auto;
  }

  .footer-logo {
    max-width: 150px;
  }

  .portfolio-section .section-slider_buttons-container {
    display: none;
  }

  .portfolio-section-white .section-slider_buttons-container {
    display: none;
  }

  .portfolio-section .section-slider_buttons-container_mob {
    display: flex;
    width: 100%;
  }

  .portfolio-section-white .section-slider_buttons-container_mob {
    display: flex;
    width: 100%;
  }

  .portfolio-title .title-line-animation svg {
    width: 160px;
  }

  .portfolio-title .selected-text svg {
    width: 100%;
  }

  .portfolio-title .title-line-animation {
    right: 0px;
    top: 10px;
  }

  .testimonials-title .title-line-animation svg {
    width: 130px;
  }

  .section {
    margin-top: 0;
  }

  .faq-container .description-show svg {
    /*top: -217px;*/
    /*left: 112px;*/
    /*width: 70%;*/
    top: -178px;
    left: auto;
    width: 70%;
    right: -38%;
    display: none;
  }

  .why-saas .why-saas-image svg path {
    stroke-width: 4px;
  }

  /* .what-we-do-section {
    margin-top: 75px;
  } */

  .testimonial-item-image {
    display: none;
  }

  .testimonial-item-image-mobile {
    display: block;
    border-radius: 16px;
    margin-bottom: 16px;
  }

  .testimonial-item-image-icon-mobile {
    display: block;
    position: absolute;
    top: 68px;
    left: auto;
    width: 89px;
    height: 72px;
    right: -15px;
    transform: rotate(180deg);
    z-index: 99;
  }

  .testimonial-item-content {
    width: 100%;
  }

  .testimonials-items {
    padding: 24px;
  }

  .testimonials-container {
    position: relative;
  }

  .testimonial-item-subtitle {
    font-weight: 400;
  }

  .testimonial-item-image {
    width: 100%;
  }

  .testimonial-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    max-height: 400px;
  }

  .video-bullet-wrapper {
    border-radius: 0px 0px 16px 16px;
  }

  .testimonial-item-description {
    margin-bottom: 32px;
  }

  .trusted-left-block {
    padding: 0px 0px 40px 0px;
    width: 100%;
  }

  .trusted-right-block {
    position: relative;
    top: auto;
    width: 100%;
  }

  .contact-us-container {
    flex-wrap: wrap;
  }

  .contact-us-item {
    width: 100%;
  }

  .contact-us-wrapper {
    padding-bottom: 24px;
  }

  .contact-us-item-info {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .contact-us-item-info-subtitle {
    margin-right: auto;
    margin-left: auto;
  }

  .contact-us-item-info-subtitle {
    max-width: 170px;
    margin-top: 135px;
    font-size: 16px;
    line-height: 24px;
  }

  .contact-us-item-info-subtitle .title-line-animation {
    right: 20px;
    top: 40px;
  }

  .contact-us-item .title .title-line-animation svg {
    height: 130px;
  }

  .contact-us-item-form {
    margin: 0px;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: -24px;
  }

  .description p {
    font-size: 14px;
  }

  .footer-nav-item:not(:last-child) {
    margin-bottom: 24px;
  }

  .footer .nav-menu ul li:last-child {
    margin-bottom: 0px;
  }

  /*.footer .footer-nav-item:nth-child(2) .nav-menu ul li {*/
  /*    width: 100%;*/
  /*}*/

  .footer-right-block {
    flex-wrap: wrap;
  }

  .footer-location-list {
    width: 100%;
  }

  .footer-location-item {
    width: 100%;
  }

  .footer-location-item:not(:last-child) {
    margin-bottom: 34px;
  }

  .location-address-info {
    width: 100%;
  }

  .location-address-wrap {
    width: calc(100% - 28px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .location-address-name {
    margin-right: 3px;
  }

  .location-address-name,
  .location-address-city {
    width: auto;
  }

  .footer-sub-info-block {
    width: 100%;
    max-width: initial;
  }

  .footer-sub-info-item {
    margin-bottom: 0px !important;
    margin-top: 34px;
  }

  .footer-copyright {
    display: block;
    width: 100%;
  }

  .footer-item:last-child {
    padding: 0px;
  }

  .footer-copyright {
    margin-bottom: 20px;
  }

  .trusted-title .title-line-animation {
    display: block;
    width: calc(100% + 24px);
    overflow: hidden;
  }

  .trusted-title .title-line-animation svg {
    width: 110%;
  }

  .trusted-title {
    width: 100%;
  }

  .trusted-item {
    width: 120px;
    height: 100px;
  }

  .what-we-do-title .title-line-animation svg {
    width: 43px;
  }

  .what-we-do-title .title-line-animation {
    right: 36px;
    top: -10px;
  }

  .contact-us-item-form {
    border-radius: 0px 0px 24px 24px;
    max-width: initial;
  }

  .contact-us-image {
    display: block;
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
    min-width: calc(100% + 48px);
    height: auto;
  }

  .contact-us-item-info {
    margin-bottom: 0px;
  }

  .contact-us-item .title {
    display: none;
  }

  .contact-us-item-info-subtitle {
    display: none;
  }

  .section-404 {
    margin-top: 72px;
  }

  .section-404-content {
    margin-top: 0px;
  }

  .cases-section {
    margin-top: 70px;
  }
}

@media only screen and (max-width: 600px) {
  .tax-cases .cases-filter-item {
    width: 100%;
    margin-bottom: 16px;
  }

  .popup-title.popup-title-video {
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 30px;
  }

  .video-popup {
    max-width: 95%;
    padding: 20px;
  }

  .popup .close.video-close {
    background: transparent;
    top: 25px;
    right: 25px;
    width: 20px;
    height: 20px;
  }

  .popup-title.popup-title-video .title-line-animation {
    left: 50px;
    bottom: -14px;
  }

  .popup-title.popup-title-video .title-line-animation svg {
    width: 75px;
  }
  .section.other-services .container-large {
    padding: 40px 16px;
  }

  .other-services-list {
    display: flex;
    flex-direction: column;
  }

  .other-services-list-item {
    width: 100%;
    padding: 32px 24px;
  }

  .other-services-list-item:not(:last-child) {
    margin-bottom: 32px;
  }

  .section-header {
    margin-bottom: 24px;
  }

  .other-services-item-title {
    font-size: 16px;
  }

  .other-services-item-icon {
    width: 80px;
    margin-left: -19px;
    height: 70px;
  }
  .section.hero-checklist-section .container-large {
    padding: 52px 16px;
  }

  .hero-checklist-card {
    padding: 0;
  }

  .hero-checklist-kicker {
    font-size: 28px;
  }

  .hero-checklist-title {
    font-size: 28px;
  }

  .hero-checklist-grid {
    grid-template-columns: 1fr;
  }

  .hero-checklist-head {
    text-align: left;
    margin-bottom: 24px;
  }

  .hero-checklist-item {
    padding: 0;
  }

  .hero-checklist-subtitle {
    text-align: left;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 539px) {
  .container {
    max-width: 100%;
  }

  .service-icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
  }

  .what-we-do-item-title {
    font-size: 18px;
    line-height: 25px;
  }

  .trusted-container-list .scroll_bg {
    animation: none;
  }

  .scroll_bg .trusted-list:nth-child(2) {
    display: none;
  }

  .trusted-list {
    flex-wrap: wrap;
  }

  .trusted-item {
    width: calc(50% - 12px);
    height: 104px;
  }

  .location-address-wrap {
    flex-wrap: wrap;
  }

  .new-hero-container .hero-description {
    padding: 0px 24px;
  }

  .hero-mobile-button-wrap {
    padding: 0px;
  }

  .sertificate-item {
    width: 80px;
    height: 80px;
  }

  .sertificates-container .container-full {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 200%;
    animation: marguee-infinite 20s linear infinite;
  }

  .sertificate-list-mobile {
    display: flex;
  }

  .sertificates-container {
    overflow: hidden;
  }

  .sertificate-item-image {
    max-width: 60px;
    max-height: 60px;
  }

  .footer {
    margin-top: 16px;
  }

  .footer-item {
    width: 100%;
  }

  .hero-description {
    max-width: 100%;
    font-size: 14px;
    line-height: 22px;
  }

  .service-hero-btn-wrap {
    width: 100%;
  }

  .service-hero-title,
  .hero-description,
  .new-hero-title.title,
  .hero-mobile-button-wrap,
  .service-hero-btn-wrap,
  .service-hero-image-wrap {
    opacity: 1 !important;
    transform: none !important;
  }

  .product-development-image {
    display: none;
  }

  .product-development-mobile-image {
    display: block;
  }

  .product-development-content {
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px);
  }

  .service-map-desktop-image {
    margin-top: 0px;
    display: none;
  }

  .service-map-mobile-image {
    display: block;
    margin-top: 19px;
    width: 100%;
    height: 100%;
  }

  .service-map-content {
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px);
  }

  .saas-solutions .service-map-content {
    margin: 0;
    width: 100%;
  }

  .steps-bg .service-map-content {
    margin-left: 0;
    width: 100%;
  }

  .service-map-title {
    width: 100%;
  }

  .tech-stack-custom-width {
    width: auto;
  }

  .service-hero-btn-wrap a {
    width: 100%;
    max-width: initial;
  }

  .tools-item {
    width: 50%;
  }

  .education-statistic-description {
    font-size: 14px;
    line-height: 22px;
  }

  .education-statistic-title,
  .education-statistic-plus {
    font-size: 32px;
    line-height: 38px;
  }

  .education-statistic-item {
    margin-bottom: 12px;
    width: calc(50% - 6px);
  }

  .education-benefits-title {
    font-size: 24px;
    line-height: 32px;
  }

  .education-benefits-item-title {
    font-size: 16px;
    line-height: 24px;
  }

  .cycle-desktop-image {
    display: none;
  }

  .cycle-mobile-image {
    display: block;
  }

  .cycle-section .container-large {
    padding-bottom: 0px;
  }

  .cycle-content {
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
    min-width: calc(100% + 48px);
  }

  .integrations-item-layout_1 .integrations-item-image {
    height: auto;
    object-fit: contain;
  }

  .integrations-item-layout_2 .integrations-item-image {
    height: 130px;
  }

  .roadmap-item-info {
    min-height: initial;
  }

  .roadmap-list {
    margin-top: 10px;
  }

  .roadmap-item-image {
    height: 320px;
  }

  .slider-navigation .section-slider_buttons-container {
    width: 70px;
  }

  .slider-navigation .slider_buttons-container button svg {
    width: 26px;
    height: 26px;
    object-fit: contain;
  }

  .slider-counter {
    font-size: 20px;
  }

  /* .slider_buttons-container button {
    width: 32px;
    height: 32px;
  } */

  .footer {
    margin-top: 16px;
  }

  .vacancy-single-list_item-text {
    font-size: 14px;
    line-height: 22px;
  }

  .vacancy-single-list_item:not(:last-child) {
    margin-bottom: 32px;
  }

  .vacancy_item-info-detail:not(:last-child) {
    margin-right: 0px;
  }

  .vacancy_item-info-detail {
    width: 100%;
  }

  .vacancy_item-info-detail:not(:last-child) {
    margin-bottom: 20px;
  }

  .vacancy-single-hero .vacancy_item-info-detail-wrap {
    margin-top: 20px;
  }

  .vacancy-single-hero {
    background-size: cover;
  }

  .vacancy-single-hero-content {
    margin-left: 27px;
  }

  .pagination .nav-links {
    justify-content: center;
    width: 100%;
  }

  .vacancy_item {
    margin-bottom: 16px;
  }

  .pagination {
    margin-top: 8px;
  }

  .vacancy_item-header {
    padding: 24px;
  }

  .vacancy_item-body {
    padding: 24px;
  }

  .tax-vacancies .cases-filter-item {
    width: 100%;
  }

  .no-results-content {
    padding: 0px 16px;
  }

  .no-results-image {
    width: 124px;
    height: 124px;
  }

  .no-results-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
  }

  .no-results-description {
    max-width: 300px;
  }

  .case-single-hero-progress {
    flex-wrap: wrap;
  }

  .case-single-hero-progress-item:first-child {
    width: 100%;
    margin-bottom: 16px;
  }

  .case-single-hero-container.container-full {
    width: 100%;
    padding: 0px 32px;
  }

  .case-single-hero-progress-item {
    width: 50%;
  }

  .case-single-hero-image-wrap,
  .case-single-hero-content,
  .header {
    opacity: 1 !important;
    transform: none !important;
  }

  .case-single-hero {
    background-size: cover;
  }

  .popup-video-footer {
    flex-wrap: wrap;
  }

  .popup-video-footer-info {
    width: 100%;
    margin-bottom: 20px;
  }

  .why-knubisoft-content .affilate-service-last-item .title-line-animation {
    display: none;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 500px) {
  .container-header .service-hero-btn-wrap,
  .container-header .service-hero-container {
    flex-direction: column;
  }

  .service-hero-btn-wrap a:nth-child(1) {
    margin-right: 0;
    margin-bottom: 16px;
  }

  .container-header .btn-primary {
    width: 100%;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
}

/*==========  Mobile First  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .hide-on-desktop {
    display: none;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .portfolio-section .cell-title {
    width: calc(33.33% - 30px);
  }

  .portfolio-section-white .cell-title {
    width: calc(33.33% - 30px);
  }
}

@media screen and (max-width: 1280px) {
  .tech-stack-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .tech-stack-tabs button {
    flex-shrink: 0;
  }
}

/*new style */

@media only screen and (max-width: 1400px) {
  .header-content {
    padding: 0px 24px;
  }

  .header__wrapper .btn-primary {
    width: 100%;
    max-width: 180px;
    white-space: nowrap;
    padding: 10px 10px;
    font-size: 14px;
  }

  .nav-menu__link {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1200px) {
  .header-content {
    padding: 0px 80px;
  }
  .why-saas-statistic {
    width: 25%;
  }
}

@media screen and (max-width: 1170px) {
  .why-saas-image {
    top: 0;
  }
}

@media only screen and (max-width: 992px) {
  .header-content {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .container-header {
    padding-top: 90px;
    padding-bottom: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .two-blocks-style .item-block {
    width: calc(100% - 30px);
    flex-shrink: 0;
  }

  .two-blocks-style {
    overflow-x: auto;
    padding-left: 5px;
    padding-bottom: 35px;
    padding-right: 5px;
  }

  .why-saas-image {
    width: 100%;
    top: auto;
    position: relative;
  }

  .saas-solutions-item-title {
    font-size: 18px;
  }

  .saas-solutions-item object {
    width: 44px;
    height: 44px;
    object-fit: contain;
  }

  .container-header .service-hero-container {
    padding: 0;
  }

  .container-header .service-hero-btn-wrap,
  .container-header .service-hero-container {
    width: 100%;
  }

  .header-button {
    max-width: 400px;
  }

  .background-image {
    display: none;
  }
  .background-image-top {
    display: none;
  }
  .background-image-mobile {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
  }
  .why-saas-content {
    flex-wrap: wrap;
  }
  .why-saas-content-item {
    width: 45%;
    margin: 0 0 20px;
  }
  .why-saas-content-item-title {
    font-size: 32px;
    line-height: 38px;
  }
  .why-saas-content-item-description {
    font-size: 14px;
  }
}

@media only screen and (max-width: 480px) {
  .header-content {
    padding: 0;
    width: 100%;
  }
  .why-saas-container {
    flex-wrap: wrap;
  }
  .why-saas-image {
    margin: -46px 0;
    width: 60%;
  }

  .why-saas-image svg {
    width: 100% !important;
    right: -50%;
    position: relative;
  }
  .achievements-item {
    width: 45%;
  }
  .saas-solutions > .steps-bg {
    background-image: url(//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/11/25171923/steps-small-bg.png);
  }
}

@media only screen and (max-width: 320px) {
  .header-content {
    padding: 0px 24px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .services-container {
    flex-direction: column;
  }

  .header-content {
    padding: 0px 24px;
  }

  .services-header {
    margin-right: 0;
    margin-bottom: 40px;
  }

  .services-header h1 {
    font-size: 2rem;
  }

  .services-header p {
    font-size: 1rem;
  }

  .service-content h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 15px;
  }

  .service-content p {
    font-size: 0.9rem;
  }
}

@media (max-width: 768px) {
  .cta-container {
    padding: 20px 10px;
  }

  .medium-bg .cta-container {
    padding: 20px 0;
  }

  .cta-container .banner-title-style {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 32px;
  }

  .container-without-side-paddings {
    background-image: url(/wp-content/themes/knubisoft/assets/img/small-light-grad-bg.png);
    padding: 44px 6px;
  }

  .small-bg {
    background-image: url(//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/11/03182637/small-mobile-bg-v2.png);
    background-position: initial;
    padding: 40px 16px;
  }

  .big-bg {
    background-image: url(//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/11/25174807/small-tall-bg.png);
  }

  .top-talents .big-bg {
    background-image: url(//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2024/11/25171923/steps-small-bg.png);
  }

  .custom-dev-proc .container-large {
    padding: 40px 24px;
  }
  .section-slider_buttons-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

@media (max-width: 1134px) {
  .services-header span {
    position: absolute;
    left: 126px;
    bottom: -16px;
    display: inline-block;
    width: auto;
    z-index: -1;
  }
}

@media (max-width: 763px) {
  .services-header span {
    position: absolute;
    left: 60px;
    bottom: -16px;
    display: inline-block;
    width: auto;
    z-index: -1;
  }
}

@media (max-width: 1400px) {
  .saas-solutions-title .title-line-animation {
    position: absolute;
    left: 65px;
    bottom: -18px;
    display: inline-block;
    z-index: -1;
  }

  .saas-solutions-title .title-line-animation svg {
    width: 100px;
  }
}

@media screen and (max-width: 1260px) {
  .accEdu-short-descr {
    max-width: 490px;
  }
}

@media (max-width: 1200px) {
  .saas-solutions-item-content {
    max-width: initial;
  }

  .saas-solutions-item-title {
    line-height: 26px;
  }

  .saas-solutions-item-cub-content {
    line-height: 23px;
  }
}

@media only screen and (max-width: 992px) {
  .saas-solutions-content {
    flex-direction: column;
  }

  .two-blocks-style {
    overflow-x: auto;
    padding-left: 5px;
    padding-bottom: 35px;
    padding-right: 5px;
  }

  .two-blocks-style .item-block {
    width: calc(100% - 30px);
    flex-shrink: 0;
  }

  .accEdu-short-descr {
    max-width: none;
    width: 100%;
  }

  .legal-section {
    margin-top: 50px;
  }

  .faq-content .accordion-header {
    font-size: 16px;
  }

  .faq-content .accordion-body {
    font-size: 14px;
  }

  .footer-right-block {
    margin-top: 0;
  }

  .footer-location-item {
    width: 50%;
    padding-right: 10px;
  }

  .footer-sub-info-item {
    width: 50%;
    padding-right: 10px;
  }

  .footer-sub-info-item {
    margin-top: 50px;
  }

  .footer-sub-info-item:first-child {
    margin-bottom: 0;
  }

  .footer .nav-menu ul li a {
    width: 100%;
    padding: 0px;
  }

  .footer-nav-list {
    flex-wrap: wrap;
    width: 100%;
  }

  .footer-nav-item:nth-child(1) {
    width: 100%;
    max-width: initial;
  }

  .footer-nav-item:nth-child(2) {
    width: 100%;
  }

  .footer-nav-item:nth-child(3) {
    width: 100%;
  }

  .footer-nav-item:nth-child(4) {
    width: 100%;
  }

  .footer-nav-item:nth-child(5) {
    width: 100%;
  }

  .footer-menu-selector .first-sub-menu-level:last-child {
    margin-bottom: 24px;
  }

  .footer-menu-selector .menu-item-has-children > a {
    pointer-events: auto;
  }

  .footer-nav-item {
    padding: 0;
  }

  .footer-menu-selector .first-sub-menu-level > .sub-menu {
    display: none;
  }

  .footer-menu-selector .first-sub-menu-level.open > .sub-menu {
    display: block;
    margin-left: 15px;
  }

  .footer-menu-selector .first-sub-menu-level {
    margin-bottom: 24px;
    position: relative;
    /* padding-right: 24px; */
  }

  .footer-menu-selector .menu-item-has-children > a {
    padding-right: 24px;
    z-index: 9;
  }

  .footer .nav-menu ul li a {
    margin-bottom: 0;
  }

  .footer-menu-selector .first-sub-menu-level:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-image: url("//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2025/02/07081411/arrowdown2.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out;
  }

  .footer-menu-selector .first-sub-menu-level.open:after {
    transform: rotate(180deg);
    transition: all 0.2s ease-in-out;
  }

  .footer-menu-selector .first-sub-menu-level > .sub-menu li a {
    margin: 10px 0;
  }

  .hero-about .centered-container {
    padding: 80px 32px 9px;
  }

  .hero-about__wrapper__left-side {
    padding-left: 0;
  }

  .our-mission__wrapper__left-side {
    padding-left: 0;
    margin-top: 40px;
  }

  .our-mission__wrapper__left-side p {
    font-size: 16px;
  }

  .our-mission__wrapper__left-side h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
  }

  .our-mission .centered-container {
    padding: 14px 32px 40px;
  }

  .our-mission__wrapper__right-side img {
    margin-bottom: 16px;
  }

  .our-mission__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column-reverse;
  }

  .hero-about__wrapper__left-side p {
    font-size: 14px;
  }

  .hero-about__wrapper__right-side img {
    margin-bottom: 16px;
  }

  .hero-about__wrapper__right-side {
    margin-top: 24px;
  }

  .hero-about__wrapper__left-side h1 {
    font-size: 24px;
    margin-bottom: 25px;
    line-height: 32px;
  }

  .team-slider-main-title {
    font-size: 20px;
    color: #030303;
    font-weight: 500;
    margin-bottom: 24px;
  }

  .colored-blocks__wrapper .width-50,
  .colored-blocks__wrapper .width-30 {
    width: 100%;
  }

  .accordionEducation-header {
    justify-content: flex-start;
  }

  .accEdu-short-descr {
    margin-left: inherit;
    margin-top: 24px;
  }

  .w-half ul li {
    width: 100%;
  }

  .section-accordion-dark__heading-wrapp h2,
  .section-accordion-dark__heading-wrapp__description {
    max-width: 100%;
  }

  .education-icons-wrapp__item span {
    font-size: 14px;
    line-height: 20px;
  }

  .vacancy-apply-btn-style button {
    width: calc(100% - 64px);
  }

  .vacancypage-filter {
    flex-direction: column;
  }

  .sidebar-side-block {
    width: 100%;
    padding-right: 0;
  }

  .content-side-block {
    width: 100%;
  }

  .why-saas-content {
    flex-wrap: wrap;
  }

  .why-saas-content-item {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 20px;
  }

  .four-block-info {
    flex-wrap: wrap;
  }

  .four-block-info__item {
    width: 50%;
    margin-bottom: 30px;
  }

  .four-block-info__item:nth-child(2) {
    padding-right: 0;
    border-right: 0;
  }

  .four-block-info__item:nth-child(3) {
    padding-left: 0;
  }

  .supply-style-circle .title-line__circle_up {
    left: -12px;
    right: 0;
    margin: -10px auto;
    width: 120%;
  }

  .saas-solutions-item {
    width: 100%;
  }

  .yellow-heading-item {
    width: calc(47% - 30px);
    flex-shrink: 0;
    margin-right: 20px;
  }

  .yellow-blocks-section .saas-solutions-content {
    flex-direction: initial;
    width: 100%;
    overflow-x: auto;
  }
}

@media only screen and (max-width: 768px) {
  .saas-solutions-item-cub-content {
    margin-bottom: 16px;
    max-width: 500px;
    font-size: 14px;
  }

  #join-popup .wpcf7-form-control-wrap select {
    padding: 8px 16px;
  }

  .colored-blocks__heading-wrapp h2 {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 24px;
  }

  .colored-blocks__heading-wrapp {
    flex-wrap: wrap;
  }

  .colored-blocks__heading-wrapp__descr {
    max-width: 100%;
  }

  .colored-blocks__wrapper__item .content-block .two-rows li {
    width: 100%;
  }

  .big-yellow-container {
    background-image: url(//knubisoft-site-images-dev.s3.amazonaws.com/wp-content/uploads/2025/01/30110821/bg-mobile.jpg);
    background-position: bottom;
  }

  .yellow-heading-item {
    width: calc(100% - 20%);
    flex-shrink: 0;
    margin-right: 20px;
    padding: 15px;
  }

  .four-block-info {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .four-block-info__item:nth-child(3) {
    padding-left: 20px;
  }

  .four-block-info__item:nth-child(2) {
    padding-right: 20px;
    border-right: 1px dashed #03030326;
  }

  .four-block-info__item {
    width: calc(100% - 70px);
    margin-bottom: 30px;
    flex-shrink: 0;
  }

  .supply-line-bottom .title-line-animation {
    top: 18px;
  }

  .title-line__circle_down svg {
    height: auto;
  }

  .custom-dev-proc .title-line__circle_down {
    display: none !important;
  }

  .supply-style-circle .title-line__circle_up {
    /*left: -3px;*/
    /*right: 0;*/
    /*margin: -16px auto;*/
    /*width: 120%;*/

    left: -3px;
    right: 0;
    margin: -21px auto;
    width: 100%;
  }

  .tech-stack-tabs button {
    padding: 8px 13px;
    font-size: 16px;
  }

  .saas-solutions-title .title-line-animation {
    position: absolute;
    left: 40px;
    bottom: -25px;
    display: inline-block;
    z-index: -1;
  }

  .saas-solutions-title .title-line-animation svg {
    width: 60px;
  }
}

@media (max-width: 1400px) {
  .tech-stack-title .title-line-animation svg {
    width: 250px;
  }
}

@media only screen and (max-width: 768px) {
  .tech-stack-title .title-line-animation {
    position: absolute;
    left: 0;
    bottom: -19px;
    display: inline-block;
    width: auto;
    z-index: -1;
  }

  .tech-stack-title .title-line-animation svg {
    width: 131px;
  }

  /* .tech-icon {
    margin: 5px 5px;
    width: 85px;
    height: 85px;
  } */

  .tech-icons {
    justify-content: center;
  }
}

@media (max-width: 1400px) {
  .other-services-title .title-line-animation svg {
    width: 110px;
  }

  .other-services-item-content {
    max-width: initial;
  }

  .other-services-item-title {
    line-height: 26px;
  }

  .other-services-item-cub-content {
    font-size: 15px;
    line-height: 23px;
  }
}

@media only screen and (max-width: 768px) {
  .other-services-title .title-line-animation svg {
    width: 70px;
  }

  .other-services-item-cub-content {
    margin-bottom: 16px;
    max-width: 500px;
  }

  .other-services-list-item {
    width: calc(33.3% - 20px);
    margin-bottom: 40px;
    transition: all 0.5s;
    border: 1px solid #eaeafe;
    padding: 24px;
    border-radius: 16px;
  }

  .other-services-slider_buttons-mobile {
    margin-top: 20px;
    position: static;
    display: flex;
  }
}

@media screen and (max-width: 600px) {
  .education-icons-wrapp__item span {
    font-size: 14px;
    font-weight: 400;
  }

  .education-icons-wrapp__item {
    width: 50%;
  }
}

@media only screen and (max-width: 508px) {
  .our-achievements-image {
    margin: -25px 0;
    width: 60%;
    position: absolute;
    right: -18%;
  }

  .hero-description ul li {
    width: 100%;
  }

  .hero-description ul li:last-child {
    margin-bottom: 0;
  }

  .other-services-title .title-line-animation {
    bottom: -9px;
  }

  .accordion-item {
    padding: 16px 0;
  }

  .other-services-item-title {
    font-size: 18px;
  }

  .other-services-item-icon {
    width: 46px;
    height: 46px;
    object-fit: contain;
  }

  .new-faq-section .accordion-body {
    padding-top: 0;
    /* padding-left: 56px; */
  }

  .our-achievements-list-item {
    width: 120px;
    height: 120px;
  }

  .clients-wrapp {
    flex-direction: column;
  }

  .our-achievements-image svg {
    width: 100%;
    height: auto;
  }

  .container-large {
    overflow-x: hidden;
    position: relative;
  }
}

@media (max-width: 1200px) {
  .why-saas-statistic {
    width: 25%;
  }

  .two-blocks-style .item-block__header span {
    font-size: 21px;
  }

  .two-blocks-style ul li {
    min-height: 190px;
  }
}

@media only screen and (max-width: 768px) {
  .why-saas-content {
    flex-wrap: wrap;
  }

  .tech-stack-tabs {
    display: flex;
    overflow-x: scroll;
    padding-bottom: 10px;
  }

  .tech-stack-tabs button {
    flex-shrink: 0;
  }

  /* .tech-icon {
    margin: 5px 5px;
    width: 133px;
    height: 133px;
  } */

  .why-saas-content-item {
    width: 45%;
    margin: 20px 0;
    padding: 0;
  }

  .why-saas-content-item-description {
    font-size: 14px;
  }

  .service-title .title-line__underline {
    bottom: -15px;
  }
}

/*end why saas*/
@media only screen and (max-width: 767px) {
  .new-contact-us-container {
    flex-wrap: wrap;
  }

  .new-contact-us-container .title-line-animation svg {
    display: none;
  }

  .new-contact-us-item-info-subtitle {
    margin-top: 0;
  }

  .new-contact-us-item-info-subtitle p {
    margin-top: 0px;
    font-size: 18px;
    line-height: 32px;
    max-width: 300px;
  }

  .new-contact-us-block {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .why-build-saas-list {
    margin-bottom: 0;
  }

  .colored-blocks__wrapper__item .two-rows ul li {
    width: 100%;
  }

  .footer-sub-info-item {
  }

  .footer-sub-info-block {
    margin-top: 34px;
  }

  .footer-sub-info-item {
    width: 100%;
    margin-top: 0;
    padding-right: 0;
    margin-bottom: 34px !important;
  }

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

  .knubi-careers-info-header h1 {
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 24px;
  }

  .knubi-careers-info-header {
    padding: 80px 30px 120px;
  }

  .no-vacancies-wrapper img {
    width: 100%;
    max-width: 91px;
    margin-bottom: 25px;
  }

  .mentors-section__wrapper__item {
    flex-direction: column;
  }

  .mentors-section__wrapper__item img {
    width: 100%;
    max-width: 400px;
    margin-right: 0;
    margin-bottom: 20px;
    object-fit: cover;
    border-radius: 16px;
    background-color: #eef0fa;
  }

  .why-build-saas-list .what-we-do-item:not(:last-child) {
    border-bottom: 0;
  }

  .slick-list {
    height: auto !important;
  }

  .what-we-do-list .what-we-do-item:not(:last-child) {
    border-bottom: 0;
  }

  .what-we-do-item-content {
    margin-bottom: 0px;
  }

  .why-build-saas-slider_buttons-mobile {
    margin-top: 20px;
    position: static;
    display: flex;
  }

  .title-line__underline {
    left: 0;
    bottom: -10px;
    width: 100%;
  }

  .why-ta .title-line__underline {
    bottom: -14px;
  }

  .tech-stack .section-description {
    max-width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .why-saas-container {
    flex-wrap: wrap;
  }

  .two-blocks-style .item-block__header {
    padding: 15px;
  }

  .two-blocks-style .item-block__header span {
    font-size: 18px;
  }

  .two-blocks-style ul li {
    font-size: 14px;
  }

  .footer-legal-menu {
    flex-direction: column;
    align-items: flex-start;
  }

  .popup-title {
    font-size: 25px;
  }

  .popup .close {
    top: 48px;
    width: 30px;
    height: 30px;
  }

  .gallery-images-wrapper__item {
    width: 100%;
    padding: 10px;
  }

  .no-vacancies-wrapper a {
    max-width: none;
  }

  .why-saas-image {
    margin: -35px 0;
    width: 60%;
  }

  .logistics-section .header-content {
    padding: 0;
  }
}

@media screen and (max-width: 355px) {
  .two-blocks-style .item-block__header {
    padding: 8px;
  }

  .two-blocks-style .item-block__header span {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) and (min-height: 640px) and (max-height: 900px) {
  .filter-vacancy-sidebar .cases-filter-elem {
    padding: 15px;
  }

  .filter-vacancy-sidebar .cases-filter-title {
    padding: 10px 15px;
  }

  #filter-vacancies-category label:not(:last-child) {
    margin-bottom: 10px;
  }

  .vacancies-btn-apply {
    height: 40px;
  }

  .vacancies-sidebar-style .search-input {
    height: 40px;
  }

  .vacancies-sidebar-style {
    margin-bottom: 15px;
  }

  .sidebar-side-block .vacancies-sidebar-style .cases-filter-item {
    margin-bottom: 15px;
  }
}