.bNavMobile {
   display: none;
   font-size: 40px;
   color: var(--shrift);
}

.socials_header {
   width: min-content;
   gap: 12px;
   height: auto;
   display: none;
   align-items: center;
   justify-content: space-between;
   margin: 36px auto;
}

.socials_header a {
   border: 1px solid rgba(82, 65, 58, 0.3);
   width: 48px;
   height: 48px;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.socials_header a svg {
   fill: #52413A;
}

header .nav .close {
   display: none !important;
   font-size: 40px;
   position: absolute;
   top: 20px;
   right: 20px;
   color: var(--shrift);
}

.navOther {
   display: none;
}

.nPK {
   display: none !important;
}

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

   body {
      overflow-x: hidden;
   }
}

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

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

   .wrapper {
      padding-left: 15px;
      padding-right: 15px;
   }

   .form-request {
      position: relative;
   }

   .form-request img {
      width: 126px;
      height: 126px;
      position: absolute;
      top: 75px;
      left: 375px;
   }
}

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

   header .nav {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      padding: 80px 30px;
      background: #fff;
      z-index: 5;
   }

   header .nav.active {
      display: block;
   }

   header .nav nav {
      display: block;
      margin: 0;
   }

   header .nav nav a {
      display: table;
      margin: 16px auto;
      width: auto;
      text-align: center;
      font-size: 16px;
   }

   header .nav nav a:first-child {
      margin-top: 0px;
   }

   header .nav .phone {
      text-align: center;
      margin-right: auto;
      display: table;
      margin: 0 auto;
   }

   header .nav .socials_header {
      display: flex;
   }

   header .nav a.signin {
      width: min-content;
      margin: 0 auto;
   }

   header .nav .close {
      display: table !important;
   }

   .bNavMobile {
      display: block;
   }

   header .user {
      width: 35px;
      height: 35px;
   }

   #conteiner {
      margin: 30px auto;
   }

   #conteiner>.nav {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid #f3eee9;
      border-radius: 10px 10px 0 0;
      box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.05);
      background: #fff;
   }

   #conteiner>.nav a:not(.mob) {
      display: none;
   }

   #conteiner>.nav a {
      display: block;
      padding: 8px 8.5px;
   }

   #conteiner>.nav a i {
      display: block;
      margin: 0 auto;
      text-align: center;
   }

   #conteiner>.nav a span {
      font-size: 8px;
      text-align: center;
      display: block;
   }

   #conteiner>.nav a.active {
      background: rgba(0, 0, 0, 0);
      color: var(--red);
   }

   #conteiner .navOther {
      width: 100%;
      height: auto;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 2;
      border-top: 1px solid #f3eee9;
      border-radius: 10px 10px 0 0;
      box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.05);
      background: rgba(255, 255, 255, 0.97);
      padding: 15px 10px;
      padding-bottom: 65px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
   }

   #conteiner .navOther a {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      padding: 8px 10px;
      width: 50%;
      height: auto;
      border-radius: 10px;
      color: var(--shrift);
      position: relative;
   }

   #conteiner .navOther a span {
      font-size: 14px;
   }

   .nPK {
      display: block !important;
   }

   .content > form textarea {
      font-size: 14px;
   }
}

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

   .products .product {
      width: 100%;
   }

   .pages {
      gap: 7px;
   }

   .pages a {
      font-size: 14px;
   }

   footer {
      padding: 40px 0;
   }

   footer .wrapper {
      flex-wrap: wrap;
      gap: 33px;
   }

   footer .logo {
      margin: 0 auto;
   }

   footer .nav a {
      margin-bottom: 11px;
   }
}

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

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

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

   header {
      height: 60px;
   }

   header .logo,
   header .logo img {
      max-height: 35px;
   }

   .content .nav {
      height: auto;
      gap: 20px;
   }

   .content .nav a {
      font-size: 14px;
   }
}

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

   .form-request {
      padding: 67px 0;
      height: auto;
   }

   .form-request p {
      font-size: 16px;
      max-width: 197px;
   }

   .form-request img {
      top: 50px;
      left: 220px;
   }

   .btn,
   .form-request .buttons a.buttonVideo {
      font-size: 14px;
   }

   .form-request .buttons a.buttonVideo {
      padding: 11px 18px;
   }

   .form-request .check p {
      max-width: 100%;
   }
}