/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

   .table_price td {
    font-size: 13px;
}
  .white-popup {
    width: 60%;
    padding: 20px;
}
  h1 {
    font-size: 40px;
}

.PAND11-TEX12345{
padding-left: 11%;
    font-size: 19px;
}

  .btn6 {

    left: 5%;
  }
  .btn6 a {
    padding: 15px 2px;
    border-radius: 10px;
  }

  th {
    padding: 0;
    size: 12px;
    font-size: 14px;
  }
  .owl-carousel .owl-item img {
    display: block;
    width: 60%;
    padding-bottom: 15px;
  }

  .PAND1 {
    padding-top: 95px;
  }


  .btn66666 {
    left: 25%;
  }
  .PAND11-TEX1234 {
    font-size: 45px;
  }

  .cenab44 {
    height: 600px;
  }


  .hov2 {

    width: 310px;



  }


  .PAND11-TEX123 {
   font-size: 22px;
 }
 .btn66{
   margin-top: 0px;
   position: absolute;
   top: 90%;
   left: 16%;
 }

 .btn666{
   margin-top: 0px;
   position: absolute;
   top: 90%;
   left: 16%;
 }

 .cenab444 {
  height: 510px;
}
.cenab44444 {
  height: 480px;
}

.cenab111 {
  height: 370px;
}
.cena2-tex2 {

  font-size: 20px;

}
.cenab11 {
  height: 580px;
}
.cenab22 {
  height: 580px;
}
.cenab33 {
  height: 580px;
}

.cenab55 {
  height: 580px;
}
.cenab66 {
  height: 580px;
}
.cenab77 {
  height: 580px;
}
.cenab77 {
  height: 580px;
}
.cenab88 {
  height: 580px;
}
.cenab99 {
  height: 580px;
}
.menu6 li {
  margin-bottom: 25px;
}
.tex20 {
  padding-top: 25px;
}
.cena222-tex{
 font-size: 30px;
 margin-top: 30px;
}
#gradient {
  width: 100%;
  height: 1010px;
  padding: 0px;
  margin-top: -8px;
  box-shadow: 0 2px 12px -4px #000;
}
.con2222 {
  padding-top: 5px;
  height: 200px;
}
h5 {
  font-size: 15px;

}

.btn1 a {
  font-size: 14px;
  padding: 14px 2px;
}
.btn1 {
  margin-top: -32px;
}
.menu ul {
  margin-left: 45px;
}
.menu li {
  padding-left: 28px;
}

#gradient {
  margin-top: -8px;
  height: auto;
  padding-bottom: 30px;
}
.con22-t2 {
  font-size: 40px;
}
h3 {
  font-size: 20px;
}
.PAND11-TEX {
  font-size: 24px;
  padding-bottom: 0px;
}
.PAND111-TEX {
  font-size: 24px;

}
.menu a {
  font-size: 13px;
  padding: 5px 2px;
}
.menu2 ul {
  margin-left: -60px;

}
.menu2 {
  padding-left: 0px;
}
.menu2 li {
  padding-left: 19.5px;
}

.PAND1-TEX {
  font-size: 33px;
  padding-bottom: 0px;

}
h2{
  font-size: 22px;
  padding-top: 0px;
  padding-bottom: 0px;

}
.tex10{
  padding-bottom: 5px;
}
.btn3 a {
  font-size: 20px;

}
.tex3{
  font-size: 16px;
  
  padding-top: 10px;
  padding-bottom: 5px;
}
.tex3 img {
 height: 30px;
 width: auto;
}
.menu5 li {
  font-size: 22px;

  padding-bottom: 20px;
}

.logo img {
  margin-top: 0px;
  margin-left: 0px;
  width: 100px;
}
.tex5 {
  font-size: 18px;

}
.
.btn11 a {
  font-size: 14px;
  padding: 29px 19px;
}
.tex2 {
  font-size: 21px;
  padding-left: 13%;
  padding-top: 1%;
}
.menu2 ul{
  font-size: 12.5px;


}
.menu3 ul{
  font-size: 14.5px;


}
.menu4 ul{
  font-size: 14.5px;


}
.hov2 img {
  width: 230px;

}
.menu5 ul {
  margin-top: 25px;
}

.con33 {
    margin-top: 40px;
    height: 135px;
    
}
.con22 {
 height: 55px;
}
.nash {
  font-size: 28px;
}
.btn5 a {
  font-size: 22px;

}
.tex21 {
  font-size: 24px;
  padding-top: 20px;

}
input[type="kontakt"], input[type="tov"] {
  width: 90%;
  margin-bottom: 25px;
  font-size: 22px;

}
input[type="tov2"], input[type="tel"] {
  width: 90%;
  margin-bottom: 5px;
  font-size: 22px;
  margin-top: 15px;
  border-radius: 3px;
  color: #1b3e67;

}
.menu666 ul {
  padding-top: 5px;

}
.blok-form7 input[type="submit"] {
  margin-bottom: 5px;

}

