@media (max-width: 1200px){
    .container {
        max-width: 960px;
        /*border: 1px solid yellow;*/
    }
}

@media (max-width: 992px){
    .container {
        max-width: 720px;
        /*border: 1px solid green;*/
    }
}

@media (max-width: 768px){
    .container {
        max-width: 540px;
        /*border: 1px solid blue;*/
    }
}

@media (max-width: 576px) {
    .container {
        max-width: 343px;
        /*border: 1px solid red; */
        padding-left: 0;
        padding-right: 0;
    }
}

/* --- --- */

@media (max-width: 992px){

    body, p, th, td {
        font-size: 17px;
        line-height: 28px;
    }

    h1, h2 {
        font-size: 48px;
        line-height: 50px;
    }

    .col-3, .col-4, .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 20px;
    }

    /* form */

    form input[type=text], form input[type=file] {
        height: 60px;
    }

    /* tables */

    .table thead th {
        height: 65px;
        font-size: 21px;
        padding-left: 26px;
    }
    .table td {
        font-size: 15px;
        line-height: 18px;
        padding-left: 26px;
    }

}

@media (max-width: 768px){
    .col-3, .col-4, .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


@media (max-width: 1200px){
    #header .header .menu li a, #header-fixed .header .menu li a, #header-inner .header .menu li a {
        font-size: 15px;
    }
    #header .header .btn-order, #header-fixed .header .btn-order, #header-inner .header .btn-order {
        font-size: 15px;
        line-height: 1em;
        width: 121px;
    }
    #header .partners-slider {
        width: calc(100% - 30px);
    }


    #header .header .menu li {
        padding-left: 7px;
        padding-right: 7px;
    }
    #header .header .btn-order, #header-fixed .header .btn-order, #header-inner .header .btn-order {
        width: 110px;
        margin-right: 57px;
    }
    #header .header .btn-order {
        margin-right: 48px;
    }

    .lang {
        font-size: 15px;
        top: 39px;
    }
    .lang .current svg {
        margin-bottom: 2px;
    }
}

