/* Large desktops and laptops */
@media screen and (min-width: 1200px) {}

/* Portrait tablets and medium desktops */
@media screen and (min-width: 992px) and (max-width: 1170px) {
   .header-menu {
      display: none;
   }

   .menu-btn {
      display: block;
   }

   .slider-item-title {
      font-size: 54px;
   }

   .slider-item-subtitle {
      font-size: 24px;
   }

   .title span:nth-child(1) {
      font-size: 40px;
      color: #000;
      text-transform: inherit;

   }

   .title span:nth-child(2) {
      display: none;
   }

   .process-step--3:after {
      width: 100%;
   }
}

/* Portrait tablets and small desktops */
@media screen and (min-width: 768px) and (max-width: 991px) {
   .header-menu {
      display: none;
   }

   .menu-btn {
      display: block;
   }

   .slider-item-title {
      font-size: 54px;
   }

   .slider-item-title:after {
      display: none;
   }

   .slider-item-subtitle {
      font-size: 24px;
   }

   .form-inputs {
      grid-template-columns: repeat(2, 1fr);
   }

   .title span:nth-child(1) {
      font-size: 40px;
      color: #000;
      text-transform: inherit;

   }

   .title span:nth-child(2) {
      display: none;
   }

   .main-features {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
   }

   .main-features-item {
      padding: 5px 0;
   }

   .process-step--3:after {
      width: 100%;
   }

   .services-items {
      grid-template-columns: repeat(2, 1fr);
   }

   .advantages-items {
      grid-template-columns: repeat(2, 1fr);
   }

   .process-step {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      padding: 0 15px;
      margin-bottom: 15px;
   }

   .process-step--1 {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
   }

   .process-step--2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
   }

   .process-step--4 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3
   }

   .process-step--5 {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
   }

   .process-step--6 {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6;
   }

   .process-step--3 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
   }

   .process-step:before,
   .process-step:after {
      display: none;
   }

   .process-step-text {
      padding-right: 0;
   }

   .portfolio-images {
      width: 300px;
   }

   .portfolio-slider-item {
      height: 200px;
   }

   .portfolio-gallery-item {
      height: 44px;
   }

   .team-item-inner {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
   }

   .team-item-image {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 300px;
      flex: 0 1 300px
   }

   .blog-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      margin: 0 0 20px 0;
   }

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

   .footer-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .footer-map {
      height: 400px;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
   }

   .footer-info {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
   }

   .footer-map,
   .footer-info {
      width: 100%;
   }

   .single-page .breadcrumb {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .single-banner .single-title {
      line-height: 1.3;
   }

   .blog-page-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .blog-sidebar {
      width: 100%;
      margin-bottom: 20px;
   }

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

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
   .header-menu {
      display: none;
   }

   .header-contacts {
      display: none;
   }

   .menu-btn {
      display: block;
   }

   .slider-item-title {
      font-size: 34px;
   }

   .slider-item-title:after {
      display: none;
   }

   .slider-item-subtitle {
      font-size: 20px;
   }

   .form-inputs {
      grid-template-columns: repeat(2, 1fr);
   }

   .title {
      line-height: 1.2;
      font-size: 30px;
   }

   .title-center {
      padding: 0 20px;
   }

   .title span:nth-child(1) {
      font-size: 40px;
      color: #000;
      text-transform: inherit;
   }

   .title span:nth-child(2) {
      display: none;
   }

   .main-features {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
   }

   .main-features-item {
      padding: 5px 0;
   }

   .modal-title {
      font-size: 30px;
   }

   .process-step--3:after {
      width: 100%;
   }

   .services-items {
      grid-template-columns: repeat(2, 1fr);
   }

   .services-item-content {
      padding: 60px 20px 0 20px;
   }

   .advantages-items {
      grid-template-columns: repeat(2, 1fr);
   }

   .advantages-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-line-pack: start;
          align-content: start;
   }

   .advantages-item-content {
      padding: 20px 0 0 0;
      text-align: center;
   }

   .advantages-item-text {
      font-size: 16px;
   }

   .process-step {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      padding: 0 15px;
      margin-bottom: 15px;
   }

   .process-step--1 {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
   }

   .process-step--2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
   }

   .process-step--4 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3
   }

   .process-step--5 {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
   }

   .process-step--6 {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6;
   }

   .process-step--3 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
   }

   .process-step:before,
   .process-step:after {
      display: none;
   }

   .process-step-text {
      padding-right: 0;
      font-size: 16px;
   }

   .portfolio-item {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   .portfolio-images {
      width: 100%;
   }

   .process-step-title {
      font-size: 18px;
      margin-bottom: 10px;
   }

   .portfolio-content {
      padding-top: 20px;
   }

   .team-inner {
      max-width: 95%;
   }

   .team-item-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
   }

   .team-item-image {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 400px;
      flex: 0 1 400px;
      overflow: hidden;
   }

   .team-item-content {
      padding: 20px;
   }

   .team-inner .slick-prev,
   .team-inner .slick-next {
      top: 36%;
      -webkit-transform: translate(0, -36%);
          -ms-transform: translate(0, -36%);
              transform: translate(0, -36%);
      background: #ff4242;
   }

   .team-inner .slick-prev:before,
   .team-inner .slick-next:before {
      width: 20px;
      height: 20px;
      -webkit-filter: brightness(0) invert(1);
              filter: brightness(0) invert(1);
   }

   .blog-inner .slick-prev,
   .blog-inner .slick-next {
      border-radius: 6px;
   }

   .blog-inner .slick-prev:before,
   .blog-inner .slick-next:before {
      width: 20px;
      height: 20px;
   }

   .blog-inner .slick-prev,
   .team-inner .slick-prev {
      left: -15px;
   }

   .blog-inner .slick-next,
   .team-inner .slick-next {
      right: -15px;
   }

   .reviews-item {
      margin-bottom: 0;
   }

   .reviews-item img {
      width: 100px;
   }

   .blog-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      margin: 0 0 20px 0;
   }

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

   .blog-item-img {
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
   }

   .filter-sidebar {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   .filter-sidebar li {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
   }

   .ask-question-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .ask-question-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
   }

   .ask-question-item:nth-last-child(-n+2) {
      margin-bottom: 10px;
   }

   .footer-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .footer-map {
      height: 300px;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
   }

   .footer-info {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
   }

   .footer-map,
   .footer-info {
      width: 100%;
   }

   .single-page .breadcrumb {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .single-banner .single-title {
      line-height: 1.3;
   }

   .blog-page-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .blog-sidebar {
      width: 100%;
      margin-bottom: 20px;
   }

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

   .article-block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   .article-image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%
   }

   .partners-item img {
      width: 100px;
   }

   .article-popup-title {
      font-size: 32px;
   }

   .product-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .product-left,
   .product-right {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
   }

   .product-right {
      margin: 20px 0 0 0;
   }
}

