@media only screen and (max-width: 1199px) {
  body.home main .front-page-banner-wrapper {
    min-height: 101%;
    height: 101vh;
  }

  body.home main .front-page-banner-wrapper .slogan-wrapper {
    max-width: 880px;
  }

  body.home main .front-page-banner-wrapper .custom-message {
    max-width: 880px;
  }

  .header-container {
    max-width: 880px;
  }

  main .parent {
    max-width: 880px;
  }

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

  main .banner .breadcrumb {
    top: 10px;
  }

  main .banner .info {
    top: 25px;
  }

  main .banner {
    max-width: 100%;
  }

  footer .customers .customers-container {
    max-width: 880px;
  }

  .header-container .nav-collapsable .collapse-content .container {
    max-width: 880px;
  }

  .header-container .nav-collapsable .collapse-content .item {
    margin-right: 5%;
  }

  nav .collapse-content .container img.mega-menu-image {
    width: 50%;
    float: right;
  }

  footer .actions-links-container, footer .arr-social-container {
    max-width: 880px;
  }

  footer .actions-links-container a.desktop img {
    margin-right: 25px;
  }

  footer .actions-links-container .navigation-newsletter .nav a {
    margin-right: 20px;
  }

  footer .actions-links-container .navigation-newsletter .newsletter input[type="submit"] {
    max-width: 136px;
  }

  footer .actions-links-container .navigation-newsletter .newsletter button {
    padding: 7px 10px;
  }

  footer .actions-links-container .navigation-newsletter .newsletter .cmApp_signupContainer #cmApp_signupForm > div {
    padding: 0 !important;
  }

  footer .actions-links-container .newsletter .cmApp_fieldWrap {
    width: 240px;
  }

  body.single-product main .main-container .faq .answer .project-item .introduction {
    width: 55%;
  }

  #product-attributes-wrapper .banner .breadcrumb {
    max-width: 880px;
  }

  #product-attributes-wrapper .banner .info {
    max-width: 880px;
  }

  body.home .product-information .detail .person-information {
    width: 140px;
    margin-top: 0;
  }

  body.home .product-information .detail .person-information img {
    float: initial;
  }

  body.home .product-information .detail .person-information .name,
  body.home .product-information .detail .person-information .caption {
    padding-left: 0;
  }

  body.home .product-information .detail .person-information .name {
    padding-top: 5px;
  }

  main .contact-items {
    max-width: 880px;
  }

  main .contact-items .contact-item {
    width: 285px;
  }

  main .contact-items .contact-item .contact-description {
    width: 250px;
  }

  main .contact-items .contact-item a {
    width: 260px;
  }

  .parent .customer-slider-widget h1 {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  body.home main .front-page-banner-wrapper h1 {
    top: 195px;
    left: 70px;
  }

  body.home main .front-page-banner-wrapper h2 {
    top: 315px;
    left: 70px;
  }

  body.home .product-information .slider {
    height: 170px;
  }

  body.home .product-information .slider .item {
    width: 135px;
    height: 170px;
  }

  body.home .product-information .detail .info {
    max-width: 50%;
  }

  body.home .product-information .detail .comment-wrapper {
    width: 48%;
  }

  body.home .product-proud .product-detail-and-list {
    max-width: 45%;
  }

  body.home .product-proud .wrapper {
    width: 50%;
  }

  body.home .product-proud .wrapper .product-meet-demands {
    width: 430px;
  }

  body.home .product-information .load-left {
    margin-right: 10px;
  }

  body.home .news-list .left, body.single-sector .news-list .left {
    width: 50%;
  }

  body.home .news-list .left .news-item, body.single-sector .news-list .left .news-item {
    width: 45%;
  }

  body.home .news-list .left .news-item img, body.single-sector .news-list .left .news-item img {
    max-width: 172px;
    max-height: 165px;
  }

  body.home .news-list .right, body.single-sector .news-list .right {
    width: 50%;
  }

  body.home .news-list .right .news-item, body.single-sector .news-list .right .news-item {
    max-width: 100%;
  }

  body.home .news-list .right .news-item img, body.single-sector .news-list .right .news-item img {
    max-width: 440px;
    max-height: 350px;
  }

  body.home .news-list .news-item h3, body.single-sector .news-list .news-item h3 {
    font-size: 20px;
    line-height: 26px;
  }

  footer .actions-links-container .navigation-newsletter .newsletter p {
    line-height: 22px;
    width: 120px;
  }

  footer .actions-links-container .newsletter .cmApp_embedFormContainer {
    width: 387px;
  }

  footer .actions-links-container .newsletter .cmApp_fieldWrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 1023px) {
  body.home .product-information .detail .comment-line {
    width: 45%;
  }

  footer .actions-links-container .navigation-newsletter .nav {
    width: 490px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  footer .actions-links-container .navigation-newsletter .nav a {
    padding-bottom: 5px;
  }
}


@media only screen and (max-width: 991px) {
  .header-container {
    max-width: 740px;
  }

  body.home main .front-page-banner-wrapper .slogan-wrapper {
    max-width: 740px;
    top: 235px;
  }

  body.home main .front-page-banner-wrapper .custom-message {
    max-width: 740px;
    bottom: 5%;
  }

  main .parent {
    max-width: 740px;
  }

  main .main-container {
    margin-left: 290px;
  }

  main .banner .breadcrumb,
  main .banner .info {
    top: 0;
  }

  footer .customers .customers-container {
    max-width: 740px;
  }

  footer .actions-links-container .navigation-newsletter .nav {
    width: 340px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  footer .actions-links-container .navigation-newsletter .nav a {
    padding-bottom: 5px;
  }

  .header-container .nav-collapsable .collapse-content .container {
    max-width: 740px;
  }

  body.home .product-information .slider .item {
    width: 105px;
    font-size: 10px;
  }

  nav .collapse-content .container img.mega-menu-image {
    width: 40%;
    float: right;
  }

  footer .actions-links-container, footer .arr-social-container {
    max-width: 740px;
  }

  footer .actions-links-container a.desktop img {
    margin-right: 25px;
  }

  footer .actions-links-container .navigation-newsletter .newsletter p {
    display: none;
  }

  #product-attributes-wrapper .banner .breadcrumb {
    max-width: 740px;
    top: 10px;
  }

  #product-attributes-wrapper .banner .info {
    max-width: 740px;
    top: 35px;
  }

  main .contact-items {
    max-width: 740px;
  }

  main .contact-items .contact-item {
    width: 230px;
  }

  main .contact-items .contact-item .contact-description {
    width: 220px;
  }

  main .contact-items .contact-item a {
    width: 210px;
  }

  .parent .blog-page .blog-wrapper .blog-main-image#desktop {
    display: none;
  }

  .parent .blog-page .blog-wrapper .blog-main-image#mobile {
    display: block;
  }

  .parent-override .product-meet-demands {
    width: 650px; !important;
  }
}

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

  body.home main .front-page-banner-wrapper .slogan-wrapper {
    max-width: 100%;
    padding: 0 20px;
    top: 235px;
  }

  body.home main .front-page-banner-wrapper .custom-message {
    max-width: 100%;
    padding: 0 20px;
    bottom: 20%;
  }

  body.home main .front-page-banner-wrapper .custom-message span {
    font-size: 16px;
    line-height: 22px;
  }

  body.home main .front-page-banner-wrapper h1 {
    font-size: 40px;
    line-height: 46px;
  }

  body.home main .front-page-banner-wrapper h2 {
    font-size: 16px;
    line-height: 22px;
  }

  body.home main h1 {
    font-size: 22px;
    line-height: 28px;
  }

  body.home main h2 {
    font-size: 16px;
    line-height: 22px;
  }

  body.home main .front-page-banner-wrapper h1 {
    width: 90%;
  }

  body.home main .front-page-banner-wrapper h2 {
    width: 90%;
  }

  body.home main .front-page-banner-wrapper .custom-message span {
    width: 90%;
  }

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

  main .main-container {
    margin-left: 0;
  }

  main .banner .breadcrumb, main .banner .info {
    left: 20px;
  }

  main .parent {
    max-width: 100%;
    padding: 0 20px;
  }

  main.mobile-menu-layer-visible .parent {
    padding-top: 60px;
  }

  main .left-menu {
    display: none;
  }

  main .mobile-content-menu-layer {
    /*display: block;*/
    height: auto;
    width: 100%;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    z-index: 1;
    margin-bottom: 10px;
    position: absolute;
  }

  main .mobile-content-menu-layer.active .title {
    font-family: "Manrope-Medium", sans-serif;
    font-size: 12px;
    color: #2f26c3;
    opacity: 0.5;
  }

  main .mobile-content-menu-layer .item {
    font-size: 18px;
  }

  main .mobile-content-menu-layer .title,
  main .mobile-content-menu-layer .item {
    display: none;
  }

  main .mobile-content-menu-layer .item.active {
    display: block;
    float: left;
    font-family: "Manrope-Semibold", sans-serif;
    font-size: 18px;
    color: #5348fe;
  }

  main .mobile-content-menu-layer .title {
    padding-top: 20px;
    padding-left: 20px;
  }

  main .mobile-content-menu-layer .item a {
    line-height: 50px;
    padding-left: 20px;
  }

  main .mobile-content-menu-layer img {
    float: right;
    margin-top: 22px;
    position: absolute;
    right: 20px;
    top: 0;
  }

  main .mobile-content-menu-layer img.up {
    display: none;
  }

  main .mobile-content-menu-layer.active .title,
  main .mobile-content-menu-layer.active .item {
    display: block;
  }

  main .mobile-content-menu-layer.active .item,
  main .mobile-content-menu-layer.active .item.active {
    width: 100%;
  }

  main .mobile-content-menu-layer .mobile-content-menu:last-of-type {
    margin-bottom: 20px;
  }

  body.sticky .mobile-content-menu-layer {
    position: fixed;
  }

  body.sticky header {
    display: none;
  }

  body.sticky main.mobile-menu-layer-visible .parent {
    padding-top: 145px;
  }

  body.single-news .parent {
    padding-top: 20px;
  }

  body.home .product-information .slider .item {
    width: 105px;
    font-size: 10px;
  }

  body.home .product-proud .wrapper .product-meet-demands {
    width: 360px;
  }

  body.home .product-proud .wrapper .product-meet-demands p.title {
    font-size: 14px;
  }

  body.home .product-proud .wrapper .product-meet-demands p.description {
    font-size: 11px;
    width: 100%;
  }

  body.home .product-proud .wrapper .product-meet-demands .arrow-big {
    width: 35px;
    height: 35px;
    bottom: -5px;
  }

  body.home .news-list .left .news-item img,
  body.home .news-list .right .news-item img,
  body.single-sector .news-list .left .news-item img,
  body.single-sector .news-list .right .news-item img {
    max-width: 100%;
    max-height: 100%;
  }

  .page-template-template-blog main .breadcrumb {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  main .contact-items {
    flex-direction: column;
    width: 320px;
    margin: 10px auto 0 auto;
  }

  main .contact-items .contact-item {
    margin: 0 auto 20px auto;
  }

  footer .actions-links-container .navigation-newsletter .nav {
    width: 340px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  footer .actions-links-container .navigation-newsletter .nav a {
    padding-bottom: 5px;
  }

  #partners-main .header-wrapper {
    flex-wrap: wrap;
  }

  #partners-main .header-wrapper img {
    width: 100%;
  }

  #partners-main .text-wrapper {
    width: 100%;
  }

  #partners-main .text-wrapper .title {
    width: 100%;
    font-size: 32px;
  }

  #partners-main .text-wrapper .sub-title {
    width: 100%;
    font-size: 20px;
  }

  #partners-main .text-wrapper .description {
    width: 100%;
    font-size: 15px;
  }

  #partners-main .solution-focus-wrapper .solution-focus-part-wrapper {
    width: 100%;
  }

  .line {
    width: 5px;
  }

  #partners-main .specializations-wrapper {
    flex-wrap: wrap;
  }

  #partners-main .specializations-wrapper img {
    width: 100%;
    margin-top: 10px;
  }

  #partners-main .specializations-wrapper .description {
    width: 100%;
  }

  #partners-main .expertises-wrapper {
    margin-bottom: 0;
  }

  #partners-main .expertises-wrapper .expertises-part-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }

  #partners-main .team-wrapper .team-part-wrapper {
    width: 100%;
    margin-bottom: 10px;
  }

  #partners-main .blog-items-wrapper {
  }

  #partners-main .blog-items-wrapper .blog-item {
    width: 100%;
  }

  #partners-main .blog-items-wrapper .blog-item img {
    height: 280px;
  }
}

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

  body, html {
    font-size: 12px;
  }

  header {
    height: 80px;
  }

  .header-container {
    max-width: 280px;
  }

  video {
    height: 100%;
    width: 100%;
  }

  body.home main .front-page-banner-wrapper {
    height: 250px;
  }

  .front-page-banner-wrapper .video-layer .scroll-container {
    display: none;
  }

  body.home main .front-page-banner-wrapper .slogan-wrapper {
    max-width: 280px;
    top: 100px;
  }

  body.home main .front-page-banner-wrapper .custom-message {
    max-width: 280px;
    bottom: 5%;
  }

  main .parent {
    max-width: 280px;
  }

  main .breadcrumb {
    white-space: normal;
    height: auto;
  }

  main .banner .breadcrumb,
  main .banner .info {
    top: 0;
  }

  footer .actions-links-container .newsletter .cmApp_embedFormContainer {
    width: 280px;
  }

  footer .actions-links-container .newsletter .cmApp_fieldWrap {
    width: 100%;
  }

  footer .customers .customers-container {
    max-width: 280px;
    height: auto;
  }

  footer .customers .customers-container p,
  footer .customer-slider-widget h1 {
    font-size: 16px;
    padding-top: 27px;
    padding-bottom: 0;
  }

  footer .customers .customers-container .desktop {
    display: none;
  }

  footer .customers .customers-container .mobile {
    display: flex;
  }

  footer .customers .customers-container .mobile img {
    margin-right: 10px;
    margin-bottom: 15px;
  }

  .header-container .nav-collapsable .collapse-content .container {
    max-width: 100%;
    padding: 0 20px;
  }

  nav .collapse-content .container img.mega-menu-image {
    width: 40%;
    float: right;
  }

  footer .actions-links-container {
    max-width: 280px;
    padding: 0 20px;
  }

  footer .arr-social-container {
    min-width: 280px;
    display: flex;
    flex-direction: column-reverse;
    height: auto;
  }

  footer .arr-social-container .social-buttons {
    margin: 0 auto 20px auto;
  }

  footer .arr-social-container p {
    text-align: center;
    font-size: 12px;
    width: 200px;
    margin: 0 auto 20px auto;
    line-height: 15px;
  }

  footer .actions-links-container a.desktop {
    display: none;
  }

  footer .actions-links-container a.mobile {
    display: block;
    padding-top: 30px;
    float: left;
    width: 100%;
  }

  footer .actions-links-container a.mobile img {
    width: 75px;
    height: 32px;
    margin: 0 auto;
    display: block;
  }

  footer .actions-links-container .navigation-newsletter {
    height: 110px;
    padding-top: 40px;
    border: none;
  }

  footer .actions-links-container .navigation-newsletter .nav {
    line-height: 32px;
    float: right;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  footer .actions-links-container .navigation-newsletter .nav a {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 13px;
    padding: 6px;
  }

  footer .es_msg {
    top: 40px;
  }

  footer .es_form_container {
    display: block;
  }

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

  footer .es_textbox {
    float: initial;
  }

  footer .actions-links-container .navigation-newsletter .newsletter {
    display: block;
    position: initial;
    width: 100%;
  }

  footer .actions-links-container .navigation-newsletter .newsletter input[type="email"] {
    padding: 10px 25px;
    position: relative;
    display: block;
    width: calc(100% - 50px);
    min-width: initial;
    max-width: initial;
  }

  footer .actions-links-container .navigation-newsletter .newsletter p {
    display: block;
    margin-top: 30px;
    width: 100%;
  }

  footer .actions-links-container .newsletter #cmApp_signupEmail {
    padding-right: 30px !important;
  }

  footer .actions-links-container .navigation-newsletter .newsletter input[type="submit"] {
    display: inline;
    width: 30px !important;
    height: 42px !important;;
    border: none !important;;
    background: url(assets/images/newsletter-submit-mobile.png) center center no-repeat;
    position: relative;
    right: 1px;
    top: -41px;
    margin: 0;
    padding: 0;
    text-indent: -9999em;
    background-color: transparent !important;
  }

  footer .actions-links-container .newsletter .cmApp_embedFormContainer {
    height: 128px;
  }

  footer .actions-links-container .navigation-newsletter .newsletter .cmApp_signupContainer div.cmApp_errorMsg {
    top: 65px;
  }

  footer .actions-links-container .newsletter #cmApp_statusContainer.cmApp_processing .cmApp_processingMsg p {
    padding: 0 !important;
  }

  main .main-container h1 {
    font-size: 22px;
    line-height: 28px;
  }

  main .main-container p {
    font-size: 12px;
    line-height: 18px;
  }

  main .main-container .faq .item {
    min-height: 60px;
    box-shadow: 0 3px 4px 0 rgba(209, 209, 209, 0.5);
  }

  main .main-container .faq .item .question {
    font-size: 12px;
    line-height: 60px;
  }

  main.mobile-menu-layer-visible .parent {
    padding-top: 50px;
  }

  main .mobile-content-menu-layer .item a {
    line-height: 40px;
  }

  main .mobile-content-menu-layer.active .title {
    font-size: 10px;
  }

  main .mobile-content-menu-layer .item,
  main .mobile-content-menu-layer .item.active {
    font-size: 16px;
  }

  main .mobile-content-menu-layer img {
    margin-top: 18px;
    width: 9px;
    height: auto;
  }

  body.sticky main.mobile-menu-layer-visible .parent {
    padding-top: 135px;
  }

  body.single-product .banner {
    margin: 20px 0 50px;
  }

  body.single-product .banner .info {
    margin-top: 20px;
  }

  body.single-product .banner img,
  body.single-product .banner .info {
    height: 100%;
  }

  body.single-product .breadcrumb {
    font-size: 11px;
    margin-top: 10px;
  }

  body.single-product .main-container .description {
    margin-bottom: 15px;
    line-height: 20px;
  }

  body.single-product .main-container .img-center {
    display: block;
    margin: 25px auto;
  }

  body.single-product main .main-container .faq .answer .project-item .introduction {
    width: 60%;
    margin-left: 10px;
  }

  body.single-solution .breadcrumb {
    height: 15px;
    margin: 20px 0;
  }

  body.home main .front-page-banner-wrapper {
    top: -80px;
    margin-bottom: -80px;
  }

  body.home main .front-page-banner-wrapper .desktop {
    display: none;
  }

  body.home main .front-page-banner-wrapper .mobile {
    display: block;
    margin: 0 auto;
  }

  body.home main .front-page-banner-wrapper h1 {
    font-size: 22px;
    width: 280px !important;
    line-height: 28px;
  }

  body.home .product-information {
    min-height: initial;
    margin-top: 20px;
  }

  body.home .product-information .slider .item {
    display: block;
  }

  body.home .product-information .load-left,
  body.home .product-information .load-right {
    display: none !important;
  }

  body.home .product-information .comment-wrapper {
    display: none;
  }

  body.home .product-information .detail .comment-wrapper-mobile {
    display: block;
  }

  body.home .product-information .comment-wrapper-mobile > img {
    display: none;
  }

  body.home .product-information .detail .comment-line {
    width: 240px;
    font-size: 12px;
  }

  body.home .product-information .detail .person-information {
    width: 100%;
  }

  body.home .product-information .detail .person-information img {
    float: left;
  }

  body.home .product-information .detail .person-information .name,
  body.home .product-information .detail .person-information .caption {
    padding-left: 90px;
    font-size: 12px;
  }

  body.home .product-information .detail .person-information {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  body.home .product-information img.mobile {
    display: block;
  }

  body.home .product-information h1 {
    margin-top: 22px;
  }

  body.home .product-information .detail .info {
    max-width: 100%;
  }

  body.home .product-information .detail .info .info-detail {
    font-size: 12px;
    line-height: 18px;
  }

  body.home .product-information .slider .item {
    width: 131px;
    height: 130px;
  }

  body.home .product-information .slider .item p {
    font-size: 11px;
    line-height: 17px;
    padding: 0 10px 24px;
  }

  body.home .product-information .slider .item .svg {
    width: 33px;
    padding-top: 15px;
    padding-left: 10px;
  }

  body.home .product-information .slider {
    height: 130px;
    margin-top: 25px;
    margin-bottom: 21px;
  }

  body.home .product-proud {
    margin-top: 60px;
  }

  body.home .product-proud .product-detail-and-list .product-list.mobile {
    display: flex;
  }

  body.home .product-proud .product-detail-and-list .product-list.desktop {
    display: none;
  }

  body.home .product-proud img.mobile {
    display: block;
  }

  body.home .product-proud .product-detail-and-list {
    max-width: 100%;
  }

  body.home .product-proud .wrapper {
    display: none;
  }

  body.home .product-proud .product-detail-and-list h2 {
    font-size: 18px;
    line-height: 24px;
  }

  body.home .product-proud .product-detail-and-list .summary {
    font-size: 12px;
    line-height: 18px;
  }

  body.home .product-proud .product-detail-and-list .detail {
    min-height: 250px;
  }

  body.home .product-proud .product-detail-and-list .product-list .product-name {
    font-size: 14px;
    line-height: 40px;
    width: 90px;
  }

  body.home .product-proud .product-detail-and-list .product-list .product-name i {
    padding-right: 10px;
  }

  body.home .product-proud .product-detail-and-list .product-list .product-name.active i {
    padding-left: 5px;
    padding-right: 5px;
  }

  body.home .news-list, body.single-sector .news-list {
    margin-top: 60px;
  }

  body.home .news-list-override, body.single-sector .news-list-override {
    height: initial;
  }

  body.home .news-list .news-item h3, body.single-sector .news-list .news-item h3 {
    font-size: 14px;
    line-height: 20px;
    min-height: 110px;
  }

  body.home .news-list .desktop, body.single-sector .news-list .desktop {
    display: none;
  }

  body.home .news-list .mobile, body.single-sector .news-list .mobile {
    display: block;
  }

  body.home .news-list .mobile > a, body.single-sector .news-list .mobile > a {
    color: #4256d1;
    font-size: 14px;
    font-family: "Manrope-Semibold", sans-serif;
    display: block;
    margin-top: 20px;
    margin-bottom: 15px;
  }

  body.home .news-list .mobile .news-item, body.single-sector .news-list .mobile .news-item {
    display: inline;
    width: 40%;
  }

  body.home .news-list .mobile .news-item:first-of-type, body.single-sector .news-list .mobile .news-item:first-of-type {
    margin-right: 50px;
  }

  body.single-sector .posts-list {
    margin-bottom: 50px !important;
  }

  body.single-sector .mobile {
    display: flex !important;
  }

  main .main-container .info-box {
    height: auto;
  }

  main .main-container .info-box i {
    display: none;
  }

  main > div.product-list .label-wrapper {
    display: none;
  }

  main > div.product-list h1 {
    margin-top: 0;
  }

  body.error404 .wrapper {
    width: 285px;
    height: 370px;
    background: url(assets/images/404-mobile.png) center bottom no-repeat;
    margin-top: 20px;
  }

  body.error404 .wrapper p {
    font-size: 12px;
    line-height: 18px;
  }

  body.error404 .wrapper .title {
    font-size: 22px;
    line-height: 28px;
  }

  main .main-container .faq .item table thead th {
    min-width: 100%;
    text-align: center;
    padding-left: 0;
  }

  main .main-container .faq .item table td {
    text-align: center;
    padding: 20px 10px;
  }

  main .main-container .faq .item .answer {
    padding: 0 10px 35px;
  }

  main .main-container .faq .item .answer ul {
    list-style-position: inside;
  }

  main .contact-main-title {
    margin-top: 20px;
  }

  .contact-form-page h1 {
    margin-top: 30px;
  }

  .contact-form-page .wpforms-form {
    width: 100%;
  }

  footer .navigation-newsletter a.button {
    position: relative;
    width: 222px;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    font-size: 13px;
    margin: 10px 26px 0 26px;
  }

  #kartaca-subscribe-newsletter .intro {
    font-size: 14px;
  }

  .parent .sector .sector-text .p{
    line-height: 20px !important;
    margin-bottom: 10px;
  }

  .parent-override .main-container .sector .sector-text {
    width: 100%;
  }

  .parent-override .main-container .sector .sector-img {
    width: 100%;
  }

  .parent .table{
    flex-wrap: wrap;
  }

  .parent .table p{
    line-height: normal !important;
  }

  .parent .table div{
    flex: 0 0 100%;
  }

  .parent #success-stories{
    flex-wrap: wrap;
  }

  .parent #success-stories div{
    width: 100%;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }

  .parent .clients-img-container #clients-img-desktop{
    display: none;
  }

  .parent .clients-img-container #clients-img-mobile{
    display: block;
  }

  .parent .flow-wrapper{
    float: none;
    width: 100%;
  }

  .parent .blog-wrapper{
    float: none;
    width: 100%;
  }

  .parent .blog-wrapper .blog-main-image{
    margin-left: 0;
  }

  .parent .blog-wrapper .blog-main-image{
    width: 100%;
  }

  .parent .blog-wrapper .blog-items{
    display: block;
  }

  .parent .blog-wrapper .blog-items .blog-item{
    width: 100%;
  }

  .parent .blog-wrapper .blog-items .blog-item .read-more{
    position: static;
  }

  .parent .flow-wrapper .categories-wrapper h3{
    margin-top: 20px;
    margin-bottom: 5px;
  }

  .parent .flow-wrapper .categories-wrapper .category-names{
    overflow: hidden;
    height: 250px;
  }

  #show-topics, #show-populars{
    display: block;
    margin-left: 15px;
  }

  #hide-topics, #hide-populars{
    margin-left: 15px;
  }

  .parent .flow-wrapper .categories-wrapper .category-names a{
    width: 100% !important;
  }

  .parent .flow-wrapper .popular-wrapper .popular-posts{
    overflow: hidden;
    height: 250px;
  }

  .parent .flow-wrapper .popular-wrapper .populars-toggler{
    width: 100% !important;
  }

  .parent .flow-wrapper .popular-wrapper .similar-posts{
    overflow: hidden;
    height: 250px;
  }

  .parent #post-content {
    float: none;
    width: 100%;
  }

  .parent-override .product-meet-demands {
    display: none; !important;
  }

  .card-item {
    width: 100% !important;
  }

  .card-item h3 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .posts-item {
    display: none;
  }

  .posts-list a {
    font-size: 14px !important;
  }

  .posts-list .news-list {
    margin-top: 20px !important;
  }

  div.posts-list {
    height: 400px !important;
  }
}