@media (max-width: 992px) {

    /* HEADER */

    #header {
        padding-bottom: 159px;
    }

    #header .logo img {
        width: 194px;
    }

    #header .page-title {
        margin-top: 46px;
    }

    #header .page-title h1 {
        font-size: 42px;
        line-height: 49px;
    }

    #header .page-title hr {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    #header .page-title .soc-icons {
        display: none;
    }

    #header .page-title p {
        font-size: 28px;
        line-height: 32px;
        max-width: 360px;
    }
    #header .page-title p br {
        display: none;
    }

    #header .bg-image {
        margin-left: 107px;
        margin-top: 110px;

        background: url('../img/header-bg-im1.jpg') -200px 0px no-repeat !important;
        background-size: 800px !important;
        height: 541px;
    }

    #header .header .menu,
    #header-fixed .header .menu,
    #header-inner .header .menu {
        display: none;
    }
    #header .header .btn-order {
        position: absolute;
        top: 462px;
        width: 242px;
        height: 70px;
        font-size: 21px;
        font-weight: 400;
    }
    #header-fixed .header .btn-order,
    #header-inner .header .btn-order{
        display: none;
    }
    #header-fixed .header .logo img,
    #header-inner .header .logo img{
        width: 163px;
    }

    #header .header .mob-menu-btn,
    #header-fixed .header .mob-menu-btn,
    #header-inner .header .mob-menu-btn{
        width: 35px;
        height: 20px;
        background: url('../img/mob-menu.svg');
        display: block;
        cursor: pointer;
    }

    #header-fixed, #header-inner {
        height: 80px;
    }
    #header-fixed .header, #header-inner .header {
        padding-top: 25px;
    }

    /* HEADER .partners-slider */

    #header .partners-slider {
        height: 126px;
        padding-top: 38px;
        padding-left: 20px;
        padding-right: 20px;
        top: 586px;
        width: calc(100% - 13px);
    }

    #header .partners-slider .slick-prev,
    #header .partners-slider .slick-next {
        display: none !important;
    }

    #header .partners-slider img {
        height: 47px;
    }

    /* HEADER menu */

    #mob-menu {
        display: none;
        position: fixed;
        background: #CCBCAD;
        z-index: 200;
        width: 100%;
        height: 100%;
        min-height: 600px;
        left: 0;
        top: 0;
    }

    #mob-menu .container {
        position: relative;
    }

    #mob-menu .mob-menu-close {
        position: absolute;
        width: 27px;
        height: 27px;
        background: url('../img/mob-menu-close.svg');
        top: 30px;
        right: 0;
        cursor: pointer;
    }

    #mob-menu .menu {
        margin-top: 0;
        padding-left: 0;
        padding-top: 0;
        position: absolute;
        top: 14%;
        left: 0;
        right: 0;
        list-style: none;
    }
    #mob-menu .menu li {
        text-align: center;
        margin-bottom: 27px;
    }
    #mob-menu li a {
        font-size: 28px;
        line-height: 27.66px;
        color: #363636;
        font-weight: 500;
    }
    #mob-menu .menu li a:hover {
        color: #363636;
    }

    #mob-menu .soc-icons {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 30px;
        text-align: center;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    #mob-menu .soc-icons li {
        display: inline-block;
        padding-left: 20px;
        padding-right: 20px;
    }
    #mob-menu .soc-icons li path {
        fill: #363636;
    }

    /* MOB-MENU submenu */

    #mob-menu .submenu {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-left: 15px;
        margin-right: 15px;
        border-bottom: 1px solid #B8A594;
        display: block !important;
    }
    #mob-menu .submenu li {
        padding: 0;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    #mob-menu .submenu li a {
        font-size: 21px;
        line-height: 1em;
        font-weight: 400;
        color: #737373;
    }

    /* lang */

    #header .lang, .lang {
        color: #494949;
        top: 42px;
        right: 53px;
    }
    #header .lang .current svg path {
        stroke: #494949;
    }
    #header .lang a:hover {
        color: #494949;
    }

    #header-fixed .lang,
    #header-inner .lang {
        top: 27px;
    }

}

@media (max-width: 768px){
    #header .partners-slider {
        width: calc(100% - 30px);
    }
}

@media (max-width: 576px) {
    #header .partners-slider {
        width: 100%;
    }
}


@media (max-width: 1200px){
    #shema .shema-step .title {
        font-size: 20px;
    }
    #advantages .advantages-item .title {
        font-size: 17px;
    }

    #nas-nahodyat h3 br {
        display: none;
    }
    #nas-nahodyat .col-4 h3 {
        font-size: 30px;
    }
    #nas-nahodyat ul {
        margin-top: 46px;
    }

    #contacts .contacts-col {
        margin-top: 32px;
    }
    #contacts .map-address {
        height: 592px;
    }

    #reviews .review-item {
        min-height: 522px;
    }

    #o-nas .about-slider-text {
        margin-top: -55px;
    }

    #blog-view h2 br,
    #blog-view h1 br {
        display: none;
    }
}