.btn6666 a {
  padding: 15px 12px;
}
.btn7 a {
  padding: 15px 12px;
}
.btn8 a {
  padding: 15px 12px;
}
.cena2-tex {
  font-size: 40px;
  margin-top: 30px;
  margin-bottom: 0px;

}
.cena2-tex1 {
  font-size: 22px;

}
.cena2-tex1x {
  font-size: 22px;

}
.cena2menu li {
  margin-left: 5px;
  margin-right: 5PX;
}
.cena2-tex3 {
  font-size: 17px;

  margin-top: -10px;
}
.vhodit li {
  font-size: 18px;
}
.cena-tex1 {
  font-size: 33px;

}
.pm-tex1 {
  font-size: 40px;
}
.pm-tex2 {
  font-size: 30px;

}
/*.con2 {
  
 
    height: 95px;
    
    }*/
    .PAND-TEX3 {
      font-size: 10px;
    }
    .PAND-TEX {
      font-size: 33px;
      font-weight: 800;
      color: #1C1C1C;
      margin-bottom: 5px;
      text-align: center;
    }
    .menu60 li {
      font-size: 16px;
    }
    .cena22menu li {
      padding-bottom: 0px;
      font-size: 12px;
    }
    .tex211 {
      padding-bottom: 5px;
      font-size: 22px;
    }
    .tex2-11 {
      padding-bottom: 5px;
      font-size: 22px;
    }
    .cena2-tex1x {
      font-size: 20px;

    }
    .cena222-tex {
      margin-top: 40px;
    }
    .tex2020 {
      padding-bottom: 15px;
      margin-top: 0px;
      padding-top: 0px;
    }
    .blok-form8 input[type="submit"]{
      margin-top: 15px;
    }
    .cenab4 {

      width: 108%;
      margin-left: -10px;
      box-shadow: 0 0px 3px 1px #111
    }
    .cenab444 {

      width: 108%;
      margin-left: -10px;
      box-shadow: 0 0px 3px 1px #111
    }
    .cenab44444 {

      width: 108%;
      margin-left: -10px;
      box-shadow: 0 0px 3px 1px #111
    }

    .cenab44 {

      width: 100%;
      margin-left: -10px;
      box-shadow: 0 0px 3px 1px #111
    }


    .cenab1 {

      width: 105%;

    }
    .cenab11 {

      width: 110%;
      height: 530px;

    }
    .btn6 a {
      font-size: 19px;
    }
    .btn6666 a {
      font-size: 19px;
    }
    .btn66 a {
      font-size: 19px;
    }

    .btn666 a {
      font-size: 19px;
    }

    .cena2-tex222 {

      font-size: 23px;
      top:84.5%;

    }
    .cena2-tex2222 {

      font-size: 23px;
      top:84.5%;

    }
    .cena2-tex22223 {

      font-size: 23px;

    }
    .cena2-tex222233 {

      font-size: 23px;

    }

    .cena2-tex22222 {

      font-size: 23px;

    }

    .cena2-tex222222 {

      font-size: 23px;

    }
    .cena2-tex22 {

      font-size: 23px;
      left: 7%;

    }


   .h1-prod {
    font-size: 44px;        /* ⬅️ ОЦЕ те, чого не вистачає зараз */
    line-height: 1.15;
    margin-top: 40px;
    margin-bottom: 30px;
  }

  .h1-power {
    font-size: 0.55em;      /* акуратніше на великих екранах */
    margin-left: 12px;
  }

   .PAND111-TEX {
    font-size: 18px;      /* ⬅️ головне збільшення */
    line-height: 1.7;     /* більше “повітря” */
  }

  .PAND111-TEX b {
    font-size: 20px;      /* заголовок блоку виглядає солідніше */
  }
   .h1-prod {
    font-size: 44px;      /* було ~36–38 → стає солідніше */
  }

  .h1-prod .h1-accent {
    font-size: 1.05em;   /* трохи більший за "КОТЕЛ" */
  }

  .h1-prod .h1-power {
    font-size: 0.6em;    /* компактно, не кричить */
  }
   .h1-prod{
    margin: 35px 0 18px;   /* було більше — стане компактніше */
    letter-spacing: .5px;
  }



  }
  /* Medium Devices, Desktops */
  @media only screen and (max-width : 991px) {
    .con22-t111 {
    font-size: 21px;
}
    
  .white-popup {
    width: 65% !important;
}
    .PAND11-TEX12345{
 display: none;
}
 h1{
        font-size: 50px;
    }

    th {
      padding: 0;
      size: 12px;
      font-size: 20px;
    }


    .btn66666 {
      left: 17%;
    }

    input[type="tov2"], input[type="tel"] {
      width: 90%;

    }

    .cenab4 {

      height: 535px;
      margin: 10px auto 22px;
      width: 100%;


    }

    .cenab444 {
      height: 445px;
      margin: 10px auto 22px;
      width: 100%;
    }

    .cenab44444 {
      height: 445px;
      margin: 10px auto 22px;
      width: 100%;
    }
    .cenab44 {

      height: 535px;
      margin: 10px auto 22px;
      width: 100%;


    }

    .col-sm-3 {
      float: left;
      margin-left: 0px;
      margin-right: 0px;
      padding-left: 3px;
      padding-right: 3px;
    }


    .menu666 ul{

     margin-bottom: auto;
   }

   .hov2 {
    width: 230px;

  }


  .btn6 a {
    font-size: 16px;
    border-radius: 10px;
    padding: 12px 3px;
  }
  .btn6666 a {
    font-size: 16px;
    border-radius: 10px;
    padding: 15px 11px;

  }
  .btn66 a {
    font-size: 18px;
  }

  .btn666 a {
    font-size: 18px;
  }


  tr {
    font-size: 15px;
  }
  .cenaaa2 {
   margin-top: 35px;
 }
 .PAND11111-TEX{
  display: none;
}
/*.PAND11-TEX123{
font-size: 25px;
}*/
.blok-form7{
  height: auto;
  margin: 33px auto 0;
}
.cenab111{
  height: auto;
}
/*.PAND11-TEX1234{
  display: none;
  }*/
/*.PAND111-TEX{
  display: none;
  }*/
  .hov10  img {
    width: 100%;
    height: auto;
    padding-top: 0px;
    padding-right: 0px
    padding-left: 0px;
    padding-bottom: 18px;
    margin: 5px auto 0;
  }
  .hov10{
    margin: 5px auto 0;
  }
  .cena22-tex {
    margin-top: 20px;
  }
  .PAND-TEX2 {
    font-size: 15px;
  }


  .tex2020 {
    margin-top: 25px;
  }
  .tex2-11 {
    padding-bottom: 5px;
    font-size: 22px;
    display: none;
  }
  .tex211 {
    padding-bottom: 15px;
    font-size: 22px;
  }
  .right {
    padding-bottom: 0px;
  }
  .map-responsive {
    overflow: hidden;
    padding-bottom: 30.25%;
    width: 65%;
    position: relative;
    height: 0;
    box-shadow: 0 0px 40px 0px #1a3e68;
    border-radius: 20px;
    margin: 35px auto 0px;
  }
  h2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .tex211110 {
    padding-bottom: 30px;
  }

  .PAND11-TEX1234{
    font-size: 50px;
  }

  .PAND11-TEX123{
    font-size: 20px;
  }
  #gradient {
    height: auto;
    margin-top: 0px;

  }
  .PAND1-TEX{
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .PAND11-TEX{
    padding-bottom: 10px;
  }
  .cena222-tex {
    margin-top: 30px;
  }
  .hov3 img {
    margin-bottom: 3px;
  }
  .cena22menu li {
    text-align: center;
  }
  .tex2111 {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .con2222 {
    padding-top: 5px;
    height: 180px;
    margin-top: 20px;
  }
  .cena2-tex3 {
    padding-bottom: 28px;
    margin-top: -25px;
  }
  .cena2menu ul {
    padding-bottom: 18px;
  } 

 .topheader {
  height: 14%;
}
.cena2-tex5 {
  font-size: 30px;
}
.con {
  width: 60%;
  margin-top: 20px;
  margin: 33px auto 0;
}
.btn1 {
  display: none;
}
.menu ul{
  margin-top: 0px;
}
.con22-t1 {
  font-size: 21px;
}
.con22 {
  width: 87%;
  margin: 11px auto 0;
  height: auto;
}
.con33 {
    width: auto;
    margin: 11px auto 15;
    height: 72px;
}
.con22-t2 {
  font-size: 35px;
}

.blok-form7 {
  width: 65%;
  margin: 5px auto 20;
}
.cenab1 {
 width: 65%;
 margin: 22px auto 20;
}
.btn6 {
  /*    position: static;*/
  margin-top: 20px;
  padding-top: 18px;
  top: 86%;
  left: 1%;


}
.btn6666 {
  /*    position: static;*/
  margin-top: 20px;
  padding-top: 18px;
  top: 83%;
  left: 1%;


}
.btn66 {
  /*    position: static;*/
  margin-top: 20px;
  padding-top: 20px;
  top: 84%;
  left: 5%;
}

.btn666 {
  /*    position: static;*/
  margin-top: 20px;
  padding-top: 20px;
  top: 84%;
  left: 5%;
}


.btn7 {
 position: static;
 top: 86%;
}
.btn8 {
 position: static;
 margin-top: 35px;
}
.cenab1{
 height: auto;
}
.cenab2 {
 width: 65%;
 margin: 22px auto 0;
 height: auto;
}
.cenab3 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.cenab5 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.nab6 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.cenab7 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.cenab8 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.cenab11 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.cenab22 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.cenab33 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}

.cenab55 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.cenab66 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.cenab77 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.cenab88 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.cenab99 {
 width: 65%;
 height: auto;
 margin: 22px auto 0;
}
.btn6 {
  padding-bottom: 40px;
}
.btn6666 {
  padding-bottom: 40px;
}
.btn66 {
  padding-bottom: 40px;
}
.btn666 {
  padding-bottom: 40px;
}

.cena2menu2 li {
  padding-bottom: 20px;
}
.pm-tex1 {
  font-size: 40px;
}
.pm-tex3 {
  font-size: 25px;
}
.con2 {
  width: 60%;
  margin: 15px auto 0;
}
.pm-tex2 {
  font-size: 25px;
}
.cena2-tex1 {
  font-size: 30px;
}
.cena2-tex1x {
  font-size: 30px;
}
.con222 {
  width: 65%;

  height: auto;
  margin: 33px auto 0;    
}
.blok-form8 {
  width: 65%;

  height: auto;
  margin: 33px auto 0;  
}
.con22-tex1 {
  padding-bottom: 20px;
}
.blok-form8 input[type="submit"] {
  margin-top: 15px;
}
.vb img {

  margin-bottom: 30px;
}

.about {
  width: 65%;

  height: auto;
  margin: 33px auto 0;   
}
.con22-tex1 {
  font-size: 22px;

}
.bl1 {
  padding-top: 0px;
  margin-bottom: 0px;
  /*    height: 100vh;*/

}
.bll1 {
  padding-top: 0px;
  margin-bottom: 0px;
  /*   height: 150vh;*/

}
.menu2 {
 display: none;
}
.menu {
 display: none;
}
.menu1{
  display: block;
  text-align: center;
  padding-top: 20px;
  margin-bottom: -10px;
}
.menu1 li{
  display: block;
  
  padding-top: 2px;
  padding-right: 0; 
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
}
.menu1 ul{
  list-style: none;
  font-size: 18px;

  margin-top: -5px;
  padding-right: 0; 
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
  
}
.logo {
 display: none;
}
.topheader{
 position: static;
 background-attachment: fixed 
}
.PAND1-TEX{
  font-size: 28px;
}
.PAND11-TEX{
  font-size: 28px;
}
.PAND111-TEX{
  font-size: 25px;
}
.PAND1{
 padding-top: 0px;
}
.owl-carousel .owl-item img {
  border-radius: 10px;
  width: 62%;
}
.tex21111 {
  width: 65%;
  margin-bottom: 40px;
}
.nash {
  margin-bottom: 5px;
  padding-top: 5px;
  font-size: 35px;
}
.cena2-tex {
  font-size: 35px;
}
/*.PMI {
    height: 100vh;
    }*/
/*.PAND {
    height: 75vh;
    }*/
    .vvvv11 {
      width: 100%;
    }
    .PAND {
      padding-bottom: 10px;
    }
    .cena2-tex22{
      /*  position: static;*/
      font-size: 20px;

    }
    .cena2-tex222{
      /*    position: static;*/
      font-size: 18px;
      top: 86%;
    }
    .cena2-tex2222{
     /*   position: static;*/
     font-size: 18px;
     top: 86%;
   }

   .cena2-tex22222{
    /*    position: static;*/
    font-size: 20px;
    left: 12%;
    padding-top: 15px;
  }
  .cena2-tex22223{
   /*   position: static;*/
   font-size: 20px;
   top: 78%;
   left: 8%;
 }
 .cena2-tex222233{
   /*   position: static;*/
   font-size: 20px;
   top: 70%;
   left: 8%;
 }
 .cena2-tex222222{
  /*    position: static;*/
  font-size: 20px;
  left: 12%;
  padding-top: 15px;
}

}
@media only screen and (max-width : 767px) {
     /* Фіксуємо блок зверху */
/*  .m-hero-head{
    position: sticky;
    top: 0;
    z-index: 999;
    background: rgba(10,14,12,.88);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,.06);
  }*/
      .hov10 img {

        padding-top: 10px;
    }

  .PAND1 {
    padding-top: 10px;
  }
    .m-hero-head h1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    line-height: 1.2;
  }

  .m-hero-head .brand{
    color: #FF9800;
    font-weight: 900;
  }

