@media only screen and (min-width: 600px) {

    .block_p_1 {
        padding-top: 100px;
        padding-bottom: 100px;
      }
    
      .block_p_2 {
        padding-top: 100px;
        padding-bottom: 100px;
      }
    
      .block_p_3 {
        padding-top: 150px;
        padding-bottom: 150px;
      }


    .btn {
        max-width: 380px;
    }

    .site-title {
        font-size: 80px;
    }

    .hero-text {
        justify-content: center;
    }
    .hero-text p {
      font-size: 80px;
      font-style: normal;
      font-weight: 400;
      line-height: 95%; /* 76px */
      letter-spacing: -0.8px;
    }  

    .block_dark hr {
        display: none;
    }


    .count-list_item {
        flex: 0 1 25%;
    }

    .block-short-list_col {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .block-short-list_col > div {
        flex: 0 1 50%;
    }
    


    .block-values {
        display: flex;
        flex-wrap: wrap;
    }

    .values_item {
        flex: 0 1 48%;
        padding: 50px;
    }


    .block-2-col {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .block-2-col > div {
        flex: 0 0 40%;
    }


    .block-text {
        padding-top: 50px;
        padding-bottom: 100px;
      }
      .block-text .block-title {
        font-size: 60px;
      }




      .grid-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 50px;
      }
      .grid-element {
        flex: 0 1 45%;
        max-width: 320px;
      }






      
    .border-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 25px;
    }
    .border-list_item {
        flex: 0 1 45%;
    }
    
}

@media only screen and (min-width: 400px) and (max-width:850px) {

  .container-hero .hero-text p {
    font-size: 40px;
  }
  .container-hero .hero-item picture {
    visibility: hidden;
  }
  .container-hero  .hero-item {
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media only screen  and (max-width:600px) {
  .columns-3 {
    align-items: center;
  }
  .contacts-list {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 600px) and (max-width:768px) {
  .columns-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
  }
}


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

  .contacts-list > div {
    padding: 0px;
    flex: 1 1 30%;
    max-width: 380px;
  }

  .block-about_hero {
    background-image: url('../images/about_hero-d.jpg');

  }
  .block-slider {
    margin-block-start: 75px;
  }
  .about-hero_title {
    position: absolute;
    top: 30%;
    left: 100px;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 80px */
    letter-spacing: -0.8px;
  }
  .about_text {
    max-width: 60%;
  }
  .block-about_text {
    /*background: url('../images/path66.png') right 35px no-repeat;
    opacity: 1;*/
  }
    .block-list {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-block-end: 75px;
        margin-block-start: 75px;
    }
    
    .short-list_item {
        display: flex;
        align-items: center;
        column-gap: 50px;
    }

    .short-list_img {
        margin: 0;
        padding: 0;
        flex: 0 0 50%;
    }

    .short-list_text {
        flex: 0 0 30%;
    }


    .columns-2 {
        display: flex;
        column-gap: 50px;
    }

    .accordion {
        margin-top: 0;
    }


    .block-short-list_col {
        margin-top: 75px;
        display: flex;

    }

    .block-social {
        margin-block-start: 25px;
    }
 
    

    .footer-wrapper {
        flex-direction: row;
        justify-content: space-between;
    }

    .footer-wrapper .block-list {
        flex-direction: column;
        align-items: flex-end;
    }
    .footer-wrapper .block-list .block-list_item {
        text-align: right;
    }

    .footer-wrapper .navbar-list {
        align-items: flex-start;
    }

    .footer-bottom ul {
        flex-direction: row;
        justify-content: flex-start;
        column-gap: 35px;
    }
    .footer-bottom ul > li:first-child {
        flex: 1 0 auto;
    }



    .columns-3 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 50px;
    }
    .columns-3 > div {
        padding: 0px;
        flex: 0 1 30%;
    }


    .page-title {
        margin-block-end: 100px;
      }
      .title-p1 {
        margin-block-end: 50px;
      }


      .grid-element {
        flex: 0 1 33%;
        max-width: 380px;
      }


      .form-main {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        column-gap: 50px;
    }

      .form-main > div {
        flex: 0 0 35%;
      }

      .block-values {
        flex-direction: row;
        justify-content: space-between;
      }
      .sm_pad {
        row-gap: 50px;
      }

      .block-about {
        background: url('../images/hero-bg-d.jpg') center top no-repeat hsla(220, 13%, 5%, 1);
        background-size: contain;
      }


      .block-vacancy {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
      }
      .vacancy-item_img {
        flex: 0 0 30%;
      }
      .vacancy-item_block {
        flex: 0 0 60%;
      }
      .vacancy-title {
      }
      .vacancy-text {
      }
      .vacancy-subtitle {
      }
      .vacancy-item_block .form-main {
        flex-direction: column;
        flex-wrap: nowrap;
      }
      .vacancy-item_block .form-main > div {
        
      }

}


