form#modal-form {
    width: 340px;
    position: relative;
    background: #75B44E;
    font-family: 'FuturaBookC';
    font-size: 16px;
    color: #fff;
    padding: 40px 20px;
}

form#modal-form .header {
    font-size: 30px;
    font-family: 'FuturaDemiC';
    text-align: left;
    margin-bottom: 20px;
}

form#modal-form .mf-name,
form#modal-form .mf-phone,
form#modal-form .mf-message {
    width: auto;
    margin: 10px 0;
}

form#modal-form .mf-text {
    text-align: left;
}

form#modal-form input {
    border-bottom: 1px solid #65a73d;
    border-top: 0;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    display: block;
    width: 100%;
    margin: 10px 0;
    background: transparent;
}

form#modal-form input:focus,
form#modal-form textarea:focus {
    outline: none
}

form#modal-form textarea {
    border-bottom: 1px solid #65a73d;
    border-top: 0;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    background: transparent;
    width: 100%;
    resize: none;
}

form#modal-form input[type="submit"] {
    color: #000;
    background: #fff;
    padding: 10px 0;
    border: none;
}

form#modal-form .close-modal {
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    position: absolute;
    margin: 20px;
    cursor: pointer;
    background: url(../images/close.svg);
}

.modal-form-error .mfeedback {
    background: #75B44E
}

.modal-form-error .mfeedback .mf-ok-text {}

@media (max-width: 991px) {
    #static-page #services-page .bx-newslist-container{
        width: 50%;
    }
    .top-menu ul li a{
        padding: 0;
        width: fit-content;
    }
    .top-menu-footer ul li a{
        padding: 0;
        width: fit-content;
    }
}