/*  .m-hero-head .factory-inline{
    font-size: 12px;
    font-weight: 500;
    color: rgba(255,255,255,.55);
    letter-spacing: .4px;
    white-space: nowrap;
  }*/





  /* ЗАВОД ВИРОБНИК — тихо і дорого */
  .m-hero-head .factory{
    display: block;
    margin-top: 2px;
    font-size: 11px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
    font-weight: 500;
  }

  /* щоб не займало багато місця */
  .m-hero-head h1{
    margin-bottom: 4px;
  }


.m-hero-left{
    display:flex;
    align-items:center;
    gap:10px;
  }

  .m-hero-title{
    display:flex;
    flex-direction:column;
    gap:4px;
  }

  .m-hero-title h1{
    margin:0;
    line-height:1.05;
    font-size:16px;
  }

  .m-hero-title h1 span{
    color:#1aa84a;
    font-weight:900;
  }

  /* телефони під заголовком */
 .m-hero-phones{
    display: flex;
    align-items: center;
    flex-wrap: wrap;            /* на дуже вузьких екранах перенесеться */
    gap: 6px;
    font-size: 12px;
    line-height: 1.2;
    color: rgba(255,255,255,.85);
  }

  .m-hero-phones a{
    color: rgba(255,255,255,.92);
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
  }

  .m-hero-phones .dot{
    opacity: .45;
    margin: 0 2px;
  }



  .m-hero-head{
    display:flex;
    align-items:center;
    gap:12px;
    padding: 8px 10px 0;
      border-bottom: 1px solid rgba(60, 25, 10, 0.55);

  box-shadow: 0 8px 22px rgba(0,0,0,0.18);
  }

  .m-hero-head .menu1{
    flex: 0 0 auto;
  }

  .m-hero-head .hov12 img{
    height: 46px;
    width: auto;
    display:block;
  }

  .m-hero-head h1{
    margin:0;
    text-align:left;
    line-height:1.05;
    font-size: 22px; /* підберемо потім */
  }

  .m-hero-head h1 span{
    color:#1aa84a; /* твій зелений */
    font-weight:800;
  }


  .m-hero-head h1{
    font-size: 20px;
    letter-spacing: .2px;
  }

  .m-hero-head h1 span{
    color:#1aa84a;
    font-weight: 900;
  }
  .m-hero-head h1{
    text-shadow: 0 6px 24px rgba(0,0,0,.55);
  }




     .white-popup {
    width: 90% !important;
}
  .PAND-TEX2 {
    font-size: 15px;
  }

  .btn66666 {
    margin-top: 20px;
    padding-bottom: 30px;
    position: relative; 
    top: 90%;
    left: 0%;
  }


  .col-sm-4, .col-md-4, .col-xs-6 {
    position: relative;
    min-height: 1px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .cena2-tex22223 {

    top: 80%;

  }
  .cena2-tex222233 {

    top: 83%;

  }
  .btn66 {
    top: 82%;
    left: 2%;
  }

  .btn666 {
    position: static;

  }

  .cena2-tex22222 {
    left: 20%;
    font-size: 25px;
    top: 77%;
  }

  .cena2-tex222222{
    position: static;
    left: 26%;
    font-size: 25px;

  }


  .PAND11-TEX123123 {
    margin-right: 3px;
    margin-left: 3px;
  }

  .hov2 {
    width: 95%;
    height: 95%;
  }

  .btn6 a {
    font-size: 31.5px;
    border-radius: 10px;
    padding: 15px 11px;
  }
  .btn6666 a {
    font-size: 35px;
    border-radius: 10px;
    padding: 15px 11px;
  }

  .btn66 a {
    font-size: 35px;
    border-radius: 10px;
    padding: 15px 11px;
  }

  .btn666 a {
    font-size: 35px;
    border-radius: 10px;
    padding: 15px 11px;
  }



  .btn6 {
    /* position: static; */
    margin-top: 20px;
    padding-top: 18px;
    top: 84%;
    left: 2%;
  }
  .btn6666 {
    /* position: static; */
    margin-top: 20px;
    padding-top: 18px;
    top: 85%;
    left: 2%;
  }

  .cenab4 {
    height: 670px;
  }


  .cenab444 {
    height: 700px;

  }
  .cenab44444 {
    height: 700px;

  }

  .cenab44 {
    height: auto;
    width: 60%;
  }


  .cena2-tex2222 {
    /* position: static; */
    font-size: 25px;
    top: 82%;
    left: 23%;
  }
  .cena2-tex22223 {
    /* position: static; */
    font-size: 25px;
    top: 80%;
    left: 23%;
  }
  .cena2-tex222233 {
    /* position: static; */
    font-size: 25px;
    left: 23%;
  }

  .cena2-tex222 {
    /* position: static; */
    font-size: 25px;
    top: 82%;
    left: 23%;
  }
  .m-hero-head{
    display:flex;
    align-items:center;
    gap:12px;

    position: sticky;
    top: 0;
    z-index: 50;

    padding: 0px 0px;
    margin: 10px 10px 12px;
   /* border-radius: 14px;*/

    background: rgba(10,13,16,.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.06);
  }

  /* телефони + viber в ОДИН рядок */
  .m-hero-phones{
    display:flex;
    align-items:center;
    gap:2px;
    flex-wrap: nowrap;     /* ключове */
    white-space: nowrap;   /* ключове */
    font-size: 12px;
    line-height: 1.2;
    color: rgba(255,255,255,.92);
  }

  .m-hero-phones .dot{ opacity:.45; }

  .m-hero-phones a.tel{
    color: rgba(255,255,255,.92);
    text-decoration:none;
    font-weight: 700;
  }

  /* кнопка Viber */
  .m-hero-phones a.viber-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding: 6px 10px;
    border-radius: 10px;

    background: #7360f2;
    color:#fff !important;
    text-decoration:none;
    font-weight: 800;

    box-shadow: 0 10px 30px rgba(115,96,242,.25);
  }
  .m-hero-head h1{
    display:flex;
    align-items: baseline;
    gap:8px;
    flex-wrap: wrap;
  }

