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

}



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

  .footer-news-wrap {

    width: calc(100% - 30px);

  }

}



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

  .about-group-box {

    width: 240px;

  }

  .dts-button::before {

    display: none;

  }

  .footer-news-wrap {

    flex-wrap: wrap;

    justify-content: space-between;

  }

  .services .about-left,

  .about-left {

    width: 38%;

    height: fit-content;

  }



  .services .about-left img,

  .about-left img {

    height: fit-content;

  }



  .services .about-right,

  .about-right {

    width: 56%;

  }

}



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

  .about-group-box {

    width: calc(100% / 2 - 20px);

  }

  .footer-news:last-child p.footer-title {

    text-align: center;

  }

  html {

    font-size: 15px;

  }

  .projects-menu-box {

    padding: 5px 30px;

  }

  .project-box-image {

    width: 100%;

    height: fit-content;

  }



  .project-box-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

  .proc-boxes {

    display: flex;

    flex-wrap: wrap;

    background: none;

    justify-content: space-evenly;

  }



  svg.proc-arrow-top {

    display: none;

  }



  .proc-box:nth-child(even) {

    transform: translateY(0);

  }



  .proc-box {

    width: calc(100% / 4 - 10px);

  }

}



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

  .projects-menu-box::before {

    display: none;

  }

  .projects-menu-box {

    border: 1px solid var(--color-fourth);

    border-radius: 5px;

    width: calc(100% / 3 - 10px);

    padding: 20px 0;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .projects-menu {

    width: 100%;

    flex-wrap: wrap;

    gap: 10px;

    justify-content: center;

  }

  .news-custom-left {

    display: none;

  }



  .news-custom-right {

    width: 100%;

  }

  .footer-news-wrap {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

  }



  .footer-news {

    width: 100% !important;

  }

}



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

  .news-custom {

    padding-top: 0;

    padding-bottom: 20px;

  }

  .np-banner-box{
    width: 250px;
  }



  p.news-custom-right-title {

    margin-bottom: 20px;

  }

  .projects-menu-box {

    width: calc(100% / 2 - 10px);

  }

  .projects-boxes {

    grid-template-columns: 1fr 1fr;

  }

  .about-boxes {

    flex-direction: column;

  }



  .about-left {

    width: 100%;

    display: flex;

    justify-content: center;

  }



  .about-image {

    width: 50%;

    height: fit-content;

  }



  .about-right {

    width: 100%;

  }



  .about-group-box {

    width: calc(100% / 2 - 20px);

  }

  .about .about-left {

    display: none;

  }

  .services .about-left {

    width: 100%;

    margin-bottom: 20px;

  }



  .services .about-right {

    width: 100%;

  }



  .services .about-right-order {

    order: 1;

  }

  .about .about-boxes::before {

    display: none;

  }



  .proc-line-top {

    display: none;

  }



  .box-line::before {

    display: none;

  }



  .projects-line::before {

    display: none;

  }



  .services {

    padding-top: 20px;

    padding-bottom: 20px;

  }



  .services-button-space {

    margin-top: 20px;

  }



  .services-title-space {

    margin-bottom: 20px;

  }



  .services-about-title {

    margin-bottom: 20px;

  }



  .projects-menu {

    margin-bottom: 20px;

  }



  .projects {

    padding-top: 0;

  }



  .about {

    padding-top: 20px;

    margin-bottom: 20px;

  }



  .about-lorem-order {

    margin-top: 20px;

    margin-bottom: 20px;

  }



  .about-button-space {

    margin-top: 20px;

  }



  .proc {

    padding-top: 25px;

    padding-bottom: 20px;

  }



  .proc-title-space {

    margin-top: 0;

    margin-bottom: 30px;

  }



  .proc-button-space {

    margin-top: 20px;

  }



  .partner-custom {

    padding-top: 10px;

    padding-bottom: 20px;

  }



  .partner-slide-top {

    margin-top: 20px;

    margin-bottom: 20px;

  }

}



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

  .footer-news-wrap {

    grid-template-columns: 1fr 1fr;

  }

  .np-banner-boxes {

    flex-direction: column;

  }



  .np-banner-box-space {

    margin-right: 0;

    margin-bottom: 20px;

  }



  .proc-box {

    width: calc(100% / 2 - 20px);

  }

}



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

  .footer-news-wrap {

    grid-template-columns: 1fr;

  }

  .proc-box {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

  }



  .proc-icon {

    width: fit-content;

  }



  .proc-title {

    text-align: center;

  }



  .proc-lorem {

    text-align: center;

  }



  .proc-boxes {

    padding-left: 0;

  }



  .projects-menu-box {

    width: 100%;

  }



  .projects-boxes {

    grid-template-columns: 1fr;

  }



  .projects-button {

    width: 100%;

  }



  .about-group-box {

    width: 100%;

  }



  .services .about-left img,

  .about-left img {

    width: 100%;

  }



  .partner-custom .about-title-box::before {

    display: none;

  }



  .partner-title-left::before {

    display: none;

  }



  .partner-custom .about-title-box::after {

    display: none;

  }



  .partner-title-left {

    padding-right: 0;

  }



  .partner-title-left {

    flex-direction: column;

    width: 100%;

  }



  p.partner-title-left-c {

    margin-top: 10px;

  }

  .partner-slide-bottom {

    height: 60px;

  }

  .partner-box {

    width: 120px;



    height: fit-content;

  }



  .partner-box img {

    width: 100%;



    height: 100%;



    object-fit: contain;

  }

}



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

}



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

}