/*==========  Desktop First Method  ==========*/







@media only screen and (max-width : 1199px) {



    .header {



        height: 70px;



    }



    .header__container {



        width: 940px;



    }



    .header__logo {



        width: 193px;



    }



    .header__nav {



        padding-right: 0;



    }



    .first-screean__item-desc h2,



    .first-screean__item-title {



        font-size: 50px;



        line-height: 70px;



    }



    .first-screean__item-desc p,



    .first-screean__item-text {



        font-size: 32px;



        line-height: 46px;



    }



    .owl-dot button,



    .first-screean__footer-item {



        font-size: 18px;



        line-height: 30px;



    }



    .owl-dot::after,



    .first-screean__footer-item::after {



        margin-left: 20px;



        margin-right: 20px;



    }



	



	.works.inner {



		padding-top: 100px;



	}



	



    .design {



        width: 940px;



        padding-top: 100px;



        padding-bottom: 100px;



    }



    .design__title {



        font-size: 32px;



        line-height: 46px;



    }



    .design__sub-title {



        font-size: 28px;



        line-height: 36px;



    }



    .design__grid-item {



        width: 100%;



        max-width: 460px;



        margin-bottom: 20px;



        height: 100%;



        max-height: 360px;



    }



    .design__grid-title {



        font-size: 26px;



        line-height: 36px;



    }



    .design__grid-price strong,



    .design__grid-price {



        font-size: 30px;



        line-height: 36px;



    }



    .design__grid-price,



    .design__grid-price span {



        font-size: 26px;



    }



    .design__grid-desc {



        min-height: 95px;



    }



    .services {



        width: 940px;



        padding-bottom: 100px;



    }



    .services__title {



        line-height: 46px;



        margin-bottom: 30px;



    }







    .services__grid-item-title {



        font-size: 22px;



        line-height: 30px;



        margin-bottom: 4px;



    }



    .services__grid-item-price {



        font-size: 28px;



        line-height: 36px;



        margin-bottom: 10px;



    }



    .complex {



        padding-bottom: 100px;



    }



    .advantages {



        width: 940px;



        padding-bottom: 100px;



    }



    .advantages__text {



        margin-bottom: 50px;



    }



    .advantages__grid-item {



        width: 460px;



        margin-bottom: 20px;



    }



    .advantages__grid-media {



        width: 220px;



    }



    .advantages__grid-desc {



        width: calc(100% - 220px);



        padding-left: 20px;



    }



    .advantages__grid-desc p {



        font-size: 16px;



    }



    .advantages__grid-media::after {



        font-size: 32px;



        line-height: 40px;



    }  



    .works {



        width: 720px;



        padding-bottom: 100px;



    }



    .works__title {



        line-height: 46px;



    }



    



    .works__grid {



        gap: 20px;



    }



    



    .objects {



        width: 940px;



        padding-bottom: 100px;



    }



    .objects__grid {



        gap: 20px;



    }



    .objects__grid-item {



        width: 220px;



    }



    .objects__grid-title {



        top: 30px;



    }



    .results {



        padding-bottom: 100px;



    }



    .results__grid {



        gap: 20px;



    }



    .contacts__form-text {



        margin-bottom: 30px;



    }



    .contacts__map {



        width: 500px;



        height: 500px;



    }



    .contacts {



        padding-bottom: 100px;



    }



    .footer {



        height: 300px;



    }



    .footer__container {



        width: 940px;



    }



    .footer__head {



        margin-bottom: 50px;



    }



}







