@media (min-width: 992px) and (max-width: 1399px) {
    
:root {
  --main-container: calc(100% - 160px);
  --small-container: calc(100% - 160px);
  --bg-color: #F8F8F8;;  
  --radzel-margin: 100px;
  --radzel-dop: 70px;    
 }

html, body {
    font-size: 18px;

}
h1 {
    font-size: 80px;
}

.h1-dop {
    font-size: 30px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

.content {
    width: 100%;
}

.content__left{
    width: 33%;
}

.content__right {
    width: 67%;
}



.main {
    font-size: 100px;
}

.main-title__center {
    padding-top: 80px;
    padding-bottom: 80px;
}

.menu {
    display: none;
}

.swiper-wrapper img {
    width: 220px;
}

}