.m-hero-head .factory-pill{
  font-size: 11.5px;          /* було 12 */
  font-weight: 600;           /* було 700 */
  letter-spacing: .7px;

  padding: 2px 8px;           /* трохи тонше */
  border-radius: 999px;

  background: rgba(255,255,255,.045);  /* світліше */
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.7);

  box-shadow: none;           /* прибираємо кнопку-ефект */
          display: inline-flex;
}

/* липка шапка */
/*  .m-hero-head{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999;
  }*/

  /* щоб не “під'їдалось” під інші блоки/бекдропи */
/*  body{
    overflow-x: hidden;
  }*/
  .m-hero-head{
    position: fixed;
    top: env(safe-area-inset-top); /* 🔑 важливо для iPhone */
    left: 0;
    right: 0;
    z-index: 9999;

    margin: 0;              /* ❗ забираємо */
    padding: 0px 0px;      /* замість margin */
  }

  /* внутрішня “преміальна” картка */
  .m-hero-head-inner{
/*    background: #ec6e33;*/
/*  background: linear-gradient(180deg, #e8662f 0%, #c75522 100%);*/
  background: linear-gradient(180deg, #df622d 0%, #b94c1e 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
/*
    border-radius: 14px;*/
    border: 1px solid rgba(255,255,255,.06);
    padding: 7px 12px;
  }

  /* щоб контент не залазив під fixed */
  body{
    padding-top: 96px; /* піджени під реальну висоту шапки */
  }



  /* якщо десь батько ламає sticky */
  .PAND1,
  section,
  .container,
  .row{
    overflow: visible !important;
  }
  /*h1.h1-prod{
    margin: 10px 0 8px !important;
    font-size: 30px !important;
    line-height: 1.06 !important;
    text-align: center !important;
    letter-spacing: .4px;
  }

  h1.h1-prod .h1-accent{
    display: block !important;
    font-size: 34px !important;
    line-height: 1.02 !important;
    margin-top: 6px !important;
  }

  h1.h1-prod .h1-power{
    display: inline-block !important;
    font-size: 16px !important;
    opacity: .75 !important;
    margin-top: 6px !important;
    white-space: nowrap !important;
  }

  .PAND111-TEX{
    font-size: 15.5px !important;
    line-height: 1.50 !important;
    padding: 12px 12px !important;
    margin: 8px 10px 0 !important;
    text-align: left !important;
  }

  .PAND111-TEX > b{
    display: block !important;
    font-size: 16.5px !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
    text-align: center !important;
  }

  .PAND111-TEX p-8{
    font-size: 19px !important;
    margin-right: 8px !important;
    display: inline-block !important;
    position: relative;
    top: 2px;
  }

  .PAND111-TEX p-88{
    font-size: 15.5px !important;
    font-weight: 700 !important;
    display: inline !important;
    white-space: nowrap !important;
  }*/
    /* H1 компактніше */
  h1.h1-prod{
    margin: 8px 0 6px !important;
    font-size: 28px !important;
    line-height: 1.04 !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 10px;
   margin-top: 30px !important;
  }
  h1.h1-prod .h1-accent{
    font-size: 32px !important;
    line-height: 1.01 !important;
    margin-top: 4px !important;
  }
  h1.h1-prod .h1-power{
 
     font-size: 17px !important;
    opacity: 1 !important;
    padding: 4px 10px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(0,0,0,.18);
  }

  .h1-prod .h1-power{
  margin-left: 14px;   /* відступ від тексту */
  margin-top: 8px;     /* якщо переноситься на новий рядок */
  top: 0px;
}



  /* Блок переваг — менше “рамки” і менше висоти */
  .PAND111-TEX{
    padding: 10px 12px !important;
    margin: 6px 10px 0 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  .PAND111-TEX > b{
    font-size: 16px !important;
    margin-bottom: 6px !important;
  }

  /* Галочка трохи менша */
  .PAND111-TEX p-8{
    font-size: 18px !important;
    top: 1px !important;
  }
   .PAND111-TEX{ border-color: rgba(255,255,255,.10) !important; }

 .h2-prod{
    font-size: 14px;
    margin-top: 16px;
  }
  

    /* 1) H1: менше відстані вниз */
  .hero-h1{
    margin: 8px 0 8px !important;
    line-height: 1.05 !important;
  }

  /* 2) H2: прибираємо “дірку” між H1 і карткою */
  .h2-prod, .hero-h2{
    margin: 15px 0 15px !important;
    line-height: 1.2 !important;
  }

  /* 3) Картка/блок під H2: підтягуємо ближче */
  .zubr-hero-benefits, .hero-card, .hero-seo-card{
    margin-top: 10px !important;
    padding-top: 14px !important;
  }

   /* Шапка реально на весь екран */
  .m-hero-head{
    width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
  }

  /* ВНУТРІШНІЙ контейнер — прибираємо обмеження */
  .m-hero-head-inner{
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin: 0 !important;
  }
   /* 1) Рядок шапки: центруємо все по горизонталі */
  .m-hero-head-inner{
    justify-content: center !important;
    text-align: center !important;
  }

  /* 2) Якщо у тебе є лівий блок (логотип/текст) — робимо його по центру */
  .m-hero-left{
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* 3) Телефони/кнопка Viber — теж по центру і з нормальним переносом */
  .m-hero-phones{
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

 .hero-split-nav{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2vh;
    z-index: 5;
  }

  .hero-split-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    background: rgba(0,0,0,.45);
    border-right: 1px solid rgba(255,255,255,.15);

  }

  .hero-split-btn:last-child{
    border-right: none;
  }

  .hero-split-btn span{
    display: block;
    font-size: 12px;
    font-weight: 500;
    opacity: .85;
  }

  .hero-split-btn:hover{
    background: rgba(90,180,90,.35);
    color: #b7f3b7;
  }

   .m-cat-nav{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
                  padding: 2px 10px 2px;
        border-top: 1px solid rgb(255 255 255 / 0%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, .05));
  }

  .m-cat-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.25);
    background: rgba(0,0,0,.25);
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
    text-decoration: none;
    transition: all .2s ease;
  }

  .m-cat-link:active{
    transform: scale(.96);
  }

  .m-cat-link:hover{
    border-color: rgba(120,220,120,.6);
  }

  /* АКТИВНИЙ РОЗДІЛ */
  .m-cat-link.is-active{
    background: rgba(120,220,120,.18);
    border-color: rgba(120,220,120,.7);
    color: #fff;
  }
