@media screen and (max-width: 990px){
   header .column:last-child{
      display: none;
   }
   header .column:nth-child(1){order:1;}
   header .column:nth-child(2){
      width: auto;
   }
   header{

      padding-top: 28px;

      padding-left: 16px;

      padding-right: 16px;
   }
   header .burger{
      display: flex;
      justify-content: flex-end;
   }
   main .indexsection h1{
      padding-left:0;
      font-size: 36px;
      padding-left: 9px;
      padding-right: 14px;
   }
   main .indexsection h1 span div{
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%; /* 16.8px */
      letter-spacing: 0.14px;
      padding: 0;
      width: 142px;
      display: block;
      margin-top: 10px;
   }
   main .marquee .js-marquee{
      gap:40px;
      margin-right: 40px!important;
   }
   main .marquee{
      height:50px;
      font-size: 10px;
      margin-top: 130px;
      margin-bottom: 50px;
   }
   main .marquee:after{
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      transform: rotate(3.511deg);
   }
   main picture{
      height: auto;
      right: auto;
      left: 0;
      bottom: 0;
      top: auto;
   }
   main picture img{
      height: auto;
   }
   header .logo svg{
      height:49px;
      width: auto;
   }
   .mobile_socials{

      display: flex;

      justify-content: center;

      gap: 3px;

      margin-top: 18px;

      margin-bottom: 22px;

      border-top: 1px solid rgb(255 255 255 / 10%);

      padding-top: 18px;
   }
}

@media screen and (min-width: 990px){
   .mobile_socials{
      display: none;
   }
}

@media screen and (min-width: 990px) and (max-width: 1200px){
   main .indexsection h1{
      font-size: 90px;
   }
   main .indexsection h1 span div{
      font-size:18px;}
   main picture img{height:700px;}
   main picture{
      right:0;
   }
   header .contacts{
      gap: 15px;
      white-space: nowrap;
   }
   header .logo svg{
      height:50px;
      width:auto;
   }
   header .contacts .meta a, header .contacts .meta a:first-child{
      font-size: 20px;
   }
   header .contacts .socials a svg{
      width: 50px;
      height: auto;
   }
}

@media screen and (min-width: 1201px) and (max-width: 1400px){
   main .indexsection h1{
      font-size: 113px;
   }
   main .indexsection h1 span div{
      font-size: 22px;
   }
   main picture img{height:700px;}
   main picture{
      right:0;
   }
   header .contacts{
      gap: 15px;
      white-space: nowrap;
   }
   header .logo svg{
      height:50px;
      width:auto;
   }
   header .contacts .meta a, header .contacts .meta a:first-child{
      font-size: 20px;
   }
   header .contacts .socials a svg{
      width: 50px;
      height: auto;
   }
}