@media only screen and (max-width : 991px) {



    .header__container {



        width: 740px;



    }



    .design {



        width: 740px;



        padding-top: 80px;



        padding-bottom: 80px;



    }



    .design__title {



        font-size: 26px;



        line-height: 42px;



    }



    .design__sub-title {



        font-size: 24px;



        line-height: 32px;



    }



    .design__grid {



        margin-top: 30px;



    }



    .design__grid-item {



        width: 100%;



        max-width: 360px;



        height: 100%;



        max-height: 260px;



    }



    .design__grid-title {



        font-size: 22px;



        line-height: 32px;



    }



    .design__grid-desc {



        min-height: 95px;



        font-size: 14px;



        line-height: 22px;



    }



    .design__grid-text {



        padding-left: 30px;



        padding-bottom: 95px;



    }



    .design__grid-title {



        font-size: 22px;



        line-height: 32px;



    }



    .design__grid-price strong,



    .design__grid-price {



        font-size: 26px;



        line-height: 32px;



    }



    .design__grid-price,



    .design__grid-price span {



        font-size: 22px;



    }



    .services {



        width: 740px;



    }



    .complex-container,



    .complex__items {



        width: 740px;



    }







    .advantages {



        width: 740px;



    }



    .steps {



        width: 740px;



    }



    .objects {



        width: 740px;



    }



    .results {



        width: 740px;



    }



    .results-intro {



        width: 740px;



    }





    .contacts {



        width: 740px;



    }



    .footer__container {



        width: 740px;



    }



    .header__nav .menu-item,



    .header__nav-item {



        padding-left: 15px;



        padding-right: 15px;



    }



    .header__nav .menu-item a,



    .header__nav-item a {



        font-size: 15px;



    }



    .first-screean__item-desc h2,



    .first-screean__item-title {



        font-size: 42px;



        line-height: 54px;



    }



    .first-screean__item-desc p,



    .first-screean__item-text {



        font-size: 26px;



        line-height: 36px;



    }



    .owl-dot button,



    .first-screean__footer-item {



        font-size: 16px;



        line-height: 24px;



    }



    .owl-dot::after,



    .first-screean__footer-item::after {



        margin-left: 15px;



        margin-right: 15px;



    }



    .services__title {



        font-size: 26px;



        line-height: 42px;



        margin-bottom: 20px;



    }



    .services__sub-title {



        font-size: 22px;



        line-height: 28px;



    }



    .services__text {



        margin-bottom: 30px;



    }



    .services__grid {



        grid-template-columns: 1fr;



    }



    .services__grid-item {



        padding: 20px 15px;



    }



    .services__grid-item-title {



        font-size: 18px;



        line-height: 26px;



        margin-bottom: 2px;



    }



    .services__grid-item-price {



        font-size: 22px;



        line-height: 30px;



    }



    .services__grid-item-desc {



        height: auto;



        font-size: 16px;



        line-height: 22px;



    }



    



    .services__grid-item-desc p {



        padding-left: 10px;



    }



    



    .services__btn {



        width: 350px;



        height: 62px;



    }



    .complex__items {



        grid-template-columns: 1fr;



        gap: 16px;



    }



    .complex__item {



        height: auto;



    }



    .complex__title {



        font-size: 22px;



        line-height: 28px;



    }



    .complex__btn {



        width: 350px;



        height: 62px;



    }



    .complex {



        padding-bottom: 80px;



    }



    .advantages__title {



        font-size: 26px;



        line-height: 42px;



    }



    .advantages__grid-item {



        width: 360px;



    }



    .advantages__grid-item {



        width: 360px;



    }



    .advantages__grid-media {



        width: 170px;



    }



    .advantages__grid-desc {



        width: calc(100% - 170px);



        padding-left: 15px;



    }



    .advantages__grid-desc p {



        font-size: 13px;



        line-height: 20px;



    }



    .advantages {



        padding-bottom: 80px;



    }



    .works__title {



        font-size: 26px;



        line-height: 42px;



        margin-bottom: 30px;



    }



    .works__grid-desc {



        /*height: 100px;*/



        height: 80px;



    }



    .works {



        padding-bottom: 80px;



    }



	



	.works.inner {



		padding-top: 80px;



	}



	



	.works.inner > br{



		display: block;



	}



	



	.top_inner_title {



		margin-bottom: 25px;



		font-size: 16px;



		font-weight: normal;



	}



	



    .steps__title {



        font-size: 26px;



        line-height: 42px;



        margin-bottom: 30px;



    }



    .steps__title-text {



        margin-bottom: 20px;



    }



    .steps__media {



        margin-bottom: 15px;



    }



    .steps {



        padding-bottom: 80px;



    }



    .objects__title {



        font-size: 26px;



        line-height: 42px;



    }



    .objects__grid-item {



        width: 170px;



    }



    .objects__grid {



        margin-bottom: 30px;



    }



    .objects__grid-title {



        top: 20px;



    }



    .results__title {



        font-size: 26px;



        line-height: 42px;



        margin-bottom: 40px;



    }



    .results__grid-item {



        width: 360px;



    }



    .contacts__title {



        font-size: 26px;



        line-height: 42px;



        margin-bottom: 15px;



    }



    .contacts__text {



        margin-bottom: 40px;



    }



    .contacts__form button,



    .contacts__form .wpcf7-submit {



        height: 62px;



    }



    .contacts__links {



        gap: 20px;



        justify-content: center;



        margin-bottom: 80px;



    }



    .footer__nav a {



        font-size: 14px;



    }



    .footer__nav li {



        max-width: 130px;



    }



    .contacts {



        padding-bottom: 80px;



    }



    



    .header {



        height: 77px;



    }



    .header__nav {



        display: none;



    }



    .header__container {



        width: 100%;



        padding-left: 15px;



        padding-right: 15px;



    }



     .btn-nav-mobile {



        display: block;



    }



    



    .mobile-nav__logo {



        margin-top: 5px;



        margin-left: -10px;



    }



    



    .mobile-nav__tel {



        margin-left: 0;



    }



}