@media only screen and (max-width: 424px) {
  #rc-imageselect, .g-recaptcha {
    transform: scale(0.65);
    -webkit-transform: scale(0.65);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

@media only screen and (max-width: 320px) {
  main .main-container .faq .item .answer ul {
    list-style: disc inside;
  }
}

@media only screen and (min-width: 768px) {
  .parent .clients-img-container #clients-img-desktop{
    display: block;
  }

  .parent .clients-img-container #clients-img-mobile{
    display: none;
  }
}

@media only screen and (min-width: 900px) {
  .parent-override{
    max-width: 77% !important;
  }
}


@media only screen and (max-width: 1200px) {
  #kartaca {
    display: none;
  }

  #kartaca-mobile {
    float: left;
    margin-top: 24px;
    background: url(assets/images/kartaca_logo.png) left center no-repeat;
    width: 75px;
    height: 32px;
    display: block;
    background-size: contain;
  }

  nav {
    display: none;
  }

  header .header-container i.mobile-menu-switch {
    display: inline-block;
    font-size: 22px;
    float: right;
    margin-top: 29px;
  }

  .mobile-top-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #5348fe;
    z-index: 9;
    overflow-y: scroll;
  }

  .mobile-top-menu .header {
    height: 64px;
    width: 278px;
    margin: 0 auto 35px auto;
  }

  .mobile-top-menu .header i {
    color: #ffffff;
    font-size: 22px;
    float: right;
    margin-top: 30px;
  }

  .mobile-top-menu .wrapper {
    height: 66px;
    width: 100%;
    display: block;
  }

  .mobile-top-menu > a {
    color: #ffffff !important;
    font-size: 16px;
    width: 278px;
    margin: 0 auto 35px auto;
  }

  .mobile-top-menu img {
    max-width: 100%;
    height: auto;
    margin-top: -10px;
  }

  .mobile-top-menu .nav-item {
    margin: 0 auto;
    color: #ffffff !important;
    width: 278px;
    height: 66px;
    line-height: 66px;
    display: block;
  }

  body.home.top-nav-active .mobile-top-menu .nav-item {
    color: #ffffff !important;
  }

  .mobile-top-menu .nav-collapsable {
    width: 100%;
    line-height: initial;
  }

  .mobile-top-menu .nav-collapsable.active {
    background-color: rgba(95, 85, 255, 0.7);
    height: auto;
  }

  .mobile-top-menu .nav-collapsable span {
    width: 278px;
    margin: 0 auto;
    line-height: 66px;
    display: block;
  }

  .mobile-top-menu .nav-collapsable span:first-child i {
    margin-left: 10px;
  }

  .mobile-top-menu .nav-collapsable .collapse-content {
    background-color: #5348fe;
    z-index: 0;
    position: initial;
    padding-bottom: 0;
  }

  .mobile-top-menu .nav-collapsable .collapse-content .item {
    float: initial;
    max-width: 100%;
    padding: 0;
    margin: 0 auto 0 auto;
  }

  .mobile-top-menu .nav-collapsable .collapse-content .item:last-child {
    margin-bottom: 40px;
  }

  .mobile-top-menu .nav-collapsable .collapse-content .item:first-child .title {
    padding-top: 12px;
  }

  .mobile-top-menu .nav-collapsable .collapse-content .item .title {
    color: #2f26c3;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 0;
    padding-top: 62px;
  }

  .mobile-top-menu .nav-collapsable .collapse-content .item .sub-menu {
    border-radius: 3px;
    border-bottom: 1px solid rgba(69, 61, 203, 0.31);
  }

  .mobile-top-menu .nav-collapsable .collapse-content .item .sub-menu a {
    display: inline-block;
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    color: #ffffff;
    margin-bottom: 0;
    margin-left: 15px;
  }

  header .mobile-nav-switch {
    display: block;
  }
  
  body.home #kartaca-mobile {
    background: url(assets/images/kartaca_logo_white.png) left center no-repeat;
    background-size: contain;
  }

  body.home header .header-container i.mobile-menu-switch {
    color: #ffffff;
  }
}