/*  .series-overlay{
    height: 28%;
  }*/

  .series-title{
    font-size: 16px;
  }

  .series-sub{
    font-size: 12px;
  }

    .series-btn{
    justify-content: center;
    padding: 10px 6px;
    background: rgba(0,0,0,.55);
  }
  .series-title{ font-size: 14px; }
  .series-sub{ font-size: 12px; }


.series-hero.is-3door .series-hero__btn{
    justify-content: center;      /* текст вище, не внизу */
    padding: 10px 6px;
  }
  .series-hero.is-3door .series-hero__btn .t1{ font-size: 18px; }
  .series-hero.is-3door .series-hero__btn .t2{ font-size: 12px; }
  .series-hero.is-3door .series-hero__btn .t3{ font-size: 11px; }

  .tap-hint{
    font-size:18px;
    right:10px;
    bottom:10px;
  }
 .series-zone{
    position: relative; /* важливо */
  }

  .series-cta{
    position: absolute;
    left: 50%;
    bottom: 10px;        /* регулюй: 8–16px */
    transform: translateX(-50%);
    top: auto !important;
    right: auto !important;
  }
 


}
.hov10-series .series-zone:active .series-cta{
  transform: translateX(-50%) scale(0.95);
  background: rgba(126,217,87,.35);

}

.hov10-series .series-zone:active::after{
  border-color: #7ed957;
}
.hov10-series{
  position: relative;
  overflow: hidden;     /* щоб рамки не вилазили */
  line-height: 0;       /* прибирає “зайві” px під img */
   margin-top: 32px;   /* 24–40px оптимально */
 margin-bottom: 30px;

}

 .PAND1{ min-height: auto;
  }

  .PAND1 {
    padding-bottom: 5px;
}
   }

/* desktop */
/*@media (hover:hover){
  .series-zone:hover::after{
    border-color:#7ed957;
  }
  .series-zone:hover .series-cta{
    background:#7ed957;
    color:#000;
  }
}*/

@media only screen and (max-width : 755px) {
  .btn6 a {
    font-size: 25px;
    border-radius: 10px;
    padding: 15px 11px;
  }
  .btn6 {
    left: 10%;
  }
  .btn6666 a {
    font-size: 25px;
    border-radius: 10px;
    padding: 15px 11px;
  }
  .btn6666 {

    left: 14%;
  }

  .btn66 a {
    font-size: 25px;
    border-radius: 10px;
    padding: 15px 11px;
  }
  .btn66 {

    left: 14%;
  }
}
@media only screen and (max-width : 735px) {
  .cenab4 {
    width: 340px;
  }
  .cenab444 {
    width: 340px;
    height: 635px;
  }
  .cenab44444 {
    width: 340px;
    height: 635px;
  }
  .btn6 {
    left: 7%;
  }
  .btn6666 {
    left: 11%;
  }
  .btn66 {
    left: 11%;
  }

  .cena2-tex2222 {

    left: 19%;
  }
  .cena2-tex22223 {

    left: 19%;
  }
  .cena2-tex222233 {

    left: 19%;
  }

  .cena2-tex22222 {

    left: 19%;
  }


  .cena2-tex222 {

    left: 19%;
  }
  .PAND-TEX2 {
    font-size: 18px;
  }

}


@media only screen and (max-width : 720px) {
  .PAND11-TEX123123123{
    font-size: 25px;
}
  .PAND11-TEX123123{
    font-size: 25px;
  }
  .vb img {
    height: 30px;
    width: 80px;
  }
  .menu666 li {
    font-size: 25px;
  }
}
@media only screen and (max-width : 700px) {
  .PAND111-TEX{
    font-size: 22px;
  }
  .cena2-tex{
    font-size: 30px;
  }
  .con22-t2{
    font-size: 30px;
  }
}

@media only screen and (max-width : 690px) {
  .btn6 a {
    font-size: 24px;
  }
  .cenab4 {
    width: 320px;
  }
  .cenab444 {
    width: 320px;
  }
  .cenab44444 {
    width: 320px;
  }
  .btn6 {
    left: 6%;
  }
  .btn6666 {
    left: 9%;
  }

  .cena2-tex2222 {

    left: 19%;
  }
  .cena2-tex22223 {

    left: 19%;
  }
  .cena2-tex222233 {

    left: 19%;
  }

  .btn66 {
    left: 9%;
  }

  .cena2-tex22222 {

    left: 19%;
  }


  .cena2-tex222 {

    left: 19%;
  }
}