@media only screen and (max-width : 767px) {



    



    .first-screean__item-desc {



        padding-top: 110px;



    }



	



	.first-screean__item {



        min-height: 494px;



    }



	



	.first-screean__item img {



	   object-position: 75%;



	}



	



	.first-screean__item.inner img {



	   object-position: 0;



	   transform: scale(1.2);



	}



	



	.first-screean__item.inner .first-screean__item-desc {



        padding-top: 170px;



    }



	



	.owl-dots,



	.first-screean__footer {



        bottom: 25px;



    }



    



    .owl-dot::after,



	.first-screean__footer-item::after{



	    width: 4px;



        height: 4px;



        transform: translateY(-2px);



	}



	



    .design {



        width: 100%;



        padding-left: 15px;



        padding-right: 15px;



        padding-bottom: 60px;



    }



    .services {



        width: 100%;



        padding-left: 20px;



        padding-right: 20px;



        padding-bottom: 70px;



    }



    .complex-container,



    .complex__items {



        width: 100%;



        padding-left: 20px;



        padding-right: 20px;



    }



    .advantages {



        width: 100%;



        padding-left: 20px;



        padding-right: 20px;



    }



    .works {



        width: 100%;



        padding-left: 20px;



        padding-right: 20px;



    }



    .steps {



        width: 100%;



        padding-left: 20px;



        padding-right: 20px;



    }



    .objects {



        width: 100%;



        padding-left: 20px;



        padding-right: 20px;



        padding-bottom: 80px;



    }



    body {

        font-size: 14px;

        line-height: 22px;

    }



    p, ul li {

        font-size: 14px;

        line-height: 22px;

    }



    .objects__check {



        width: 100%;



        flex-direction: column;



        flex-wrap: nowrap;



    }



    .results {



        width: 100%;



        padding-left: 20px;



        padding-right: 20px;



    }



    .results-intro {



        width: 100%;



        padding-left: 20px;



        padding-right: 20px;



    }



    .results-intro__title {

        font-size: 20px;

        line-height: 28px;

        margin: 0 0 15px;

    }



    .results-intro__text {

        font-size: 14px;

        line-height: 22px;

        margin: 0 0 8px;

    }





    .objects__check-item:nth-child(2) {

        order: 3;

    }



    .objects__check-item:nth-child(3) {

        order: 2;

    }







    .contacts {



        width: 100%;



        padding-left: 20px;



        padding-right: 20px;



    }



    .contacts__map {



        width: 100%;



        height: 450px;



    }



    .footer__container {



        width: 100%;



        padding-left: 20px;



        padding-right: 20px;



    }



    .first-screean__item-desc h2,



    .first-screean__item-desc h1,



    .first-screean__item-title {



        font-size: 25px;



        line-height: 32px;



        margin-bottom: 0;



        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.55);



    }

    .first-screean__item-desc h1 .heading-sub,

    .first-screean__item-desc h2 .heading-sub {

        display: block;

        font-size: 22px;

        line-height: 35px;

        margin-top: 8px;

    }



    .first-screean__item-desc p,



    .first-screean__item-text {



        font-size: 16px;



        line-height: 18px;



    }



    .design__title {



        font-size: 22px;



        line-height: 30px;



    }



    .design__sub-title {



        font-size: 14px;



        line-height: 30px;



    }



    .design__grid {



        margin-top: 25px;



    }



    .design__grid-desc {



        min-height: 80px;



        padding: 8px 14px;



        line-height: 20px;



    }



    .design__grid-text {



        padding-left: 27px;



        padding-bottom: 80px;



    }



    .design__grid-title {



        font-size: 20px;



        line-height: 40px;



    }



    .design__grid-price strong,



    .design__grid-price {



        font-size: 24px;



        line-height: 40px;



    }



    .design__grid-price,



    .design__grid-price span {



        font-size: 20px;



    }



    .design__grid-price p {

        font-size: 20px;

    }



    .services__grid-item-title {

        max-width: 220px;

        margin-left: auto;

        margin-right: auto;

    }



    .design__grid {



        justify-content: center;



    }



    .design__grid-title span {



        font-size: 20px;



    }



    .design__grid-item {



        width: 100%;



        max-width: 420px;



        height: 100%;



        max-height: 320px;



    }



    .services__title {



        font-size: 22px;



        line-height: 30px;



        margin-bottom: 35px;



    }



    .services__sub-title {



        font-size: 18px;



        line-height: 30px;



        margin-bottom: 10px;



    }



    .services__text {



        font-size: 16px;



        line-height: 21px;



        margin-bottom: 25px;



    }



    .services__grid {



        margin-bottom: 10px;



    }



    .services__grid-item-desc {



        font-size: 16px;



        line-height: 21px;



    }



    .services__btn {



        width: 100%;



        max-width: 420px;



    }



    .services__grid-item-media {



        margin-bottom: 15px;



    }



    



    .services__grid-item-media img {



        height: 230px;



    }







    .complex__title {



        font-size: 22px;



        line-height: 30px;



        margin-bottom: 10px;



    }



    .complex__text {



        font-size: 16px;



        line-height: 21px;



        margin-bottom: 25px;



    }



    .complex__media {



        max-width: 420px;



        margin-bottom: 16px;



        margin-left: auto;



        margin-right: auto;



    }



    .complex__item {



        margin-bottom: 16px;



        width: 100%;



        max-width: 420px;



        margin-left: auto;



        margin-right: auto;



        padding: 15px 20px 15px 35px;



    }



    .complex__item-price,

    .complex__item-price p {



        font-size: 20px !important;



        line-height: 28px !important;



    }

    .services__grid-item-price,

    .services__grid-item-price p {

        font-size: 24px !important;

        line-height: 30px !important;

    }







    .complex__item ul {



        font-size: 14px;



        line-height: 22px;



    }



    .complex__item:last-of-type {



        margin-bottom: 25px;



    }



    .complex__btn {

        width: calc(100% - 30px);

        max-width: 420px;

        margin-left: auto;

        margin-right: auto;



    }



    .advantages__title {



        font-size: 22px;



        line-height: 30px;



        margin-bottom: 10px;



    }



    .advantages__text {



        font-size: 16px;



        line-height: 21px;



        margin-bottom: 25px;



    }



    .advantages__grid {



        justify-content: center;



        margin-bottom: 0px;



    }



    .advantages__grid-item {



        width: 100%;



        max-width: 420px;



        align-items: flex-start;



    }



    .advantages__grid-media {



        width: 164px;



    }



    .advantages__grid-desc p {



        font-size: 14px;



        line-height: 18px;



        margin-bottom: 0;



    }



    .advantages__grid-media::after {



        top: 10px;



        right: 15px;



    }



    .advantages {



        padding-bottom: 60px;



    }



    .advantages__grid-desc {



        width: calc(100% - 164px);



    }



    .works__title {



        font-size: 22px;



        line-height: 35px;



        margin-bottom: 25px;



    }



    .works__grid {



        gap: 15px;



    }



    .works__grid-item {



        width: 100%;



        /*width: calc(50% - 8px);*/



        /*margin-bottom: 16px;*/



    }



    .works__grid-desc p {



        font-size: 16px;



        line-height: 18px;



    }



    .steps__title {



        font-size: 22px;



        line-height: 35px;



        margin-bottom: 10px;



    }



    .steps__title-text {



        font-size: 16px;



        line-height: 20px;



        margin-bottom: 10px;



    }



    .steps__media {



        margin-top: 25px;



        width: 100%;



        max-width: 420px;



        margin-left: auto;



        margin-right: auto;



        border: none;



        margin-bottom: 10px;



    }



    .steps__grid {



        align-items: center;



    }



    .steps__grid-item {



        padding: 20px 10px 20px 90px;



        font-size: 16px;



        line-height: 20px;



        width: 100%;



        max-width: 420px;



    }



    .objects__title {



        font-size: 22px;



        line-height: 30px;



        margin-bottom: 25px;



        max-width: 420px;



        margin-left: auto;



        margin-right: auto;



    }



    .objects__text {



        font-size: 16px;



        line-height: 21px;



        margin-bottom: 25px;



        max-width: 420px;



        margin-left: auto;



        margin-right: auto;



    }



    .objects__grid-item {



        width: calc(50% - 8px);



        margin-bottom: 16px;



    }



    .objects__grid {



        gap: 0;



        justify-content: space-between;



        max-width: 420px;



        margin-left: auto;



        margin-right: auto;



        margin-bottom: 10px;



    }



    .objects__grid-title {



        font-size: 16px;



        line-height: 20px;



    }



    .objects__text br {



        display: none;



    }



    .objects__grid + .objects__text {



        margin-bottom: 15px;



    }



    .objects__check-item {



        width: 100%;



        max-width: 420px;



        margin-left: auto;



        margin-right: auto;



    }



    .results__title {



        font-size: 22px;



        line-height: 30px;



        margin-bottom: 25px;



    }



    .results__grid {



        gap: 0;



        justify-content: center;



    }



    .results__grid-item {



        width: 100%;



        max-width: 420px;



        margin-bottom: 16px;



    }



    .results__grid-desc-title {



        line-height: 35px;



    }



    .results {



        padding-bottom: 70px;



    }



    .contacts__title {



        font-size: 22px;



        line-height: 30px;



        margin-bottom: 10px;



    }



    .contacts__text {



        font-size: 16px;



        line-height: 20px;



        margin-bottom: 35px;



    }



    .contacts__form-title {



        font-size: 18px;



        margin-bottom: 10px;



    }



    .contacts__form-text {



        font-size: 16px;



        line-height: 21px;



        margin-bottom: 25px;



    }



    .contacts__form {



        width: 100%;



        max-width: 420px;



    }



    .contacts__links {



        gap: 0;



        /*margin-bottom: 70px;*/



        justify-content: space-between;



        max-width: 420px;



        margin-left: auto;



        margin-right: auto;



        margin-bottom: 10px;



    }



    .contacts__links-item {



        width: calc(50% - 8px);



        margin-bottom: 16px;



    }



    .contacts__map {



        width: 100%;



        height: 350px;



        margin-top: 30px;



    }



    .footer {



        height: 233px;



    }



    .footer__logo {



        width: 193px;



    }



    .footer__tel {



        font-size: 14px;



        line-height: 20px;



    }



    .footer__container {



        padding-left: 15px;



        padding-right: 15px;



    }



    .footer__nav li {



        max-width: none;



        width: 40%;



    }



    .footer__nav li:nth-child(1) {



        order: 1;



    }



    .footer__nav li:nth-child(2) {



        order: 3;



    }



    .footer__nav li:nth-child(3) {



        order: 5;



    }



    .footer__nav li:nth-child(4) {



        order: 2;



    }



    .footer__nav li:nth-child(5) {



        order: 4;



    }



    .footer__nav li:nth-child(6) {



        order: 6;



    }



    .footer__nav a {



        font-size: 14px;



        line-height: 18px;



    }



    .footer__nav {



        align-items: stretch;



    }



    .footer__nav li {



        display: flex;



        flex-wrap: wrap;



        align-items: center;



        padding-top: 6px;



        padding-bottom: 6px;



    }



    .footer__head {



        margin-bottom: 30px;



    }



   



    .services {



        scroll-margin-top: 80px;



    }



    .works {



        scroll-margin-top: 80px;



    }



    .advantages {



        scroll-margin-top: 80px;



    }



    .contacts {



        scroll-margin-top: 80px;



    }



}