@media (max-width: 992px) {

    /* O NAS */

    #o-nas {
        padding-bottom: 50px;
    }

    #o-nas h2,
    #o-nas h1 {
        margin-bottom: 20px;
    }

    #o-nas .about-slider {
        padding-top: 0;
        margin-top: 80px;
        height: 510px;
    }

    #o-nas .about-slider .slick-prev {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-left: -75px;
    }

    #o-nas .about-slider .slick-next {
        top: auto;
        right: 0;
        bottom: 0;
        right: 50%;
        margin-right: -75px;
    }

    #o-nas .row-btn {
        margin-top: 15px;

    }
    #o-nas .row-btn .btn-green {
        height: 70px;
    }

    #o-nas .about-slider-text {
        margin-top: -146px;
        margin-left: 15px;
        margin-right: 15px;
    }

    /* USLUGI */

    #uslugi {
        padding-bottom: 43px;
    }

    #uslugi a.title {
        font-size: 38px;
        line-height: 44.46px;
        margin-top: 35px;
    }

    /* SHEMA */

    #shema {
        padding-top: 55px;
        padding-bottom: 40px;
    }
    #shema .row {
        margin-top: 40px;
    }
    #shema .col-3 {
        padding-right: 15px;
        padding-left: 15px;
    }

    #shema .shema-step {
        padding: 37px 25px 45px 25px;
        line-height: 28px;
    }

    #shema .shema-step:before,
    #shema .shema-step:after{
        display: none;
    }

    #shema .shema-step .img {
        height: 84px;
        width: 108px;
        float: left;
        display: block;
        margin-top: 8px;
        margin-bottom: 0px;
    }
    #shema .shema-step .img img {
        height: 100%;
        max-width: 91px;
    }
    #shema .row .col-3:last-child .img img {
        height: auto;
    }

    #shema .shema-step .title {
        font-size: 28px;
        line-height: 32.76px;
        height: 99px;
        margin-bottom: 15px;

        display: block;
        width: 318px;
    }

    #shema .notice {
        margin-top: -10px;
    }

    /* OUR WORKS */

    #our-works {
        padding-top: 47px;
        padding-bottom: 34px;
    }

    #our-works h2,
    #our-works h1 {
        max-width: 200px;
    }

    #our-works .works-slider {
        margin-top: 32px;
    }
    #our-works .works-slider .slick-prev,
    #our-works .works-slider .slick-next {

    }

    #our-works .col-6 .label {
        font-size: 23px;
        line-height: 28px;
        width: 116px;
        height: 52px;
        bottom: 20px;
        font-weight: 400;
    }

    #our-works .works-slider {
        padding-bottom: 75px;
        position: relative;
    }

    #our-works .works-slider .slick-prev {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-left: -75px;
    }

    #our-works .works-slider .slick-next {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        right: 50%;
        margin-right: -75px;
    }

    /* REVIEWS */

    #reviews {
        padding-top: 48px;
        padding-bottom: 45px;
    }

    #reviews .reviews-slider {
        padding-bottom: 95px;
        margin-top: 35px;
    }

    #reviews .reviews-slider .slick-prev {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-left: -75px;
    }

    #reviews .reviews-slider .slick-next {
        top: auto;
        right: 0;
        bottom: 0;
        right: 50%;
        margin-right: -75px;
    }

    #reviews .review-item {
        margin-left: 10px;
        margin-right: 10px;
        padding: 40px 25px 30px;
        min-height: 474px;
    }

    #reviews .review-item .author {
        margin-top: 12px;
    }

    #reviews .review-item .who-is {
        margin-top: -8px;
    }

    #reviews .review-item .text {
        text-align: left;
        position: relative;
    }
    #reviews .review-item:before {
        left: 10px;
        top: 265px;
    }
    #reviews .review-item:after {
        right: 10px;
    }

    /* ADVANTAGES */

    #advantages {
        padding-bottom: 40px;
        padding-top: 45px;
    }

    #advantages .row {
        margin-top: 28px;
    }

    #advantages .advantages-item .title {
        font-size: 28px;
        line-height: 32.76px;
        padding: 23px 25px 0;
    }

    #advantages .advantages-item .title br {
        display: block;
    }

    #advantages .advantages-item .text {
        padding: 14px 25px 35px;
    }

    /* BLOG */

    #blog {
        background: #F0E9E1;
        padding-bottom: 60px;
    }

    #blog .row {
        margin-top: 20px;
    }

    #blog .blog-slider {
        padding-bottom: 0;
        position: relative;
    }

    #blog .blog-slider .slick-prev {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-left: -75px;
    }

    #blog .blog-slider .slick-next {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        right: 50%;
        margin-right: -75px;
    }

    #blog .blog-item .title {
        font-size: 28px;
        line-height: 32.76px;
    }

    #blog .blog-item .short-text {
        padding: 9px 25px 22px;
    }

    #blog .blog-item .img {
        position: relative;
    }

    #blog .blog-item .more-str-mob {
        position: absolute;
        width: 45px;
        height: 45px;
        bottom: 0;
        right: 0;
        background: #88B89D url('../img/blog-more-str.svg') center center no-repeat;
        transition: all .25s ease;
    }
    #blog .blog-item:hover .more-str-mob {
        background: #79b091 url('../img/blog-more-str.svg') center center no-repeat;
    }
    #blog .blog-item .more-str {
        display: none;
    }

    /* ADV USLUGI */

    #adv-uslugi {
        padding-top: 55px;
        padding-bottom: 45px;
    }

    #adv-uslugi h2 {
        font-size: 40px;
        line-height: 40px;
    }

    #adv-uslugi .table {
        margin-top: 34px;
    }

    /* COST BY PHOTO */

    #cost-by-photo .image {
        left: 0;
        width: 100%;
        height: auto;
    }

    #cost-by-photo h2 br {
       display: none;
    }

    #cost-by-photo .container {
        padding-top: 724px;
        padding-bottom: 30px;
    }

    #cost-by-photo form {
        width: 100%;
        padding-right: 0;
        margin-top: 24px;
    }

    #cost-by-photo form p{
        color: #363636;
        margin-bottom: 32px;
    }

    #cost-by-photo form p br {
        display: none;
    }

    #cost-by-photo form .form-control.phone {
        font-size: 18px;
    }

    #cost-by-photo form .form-group {
        margin-bottom: 2rem;
    }

    #cost-by-photo .btn-transparent {
        margin: auto;
    }

    /* NAS NAHODYAT */

    #nas-nahodyat h3 {
        font-size: 32px;
        line-height: 37.44px;
    }

    #nas-nahodyat h3 br {
        display: none;
    }

    #nas-nahodyat .col-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #nas-nahodyat ul {
        margin-top: 0;
        padding-left: 20px;
    }

    #nas-nahodyat .col-4 {
        padding-bottom: 0;
    }
    #nas-nahodyat .col-4:first-child{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #nas-nahodyat .col-3 {
        display: none;
    }

    /* NASHI RABOTY */

    #nashi-raboty {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #nashi-raboty .row {
        margin-top: 20px;
    }

    #nashi-raboty .col-4 {
        margin-bottom: 0;
    }

    /* BRANDS */

    #brands p {
        font-size: 23px;
        line-height: 36px;
        margin-top: 20px;
    }

    #brands .brand-slider .slick-prev {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-left: -75px;
    }

    #brands .brand-slider .slick-next {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        right: 50%;
        margin-right: -75px;
    }
    #brands .brand-slider {
        margin-top: 0;
        padding-bottom: 75px;
    }

    /* USLUGI */

    #uslugi p {
        font-size: 23px;
        line-height: 28px;
    }

    /* BLOG LIST */

    #blog-list {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #blog-list .row {
        margin-top: 20px;
    }
    #blog-list .col-4 {
        margin-bottom: 0;
    }

    /* USLUGI 2 */

    #uslugi2 {
       padding-bottom: 50px;
    }

    #uslugi2 .row {
        margin-top: 15px;
    }

    #uslugi2 .row-btn .btn-green {
        margin-bottom: 10px;
    }

    #uslugi2 .uslugi2-item .make-order {
        font-size: 20px;
        line-height: 21px;
        font-weight: 450;
    }

    /* O NAS */

    #o-nas2 p {
        margin-bottom: 10px;
    }
    #o-nas2 .col-6 {
        padding-bottom: 0;
    }

    /* BLOG-VIEW */

    #blog-view {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    #blog-view h2 {
        font-size: 40px;
        line-height: 46.8px;
    }
    #blog-view .plashka {
        height: 177px;
    }
    #blog-view .plashka .date {
        border-left: unset;
        border-bottom: 1px solid #C4C4C4;
        margin-left: 0px;
        padding-left: 0px;
        width: 100%;
    }

    /* CONTACTS */

    #contacts {
        padding-top: 40px;
    }
    #contacts .contacts-col {
        margin-top: 20px;
        width: 100%;
    }
    #contacts .map-address {
        margin-top: 422px;
    }

}

