@media screen and (max-width: 1500px) {
    .block-1 h3 { font-size: 34px; }
    .block-1 h1 { font-size: 50px; padding-top: 5%; }
}
@media screen and (max-width: 1200px) {
    .page { width: 750px; }
    .block-1 h1 { font-size: 40px; }
    .now a { font-size: 32px; padding: 16px 36px; }
    .block-1 a.b1 { font-size: 150px; }
    .info h2, .block-2 h2, .reviews h2, .block-3 h2, .footer h2 { font-size: 58px; }
    .grid-gallery ul.grid { justify-content: center; }
    .grid-gallery ul.grid li { width: calc(25% - 48px); }
    .block-3 p { font-size: 24px; }
    .block-2 button { font-size: 32px; padding: 16px 36px; width: auto; height: auto; }
    .block-3 input.btn { font-size: 32px; padding: 16px 36px; width: auto; height: auto; }
    .block-3 input[type="tel"] { font-size: 40px; }
    .footer .cont-right p { font-size: 30px; }
    .footer .cont-right a { font-size: 20px; }
    .footer .cont-left p { font-size: 32px; }
    .footer .cont-left input[type="text"], .footer .cont-left input[type="email"] { height: 60px; font-size: 26px; }
    .footer .cont-left input.btn { font-size: 32px; padding: 16px 36px; width: auto; height: auto; margin-bottom: 0; }
}
@media screen and (max-width: 992px) {
    .page { width: auto; padding: 0 20px; }
    .block-1 { height: calc(100% - 60px); }
    .info h2, .block-2 h2, .reviews h2, .block-3 h2, .footer h2 { font-size: 50px; }
    .info ul li { font-size: 20px; }
    .grid-gallery ul.grid li { width: calc(33% - 48px); }
    .block-2 .block-img ul li { width: calc(50% - 48px); }
    .reviews ul li { width: 100%; }
    .block-3 .send-ok { font-size: 50px; }
    .footer .send-ok { font-size: 30px; }
    .slideshow nav span.nav-close { padding: 10px 14px; }
}
@media screen and (max-width: 768px) {
    .header { height: 50px; }
    .header ul.top-menu li { font-size: 14px; padding-right: 10px; }
    .header ul.top-menu li a { line-height: 50px; }
    .header .phone { line-height: 50px; }
    .header .phone, .header .phone-all a { font-size: 14px; }
    .header .phone-all { right: 48px; padding: 0 10px 5px; top: 40px; }
    .block-1 h3 { font-size: 30px; }
    .block-1 h1 { font-size: 36px; }
    .now a, .block-2 button, .block-3 input.btn, .footer .cont-left input.btn { font-size: 32px; padding: 12px 30px; }
    .block-1 a.b1 { font-size: 130px; }
    .info h2, .block-2 h2, .reviews h2, .block-3 h2, .footer h2 { font-size: 40px; padding: 0 20px; }
    .info h2, .block-2 h2, .reviews h2, .block-3 h2, .footer h2 { margin-bottom: 40px; }
    .info ul li { line-height: 30px; }
    .block-3 input[type="tel"] { width: calc(80% - 70px); font-size: 32px; line-height: 40px; }
    .block-3 input.btn { margin-bottom: 0; }
    .footer .flex { display: block; }
    .footer .cont-right, .footer .cont-left { width: 100%; text-align: center; }
    .footer .cont-left form { width: 70%; margin: 20px auto; }
    .copyright { text-align: center; }
    .slideshow li { width: 500px; height: 80%; margin: -270px 0 0 -270px; }
    .slideshow nav span.nav-close { padding: 10px 12px; top: 50px; }
    .slideshow li .photo { height: 90%; }
}
@media screen and (max-width: 640px) {
    .header .phone { padding: 0 0 0 20px; }
    .header .phone-all { right: 27px; }
    .grid-gallery ul.grid li { width: calc(50% - 48px); }
    .block-2, .reviews { padding-bottom: 40px; }
    .reviews ul li .text { width: 100%; }
    .footer .cont-right img { width: 90px; }
    .footer .cont-right a .icon-facebook-squared, .footer .cont-right a .icon-instagram, .footer .cont-right a .icon-telegram,
        .footer .cont-right a .icon-viber { font-size: 46px; }
    .header .top-menu { display: none; }
    .header .menu { display: block; }
}
@media screen and (max-width: 525px) {
    .block-1 img { width: 70px; }
    .block-1 h1 { font-size: 32px; }
    .now a, .block-2 button, .block-3 input.btn, .footer .cont-left input.btn { font-size: 26px; }
    .info h2, .block-2 h2, .reviews h2, .block-3 h2, .footer h2 { font-size: 34px; }
    .info ul li { line-height: 26px; }
    .now { margin-top: 70px; }
    .info, .block-3 { padding-bottom: 40px; }
    .grid-gallery ul.grid li { width: calc(100% - 48px); }
    .block-2 .block-img ul li { width: calc(100% - 48px); }
    .block-3 p { font-size: 22px; padding: 0 20px; }
    .block-3 input[type="tel"] { padding: 7px 20px; width: calc(90% - 40px); }
    .block-3 .send-ok { font-size: 32px; }
    .footer .cont-right p { font-size: 28px; }
    .footer .cont-left p { font-size: 30px; }
    .footer .cont-left input[type="text"], .footer .cont-left input[type="email"] { height: 50px; font-size: 22px; }
    .footer .cont-left form { width: 100%; }
    #button::after { font-size: 34px; line-height: 44px; }
    #button { width: 50px; height: 50px; bottom: 20px; right: 20px; }
    .slideshow li { width: 85%; margin: -270px 0 0 -173px; height: 65%; }
}
@media screen and (max-width: 360px) {
    .header { height: 40px; }
    .header .phone { line-height: 40px; }
    .header .phone-all { top: 34px; }
    .header .menu .btn-menu { top: 6px; width: 30px; }
    .header .menu .hidden-menu { top: 40px; }
    .header .menu .hidden-menu-ticker:checked ~ .btn-menu span.third { top: -14px; }
    .header .menu .btn-menu span { height: 4px; }
    .block-1 h3 { font-size: 26px; }
    .block-1 h1 { font-size: 28px; }
    .now a, .footer .cont-left input.btn { width: 100%; }
    .block-1 a.b1 { font-size: 100px; }
    .info, .block-2, .reviews, .block-3, .footer { padding-top: 50px; }
    .info h2, .block-2 h2, .reviews h2, .block-3 h2, .footer h2 { font-size: 30px; }
    .info ul li { font-size: 18px; }
    .reviews ul li .photo { width: 180px; height: 180px; }
    .block-3 input[type="tel"] { font-size: 26px; }
    .block-2 button, .block-3 input.btn { width: calc(100% - 40px); }
    .footer .cont-left input[type="text"], .footer .cont-left input[type="email"] { font-size: 20px; }
}