.svg-wrapper {
  display: none;
}
@media (max-width: 1200px) {
  .text-layer-bg {
    margin-right: 3%;
  }
}
@media (max-width: 937px) {
  .svg-wrapper {
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .banner-company {
    max-width: 800px;
    position: relative;
    width: 100%;
  }

  .text-layer-bg {
    position: absolute;
    left: 6%;
    width: 96%;
    padding: 0 30px;
  }

  .text-layer-desc {
    text-align: left;
    max-width: 395px;
    margin-left: 153px;
    position: absolute;
    width: 100%;
  }

  .text-layer {
    margin-top: 90px !important;
  }

  .text-layer-desc p {
    margin: 20px 0;
  }

  .banner-company .text-layer-bg .text-layer h1 {
    margin-bottom: 0;
  }

  .bottom-menu {
    overflow-x: auto;
    margin-left: 30px;
  }
  .bottom-menu::-webkit-scrollbar {
    display: none;
  }

  .bottom-menu table {
    width: 776px;
  }

  .table.inner {
    width: 100%;
  }
}

/* 
<div class="table inner">
    <div class="bottom-menu">
        <table>
            <tbody><tr>

			<td><a href="/o-kompanii/sotsialnaya-otvetstvennost/">социальная ответственность</a></td>
		
			<td><a href="/o-kompanii/investoram-i-aktsioneram/">инвесторам и акционерам</a></td>
		
			<td><a target="_blank" href="https://www.arendahc.ru/obekty/biznes-tsentry/biznes-tsentr/">офисные площади в аренду</a></td>
		
			<td><a target="_blank" href="http://arendahc.ru/obekty/torgovye-tsentry/">торговые площади в аренду</a></td>
		
			<td><a href="http://arendahc.ru/obekty/street-retail/">Street-Retail площади в аренду</a></td>
		
			<td><a href="/o-kompanii/feedback/">Обратная связь</a></td>
		

            </tr>
        </tbody></table>
    </div>
</div> */

/* В это место хотелось бы добавить класс table рядом с inner */

@media screen and (max-width: 657px) {
  .text-layer-bg {
    width: 83%;
  }

  .text-layer-bg {
    left: 18%;
  }
}

@media screen and (max-width: 640px) {
  .text-layer-bg {
    width: 100%;
  }

  .text-layer-bg {
    left: 0;
  }

  .text-layer-desc {
    width: 100%;
    max-width: 357px;
  }
}

@media screen and (max-width: 500px) {
  .banner-company {
    height: 800px;
    background-size: cover;
  }

    .text-layer-desc {
    width: 100%;
    max-width: 320px;
  }
}