/* MAX-WIDTH 768px*/

@media (max-width: 768px){

    #o-nas .about-slider {
        padding-top: 0;
        margin-top: -7px;
    }

    #o-nas .about-slider-text {
        position: absolute;
        left: 15px;
        right: 15px;
        margin-top: -135px;
    }

    #advantages .advantages-item .title br {
        display: none;
    }

    #reviews .review-item {
        margin-left: 0;
        margin-right: 0;
    }

    #blog .show-more-row {
        display: none;
    }

    #blog .blog-slider {
        padding-bottom: 75px;
        position: relative;
    }

    #cost-by-photo .container {
        padding-top: 555px;
        padding-bottom: 30px;
    }

    #reviews .review-item {
        min-height: 418px;
    }
}

/* MAX-WIDTH 576px*/

@media (max-width: 576px) {

    #cost-by-photo .container {
        padding-top: 370px;
        padding-bottom: 30px;
    }

    #contacts .contacts-row .title {
        font-size: 24px;
        margin-bottom: 8px;
    }
    #contacts .contacts-col {
        padding: 32px 25px 50px 25px;
    }
    #contacts .contacts-row {
        margin-bottom: 20px;
        font-size: 22px;
        font-weight: 300;
    }

    #reviews .review-item {
        min-height: 474px;
    }

    #o-nas .about-slider-text {
        margin-top: -148px;
    }

}

