@media (max-width: 1200px) {
     .container {
         max-width: 1200px;
     }

     .collaboration .cards-wrapper {
         flex-direction: column;
     }

     .about-page .map-section .container {
         padding-bottom: 0px;
         padding-top: 164px;
     }

     .about-page .header-bg {
         bottom: unset;
         top: 0;
     }

     .about-page .map-section .cards-wrapper {
         width: 100%;
     }
 }

 @media (max-width: 1020px) {
     .header .nav-full {
         display: none;
     }

     .humburger {
         display: block !important;
     }

     footer .top-section {
         grid-template-columns: 1fr 1fr;
     }

     .vacancy .cards-wrapper .card {
         flex-direction: column;
     }

     .vacancy .cards-wrapper .card .column:first-child {
         flex: 1 1 0%;
     }

     .projects-page .main-wrapper .aside-wrapper {
         display: none;
     }

     .projects-page .search-container-mob {
         display: block !important;
     }

     .projects-page .search-container {
         display: flex;
         flex-direction: row;
         gap: 10px;
     }

     .projects-page .search {
         width: calc(100% - 60px);
     }

     .projects-page .divide-line.gray {
         border: 1px solid #54555D;
         margin: 20px 0 80px 0;
     }

     .single-project-page .main-wrapper .aside-wrapper {
         display: none;
     }

     .single-project-page .features-wrapper-mob {
         display: block !important;
     }

     .single-project-page .btn-mob {
         display: block !important;
     }

     .contact-page .main-section {
         flex-direction: column;
         gap: 40px;
         margin-bottom: 0px;
     }

     .contact-page .bottom-section {
         margin-top: 80px;
     }

     .contact-page .form-wrapper {
         max-width: unset;
     }

     .contact-page .main-section .grid-section {
         grid-template-columns: 1fr 1fr;
         gap: 40px;
     }

     .contact-page .main-section .item-wrapper {
         display: block;
     }

     .contact-page .main-section .item-wrapper .label {
         margin-bottom: 10px;
     }

     .contact-page .bottom-section .grid-section {
         flex-direction: column;
         gap: 20px;
     }

     .contact-page .map-full {
         display: none !important;
     }

     .contact-page .map-mob {
         display: block !important;
     }

     .about-page .specialists .card-wrapper {
         grid-template-columns: repeat(2, 1fr);
     }

     .about-page .awards .cards-wrapper {
         flex-direction: column;
         gap: 40px;
         align-items: center;
     }

     .about-page .awards .card {
         width: 100%;
     }

     .about-page .awards .bottom-info {
         max-width: 260px;
         width: 100%;
     }

 }

 @media (max-width: 992px) {
     .container {
         max-width: 992px;
     }

     h1 {
         font-size: 40px;
         line-height: 100%;

         word-wrap: break-word;
     }

     h2 {
         font-size: 30px;
         line-height: 120%;
     }

     h3 {
         font-size: 30px;
         line-height: 120%;
     }

     section {
         margin: 80px 0;
     }

     section.page {
         margin: 60px 0 80px 0;
     }

     .partnes-cards .cards-wrapper {
         grid-template-columns: repeat(2, 1fr);
     }

     .benefits .cards-wrapper {
         flex-direction: column;
         gap: 10px;
     }

     .benefits .cards-wrapper .card {
         display: flex;
         flex-direction: row;
         gap: 30px;
         padding: 20px;
     }

     .news-page .main-container {
         grid-template-columns: repeat(2, 1fr);
     }

     .about-page .map-section .cards-wrapper {
         flex-direction: column;
     }

     .about-page .map-section .cards-wrapper .card {
         width: 100%;
     }

 }

 @media (max-width: 768px) {



     .container {
         max-width: 768px;
         padding: 0 15px;
     }

     .bradcrumbs {
         margin-bottom: 40px;
     }

     .title {
         margin-bottom: 40px;
     }

     .collaboration .title {
         margin-bottom: 20px;
     }

     .collaboration .subtitle {
         margin-bottom: 40px;
     }

     footer {
         padding: 40px 0;
     }

     footer .top-section {
         grid-template-columns: 1fr;
         gap: 60px;
     }

     footer .info-full {
         display: none;
     }

     footer .info-mob {
         display: block !important;
     }

     footer .info-mob p:not(:last-child) {
         margin-bottom: 10px;
     }

     footer .nav-first {
         grid-template-columns: repeat(2, 1fr);

     }

     footer .nav-second li {
         font-weight: 400;
         font-size: 20px;
         line-height: 148%;

     }

     footer .bottom-section {
         grid-template-columns: 1fr;
         gap: 20px;
         grid-auto-flow: row;
     }

     footer .bottom-section ul {
         display: flex;
         flex-direction: column;
         gap: 20px;
     }

     .partnes-cards .cards-wrapper .card {
         padding: 18px;
     }

     .partnes-cards .cards-wrapper .card h3 {
         font-size: 30px;
     }

     .partnes-cards .cards-wrapper .card h3 span {
         font-size: 20px;
     }


     .partnes-cards .cards-wrapper .card .subtitle {
         font-size: 14px;
     }

     .projects .top-title .btn-full,
     .news .top-title .btn-full {
         display: none;
     }

     .projects .btn-mob,
     .news .btn-mob {
         margin-top: 40px;
         display: block !important;
         width: 100%;
     }

     .projects .project-card .name {
         font-size: 18px;

         display: -webkit-box;
         -webkit-line-clamp: 4;
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
     }

     .projects .project-card {
         min-height: 420px;
     }

     .collaboration .cards-wrapper .card {
         min-height: unset;
         gap: 66px;
     }

     .collaboration .cards-wrapper .card .img-wrapper {
         max-width: 150px;

         left: 240.48px;
         top: -11.6px;
     }

     .vacancy .cards-wrapper .card {
         padding: 30px;
     }

     .vacancy .cards-wrapper .card .column .tag-wrapper {
         gap: 10px;
     }

     .vacancy .cards-wrapper .card .column .bottom-wrapper {
         flex-direction: column;
         gap: 20px;
         align-items: flex-start;
     }

     .vacancy .cards-wrapper .card .column .bottom-wrapper .white-btn {
         width: 100%;
     }

     .vacancy .purple-btn {
         width: 100%;
     }

     .projects-page .main-wrapper .content-wrapper .item-title h3 {
         font-size: 20px;
     }

     .projects-page .main-wrapper .content-wrapper .cards-wrapper {
         flex-direction: column;
     }

     .projects-page .main-wrapper .content-wrapper .cards-wrapper .project-card {
         width: 100%;
     }

     .projects-page .project-card .bottom-info {
         gap: 20px;
     }

     .projects-page .main-wrapper .content-wrapper .item-title {
         gap: 15px;
     }

     .single-project-page h1 {
         font-size: 25px;
     }

     .single-project-page .cards-wrapper {
         flex-direction: column;
     }

     .single-project-page .features-wrapper-mob h3 {
         font-size: 20px;
     }

     .single-project-page .content h3 {
         font-size: 25px;
     }

     .single-project-page .cards-wrapper .card {
         flex-direction: row;
     }

     .vacancy-page .subtitle {
         margin-bottom: 80px;
     }

     .collaboration-page .subtitle {
         margin-bottom: 40px;
     }

     .collaboration-page .collaboration .cards-wrapper .card {
         gap: 60px;
         min-height: 330px;
     }

     .news-page .top-filter {
         flex-direction: column;
         gap: 40px;
         align-items: flex-start;
     }

     .news-page .dropdown-menu{
        left: 0;
        right: unset;
     }

     .news-page .main-container {
         grid-template-columns: repeat(1, 1fr);
     }

     .news-swiper .info {
         padding: 20px;
     }

     .contact-page .subtitle {
         margin-bottom: 40px;
     }

     .contact-page .main-section .grid-section {
         grid-template-columns: 1fr;
     }

     .about-page .title {
         font-size: 20px;
         width: 100%;
     }

     .about-page .map-section .cards-wrapper .card {
         padding: 20px;
         gap: 20px;
     }

     .about-page section {
         margin: 80px 0;
     }

     .about-page .mission .top-title {
         flex-direction: column;
         gap: 20px;
     }

     .about-page .mission .item-wrapper {
         gap: 20px;
     }

     .about-page .mission .item-wrapper .item {
         flex-direction: column;
         width: unset;
     }

     .about-page .specialists .card-wrapper {
         grid-template-columns: repeat(1, 1fr);
     }

     .about-page .top-title {
         flex-direction: column;
         gap: 30px;
         margin-bottom: 40px;
     }

     .about-page .licens .title-container h2 {
         margin-bottom: 0px;
     }

     .about-page .licens .title-container .subtitle {
         width: 100%;
     }

     .about-page .licens .item {
         flex-direction: column;
         align-items: start;
         gap: 20px;
     }

     .about-page .licens .item .info {
         width: 100%;
     }

     .about-page .licens .item a {
         width: 100%;
         justify-content: center;
     }

 }

 @media (max-width: 576px) {
     /* body {
         overflow-wrap: anywhere;
         word-break: break-all;
     } */

     .partnes-cards {
         overflow-wrap: anywhere;
         word-break: break-all;
     }

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


     .partners .partners-swiper .img-container {
         max-width: 76px;
         max-height: 36px;
     }
     .bottom-wrapper .link-wrp{
        display: flex;
        flex-direction: column;
        gap: 20px;
     }
 }