html { font-size:12pt;}
#body_mid { width: 100%; padding: 0px 10px 0 10px; position: relative;}
#gor_menu ul li:hover ol {display:none;}

/* Загальний контейнер меню */
#gor_menu { position: fixed; top: 62px; left: 0; width: 320px; background-color: #232f3c;
  border-bottom: none; text-align: left; z-index: 1000; left: 50%; transform: translateX(-50%);}
/* Головний список робимо вертикальним */
#gor_menu ul { display: block; padding: 0; margin: 0; border: none; border-radius: 0; background-color: #232f3c; }
/* Пункти меню — на всю ширину */
#gor_menu ul li { display: block; border: none; border-bottom: 1px solid #e7c593; text-align: left; }
/* Стиль посилань у пунктах */
#gor_menu ul li:first-of-type { border-bottom: 1px solid #e7c593;}
#gor_menu ul li a, #gor_menu ul li span { display: block; padding: 15px; font-size: 18px; text-align: center; color: #e7c593; transition: background-color 0.3s;}
#gor_menu ul li a:hover, #gor_menu ul li span:hover { background-color: #34495e; color: #fff; }
/* Стилі для підменю (випадаючого списку) */
#gor_menu ul li ol { display: none; position: static; width: 100%; border: none; background-color: #2c3e50;}
/* Показати підменю при натисканні */
#gor_menu ul li.active ol {  display: block;}
/* Стилі пунктів підменю */
#gor_menu ul li ol li a { padding: 12px; font-size: 16px; border-bottom: 1px solid #e7c593; transition: background-color 0.3s;}
#gor_menu ul li ol li a:hover { background-color: #3b4e5f; color: #fff;}
/* Візуальна кнопка-гамбургер (при бажанні можна додати до HTML) */
#menu-toggle { display: block;  position: fixed; top: 0; margin:auto; width: 320px; background-color: #34495e; color: #e7c593; text-align: center; padding: 15px; font-size: 20px; cursor: pointer; border-bottom: 2px solid #e7c593; z-index: 1100; left: 50%; transform: translateX(-50%);}
#menu-toggle:hover { background-color: #3b4e5f;}
/* Підменю за замовчуванням приховане */
#gor_menu ul li ol { display: none; position: static; width: 100%; background-color: #2c3e50; border-top: 1px solid #e7c593;}
/* Підменю стає видимим при класі .active */
#gor_menu ul li.active ol { display: block;}
/* Стиль для активного пункту меню */
#gor_menu ul li.active .menu-par { background-color: #3b4e5f; color: #fff;}

/* Відступ для якірних міток, щоб контент не ховався під фіксованим меню */
:target {
  scroll-margin-top: 80px; /* Відступ під меню */
}

/* Анімація появи/зникнення меню */
#menu-toggle, #gor_menu {
  transition: top 0.3s ease-in-out;
}

.gallery_img .container_in { width: 300px;}
.gallery_img .mySlides { width: 300px;}
.gallery_img .column img { width: 59px;}
.about_left, .about_right { display:block; width: 100%;}
.about_left {text-align: left;}
.about_right {text-align:center;}
.price { padding-top: 30px; }
.about_bot, .form_compl_text, .block_about {text-align: left;}
.form_style { width: 300px;}
.review { width: 100%;}
.about  { font-size:12pt;}

.line { width: auto; height: 17px; margin: 60px 0px 60px 0px ; padding:0; background: url(../images/line_300.png) no-repeat center;}

.review_text { font-size: 10pt; }

.modal_block_all .modal-content { max-width: 100%;}
.modal_block_all .mySlides img { max-width: 100%;}
.modal_block_all .close { top: 60px;}