@media (max-width: 1200px){
    #footer .row1 .menu li a {
        font-size: 15px;
    }
    #footer .row1 .phone {
        font-size: 22px
    }
    #footer .row1 .phone span {
        font-size: 14px;
    }
}

@media (max-width: 992px) {

    #footer {
        padding-top: 60px;
        padding-bottom: 65px;
    }

    #footer .row1 {
        display: block;
        text-align: center;
    }

    #footer .row1 .menu {
        display: block;
        margin-top: 53px;
    }

    #footer .row1 .menu li {
        margin-top: 28px;
    }

    #footer .row1 .menu li a {
        font-size: 28px;
        line-height: 28px;
        font-weight: 500;
    }

    #footer .row1 .phone {
        text-align: center;
        margin-top: 65px;
        font-weight: 300;
    }

    #footer .row1 .phone span {
        margin-top: 10px;
    }

    #footer .row2 {
        margin-top: 35px;
        display: block;
    }

    #footer .row2 .soc-icons {
        margin: auto;
        width: 285px;
        overflow: hidden;
    }

    #footer .row2 .soc-icons li {
        padding-left: 25px;
        padding-right: 25px;
    }

    #footer .row2 .copyright {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        margin-top: 68px;
    }

    /* FOOTER submenu */

    #footer .menu .submenu {
        display: block !important;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-left: 15px;
        margin-right: 15px;
        border: none;
        border-bottom: 1px solid #4f4f4f;
        background: transparent;
        position: relative;
        box-shadow: none;
        margin-top: -10px;
    }
    #footer .menu .submenu:before{
        display: none;
    }
    #footer .menu .submenu li {
        padding: 0;
        margin: 0;
        margin-top: 10px;
        margin-bottom: 22px;
        background: transparent;
    }
    #footer .menu .submenu li a {
        font-size: 21px;
        line-height: 1em;
        font-weight: 400;
        color: #737373;
    }

}
@media (max-width: 992px) {

    .modal {
        padding-right: 0 !important;
    }

    .modal-header .close {
        right: 14px;
    }

    .modal-footer {
        padding: 0 0 20px;
    }

    .modal-content {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .modal-description {
        font-size: 19px;
    }

    .modal-dialog .form-control.phone {
        font-size: 18px;
    }

    .modal-dialog textarea {
        height: 100px;
    }
    .modal-footer button {
        max-width: 310px;
        width: 100%;
    }
}

@media (max-width: 576px) {
    #langSelect {
        top: 20%;
    }
    #langSelect .modal-footer .btn-green {
        padding-top: 16px;
    }
    #langSelect .modal-footer .btn-green:first-child {
        margin: 5px 0 !important;
    }
    #langSelect .modal-footer .btn-green:last-child {
        margin: 5px 0 !important;
    }
}