@media screen and (min-width:1000px) {
  header.active .header-top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background: #fff;
  }
  .abs-img {
    position: absolute;
    right: 0;
    top: 115px;
    mix-blend-mode: difference;
    display: block;
  }
    .vacancy-item_block .form-main {
        flex-direction: row;
        flex-wrap: wrap;
      }
      .vacancy-item_block .form-main > div {
        flex: 1 0 35%;
      }
      .vacancy-title {
        font-size: 44px;
        line-height: 100%; /* 44px */
      }
      .vacancy-text {
        margin-block-start: 30px;
        margin-block-end: 50px;
        font-weight: 400;
      }
      .vacancy-subtitle {
        font-family: var(--fontFamily-machine);
        font-size: 24px;
        margin-block-end: 50px;
      }

    .header-logo {
        border-right: 2px solid #000;
    }
    .header-language {
        border-left: 2px solid #000;
        border-right: 2px solid #000;
    }
    .hidden-dt {
        display: none;
    }
    .navbar-list {
        display: flex;
        column-gap: 35px;
        height: 100%;
        align-items: center;
        justify-content: center;
    }
    .header-logo {
      padding: 15px 15px;
      flex: 0 1 auto;
    }
    .navbar {
        flex: 1 0 auto;
        align-self:center;
    
    }



    .short-list_text {
        flex: 0 0 30%;
    }
    .short-list_item {
        column-gap: 100px;
    }


    .columns-2 {
        display: flex;
        column-gap: 75px;
    }
    
    .block-values .values_item {
        display: flex;
    }


    .commanders-list {

      }
      .commanders-list_item {
        flex: 0 1 30%;
      }

    .border-list {
       
    }
      .border-list_item {
        flex: 0 1 30%;
    }
    .block-v {
        margin-block-start: 75px;
        margin-block-end: 0;
      }
    .v-logo {
        background-image: url('../images/v-logo-bg.png');
        background-repeat: no-repeat;
        background-position: right 20% top 0;
        background-size: 40%;
        padding-top: 175px;
      }


      .columns-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 50px;
      }
      .columns-3 .list-item {
        max-width: 380px;
      }

      .values-text, .short-list_img {
        display: flex;
        flex-direction: column;
        justify-content: center;
        
      }
      .values_item .short-list_img {
        margin-block-end: 0;
      }
}



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

    .hidden-mb {
        display: none;
    }

    .header-top {
        border-top: 2px solid #000;
    }
    .navbar {
        position: absolute;
        top: 0;
        width: 100%;
        background-color: var(--bg-white);
        z-index: 2;
        overflow-y: auto;
        visibility: hidden;
        transition: var(--transition-2);
        opacity: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    
    .navbar-bottom {
        padding: 20px;
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        max-width: 400px;
    }
    .header.active {
        height: 100vh;
    }
    .header .header-nav {
        opacity: 0;
        transition: var(--transition-2);
    }
    .header.active .header-nav {
        height: 100%;
        opacity: 1;
       /* border-top: 2px solid #000;*/
    }
    .navbar.active {
        /*transform: translateX(-340px);*/
        visibility: visible;
        height: 100%;
        opacity: 1;
        min-height: 100px;
    }

    .header .navbar-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        row-gap: 35px;
        padding: 35px 15px;
    }

    .header-feedback, .header-language {
        border-left: 2px solid #000;
        border-right: 2px solid #000;
    }

    .block-values .values_item {
      flex-direction: column;
    }
    .block-values .values_item > div {
      flex: 0 0 auto;
    }
    
}