@media only screen and (max-width : 650px) {
  .PAND111-TEX{
    font-size: 20px;
  }
  .PAND-TEX10 {
    font-size: 14px;
}
  .btn6 a {
    font-size: 22.5px;
  }
  .cenab4 {
    width: 300px;
  }
  .cenab444 {
    width: 300px;
    height: 595px;
  }
  .cenab44444 {
    width: 300px;
    height: 595px;
  }
  .btn6 {
    left: 6%;
  }
  .btn6666 {
    left: 6%;
  }

  .cena2-tex2222 {

    left: 15%;
  }
  .cena2-tex22223 {

    left: 15%;
  }
  .cena2-tex222233 {

    left: 15%;
  }

  .btn66 {
    left: 6%;
  }

  .cena2-tex22222 {

    left: 15%;
  }

  .cena2-tex222 {

    left: 15%;
  }
  th {
    font-size: 15px;
  }
}

@media only screen and (max-width : 610px) {
  .cenab4 {
    width: 280px;
  }
  .cenab444 {
    width: 280px;
    height: 565px;
  }
  .cenab44444 {
    width: 280px;
    height: 565px;
  }
  .btn6 {
    left: 6%;
    top: 86%;
  }

  .btn6666 {
    left: 6%;
    top: 84%;
  }

  .cena2-tex2222 {

    left: 13%;
    top: 84%;
  }
  .cena2-tex22223 {

    left: 13%;
  }
  .cena2-tex222233 {

    left: 13%;
  }
  .btn66 {
    left: 6%;
  }

  .cena2-tex22222 {

    left: 13%;
  }

  .cena2-tex222 {
    top: 84%;
    left: 13%;
  }

  .btn6 a {
    font-size: 21px;
    border-radius: 10px;
    padding: 15px 11px;
  }
  .btn6666 a {
    font-size: 23px;
    border-radius: 10px;
    padding: 15px 11px;
  }

  .btn66 a {
    font-size: 23px;
    border-radius: 10px;
    padding: 15px 11px;
  }
  .PAND-TEX2 {
    font-size: 18,5px;
  }

}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 600px) {

  .cenab1 {
    width: 80%;
  }
  .cenab2 {
    width: 80%;
  }
  .cenab3 {
    width: 80%;
  }

  .cenab5 {
    width: 80%;
  }
  .cenab6 {
    width: 80%;
  }
  .cenab7 {
    width: 80%;
  }
  .cenab8 {
    width: 80%;
  }
  .con222 {
    width: 80%;
  }
  .about{
    width: 80%;

  }
  .blok-form8{
    width: 80%;
  }
  .blok-form7 {
    width: 80%;
  }
  .cenab11 {
   width: 80%;
 }
 .cenab22 {
   width: 80%;
 }
 .cenab33 {
   width: 80%;
 }
 .cenab44 {
   width: 80%;

 }
 .cenab55 {
   width: 80%;
 }
 .cenab66 {
   width: 80%;
 }
 .cenab77 {
   width: 80%;
 }
 .cenab88 {
   width: 80%;
 }
 .cenab99 {
   width: 80%;
 }
}

@media only screen and (max-width : 570px) {
  .PAND111-TEX{
    font-size: 18px;
  }
  .cenab4 {
    width: 260px;
  }
  .cenab444 {
    width: 260px;
    height: 535px;
  }
  .cenab44444 {
    width: 260px;
    height: 535px;
  }
  .btn6 {
    left: 6%;
  }
  .btn6666 {
    left: 6%;
  }
  .btn66 {
    left: 6%;
  }
  .cena2-tex2222 {

    left: 9%;
    top: 83%;
  }
  .cena2-tex22223 {

    left: 13%;
  }
  .cena2-tex222233 {

    left: 9%;
    top: 80%;
  }
  .cena2-tex22222 {

    left: 9%;

  }

  .cena2-tex222 {

    left: 6%;
    top: 83%;
  }

  .btn6 a {
    font-size: 19.5px;
    border-radius: 10px;
    padding: 15px 11px;
  }
  .btn6666 a {
    font-size: 21px;
    border-radius: 10px;
    padding: 15px 11px;
  }
  .btn66 a {
    font-size: 21px;
    border-radius: 10px;
    padding: 15px 11px;
  }
  .PAND-TEX2 {
    font-size: 18px;
  }
  .btn6 {

    top: 86%;

  }
  .btn66 {

    top: 86%;

  }
  .cenab4 {
    height: 630px;
  }
}
@media only screen and (max-width : 558px) {
  .con22-t111 {
    font-size: 18px;
}

  h1{
        font-size: 30px;
    }
  .PAND11-TEX1234{
    font-size: 40px;
  }
  .PAND111-TEX{
    font-size: 16px;
  }
  .PAND11-TEX123{
    font-size: 16px;
  }
  .PAND-TEX2{
    font-size: 18px;
  }
  .PAND11-TEX123123{
    font-size: 20px;
  }
  .PAND1111-TEX{
    font-size: 25px;
  }
  .con22-t1 {
    font-size: 18px;
  }

  tr {
    font-size: 11px;
  }
  .PAND11-TEX123123123{
    font-size: 20px;
}
.con33 {
    height: 65px;
}

}

@media only screen and (max-width : 525px) {
  .cenab4 {
    width: 240px;
  }
  .cenab444 {
    width: 240px;
  }
  .cenab44444 {
    width: 240px;
  }
  .btn6 {
    left: 6%;

  }
  .btn6666 {
    left: 6%;

  }

  .cena2-tex2222 {

    left: 9%;
    top: 83%;
    font-size: 23px;
  }
  .cena2-tex22223 {

    left: 10%;
    top: 79%;
  }
  .cena2-tex222233 {

    left: 6%;
    top: 79%;
  }

  .cena2-tex222 {

    left: 6%;
    top: 83%;
    font-size: 23px;
  }

  .btn6 a {
    font-size: 19px;
    border-radius: 10px;
    padding: 15px 4px;
  }
  .btn6666 a {
    font-size: 21px;
    border-radius: 10px;
    padding: 15px 4px;
  }

  .btn66 {
    left: 6%;

  }

  .cena2-tex22222 {

    left: 9%;
    top: 74%;
  }



  .btn66 a {
    font-size: 21px;
    border-radius: 10px;
    padding: 15px 4px;
  }
  .con22-tex1 {
    padding-bottom: 20px;
  }

   .m-hero-title-text .hero-category {
    font-size: 10px;
}
.m-hero-title-text .brand {
    font-size: 10px;
}
.m-hero-head .factory-pill {
        font-size: 8px;
    }

}

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

  .cenab1 {
    width: 90%;
  }
  .cenab2 {
    width: 90%;
  }
  .cenab3 {
    width: 90%;
  }
  .cenab5 {
    width: 90%;
  }
  .cenab6 {
    width: 90%;
  }
  .cenab7 {
    width: 90%;
  }
  .cenab8 {
    width: 90%;
  }
  .con222 {
    width: 90%;
  }
  .about{
    width: 90%;

  }
  .blok-form8{
    width: 90%;
  }
  .blok-form7 {
    width: 90%;
  }
  .cenab11 {
   width: 90%;
 }
 .cenab22 {
   width: 90%;
 }
 .cenab33 {
   width: 90%;
 }
 .cenab44 {
   width: 90%;

 }
 .cenab55 {
   width: 90%;
 }
 .cenab66 {
   width: 90%;
 }
 .cenab77 {
   width: 90%;
 }
 .cenab88 {
   width: 90%;
 }
 .cenab99 {
   width: 90%;
 }
 .PAND1111-TEX{
  font-size: 25px;
}
.PAND11-TEX123123{
  font-size: 25px;
}
h3 {
  font-size: 20px;
}
.b-product-info__cell2{
  font-size: 16px;
}
.b-product-info__cell{
  font-size: 16px;
}
.PAND11-TEX123123123{
    font-size: 25px;
}
}
@media only screen and (max-width : 486px) {

  .cenab4 {
    width: 220px;
    height: 670px;
  }
  .cenab444 {
    width: 220px;
    height: 510px;
  }
  .cenab44444 {
    width: 220px;
    height: 510px;
  }
  .btn6 {
    left: 6%;
    top: 87%;
  }

  .btn6666 {
    left: 6%;
  }

  .cena2-tex2222 {
    font-size: 24px;
    left: 6%;
    top: 80%;
  }

  .cena2-tex22223 {

    left: 6%;
    top: 78%;
  }
  .cena2-tex222233 {

    left: 6%;
    top: 70%;
  }

  .cena2-tex222 {
    font-size: 24px;
    left: 6%;
    top: 80%;
  }

  .btn6 a {
   font-size: 17.2px;
   border-radius: 10px;
   padding: 15px 4px;
 }
 .btn6666 a {
  font-size: 19px;
  border-radius: 10px;
  padding: 15px 4px;
}

.btn66 {
  left: 6%;

}

.cena2-tex22222 {

  left: 6%;
  top: 70%;
}


.btn66 a {
  font-size: 19px;
  border-radius: 10px;
  padding: 15px 4px;
}
th {
    font-size: 13px;
}
.table_price td {
    font-size: 13px;
}

}


