.container_s {
  position:relative;
  width: 85%;
  margin-top: -15px;
  margin-left: auto;
  margin-right: auto;
} 


.box_s {
 position: relative;
  background: #fff;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px; /* Указывает нижний отступ */
  padding: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 4px;
  border-color: #386161;

}

.box_s h1 {
  font-size:.8em;
  font-family: 'Times New Roman', Times, serif;
  text-transform:uppercase;
  color: #386161;
  text-decoration: none;
  background: #E1EDEC;
  margin:0 -10px -1px -10px;
  padding:12px;
  padding-left: 15px;
  padding-right: 45px;
  box-shadow:0 0 10px #DCDCDC inset;
  border-radius: 5px 5px 0 0;
}

.openedSpoiler {
  background-color: yellow; /* Change this to your desired color */
}

.box_s h1.active {
  font-size:.8em;
  font-weight:5;
  text-transform:uppercase;
  color: #ffffff;
  text-shadow: #2e7ebd 0 2px 2px;
  text-decoration: none;
  background: #346767;
  margin:0 -10px -1px -10px;
  padding:12px;
  padding-left: 15px;
  padding-right: 45px;
  box-shadow:0 0 10px #DCDCDC inset;
  border-radius: 5px 5px 0 0;
}

/*кнопка*/
.box_s div.hide {
  font-family: 'Times New Roman', Times, serif;
  display: block;
  width: 60px;
  line-height: 24px;
  position: absolute;
  right: 10px;
  top: 6px;
  cursor: pointer;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
  border: solid 1px #aaa;
/*  background: #f5f5f5;*/
  background: #E1EDEC;
  border-radius: 4px;
  box-shadow:0 0 4px #DCDCDC inset;
}


.box_d {
  background:#fff;
  width: 90%;
  position: relative;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 4px;
  border-color: #386161;
  margin: auto;
}
  

.block {
  padding:1;
}

.block_in {
  margin: auto; /* Добавляем auto для центрирования в блоке .container */
}


.block_in_d iframe {
  margin-top: -50px;
  transform: scale(.9);
}

.box_s div.hide:hover {background: #fff;}
.box_d div.hide:hover {background: #fff;}
.box_s div.hide span.h {display: block;}
.box_s div.hide span.s {display: none;}
.box_s div.show span.h {display: none;}
.box_s div.show span.s {display: block;}

.closed div.hide span.h {display: none;}
.closed div.hide span.s {display: block;}
.closed div.show span.h {display: block;}
.closed div.show span.s {display: none;}

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

.box_s, .box_d {
width: 95%;

}
.box_s h1 {
    font-size:9px; /* Увеличение размера шрифта заголовков для лучшей читабельности */
    padding-left: 10px; /* Уменьшение левого отступа */
    padding-right: 10px; /* Уменьшение правого отступа */
    margin: 0 -5px -1px -5px; /* Уменьшение отрицательных маржинов */
  }


.box_s h1.active {
    font-size:9px; /* Увеличение размера шрифта для активных заголовков */
    padding-left: 10px; /* Уменьшение левого отступа для активных заголовков */
    padding-right: 20px; /* Уменьшение правого отступа для активных заголовков */
    margin: 0 -5px -1px -5px; /* Уменьшение отрицательных маржинов для активных заголовков */
  }

.box_s div.hide {
    font-size: 11px; /* Увеличение размера шрифта элементов управления */
    top: 4px; /* Корректировка верхнего расположения для лучшей видимости */
    width: 70px; /* Увеличение ширины для размещения текста */
  }


.container_s {
  width: 100%;
  left:55px;
  font-size:5px;
  height: 2000px;
} 

#iframe1 {
    height: 2050px; /* Новая высота для малых экранов */
  }

#iframe2 {
    height: 1500px; /* Новая высота для малых экранов */
  }

#iframe3 {
    height: 1700px; /* Новая высота для малых экранов */
  }


}