@media only screen and (max-width : 599px) {



    .mobile-menu {



        margin-left: 0;



    }



    .mobile-menu li {



        text-align: left;



    }



	



    .header__container > .mobile-nav__tel {



        display: none;



    }



	



	.mobile-nav__tel {



        margin-bottom: 0;



    }



	



	.call_button {	



		right: 20px;



		bottom: 45px;



		width: 50px;



		height: 50px;



	}



	



	.call_button svg {



		width: 30px;



		height: 30px;



	}



}















/*==========  Mobile First Method  ==========*/







/* Custom, iPhone Retina */



@media only screen and (min-width : 320px) {



    



}







/* Extra Small Devices, Phones */



@media only screen and (min-width : 480px) {



    



}







/* Small Devices, Tablets */



@media only screen and (min-width : 768px) {



    .mobile-nav {



       /* display: none !important;*/



    }



}







/* Medium Devices, Desktops */



@media only screen and (min-width : 991px) {



    .mobile-nav {



        background-image: none;



        background-color: rgba(0,0,0,0.9);



    }



}





/* ===== Reviews section — mobile (2026-05-14) ===== */

@media only screen and (max-width: 767px) {

    .reviews {

        padding: 10px !important;

        margin: 0 auto 50px auto !important;

    }



    .reviews__carousel {



        padding: 0 10px !important;



    }







    .reviews__image img {



        height: 420px !important;



        min-height: 420px !important;



    }







    .reviews__slide {



        grid-template-columns: 1fr !important;



        gap: 10px !important;



        padding: 20px 20px 40px 20px !important;



    }







    .reviews__title {



        font-size: 20px !important;



        line-height: 24px !important;



        margin-bottom: 20px !important;



    }







    .reviews__label {



        font-size: 14px !important;



        line-height: 20px !important;



    }



    .reviews__card {

        height: 300px !important;

        overflow: hidden !important;

    }





    .reviews__card strong {



        margin: 0 0 15px 0 !important;



    }







    .reviews__card p:not(:empty),



    .reviews__date {



        font-size: 14px !important;



        line-height: 18px !important;



    }







    .reviews__all,



    .reviews__google {



        width: 100% !important;



        max-width: 320px !important;



    }







    .reviews__carousel .owl-dots {



        bottom: 10px !important;



    }

}

/* ===== End Reviews section mobile ===== */

/* ===== Reviews: global overflow fix (no media query) ===== */

.reviews {

    max-width: 100% !important;

    overflow-x: hidden !important;

    box-sizing: border-box !important;

}

.reviews__title {

    max-width: 100% !important;

    box-sizing: border-box !important;

}

.reviews__actions {

    max-width: 100% !important;

    box-sizing: border-box !important;

}

.reviews__all,

.reviews__google {

    max-width: 100% !important;

    box-sizing: border-box !important;

}



/* ===== Reviews: fix paragraphs in card ===== */

.reviews__card p:empty {

    display: none !important;

}

.reviews__card p {

    margin-top: 0 !important;

    margin-bottom: 8px !important;

}