@media (max-width: 1200px) { /* до 1200 */
    body {

        .wrapper,
        .section-wrap {
            width: 1000px;
        }
        .wrapper {

            .container {
                width: 690px;

                nav.main-navigation {

                    .nav-wrap {

                        ul.menu {
                            width: 690px;

                            >li {

                                >a {
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                }
                .content {

                    .rooms {

                        .room {
                            width: 212px;

                            .room-title {
                                font-size: 20px;
                                line-height: 36px;
                            }
                            .room-foot {
                                background-size: contain;

                                .room-price {
                                    font-size: 20px;
                                    line-height: 30px;
                                    text-indent: 25px;
                                }
                                .room-more {
                                    font-size: 14px;
                                    line-height: 20px;
                                    margin: 5px 0 0 15px;
                                    padding: 0 5px;
                                }
                            }
                        }
                    }
                }
            }
        }
        footer {

            .footer-info {

                .contacts-block {
                    width: 245px;
                    padding: 0 10px 0 20px;

                    label {
                        font-size: 12px;
                    }
                }
                .callback-block {
                    width: 215px;
                    padding: 0 20px;

                    label {
                        font-size: 12px;
                    }
                }
                .location-block {
                    padding: 0 20px;
                    width: 310px;

                    a.email,
                    p.location {
                        font-size: 14px;
                    }
                }
                .order-block {
                    padding: 0 15px 0 20px;
                    width: 195px;
                }
            }
        }

        .callback-fixed {
            bottom: 20px;
            height: 100px;
            right: 20px;
            width: 100px;

            .cf__radial1 {
                height: 80px;
                left: 10px;
                top: 10px;
                width: 80px;
            }
            .cf__radial2 {
                height: 50px;
                left: 24px;
                top: 24px;
                width: 50px;
            }
            .cf__logo {
                height: 23px;
                left: 40px;
                top: 40px;
                width: 23px;

                img {
                    width: 23px;
                }
            }
        }
    }
}
@media (max-width: 1000px) { /* до 1000 */
    body {

        .wrapper,
        .section-wrap {
            width: 800px;
        }
        header {

            .section-wrap {

                p {
                    margin: 0 0 0 350px;
                }
            }
        }
        .wrapper {

            .container {
                width: 490px;

                nav.main-navigation {
                    position: relative;
                    z-index: 99;

                    .nav-wrap {

                        .responsive-menu {
                            color: #fff;
                            display: block;
                            font-size: 24px;
                            font-weight: bold;
                            letter-spacing: 5px;
                            text-align: center;
                            cursor: pointer;
                            width: 100%;
                            position: relative;
                            z-index: 99;
                        }
                        ul.menu {
                            background-color: rgb(5, 124, 235);
                            display: none;
                            position: relative;
                            width: 100%;
                            z-index: 99;

                            li {
                                display: block;
                                position: relative;
                                text-align: center;
                            }
                        }
                    }
                }
                .content {

                    .rooms {

                        .room {
                            float: none !important;
                            margin: 0 auto 20px !important;
                            width: 280px;
                        }
                    }
                }
            }
        }
        footer {
            height: auto;

            .footer-info {
                height: auto;

                .contacts-block {
                    padding: 0 20px;
                    position: relative;
                    text-align: center;
                    width: 50%;
                    &:after {
                        background-color: #fff;
                        bottom: -10px;
                        content: "";
                        height: 1px;
                        left: 0;
                        position: absolute;
                        width: 95%;
                    }
                    label {
                        font-size: 14px;
                    }
                }
                .callback-block {
                    position: relative;
                    text-align: center;
                    width: 50%;
                    padding: 0 20px;
                    border: none;
                    &:after {
                        background-color: #fff;
                        bottom: -10px;
                        content: "";
                        height: 1px;
                        right: 0;
                        position: absolute;
                        width: 95%;
                    }
                    label {
                        font-size: 12px;
                    }
                }
                .location-block {
                    padding: 0 20px;
                    width: 50%;

                    a.email,
                    p.location {
                        font-size: 14px;
                    }
                }
                .order-block {
                    padding: 0 20px;
                    width: 50%;
                    box-sizing: border-box;
                }
            }
            .footer-nav {

                .section-wrap {

                    ul.menu {
                        width: 680px;
                    }
                }
            }
        }
    }
}
@media (max-width: 800px) { /* до 800 */
    body {

        header .section-wrap p {
            margin: 0 0 0 50px;
            text-align: center;
        }
        .wrapper,
        .section-wrap {
            width: 100%;
        }
        .wrapper {

            .sidebar {
                float: none;
                margin: 0 auto;
            }
            .container {
                float: none;
                width: 100%;

                .content {
                    padding: 15px 20px 0;
                }
            }
        }
        footer {

            .footer-nav {
                display: none;
            }
        }
    }
}
@media (max-width: 600px) { /* до 600 */
    body {

        .wrapper {

        }
        footer {

            .footer-info {
                padding: 15px 0 0 0;

                .contacts-block,
                .callback-block,
                .location-block,
                .order-block {
                    border-bottom: 1px solid #fff;
                    border-right: medium none;
                    float: none;
                    margin: 0 auto 15px;
                    padding: 0 0 15px;
                    width: 90%;
                    &:after {
                        display: none;
                    }
                }
            }
        }
    }
}
@media (max-width: 500px) { /* до 500 */
    body {

        .wrapper {

            .container {

                #slider {

                    .contacts-block {
                        display: none;
                    }
                }
            }
        }
    }
}
@media (max-width: 400px) { /* до 400 */
    body {

        .wrapper {
            .container .content .order-page-content div.days-block,
            .container .content .order-page-content div.guests-block {
                width: 45%;
            }
        }
    }
}
@media (max-width: 300px) { /* до 300 */
    body {

        .wrapper {

        }
    }
}