/* ===================================
   Назва: media.css
   Версія: 1.2.1
   Автор: Artem
   Дата: 24.08.2025
   =================================== */

@media only screen and (max-width: 2000px) {
   .sect1 {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      height: 100vh;
      padding: 0 0 20px 0;
   }

   .box1_sect1 {
      padding: 10px 0;
      margin: 40px 0 0;
   }
}

@media only screen and (max-width: 1720px) {
   .sect1 {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      height: 100vh;
      padding: 0 0 120px 0;
   }

   .box1_sect1 {
      padding: 10px 0;
      margin: 40px 0 0;
   }

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

@media only screen and (max-width: 1368px) {
   .text2 {
   }
   .icon-block {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 15px;
      max-width: 670px;
   }
   .icon-text {
      font-size: 18px;
      line-height: 1;
      font-weight: bold;
      margin-bottom: 4px;
      color: #fff;
   }
   .header-top .container {
      border-bottom: 1px solid #ffffff75;
      padding-bottom: 10px;
   }
   .header-top {
      color: #fff;
      padding: 10px 0 10px;
   }
   .hero_content {
      display: flex;
      flex-direction: column;
      gap: 30px;
   }
   .box1_sect1 {
      padding: 10px 0;
      margin: 0;
   }
   .text2_marg {
      margin-top: 10px;
   }
   .text1 {
      font-size: 57px;
   }

   .text1_form1 {
      font:
         30px/1 OpenSansSemibold,
         sans-serif;
      margin: 0;
   }

   .text2_form1 {
      font:
         21px/1.2 OpenSansSemibold,
         sans-serif;
      margin-bottom: 0;
      margin-top: 10px;
   }
   header {
      height: 90px;
   }
   .sect1 {
      background-size: cover;
      height: auto;
   }
   .icon-item img {
      width: 35px;
   }
}

@media only screen and (max-width: 1200px) {
   .title_tov {
      font-size: 19px;
   }

   .sect4 {
      height: auto;
      padding: 40px 0;
      background-size: cover;
   }
}

@media only screen and (max-width: 992px) {
   .text_top {
      font-size: 17px;
   }

   .sect1 {
      background-size: cover;
      height: auto;
   }
   .contactus_block {
      display: none;
   }
   .contactus_block__mob {
      display: flex;
      flex-direction: column;
      gap: 15px;
   }
   .text_top .fa {
      margin-right: 5px;
   }

   .block_text_top {
      margin-top: 20px;
   }

   .tel_top span {
      margin-left: 5px;
   }

   .tel_top a {
      font-size: 20px;
   }
   .header_right__block {
      display: flex;
      gap: 40px;
   }
   .tel_top .fa {
      width: 27px;
   }

   .text1 {
      font-size: 60px;
      padding: 0;
   }

   .text2 {
   }

   .text1_form1 {
      font-size: 30px;
   }
   header {
      height: 53px;
      padding-top: 0px;
   }
   .block_tel_top__mob {
      display: flex;
      flex-direction: column;
      gap: 10px;
   }
   .text2_form1 {
      font-size: 21px;
   }
   .contactusblock__mob {
      display: block;
   }
   .header-top {
      color: #fff;
      padding: 10px 0 10px;
   }
   .block_tel_top {
      margin-top: 0;
      display: none;
   }
   .header-top .container {
      border-bottom: 1px solid #ffffff75;
      padding-bottom: 10px;
   }
   .form1 {
      padding: 0;
   }

   .sect2 {
      padding: 40px 0;
   }

   .sect3 {
      height: auto;
      padding: 40px 0 25px 0;
      background-size: cover;
   }

   .block_trig {
      margin: 0 auto 15px;
   }

   .sect4 {
      background-size: cover;
      height: auto;
      padding: 30px 0;
   }

   .title_tov {
      font-size: 14px;
   }

   .btn_tov {
      font-size: 15px;
   }

   .sect5 {
      height: auto;
      padding: 40px 0;
      background-size: cover;
   }

   .text_form2 {
      font-size: 34px;
   }

   .text2_form2 {
      font-size: 27px;
   }

   .form2 {
      padding: 20px;
   }

   .form2 button {
      font-size: 17px;
   }

   .sect6 {
      padding: 40px 0;
   }

   .form_footer {
      padding: 45px 10px;
   }

   .contacts_footer {
      padding: 10px;
   }

   .block_text_foot {
      padding-left: 10px;
   }

   .text_foot {
      font-size: 16px;
   }

   .tel_foot .fa {
      background-color: #ffdb13;
      border-radius: 150px;
      color: #393940;
      display: inline-block;
      font-size: 12px;
      height: 20px;
      line-height: 20px;
      margin: 0 2px 0 0;
      text-align: center;
      vertical-align: middle;
      width: 20px;
   }

   .tel_foot a {
      font-size: 21px;
   }

   .p_arrow {
      padding-left: 12px;
   }

   .icon-item img {
      max-width: 30px;
   }
   .icon-block {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 12px;
      max-width: 670px;
   }
   .icon-text {
      font-size: 17px;
   }
   .logotip {
      max-width: 205px;
   }
   .hero_content {
      display: flex;
      flex-direction: column;
      gap: 30px;
   }
}

@media only screen and (max-width: 768px) {
   .disp_n_768 {
      display: none;
   }
   .position_sticky {
      position: relative;
   }
   .sect1 {
      background-position: 80% top;
      background-size: cover;
      height: auto;
   }

   .text1 {
      font-size: 46px;
      padding: 0;
   }

   .text2 {
   }

   .block_form_top {
      background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
      margin-top: 20px;
      padding: 20px 0;
   }

   .text1_form1 {
      font-size: 26px;
   }

   .form1 input {
      margin: 0 auto 15px;
      max-width: 350px;
      height: 50px;
   }

   .form1 button {
      font-size: 21px;
      height: 50px;
      max-width: 350px;
   }
   .hero_content {
      display: flex;
      flex-direction: column;
      gap: 15px;
   }
   .text2_form1 {
      font-size: 16px;
   }

   .sect3 {
      background-size: cover;
      height: auto;
      padding: 20px 0 25px;
   }

   .sect4 .col-xs-6 {
      margin-bottom: 10px;
   }

   .sect4 {
      background-size: cover;
      height: auto;
      padding: 20px 0;
   }

   .title_tov {
      margin-top: 7px;
   }

   .cont2_sect4 {
      margin-top: 0;
   }

   .text_form2 {
      font-size: 26px;
   }

   .text2_form2 {
      font-size: 20px;
   }

   .form2 input {
      font-size: 16px;
      height: 50px;
      margin-bottom: 15px;
      max-width: 350px;
   }

   .form2 button {
      font-size: 17px;
      max-width: 350px;
      height: 50px;
   }

   .sect5 {
      background-size: cover;
      height: auto;
      padding: 20px 0;
   }

   .sect6 {
      padding: 20px 0;
   }

   .text1_sect3,
   .text1_sect4 {
      font-size: 30px;
      letter-spacing: 2px;
   }

   .text1_sect6 {
      font-size: 30px;
   }

   .text2_sect3 {
      font-size: 18px;
      letter-spacing: 2px;
   }

   .text2_sect6 {
      font-size: 18px;
   }

   .form_footer {
      padding: 25px 10px;
   }

   .bg_form_footer {
      margin: 20px auto 0;
   }

   .form_footer input {
      background-color: #fff;
      border: 1px solid #dadada;
      border-radius: 4px;
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24) inset;
      color: #999999;
      font:
         16px OpenSansSemibold,
         sans-serif;
      height: 50px;
      margin-bottom: 10px;
      padding: 0 15px;
      width: 100%;
   }

   .form_footer textarea {
      background-color: #fff;
      border: 1px solid #dadada;
      border-radius: 4px;
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24) inset;
      color: #999999;
      font:
         16px OpenSansSemibold,
         sans-serif;
      height: 110px;
      margin-bottom: 10px;
      padding: 15px;
      width: 100%;
   }

   .form_footer button {
      background-color: #ffdb13;
      border: 0 none;
      border-radius: 4px;
      box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.25);
      color: #3a3841;
      font:
         18px OpenSansExtraBold,
         sans-serif;
      height: 50px;
      padding: 15px;
      text-transform: uppercase;
      width: 100%;
   }

   .form_map {
      height: auto;
      margin-top: 0;
      overflow: hidden;
   }

   .maps iframe {
      height: 350px;
   }

   footer {
      background-color: #23262a;
      height: auto;
      padding: 10px 0;
      text-align: center;
   }

   .block_text_foot {
      border-left: 0 none;
      margin-top: 15px;
      padding: 0 !important;
   }

   .block_tel_foot {
      float: none;
      margin-top: 15px;
   }

   .text_foot {
      font-size: 16px;
      margin: 0 auto 4px;
      text-align: left;
      width: 270px;
   }

   .p_arrow {
      border: 0 none;
      padding-left: 0;
      margin-top: -57px;
   }

   .form1 input[type="file"] {
      border: medium none;
      cursor: pointer;
      font-size: 199px;
      margin: 0;
      opacity: 0;
      padding: 0;
   }

   .bg_file {
      height: 56px;
      margin: 0 auto 15px;
      max-width: 350px;
      overflow: hidden;
      position: relative;
      text-align: center;
      width: 100%;
   }

   .bg_file2 {
      background: rgba(0, 0, 0, 0) linear-gradient(to top, #a5a5a5, #ffffff) repeat scroll 0 0;
      border-radius: 5px;
      box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.25);
      color: #3a3740;
      font:
         16px OpenSansExtraBold,
         sans-serif;
      height: 55px;
      margin-bottom: 15px;
      overflow: hidden;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      width: 100%;
   }

   .form_footer input[type="file"] {
      border: medium none;
      cursor: pointer;
      font-size: 199px;
      margin: 0;
      opacity: 0;
      padding: 0;
   }

   .t_file2 {
      color: #3a3740;
      font:
         15px OpenSansExtraBold,
         sans-serif;
      left: 0;
      position: absolute;
      right: 0;
      text-transform: uppercase;
      top: 13px;
   }
}