@media screen and (min-width:1100px) {
    .site-title {
        font-size: 126px;
    }  
}



@media screen and (max-width:1240px) {
  .hero-text {
    padding-left: 20px;
    padding-right: 20px;
  }  
  .slider-drones .slick-track,
  .img-text-slider .slick-track {
    margin-left: 20px;
  }
  .slider-drones  .slick-slide {
    margin: 0 25px;
  }
}


@media screen and (max-width:768px) {
  .slider-btns {
    display: none;
  }
  .slider-drones  .slick-slide > div {
    max-width: 320px;
  }
  .slider-drones  .slick-slide {
    margin: 0 15px;
  }
  .slider-text {
    position: absolute;
    left: 25px;
    bottom: 25px;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px; /* 95% */
    letter-spacing: -0.4px;
  }
  .block-counter {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .sdc-title-p1 {
    margin-block-end: 50px;
  }

  .img-text-slider .slick-slide {
    width: 320px;
    margin: 0 7px;
   }

   .block-slider_prof {
    margin-top: 75px;
   }
   .border-slick .slick-track {
    column-gap: 25px;
   }
   .border-slick .slick-track > div {
    flex: 0 0 285px;
   }

   .h-border_inner .item-content {
    column-gap: 15px;
   }
   .h-border_inner {
    max-width: 320px;
   }

   .container-hero_wrapper {
    background-image: url('../images/pidtrymka-hero-r.jpg');
   }



}

@media screen and (max-width:500px) {
  .slider-drones  .slick-slide {
    margin: 0 7px;
  }
}

@media screen and (min-width:768px) {
  .block-title {
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px; /* 96.667% */
    letter-spacing: -0.6px;
  }
  .slider-text {
    position: absolute;
    left: 50px;
    bottom: 50px;
    font-size: 60px;
      font-style: normal;
      font-weight: 400;
      line-height: 58px; /* 96.667% */
      letter-spacing: -0.6px;
  }
  .block-counter {
    padding-top: 100px;
    padding-bottom: 150px;
  }
  .list-item_title {
    font-size: 40px;
  }
  .block-description {
    font-size: 20px;
  }
  .accordion button .accordion-title {
    font-size: 20px;
  }

  .columns-2 .block-header {
    flex: 0 0 40%;
  }
  .values_item .short-list_img {
    max-width: max-content;
  }
  .block-values .values_item {
    display: flex;
    column-gap: 35px;
  }
  .sdc-title-p1 {
    margin-block-end: 75px;
  }
  .block-contacts {
    min-height: 550px;
  }


  .img-text-slider .slick-slide {
    width: 380px;
    margin: 0 17px;
   }


   .block-slider_prof {
    margin-top: 100px;
   }

   .border-slick .slick-track {
    width: 100% !important;
    justify-content: space-between !important;
    gap: 35px;
   }
   .border-slick .slick-track::before,
   .border-slick .slick-track::after {
    display: none;
   }
   .border-slick {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    column-gap: 35px;
   }
  .h-border_inner {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  


  .container-hero_wrapper {
    background-image: url('../images/pidtrymka-hero.jpg');
   }



   .commanders-list {
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: flex-start;
    column-gap: 95px;
  }
  .commanders-list_item {
    flex: 1 1 50%;
  }




}

@media screen and (min-width:1240px) {
  .block-slider {
    max-width: 1240px;
    width: 100%;
    margin-inline: auto;
  }
  .block-slider .slick-initialized .slick-slide, .block-gal .slick-initialized .slick-slide {
    
  }
  .slider-drones .slick-list.draggable, 
  .img-text-slider .slick-list.draggable {
    overflow: visible;
  }

  .slider-drones  .slick-slide {
    margin: 0 20px;
  }
  .slider-drones  .slick-slide > div {
    max-width: 600px;
  }

 /* .slick-track > div + div {
    margin-left: 44px !important;
  }*/

}