@media (max-width: 1680px){
    .questions {
        background-position: 8% bottom;
    }
}
@media (max-width: 1440px) {
    .questions {
        background-position: left bottom;
    }
}
@media (max-width: 1199px) {
    .container {
      max-width: 970px;
    }
    .header-logo {
        width: 100px;
        margin-top: -64px;
    }
    .header-menu {
        width: calc(100% - 135px);
    }
    .banner-description-text {
        font-size: 13px;
    }
    .about-wrap {
        padding-left: 0;
    }
    .types-filter-btn {
        padding: 10px 20px;
    }
    .types-content {
        height: calc(100% - 200px);
        padding: 12px 15px 90px;
    }
    .types-content .btn {
        width: calc(100% - 30px);
        bottom: 15px;
        left: 15px;
    }
    .types-block {
        width: calc(33.333% - 10px);
    }
    .types-photo {
        height: 200px;
    }
    .swiper-solution .slider-arrow-prev {
        left: 4.5%;
    }
    .swiper-solution .slider-arrow-next {
        right: 4.5%;
    }
    .calculator-box {
        padding: 20px;
    }
    .calculator-label-photo img {
        width: 60px;
        height: 60px;
    }
    .calculator-block.calculator-cost-info {
        padding-left: 20px;
    }
    .price-block {
        width: calc(33.333% - 10px);
    }
    .price-photo img{
        height:250px;
    }
    .price-content {
        padding: 15px 20px 20px;
    }
    .certificates-wrap {
        padding-left: 0;
    }
    .comparison-photo {
        height: 350px;
    }
    .reviews-prev {
        left: 5%;
    }
    .reviews-next{
        right:5%;
    }
    .questions {
        background-size:0;
    }
    .questions-wrap {
        padding-left: 0;
    }
    .interesting-photo img {
        height: 210px;
    }
}
@media (max-width: 991px) {
     .container {
       max-width: 750px;
     }
    .header-logo {
        width: 90px;
        margin-top: -34px;
    }
    .header-box {
        padding: 13px 0;
    }
    .header-menu {
        width: 100%;
        flex-direction: column;
        padding: 5px 10px 20px;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 10;
        background-color: #ffffff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
        transform: translateX(-100%);
        transition: 0.3s
    }
    .header-menu.active {
        transform: translateX(0);
    }
    .menu_mob {
        display: block;
    }
    .header-info{
        text-align:center;
        order:1
    }
    .header-tel{
        order:2;
        margin:20px 0 27px;
    }
    .header-btns{
        order:3;
        flex-direction:column;
    }
    .header-btns .btn{
        width:240px;
    }
    .header-btns .btn:not(:last-child){
        margin:0 0 20px;
    }
    .banner {
        padding: 70px 0 80px;
        background-position: top left;
    }
    .banner-description-wrap {
        margin-top: 40px;
    }
    .banner-description-text {
        font-size: 12px;
    }
    .banner-description-icon {
        width: 60px;
        height: 60px;
        border-width:2px;
        margin-bottom: 5px;
    }
    .banner-description-number {
        font-size: 40px;
        top: 10px;
        right: 12px;
    }
    .banner-description-block {
        width: calc(25% - 15px);
        padding: 10px;
    }
    .about-block {
        width: calc(33.333% - 12px);
        padding: 20px 15px 15px;
    }
    .about-title {
        background-position-y: 0;
        background-size:22px;
        font-size: 14px;
        padding-left: 30px;
        margin-bottom: 14px;
    }
    .about-title br{
        display:none;
    }
    .about-text {
        font-size: 12px;
    }
    .about-text:not(:last-child) {
        margin-bottom: 10px;
    }
    .list-info li {
        font-size: 12px;
        padding-left: 15px;
        margin-top: 10px;
    }
    .types-block {
        width: calc(50% - 10px);
    }
    .types-filter-btn {
        padding: 7px 15px;
        font-size: 12px;
    }
    .solution-slider {
        width: 100%;
    }
    .solution-content {
        width: 100%;
        padding: 15px 15px 20px;
    }
    .solution-photo {
        height: auto;
    }
    .swiper-solution .slider-arrow-prev {
        left: 23%;
    }
    .swiper-solution .slider-arrow-next {
        right: 23%;
    }
    .reason-block {
        width: calc(33.333% - 6px);
        padding: 10px;
        margin-bottom: 12px;
    }
    .reason-number{
        font-size:20px;
        left:calc(100% - 40px);
    }
    .reason-number:after {
        display: none;
    }
    .banner-description-icon.reason-icon {
        margin: 0 0 8px;
    }
    .reason-block p {
        font-size: 12px;
    }
    .calculator-block {
        width: calc(50% - 20px);
    }
    .calculator-radio-list{
        justify-content:flex-start;
    }
    .calculator-label:not(:last-child){
        margin-right:20px;
    }
    .calculator-label-name {
        font-size: 12px;
    }
   .calculator-block.calculator-cost-info {
       width: 100%;
       padding:20px 0 0;
       border-left: none;
       border-top: 1px dashed #DADBDC;
   }
    .price-title {
        font-size: 14px;
    }
    .price-text {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .list-description li{
        font-size:12px;
    }
    .price-block .btn{
        font-size:12px;
    }
    .certificate-block {
        width: calc(25% - 10px);
        margin-top: 10px;
    }
    .comparison-photo {
        height: 300px;
    }
    .professionalism-block{
        padding:20px;
    }
    .professionalism-content {
        width: 100%;
    }
    .professionalism-icon {
        width: 50px;
        margin-bottom: 10px;
    }
    .professionalism-content h3 {
        font-size: 14px;
        margin-bottom: 7px;
    }
    .professionalism-content p {
        font-size: 12px;
    }
    .professionalism-number {
        font-size: 40px;
        top: -85px;
        right: -5px;
    }
    .reviews-slider-box {
        width: 100%;
    }
    .reviews-content {
        width: 100%;
        order: 1;
        padding:15px;
        margin-top: 15px;
    }
    .reviews-photo {
        border-radius: 0;
    }
    .reviews-wrap {
        padding:0;
    }
    .reviews-title {
        font-size: 14px;
    }
    .reviews-cost {
        font-size: 22px;
    }
    .reviews-item {
        padding: 12px 0;
    }
    .reviews-prev {
        left: 23%;
    }
    .reviews-next {
        right: 23%;
    }
    .interesting-block {
        width: calc(33.333% - 7px);
    }
    .interesting-content {
        padding: 12px 20px 20px;
    }
    .interesting-content p{
        font-size:12px;
    }
}
@media (max-width: 767px) {
    .header-logo {
        width: 70px;
        margin-top: -56px;
    }
    .banner {
        padding: 40px 0 40px;
        background-image: url(../img/banner-mobile-bg.png);
        background-size: auto 300px;
        background-position: center 120px;
    }
    .banner-content h1 {
        font-size: 18px;
        text-align:center;
    }
    .banner-sub {
        font-size: 12px;
        text-align:center;
        margin: 7px 0 253px;
    }
    .banner-info {
        width: calc(100% + 30px);
        height: 136px;
        background-image: url(../img/banner-info-mobile-bg.png);
        background-size: 100% 100%;
        flex-direction:column;
        margin: 0 0 100px;
        position:relative;
        left:-15px;
        z-index: 2;
    }
    .banner-info .banner-info-box{
        width:100%;
        text-align:center;
        padding:18px 0 0;
        flex-direction: row;
    }
    .banner-info-box.banner-box-red h6 {
        font-size: 18px;
        margin-left: 5px;
    }
    .banner-info-box.banner-box-white h6 {
        font-size: 18px;
        margin-left: 5px;
    }
    .banner-info-box p {
        font-size: 14px;
    }
    .banner-info-box p br{
        display:none;
    }
    .banner-description-block {
        width: calc(50% - 5px);
        margin-bottom:10px;
    }
    .form-block .label-box, 
    .form-block .btn {
        width: 100%;
    }
    .form-block .label-box{
        margin-bottom:20px;
    }
    .title.small {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .title:before {
        width: 260px;
        left: calc(50% - 130px);
    }
    .form-box .title-sub {
        margin-bottom: 12px;
    }
    .title {
        font-size: 18px;
        margin-bottom:20px;
    }
    .title-sub {
        font-size: 12px;
        margin-bottom: 15px;
    }
    .gift {
        width: 140px;
        height: 140px;
        top: -95px;
        right: calc(50% - 70px);
        padding-bottom: 15px;
    }
    .gift img{
        width:40px;
    }
    .gift p {
        max-width: 80px;
        font-size: 8px;
        margin-top:3px;
        letter-spacing: 0;
    }
    .banner .form-box{
        padding-top:40px;
    }
    .about-block {
        width: 100%;
    }
    .about-block:not(:last-child){
        margin-bottom:10px;
    }
    .section {
        padding: 30px 0 40px;
    }
    .about {
        background-position-x: 0;
        background-size: 450px;
        padding: 30px 0 135px;
    }
    .types-block {
        width:100%;
    }
    .types-filters{
        width:700px;
    }
    .overflow-wrap{
        width:calc(100% + 15px);
    }
    .types-wrap {
        margin-top: 15px;
    }
    .swiper-solution{
        padding-bottom:35px;
    }
    .swiper-solution .slider-arrow{
        top:auto;
        bottom:0;
    }
    .swiper-solution .slider-arrow-prev {
        left: calc(50% - 40px);
    }
    .swiper-solution .slider-arrow-next {
        right: calc(50% - 40px);
    }
    .solution-content h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .solution-content p {
        font-size: 14px;
        line-height: 135%;
        margin-bottom: 8px;
    }
    .solution-content .btn {
        width: 210px;
        height: 40px;
        margin-top: 20px;
        font-size: 12px;
    }
    .reason-block {
        width: calc(50% - 6px);
    }
    .reasons-wrap {
        padding-bottom: 150px;
    }
    .calculator{
        padding-top:0;
    }
    .calculator .form-box {
        width: calc(100% + 30px);
        position: initial;
        border-radius: 0;
        margin: 0 0 35px -15px;
    }
    .calculator-block {
        width: 100%;
        padding-bottom:20px;
    }
    .calculator-bottom .btn{
        font-size:12px;
    }
    .calculator-cost-text {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .calculator-title{
        font-size:14px;
        margin-bottom:9px;
    }
    .list-rooms {
        padding-bottom: 20px;
        align-items: flex-start;
        flex-direction: column;
    }
    .list-rooms li:not(:last-child) {
        margin:0 0 15px;
    }
    .price-block {
        width: 100%;
        margin-bottom: 20px;
    }
    .price-photo img{
        height:225px;
    }
    .price-block.best-price{
        order:2;
        margin-bottom:0;
    }
    .price-block.best-price .list-description {
        margin-bottom: 20px;
    }
    .certificate-block {
        width: calc(30% - 5px);
        margin-top: 10px;
    }
    .certificates {
        background-position: left bottom;
        background-size:900px;
        padding-bottom: 200px;
    }
    .comparison-block {
        width: 100%;
    }
    .comparison-block:first-child {
        margin-bottom:10px;
    }
    .comparison-photo {
        height: 180px;
    }
    .comparison-before-text{
        bottom:auto;
        top:10px;
    }
    .comparison-slider .btn {
        width: 240px;
        left: calc(50% - 120px);
        bottom: calc(50% - 25px);
        z-index: 1;
    }
    .comparison-sub{
        margin-bottom:20px;
    }
    .comparison-sub span {
        display: block;
        font-size: 12px;
    }
    .comparison .slider-arrow {
        background-color:#ffffff;
        background-image: url(../img/arrow-black.svg);
    }
    .professionalism-block{
        width:100%;
        margin-bottom:10px;
    }
    .swiper-reviews{
        padding-bottom:40px;
    }
    .swiper-reviews .slider-arrow {
        top: auto;
        bottom: 0;
    }
    .swiper-reviews .slider-arrow-prev {
        left: calc(50% - 40px);
    }
    .swiper-reviews .slider-arrow-next {
        right: calc(50% - 40px);
    }
    .reviews .form-box {
        width: calc(100% + 30px);
        margin:0 0 30px -15px;
        position: initial;
        border-radius:0;
    }
    .professionalism-wrap {
        padding: 20px 0 0;
    }
    .reviews{
        padding-top:0;
    }
    .faq-title p {
        font-size: 12px;
    }
    .faq-title {
        padding: 12px 40px 12px 12px;
    }
    .toggle-faq-btn {
        right: 8px;
        top: 6px;
    }
    .faq-info {
        padding: 0 12px 15px;
    }
    .faq-info p {
        font-size: 12px;
        padding-left: 12px;
    }
    .privacy-policy {
        margin-top: 22px;
    }
    .questions-description {
        width: 100%;
        margin-bottom: 190px;
    }
    .questions-description-block h3 {
        font-size: 18px;
    }
    .questions-description-block p {
        font-size: 14px;
    }
    .questions-form {
        width: 100%;
        padding: 15px 15px 20px;
    }
    .questions-form h4{
        margin-bottom:10px;
    }
    .questions {
        background-size:150px;
        background-position-x:center;
        background-position-y:calc(100% - 558px)
    }
    .interesting-block {
        width: 100%;
    }
    .interesting-block:not(:last-child) {
        margin-bottom:12px;
    }
    .interesting-show-all {
        margin-top: 20px;
    }
    .section-map{
        padding:0 0 50px;
    }
    .map {
        height: 220px;
        position: relative;
        margin-bottom: 15px;
    }
    .map-info{
        margin:auto;
    }
    .map-info h3 {
        padding: 15px 20px;
        font-size: 14px;
    }
    .address-label span{
        font-size:12px;
    }
    .contact-wrap {
        flex-direction: column;
        padding-bottom:5px;
    }
    .contacts-btns {
        align-items: center;
        flex-direction: column;
    }
    .contact-block{
        margin:0 0 20px;
    }
    .contacts-btns .btn {
        width: 270px;
    }
    .contacts-btns{
        align-items:center;
        flex-direction:column;
    }
    .contacts-btns .btn:not(:last-child){
        margin:0 0 15px;
    }
    .footer-logo {
        width: 100px;
    }
}