@media only screen and (max-width : 464px) {
  .PAND111-TEX{
    font-size: 14px;
  }

  .owl-carousel .owl-item img {
    border-radius: 10px;
    width: 100%;
  }
  .table_price td {
    font-size: 10px;
  }

  .table_price a {
    padding: 2px 1px;
  }

}

@media only screen and (max-width : 450px) {
  input[type="tov2"],  input[type="tel"],  input[type="tov"] {
    font-size: 25px;
  }
  .cenab1 {
    width: 100%;
  }
  .cenab2 {
    width: 100%;
  }
  .cenab3 {
    width: 100%;
  }
  .cenab4 {
    width: 100%;
  }
  .cenab444 {
    width: 100%;
  }
  .cenab44444 {
    width: 100%;
  }
  .cenab5 {
    width: 100%;
  }
  .cenab6 {
    width: 100%;
  }
  .cenab7 {
    width: 100%;
  }
  .cenab8 {
    width: 100%;
  }
  .con222 {
    width: 100%;
  }
  .about{
    width: 100%;

  }
  .blok-form8{
    width: 100%;
  }
  .blok-form7 {
    width: 100%;
  }
  .cena2-tex{
    font-size: 24px;
  }
  .con22-t2{
    font-size: 24px;
  } 
  h3 {
    font-size: 20px;
  }
  .cenab11 {
   width: 100%;
 }
 .cenab22 {
   width: 100%;
 }
 .cenab33 {
   width: 100%;
 }
 .cenab44 {
   width: 100%;

 }
 .cenab55 {
   width: 100%;
 }
 .cenab66 {
   width: 100%;
 }
 .cenab77 {
   width: 100%;
 }
 .cenab88 {
   width: 100%;
 }
 .cenab99 {
   width: 100%;
 }
 .cena22-tex {
  font-size: 30px;
}
.tex211 {

  font-size: 18px;
}
.breadcrumbs {
  font-size: 9px;
}
tr {
  padding: 0;
  font-size: 14px;
}
tr {
  font-size: 7px;
}
}

