/* CSS Document */

@media (max-width: 990px) {
    img {height: auto;}
    .formBron .title {font-size:11px; padding-top:10px;}
    .formBron input, .formBron button {padding:8px 0 8px 10px; font-size:13px !important;}
    .formMenu .menu a {font-size:11px;}
    .sanName h1 {font-size:22px;}
    .head .phone {font-size:15px; text-align:left;}
    .head .phone span {font-size:10px;}
	iframe {max-width: 100% !important; height: auto;}
    .new_options {webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
}
@media (max-width: 768px) {
    .sanDesc .previewText {border:none; padding:0; width:100%; margin:0;}
    h1{ font-size:24px;}
    h2{ font-size:22px;}
    .footer .menu, .footer .rezhim {margin-bottom:20px;}
    .footer .callBox {font-size:26px;}
    .roomsIn .item img, .roomsIn .item .imgBox {border-radius:5px 5px 0 0 ;}
    .roomsIn .item .desc {border-radius:0  0 5px 5px;}
    .responses .item {padding:20px;}
    .formBron.inRooms input {border-left:none; border-bottom:1px solid #ccc !important;}
    .roomsIn .item .mesta {text-align:center;}
    .withotSvBlock {padding: 5px 10px; font-size: 90%; bottom: 88px; left: 20px; right:  auto; font-weight: normal; max-width: 50%;}
    .withotSvBlock .fa {background: #dc3545; border-radius: 50%; color: #fff; padding: 4px 5px; right: -8px; top: -8px;}
	.ws-chat {display: none !important;}
}
@media (max-width: 576px) {
    .head .mobileMenu { left:15px; width:calc(100% - 30px);}
    .new_options {webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}
@media (max-width: 360px) {
	.roomDopPhoto div.thumb {max-width: 116px;}
}