@media only screen and (max-width: 600px) {
   .tel_top a {
      font-size: 22px;
   }

   .tel_top .fa {
      font-size: 16px;
      height: 24px;
      width: 24px !important;
   }
   .lang_item,
   .lang_item a {
      font-size: 18px;
      font-weight: 400;
      color: #fff;
      transition: all 0.3s ease;
   }
   .text1 {
      font-size: 30px;
      padding: 0;
   }
   .lang_block {
      display: flex;
      align-items: center;
      gap: 15px;
   }
   .text2 {
      font-size: 16px;
   }

   .text2_marg {
      margin-top: 20px;
   }

   .text1_form1 {
      font-size: 18px;
   }

   .text2_form1 {
      font-size: 14px;
   }

   .text_tovar {
      font-size: 16px;
      line-height: 1.3;
   }

   .sect2 {
      padding: 20px 0;
   }

   .text1_sect3,
   .text1_sect4 {
      font-size: 22px;
      letter-spacing: 0;
   }

   .text2_sect3 {
      font-size: 14px;
      letter-spacing: 0;
   }

   .text_trig {
      letter-spacing: 1px;
   }

   .btn_tov {
      margin-bottom: 10px;
      margin-top: 2px;
   }

   .text1_sect6 {
      font-size: 22px;
   }

   .text2_sect6 {
      font-size: 14px;
   }

   .form_footer {
      padding: 15px 0;
   }

   .text1_cont {
      color: #1d1d1d;
      font:
         26px OpenSansBold,
         sans-serif;
      margin: 0;
      text-transform: uppercase;
   }

   .title_cont {
      color: #1d1d1d;
      font:
         20px/1 OpenSansBold,
         sans-serif;
      text-transform: uppercase;
   }

   .text_cont {
      color: #1d1d1d;
      font:
         16px OpenSansRegular,
         sans-serif;
   }

   .box_cont {
      margin-top: 10px;
   }
}