/* Landscape phones and smaller */
@media screen and (max-width: 575.98px) {
   .header-inner {
      padding: 10px 0;
   }
   .logo img {
      height: 60px;
   }

   .mobile-panel {
      width: 90%;
   }

   .header-menu {
      display: none;
   }

   .header-contacts {
      display: none;
   }

   .mobile-menu li a {
      font-size: 20px;
   }

   .mobile-contact-widget .contact-items {
      padding-left: 15px;
   }

   .mobile-contact-widget .site-phone {
      font-size: 20px;
   }

   .mobile-contact-widget .graphic-work {
      font-size: 14px;
   }

   .menu-btn {
      display: block;
      margin-left: 0;
   }

   .slider-item-title {
      font-size: 34px;
   }

   .slider-item-title:after {
      display: none;
   }

   .slider-item-subtitle {
      font-size: 16px;
   }

   .form-inputs {
      grid-template-columns: repeat(1, 1fr);
   }

   .title {
      line-height: 1.2;
      font-size: 30px;
   }

   .title-center {
      padding: 0 20px;
   }

   .archive-title, .title span:nth-child(1) {
      font-size: 30px;
      color: #000;
      text-transform: inherit;
   }

   .title span:nth-child(2) {
      display: none;
   }

   .archive-title {
      line-height: 1.2;
   }

   .archive-title span {
      display: block;
   }

   .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
      line-height: 1.2;
   }

   .post-article {
      padding: 0;
   }

   .single-page ul, .single-page ol, .page-content ul, .page-content ol {
      padding-left: 0;
   }

   .main-features {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 30px;
   }

   .main-features-item {
      padding: 5px 0;
   }

   .main-form-title {
      font-size: 18px;
      margin-bottom: 15px;
   }

   .main-features-text {
      font-size: 16px;
   }

   .form-input-checkbox {
      font-size: 16px;
   }

   .form-input-checkbox:before {
      width: 28px;
      height: 28px;
   }

   .modal-title {
      font-size: 24px;
   }

   .modal-text {
      padding: 0;
   }

   .services-item-content {
      padding: 60px 20px 0 20px;
   }

   .advantages-item-text {
      font-size: 16px;
   }

   .advantages-item img {
      width: 40px;
      height: 40px;
   }

   .process-step--3:after {
      width: 100%;
   }

   .services-items {
      grid-template-columns: repeat(1, 1fr);
   }

   .advantages-items {
      grid-template-columns: repeat(1, 1fr);
   }

   .process-step {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      padding: 0 15px;
      margin-bottom: 15px;
   }

   .process-step--1 {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
   }

   .process-step--2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
   }

   .process-step--4 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3
   }

   .process-step--5 {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
   }

   .process-step--6 {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6;
   }

   .process-step--3 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
   }

   .process-step-top {
      padding: 0;
      margin: 0 0 10px 0;
   }

   .process-step-title {
      font-size: 18px;
      margin-bottom: 10px;
   }

   .process-step:before,
   .process-step:after {
      display: none;
   }

   .process-step-text {
      padding-right: 0;
      font-size: 16px;
   }

   .portfolio-item {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   .portfolio-images {
      width: 100%;
   }

   .portfolio-content {
      padding-top: 20px;
   }

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

   .portfolio-gallery-item {
      height: 60px;
   }

   .portfolio-content-title {
      font-size: 22px;
   }

   .portfolio-content-text {
      font-size: 16px;
   }

   .portfolio-content-video {
      grid-template-columns: repeat(2, 1fr);
   }

   .portfolio-slider .slick-prev,
   .portfolio-slider .slick-next {
      width: 40px;
      height: 40px;
   }

   .portfolio-slider .slick-prev:before,
   .portfolio-slider .slick-next:before {
      width: 20px;
      height: 20px;
   }

   .team-inner {
      max-width: 95%;
   }

   .team-item-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
   }

   .team-item-image {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 300px;
      flex: 0 1 300px;
      overflow: hidden;
   }

   .team-item-content {
      padding: 20px;
   }

   .team-item-title {
      font-size: 22px;
   }

   .team-item-position {
      font-size: 16px;
   }

   .team-item-text {
      font-size: 16px;
   }

   .reviews-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 20px;
      padding: 30px 20px;
   }

   .reviews-item-content {
      margin-top: 20px;
      margin-left: 0;
   }

   .blog-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      margin: 0 0 20px 0;
   }

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

   .blog-item-img {
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
   }

   .filter-sidebar {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .filter-sidebar li {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
   }

   .ask-question-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .questions {
      padding-bottom: 50px;
   }

   .ask-question-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
   }

   .ask-question-item:nth-last-child(-n+2) {
      margin-bottom: 10px;
   }

   .ask-question {
      font-size: 16px;
   }

   .blog-inner .slick-prev,
   .blog-inner .slick-next,
   .team-inner .slick-prev,
   .team-inner .slick-next {
      width: 40px;
      height: 40px;
   }

   .team-inner .slick-prev,
   .team-inner .slick-next {
      top: 36%;
      -webkit-transform: translate(0, -36%);
          -ms-transform: translate(0, -36%);
              transform: translate(0, -36%);
      background: #ff4242;
   }

   .team-inner .slick-prev:before,
   .team-inner .slick-next:before {
      width: 20px;
      height: 20px;
      -webkit-filter: brightness(0) invert(1);
              filter: brightness(0) invert(1);
   }

   .blog-inner .slick-prev:before,
   .blog-inner .slick-next:before {
      width: 20px;
      height: 20px;
   }

   .blog-inner .slick-prev,
   .team-inner .slick-prev {
      left: -15px;
   }

   .blog-inner .slick-next,
   .team-inner .slick-next {
      right: -15px;
   }

   .footer-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .footer-map {
      height: 250px;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
   }

   .footer-info {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      padding: 30px 20px;
   }

   .footer-map,
   .footer-info {
      width: 100%;
   }

   .single-banner {
      padding: 0 20px;
   }

   .single-title:after {
      display: none;
   }

   .single-page .breadcrumb {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-top: 20px;
   }

   .single-banner .single-title {
      line-height: 1.3;
      font-size: 20px;
   }

   .blog-page-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .blog-sidebar {
      width: 100%;
      margin-bottom: 20px;
      padding: 20px;
   }

   .blog-categories-inner:last-child {}

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

   .article-block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   .article-image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%
   }

   .article-link {
      font-size: 16px;
   }

   .partners-item img {
      width: 100px;
   }

   #ajax-post-modal {
      padding: 60px 20px 40px;
   }

   .article-popup-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
   }

   .article-popup-info {
      padding: 20px 0 0;
   }

   .article-popup-bottom {
      margin-top: 0;
   }

   .article-popup-title {
      font-size: 22px;
   }

   .article-popup-bottom-text {
      font-size: 16px;
   }

   .article-popup-bottom-text p {
      margin-bottom: 0;
   }

   .footer-slogan {
      padding: 10px 0;
   }

   .footer-slogan,
   .footer-adress,
   .order-text {
      font-size: 16px;
   }

   .main-content {
      padding-top: 20px;
   }

   .product-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .product-left,
   .product-right {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
   }

   .product-right {
      margin: 20px 0 0 0;
   }

   .product-description {
      font-size: 16px;
   }
}

@media screen and (max-width: 360px) {
   .mobile-menu li a {
      font-size: 20px;
   }

   .mobile-panel .custom-logo-link img {
      height: 50px;
   }
}