/* Desktop styling comes from the original style.css. This file fixes narrow viewports. */
[hidden]{display:none!important}
.after-send{color:#006666;clear:both}
@media(max-width:1179px){
 #wrapper{min-width:0;background-size:162.711864vw auto}
 #wrap-content,#footer-wrap,#b-menu-bg>div{width:calc(100% - 24px);max-width:1180px}
 #header{height:auto;min-height:0;padding-top:38.728814vw}
 #head-line{padding:10px 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;height:auto;background:#31333e}
 #head-line>div{float:none;margin:0;padding:0}
 #call{width:230px}#call>a{margin-left:0}
 #middle{margin-top:0;display:flex;align-items:flex-start}
 #container{float:none;min-width:0;flex:1}
 #content{padding:0 0 0 18px;overflow-wrap:anywhere}
 #sideLeft{float:none;margin:0;order:-1;flex:0 0 245px}
 .floating{position:static!important;top:auto!important}
 #content img{max-width:100%;height:auto}
 #content .panorama{box-sizing:border-box}
 .gallary,#map-contact{width:100%;display:flex;flex-wrap:wrap;justify-content:center}
 .gallary a{max-width:100%}
 #feedback-table{margin:0;width:100%}
 #feedback-table td{width:auto}
 #feedback-table input:not([type=checkbox]):not([type=submit]),#feedback-table textarea{width:100%!important;box-sizing:border-box}
 #tbl_price{max-width:100%;font-size:14px;overflow-wrap:anywhere}
 #b-menu-bg{height:auto;min-height:40px;margin-top:40px}
 #b-menu-bg>div::after,#footer-wrap::after{content:'';display:block;clear:both}
 #bottom_menu{display:flex;flex-wrap:wrap}
 #bottom_menu>li{float:none;padding:0 5px;max-width:100%}
 #bottom_menu a{padding:0 5px;font-size:12px}
 #info{float:none;display:inline-block;max-width:100%;box-sizing:border-box}
 #footer{height:auto;min-height:90px;padding-bottom:20px}
 #footer-wrap{display:flex;flex-wrap:wrap;gap:0 20px}
 #footer-wrap div{padding-right:0;float:none}
 #footer-wrap .tex{padding:0!important}
 #footer-wrap>a[title]{display:inline-block;max-width:100%;overflow-wrap:anywhere}
 #go_top{right:10px;bottom:24px}
}
@media(max-width:600px){
 #middle{flex-direction:column}
 #sideLeft{width:100%;flex:auto;align-self:stretch}
 #left_menu>li,#left_menu ul{width:100%}
 #left_menu a{height:auto;min-height:35px;line-height:1.6;padding:5px 0;box-sizing:border-box}
 #left_menu .lv2 a{height:auto!important;line-height:1.6!important;min-height:30px}
 #left_menu span{display:inline-block;padding-right:10px}
 #order{margin:15px auto}
 .img-hide{display:none!important}
 #content{padding:0}#container{width:100%}
 h1{font-size:24px;overflow-wrap:anywhere}
 #content .img-index,#content .img-about{float:none;display:block;margin:12px auto!important;max-width:100%;height:auto}
 #feedback-table,#feedback-table tbody,#feedback-table tr,#feedback-table td{display:block;width:auto}
 #feedback-table td{text-align:left}
 #feedback-table tr:has(input[type=checkbox]){display:flex;align-items:center}
 #feedback-table tr:has(input[type=checkbox]) td:first-child{flex:0 0 24px}
 #feedback-table input[type=checkbox]{width:auto!important}
 #contact{width:100%}#contact td{overflow-wrap:anywhere;padding:4px}
 .even{max-width:80px}
 #bottom_menu>li{height:auto;min-height:40px}
 .active-footer{margin-top:0;height:50px!important}
 #info{line-height:1.4;height:auto;min-height:44px;padding-top:10px;padding-bottom:10px}
 .call_from_site{padding:5px}
 #call-from-site-table{width:100%;padding-top:0!important}
 #call-from-site-table td{padding:3px!important}
 #call-from-site-table input:not([type=checkbox]):not([type=submit]){width:100%!important;box-sizing:border-box}
 #call-from-site-table input[type=checkbox]{width:auto!important}
}
@media(max-width:600px){
 #left_menu a{background-size:100% 100%}
 #left_menu>li.active>span,#left_menu .lv2>li.active>span{display:block}
}