@media only screen and (max-width: 440px) {
   .tel_top .fa {
      display: none;
   }

   .header-top {
      color: #fff;
      padding: 8px 0 4px;
   }
   header {
      padding-top: 0px;
   }
   .box1_sect1 {
      margin: 5px 0 0;
   }
   .tel_top a {
      font-size: 20px;
   }
   .block_tel_top {
      margin-top: 0;
   }

   .df_ai_center {
      display: flex;
      align-items: center;
      flex-direction: column;
   }
   .tel_top span {
      margin-left: 0;
   }

   .tel_top {
      margin: 0;
   }
   .contactus_buttons__block {
      gap: 10px;
   }
   .text1 {
      font-size: 35px;
      padding: 0;
   }
   .headline_block {
      display: flex;
      flex-direction: column;
      gap: 10px;
   }
   .contactus_buttons {
      column-gap: 3px;
   }
   .text2 {
   }
   .contactus_buttons {
      font-size: 14px;
   }
   .header-top .container {
      border-bottom: 1px solid #ffffff75;
      padding-bottom: 4px;
   }
   .icon-block {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
      max-width: 670px;
   }
   .header-top {
      color: #fff;
   }
   .btn_tov {
      width: 100%;
   }
   .working_hours__text {
      font-size: 14px;
   }
   .working_hours__icon {
      width: 20px;
   }
   .sect1 {
      padding: 0 0 60px 0;
   }
   .text1_form1 {
      font-size: 16px;
   }

   .form1 button {
      font-size: 18px;
      height: 50px;
      max-width: 350px;
   }

   .text1_sect3,
   .text1_sect4 {
      font-size: 20px;
      letter-spacing: 0;
   }

   .text_form2 {
      font-size: 20px;
   }

   .text2_form2 {
      font-size: 16px;
   }

   .form2 {
      padding: 10px 0;
   }

   .bg_form_footer {
      padding: 10px;
   }

   .mar_n {
      margin: 0;
      padding: 0;
   }
}
.container {
   width: 100%;
   max-width: 1400px;
}