@media only screen and (max-width : 448px) {
  .cenab4 {
    width: 200px;
  }
  .cenab444 {
    width: 200px;
    height: 520px;
  }
  .cenab44444 {
    width: 200px;
    height: 460px;
  }
  .btn6 {
    left: 13%;
  }
  .btn6666 {
    left: 4%;
    top: 83%;
  }

  .btn66 {
    left: 4%;

  }

  .cena2-tex2222 {
    left: 4%;
    /* top: 73%;*/
  }
  .cena2-tex22223 {

    left: 4%;
    top: 74%;
  }
  .cena2-tex222233 {

    left: 4%;
    top: 70%;
  }
  .cena2-tex22222 {

    left: 4%;
    top: 70%;
  }

  .cena2-tex222 {

    left: 4%;
    /*     top: 70%;*/
  }

  .btn6 a {
    font-size: 13px;
    border-radius: 10px;
    padding: 15px 4px;
  }
  .btn6666 a {
    font-size: 18px;
    border-radius: 10px;
    padding: 15px 4px;
  }
  .btn66 a {
    font-size: 18px;
    border-radius: 10px;
    padding: 15px 4px;
  }
}

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

    .m-hero-phones {
        gap: 0px !important;
    }
        .m-hero-head .factory-pill {
        font-size: 5px;
    }
      }

  @media only screen and (max-width : 420px) {
    .PAND11-TEX123123123{
    font-size: 22px;
}
    .PAND-TEX2 {
      font-size: 17px;
    }
    .PAND11-TEX1234 {
      font-size: 28px;
    }
    h3 {
      font-size: 18px;
    }
    .PAND11-TEX123123 {
      font-size: 18px;
    }
    .vb img {
      height: 40px;
      width: 120px;
    }
    .menu666 li {
      font-size: 22px;
    }
    .btn111 a {
      font-size: 25px;
    }
    .tex5 {
      font-size: 18px;
    }
    .hov12 img {
      width: 70%;
    }
    .con22-tex1 {
      padding-bottom: 18px;
    }
    .btn6 a {
      font-size: 13px;
      border-radius: 10px;
      padding: 15px 4px;

}

}

  @media only screen and (max-width : 410px) {
    .PAND-TEX2 {
      font-size: 16.6px;
    }
    .cenab4 {
      width: 190px;
    }
    .cenab444 {
      width: 190px;
    }
    .cenab44444 {
      width: 190px;
    }
    .btn6 {
      left: 4%;
    }
    .btn6666 {
      left: 4%;
    }

    .cena2-tex2222 {

      left: 4%;
      /* top: 70%;*/
    }
    .cena2-tex22223 {

      left: 4%;
      top: 70%;
    }
    .cena2-tex222233 {

      left: 4%;
      top: 70%;
    }
    .btn66 {
      left: 4%;

    }

    .cena2-tex22222 {

      left: 4%;
      top: 70%;
    }

    .cena2-tex222 {

      left: 4%;
      /*     top: 70%;*/
    }

    .btn6 a {
      font-size: 13px;
      border-radius: 10px;
      padding: 15px 4px;
    }
    .btn6666 a {
      font-size: 17px;
      border-radius: 10px;
      padding: 15px 4px;
    }
    .btn66 a {
      font-size: 17px;
      border-radius: 10px;
      padding: 15px 4px;
    }
        .m-hero-phones a.viber-btn {
        padding: 6px 4px;
    }

  }

  @media only screen and (max-width : 390px) {
    h1 {
    font-size: 24px;
}
.con22-t2 {
    font-size: 20px;
}
.PAND111-TEX {
    font-size: 12px;
}
    .cenab4 {
      width: 180px;
      height: 600px;
    }
    .cenab444 {
      width: 180px;
      height: 480px;
    }
    .cenab44444 {
      width: 180px;
      height: 460px;
    }
    .btn6 {
      left: 4%;
      top: 86%;
    }
    .btn6666 {
      left: 4%;
      top: 84%;
    }

    .cena2-tex2222 {

      left: 4%;
      top: 79%;
      font-size: 22px;
    }
    .cena2-tex22223 {

      left: 4%;
      top: 72%;
    }
    .cena2-tex222233 {

      left: 4%;
      top: 68%;
      height: 460px;
    }
    .btn66 {
      left: 4%;
      top: 85%;

    }

    .cena2-tex22222 {

      left: 4%;
      top: 76%;
      font-size: 22px;
    }
    .cena2-tex222 {

      left: 4%;
      top: 79%;
      font-size: 22px;
    }

    .btn6 a {
          font-size: 14.5px;
      border-radius: 10px;
      padding: 15px 4px;
    }
    .btn6666 a {
      font-size: 16px;
      border-radius: 10px;
      padding: 15px 4px;
    }
    .btn66 a {
      font-size: 16px;
      border-radius: 10px;
      padding: 15px 4px;
    }

    th {
      font-size: 11px;
    }
    .PAND-TEX2 {
      font-size: 16px;
    }
        .m-hero-title-text .hero-category {
        font-size: 8px;
    }
        .m-hero-head .hov12 img {
        height: 30px;
    }
        .m-cat-nav {
        gap: 5px;
    }
  }
  @media only screen and (max-width : 376px) {
  .hov5 {
 margin-left: 0px;
}
.viber-btn {
    min-height: 20px;
}

}
  @media only screen and (max-width : 370px) {
      .con33 {
    height: 55px;
}
    .con22-t111 {
    font-size: 15px;
}
    .PAND11-TEX123123123{
    font-size: 22px;
}
.PAND11-TEX123123123 input[type="submit"] {
    font-size: 25px;

}
      th {
    font-size: 9px;
}
    .tex21 {
    font-size: 22px;
}

    .btn666 a {
      font-size: 25px;
    }
    .PAND11-TEX1234{
      font-size: 30px;
    }
    .breadcrumbs {
      font-size: 8px;
    }
    .cena22-tex {
      font-size: 27px;
    }
    .PAND1111-TEX{
      font-size: 22px;
    }
    .PAND11-TEX123123{
      font-size: 22px;
    }
    h3 {
      font-size: 16px;
    }
    .PAND11-TEX123123{
      font-size: 18px;
    }
    .vb img {
      height: 30px;
      width: 80px;
    }
    .menu666 li {
      font-size: 16px;
    }
    .btn111 a {
      font-size: 25px;
    }
    .con22-t1 {
      font-size: 15px;
    }
    input[type="tov2"], input[type="tel"], input[type="tov"] {
      font-size: 18px;
    }


    .PAND11-TEX123123 input[type="submit"] {
      font-size: 25px;

    }

    .cenab4 {
      width: 170px;
      height: 600px;
      box-shadow: 0 0px 3px 0px #111
    }
    .cenab444 {
      width: 170px;
      height: 460px;
      box-shadow: 0 0px 3px 0px #111
    }
    .cenab44444 {
      width: 170px;
      height: 430px;
      box-shadow: 0 0px 3px 0px #111
    }
    .btn6 {
      left: 4%;
      top: 85%;
    }
    .btn6666 {
      left: 4%;
      top: 83%;
    }

    .btn66 {
      left: 4%;
      top: 85%;

    }
    .cena2-tex2222 {

      left: 4%;
      top: 78%;
    }
    .cena2-tex2223 {

      left: 4%;
      top: 74%;
    }
    .cena2-tex22222 {

      left: 4%;
      top: 74%;
    }
    .cena2-tex222 {

      left: 4%;
      top: 78%;
    }

    .btn6 a {
      font-size: 13.7px;
      border-radius: 10px;
      padding: 15px 4px;
    }
    .btn6666 a {
      font-size: 15px;
      border-radius: 10px;
      padding: 15px 4px;
    }
    .btn66 a {
      font-size: 15px;
      border-radius: 10px;
      padding: 15px 4px;
    }

    .PAND-TEX2 {
      font-size: 15.5px;
      padding-left: 1px;
      padding-right: 1px;
    }
        .m-hero-phones {
        font-size: 9px;
    }
  }

  @media only screen and (max-width : 345px) {
    .owl-carousel .owl-item img {
      border-radius: 10px;
      width: 80%;
    }
  
  .cenab4 {
    width: 165px;
  }

  .cenab444 {
    width: 165px;
  }
  .cenab44444 {
    width: 165px;
  }

  .btn6 {
    left: 4%;
    top: 87%;
  }
  .btn6666 {
    left: 3%;
    top: 83%;
  }
  .btn66 {
    left: 4%;
    top: 85%;

  }
  .cena2-tex2222 {

    left: 4%;
    top: 81%;
  }
  .cena2-tex22223 {

    left: 4%;
    top: 70%;
  }
  .cena2-tex222233 {

    left: 4%;
    top: 70%;
  }
  .cena2-tex22222 {

    left: 4%;
    top: 75%;
  }
  .cena2-tex222 {

    left: 4%;
    top: 79%;
  }

  .btn6 a {
        font-size: 13.3px;
    border-radius: 10px;
    padding: 15px 4px;
  }
  .btn6666 a {
    font-size: 15px;
    border-radius: 10px;
    padding: 15px 4px;
  }
  .btn66 a {
    font-size: 15px;
    border-radius: 10px;
    padding: 15px 4px;
  }
  .cena2-tex2 {
    font-size: 18px;
  }
  .con22-tex1 {
    padding-bottom: 16px;
  }
      .m-hero-head .factory-pill {
        padding: 2px 2px;
    }
}
@media only screen and (max-width : 340px) {
  .btn111 a {
    font-size: 22px;
  }
  .cenab4 {
    width: 160px; 
  }
  .cenab444 {
    width: 160px; 
  }
  .cenab44444 {
    width: 160px; 
  }
  .btn6 a {

    padding: 15px 1px;
  }
  .btn6666 a {

    padding: 15px 1px;
  }
  .btn66 a {

    padding: 15px 1px;
  }

    .m-hero-phones {
        gap: 1px !important;
    }
    .col-md-6 > h1 {
    font-size: 26px !important;
}
    .h2-prod {
        font-size: 14px;
    }
    .hero-seo-text {
    font-size: 12px;
}
.zubr-mini-form input[type="submit"] {
    font-size: 10px;
}
.zubr-hero-form-note {
    font-size: 10px;
}



}
@media only screen and (max-width : 330px) {
  .btn6666 {
    left: 4%;
  }
}


@media (min-width: 768px) and (max-width: 1199px) {
  .h1-prod {
    font-size: 36px;
  }

  .h1-prod .h1-accent {
    font-size: 38px;
  }

  .h1-prod .h1-power {
    font-size: 20px;
  }
}