.top_line{
   padding: 5px 0;
   font-weight: 600;
   font-size: 14px;
   line-height: 1.2;
   letter-spacing: -0.01em;
   color: #FFFFFF;
   white-space: nowrap;
   overflow: hidden;
   background: #C4C8B0;
   display: flex;
   /* flex-wrap: wrap; */
   align-items: center;
   height: 38px;
}
.top_line span{
   margin: 0 5px;
   display: inline-block;
   vertical-align: top;
}
.top_line + #header{
   top: 38px;
}

/* по поводу logo. Когда стили будешь переносить в файл стилей для оптовиков убери !important. Я их сейчас проставила, потому что данные стили перебиваются стилями из других файлов стилей */
#header .logo{
   width: 178px !important;
   height: 80px !important;
   background: url("../images/logo_wholesale.svg") no-repeat !important;
   background-size: 100%;
   left: 19px !important;
}

/* @media screen and (max-width: 1300px){
   .opt_box{
      left: 0;
      transform: none;
   }
} */
@media (max-width: 1100px){
   /* .top_line{
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      z-index: 10;
   } */
   #header .logo{
      height: 48px !important;
      width: 106px !important;
      left: 15px !important;
      background: url("../images/logo_base.svg") no-repeat !important;
      background-size: 100% !important;
   }
}
@media (max-width: 767px){
   .top_line{
      height: 28px;
   }
   .top_line + #header{
      top: 28px;
   }
   #header .logo{
      height: 43px !important;
      width: 91px !important;
   }
}