@media screen and (max-width: 650px) {
    .slick-pagination ul li:nth-child(1){
        margin-left: -35px;
    }
    #static-page #news-page .bx-newsdetail{
        padding: 0 15px;
    }
    #static-page #services-page .bx-newslist-container{
        width: 100%;
    }
    .slick-pagination {
        width: 100%;
    }

    form#modal-form {

        width: 360px;
        position: absolute;
        background: #75B44E;
        font-family: 'FuturaBookC';
        font-size: 16px;
        color: #fff;
        padding: 40px 20px;
        top: 0;
        left: 0;
    }

    body {
        font-family: 'FuturaDemiC', sans-serif;
    }

    body .container {
        width: auto
    }

    .logo {
        margin-top: 50px;
    }

    .logo img {
        top: 0;
        height: 80px;
    }

    .top-action {
        margin: 20px 0 0 0
    }

    .top-action a {
        width: 110%;
        text-align: center;
        margin-left: -15px;
        margin-right: -15px;
    }

    #slider .slide.slick-slide {
        background-size: contain
    }

    #slider .slide.slick-slide,
    #slider .slide.slick-slide .slider-in {
        height: 125px;
    }

    #static-page img {
        width: 100%;
        height: 100%;
    }

    section#news {
        padding: 40px 0
    }

    #static-page #promo-page .bx-newslist-container .bx-newslist-block .news-img img,
    #static-page #news-page .bx-newslist-container .bx-newslist-block .news-img img {
        min-width: 100%;
    }

    section#promo .mobile-promo {
        display: block;
    }

    #static-page #news-page .bx-newslist-container .bx-newslist-block .news-img,
    #static-page #promo-page .bx-newslist-container .bx-newslist-block .news-img {
        margin: 0 auto;
    }

    #static-page #news-page .bx-newslist-container .bx-newslist-block,
    #static-page #promo-page .bx-newslist-container .bx-newslist-block {
        display: block;
    }

    #static-page #gallery-page .photo-block,
    #static-page #gallery-page .video-block {
        margin: 0
    }

    #static-page #gallery-page .photo-block a,
    #static-page #gallery-page .video-block a {
        margin: 50px 0;
        padding: 100px 0;
    }

    #static-page #gallery-page #gallery-list .bx-newslist-container .bx-newslist-block:before {
        width: 100%;
    }

    #static-page #news-page #gallery .item,
    #static-page #gallery-page #gallery .item {
        width: auto;
        height: auto;
    }

    section#news .text,
    section#promo .text {
        text-align: center;
        padding: 0 0 30px 0;
    }

    section#news .link,
    section#promo .link {
        text-align: center;
        padding: 0 0 30px 0;
    }

    section#services {
        background: url(../images/serv-left.png) top left no-repeat;
        background-color: #75b44e;
    }

    #static-page #services-page .services {
        display: block;
    }

    #static-page #services-page .services img {}

    #static-page #services-page .bx-newslist-block img {
        padding: 70px;
        height: auto;
    }

    #static-page #rooms-page .details .zakaz a {
        margin: 20px auto;
        float: unset;
        display: block;
    }

    section#services .services {
        display: block;

    }

    #static-page #rooms-page .product-item-container {
        margin-bottom: 0px;
    }

    #static-page #rooms-page .product-item-container .product-item {
        padding: 15px;
    }

    #static-page #rooms-page .gallary .slick-dots {
        max-width: 320px;
        display: flex;
        position: relative;
        flex-wrap: wrap;
        flex-direction: row;
        bottom: 0px;
        justify-content: center;
    }

    #static-page #rooms-page .product-item-container .product-item .product-img img,
    #static-page #rooms-page .product-item-container .product-item .product-bottom .product-link a {
        margin: 20px 0;
    }

    #static-page #rooms-page .product-item-container .product-item .product-item-desc,
    #static-page #rooms-page .product-item-container .product-item .product-item-title {
        margin-bottom: 20px;
    }

    section#services .services .serv {
        width: auto;
    }

    section#services .services .serv a {
        padding: 0
    }

    .popupform section#request .mfeedback {
        padding: 15px 30px;
        background: #75B44E;
    }

    section#request .popupform .header {
        background: #75B44E;
        font-size: 30px;
        width: 101%;
        color: #fff;
    }

    section#request .mfeedback {
        margin-left: -15px;
        background: #75B44E;
        background-repeat: repeat;
        margin-right: -15px;
    }

    section#request .mfeedback {
        padding: 30px;
    }

    section#request .mfeedback form {
        display: block;
        position: relative;
    }

    section#request .mfeedback .mf-offer {
        width: auto;
    }

    section#request .mfeedback .mf-name,
    section#request .mfeedback .mf-phone,
    section#request .mfeedback .req,
    section#request .mfeedback .conf {
        width: auto;
    }

    section#request .mfeedback .req {
        text-align: center;
    }

    section#footer .logo img {
        top: 0;
    }

    section#footer {
        text-align: center;
    }

    section#footer .text.frst {
        margin: 0;
    }

    /* text center */
    section#request .header,
    section#footer .copy,
    section#services .header,
    section#services .text,
    section#request .text,
    section#office .header,
    section#office .text,
    section#footer .art,
    section#news .header,
    section#promo .header {
        text-align: center;
    }

    section#map {
        height: auto;
        display: block;

    }

    #mainmap .mainmap {
        width: 1200px !important;
        height: 584px !important;
    }

    #mainmap:before,
    section#map #mainmap:before {
        position: relative;
        content: 'Используйте прокрутку для просмотра карты';
        top: 0;
        margin-top: -20px;
        left: 0;
        padding: 0 5px;
    }

    #mainmap,
    section#map #mainmap {
        top: 30px;
        overflow-x: scroll
    }

    section#map .header,
    section#map .online {
        text-align: center;
    }

    section#map .online {
        padding: 20px 0;
    }

    /* text center */


    /* display none*/

    .top-info,
    .top-soc,
    .top-menu-footer,
    section#promo .index-promo {
        display: none;
    }

    /* display none*/
    .mobile-menu {
        display: block;
        position: fixed;
        width: 100%;
        background: #fff;
        top: 0;
        left: 0;
        z-index: 300;
    }

    .top-menu {
        top: -100%;
        position: fixed;
        background: #fff;
        left: 0;
        z-index: 200;
        width: 100%;
        height: 100%;
    }

    .top-soc-mobile {
        display: flex;
    }

    .top-menu ul {
        display: block;
    }

    .top-menu ul li {
        text-align: left;
    }

    .top-menu ul li a {
        padding: 20px 10px;
    }

    .popupform section#request {
        max-width: 100%;
        width: 100%
    }

    .popup,
    .fancybox-slide {
        padding: 0 !important
    }

    .fancybox-close-small {
        font-family: 'Glyphicons Halflings';
        font-size: 26px;
        color: #fff !important
    }

    .fancybox-close-small:before {
        content: '\e014';

    }

    .mobile-phone {
        position: fixed;
        top: 0;
        right: 0;
        width: 44px;
        height: 44px;
        display: block;
        z-index: 300;
        margin: 5px;
    }
    .mobile-tg {
        position: fixed;
        top: 0;
        right: 100px;
        width: 44px;
        height: 44px;
        display: block;
        z-index: 300;
        margin: 5px;
    }
    .mobile-wa {
        position: fixed;
        top: 0;
        right: 50px;
        width: 44px;
        height: 44px;
        display: block;
        z-index: 300;
        margin: 5px;
    }

    .mobile-phone a {
        display: block;
        background: url(../images/mob-phone.png) center center no-repeat;
        width: 44px;
        height: 44px;
        z-index: 400;
        position: absolute;
    }
    .mobile-tg a {
        display: block;
        background: url(../images/tg-mini.png) center center no-repeat;
        width: 44px;
        height: 44px;
        z-index: 400;
        position: absolute;
    }
    .mobile-wa a {
        display: block;
        background: url(../images/wa-mini.png) center center no-repeat;
        width: 44px;
        height: 44px;
        z-index: 400;
        position: absolute;
    }
}

@media screen and (max-width: 450px) {
    section#request .mfeedback{
        padding: 0;
    }
}

@media screen and (max-width: 400px) {
    section#request .mfeedback form{
        padding: 20px;
    }
}

@media screen and (max-width: 350px) {
    section#request .mfeedback form{
        padding: 10px;
    }
}