@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }

   
}

@media (max-width: 1400px) {
    .features-row {
        width: 65%;
    }
}

@media (max-width: 1265px) {
    .title-categories {
        font-size: 32px;
    }

    .why-we h2 {
        text-align: left!important;
        font-size: 30px;

    }

    .list-benefists figure#discount-message p {
        font-size: 18px;
    }

    #about-us {
        background-position: -60px;
    }

    .img-features {
        background: none;
    }

    .features-row {
        width: 100%;
    }

    .img-features {
        padding-bottom: 40px;
    }
}


@media screen and (max-width: 1240px) {
    #header .nav-link {
        font-size: 12px;
        color: #333333;
    }

    .address-head address {
        font-size: 14px;
    }

    .phone-head .tet-dark {
        font-size: 18px;
    }


}

@media (max-width: 1200px) {
     #header--logo img {
        width: 100%;
    }

    #header--logo {
        width: 200px;
    }


}


@media (max-width: 1199px) {
    #our-works .w-100 .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .card-img-top {
        width: 50%;
        float: left;
    }

    .card-body {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
        float: left;
    }

    .card {
        display: block;
        width: 100%;
    }

    .card:after {
        content: "";
        clear: both;
        display: block;
    }

    .card-body img {
        display: none;
    }

    .card .btn-block {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 14px;
        text-transform: uppercase;
    }

    .list-clients li {
        display: block;
        width: 32%;
        float: left;
        background: #fff;
        margin-bottom: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .our-works .w-100 {
        margin-right: 0px; 
        margin-left: 0px; 
    }

    .our-works .w-100 .col-sm-6 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .main-catalog a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .about-block-main .about-block h3 {
        font-size: 20px;
    }

    .about-block-main .about-block p {
        font-size: 16px;
    }

    .about-block img {
        width: 90px;
        height: auto;
    }

    .price-c-number {
        text-align: center;
        padding-bottom: 15px;
    }

    .button-more-photo {
        text-align: center;
        padding-bottom: 5px;
    }


    
}

@media (max-width: 1150px) {
    .why-we {
        flex: 0 0 70%;
        max-width: 70%;
    }

    #about-us .row.justify-content-end {
        padding-top: 20px;
        padding-bottom: 20px;
        background: rgba(255, 255, 255, 0.6);
        margin-left: 5px;
        margin-right: 5px;
    }

    #about-us {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .why-we {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .list-benefists li  {
        margin-left: 0px!important;
    }

    .list-benefists li .pl-5 {
        padding-left: 0px!important;
    }

    #our-advantages .figure {
        padding-bottom: 30px;
    }

    

}


@media (max-width: 991px) {
    #gamburger {
        position: absolute;
        left: 240px;
        top:17px;
    }

    #navbarSupportedContent ul {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .top-banner h1 {
        font-size: 30px;
    }

    .top-banner {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    #page-header .display-3 {
        font-size: 45px;
    }

    #page-header .lead {
        font-size: 20px;
    }

    #page-header {
        height: 310px;
    }

    .title-categories {
        font-size: 24px;
    }

    #list-of-main-categories>li {
        padding: 30px 30px;
    }

    #list-of-main-categories>li {
        background-image: none;
    }

    .card-body tr {
        display: block;
        padding-top: 10px;
    }

    .card-body tr td {
        display: block;
        width: 100%;
        font-size: 14px;
    }

    .card-body h5 {
        font-size: 18px;
    }

    .lead-text .lead {
        font-size: 16px;
    }

    .map-ifreme {
        width: 140%;
    }





}

@media (max-width: 767px)  {
    .price-cat {
       font-size: 14px;
       display: block;
       position: inherit;
       padding-top: 5px;
       font-weight: 700;
        
    }

    .block-catalog-list .text-link {
        font-size: 17px;
        line-height: 1;
        padding-right: 0px;

    }
    .card-img-top {
        width: 100%;
        float: none;
        display: block;
    }

    .card-body {
        width: 100%;
        float: none;
       
        flex: 0 0 100%;
        max-width: 100%;
    }

    .list-clients li {
        width: 49%;
    }

    .map-ifreme {
        width: 100%;
    }

    .map-block iframe {
        width: 100%;
        margin-bottom: 42px;
    }

    .block-c-b strong {
        font-size: 16px;
    }

    .block-c-b span {
        font-size: 16px;
    }

    .features-clock h3, .block-numbers h3 {
        font-size: 16px;
    }

    .main-catalog a {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 12px;
    }

    .catalog-page h2 {
        font-size: 1.6rem;
    }

    .characteristics h3 {
        font-size: 18px;
        margin-top: -10px;
    }

    .characteristics figure {
        border: 0px;
    }

    .title-inset {
        font-size: 30px;
    }

    .contacts-page h2 {
        font-size: 20px;
    }

    .quote-to-right, .quote-to-left {
        display: none;
    }

    .inset-text-page p {
        font-size: 16px;
    }

    .home-link img {
        width: 170px;
    }

    .content-404 h1 {
        font-size: 24px;
    }

    .content-404 .num-404 {
        font-size: 140px;
    }

    .content-404 h2 {
        font-size: 18px;
    }

    .content-404 p {
        font-size: 16px;
    }

    


}


@media (max-width: 690px) {
    #list-of-main-categories>li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #list-of-main-categories>li:nth-child(3) {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 20px;
    }
    #list-of-main-categories>li .mb-5 {
        margin-bottom: 20px!important;

    }

    #list-of-main-categories>li:nth-child(3) .mb-5, #list-of-main-categories>li:nth-child(3) h3 {
        width: 50%;
        float: left;
    }

    #list-of-main-categories>li:nth-child(3) .btn {
        margin-left: 30px;
    }

    #page-header {
        height: 200px;
    }
}

@media (max-width: 575px) {
    .address-head {
        display: none!important;
    }

    #header--logo {
        width: auto;
    }

    #header .navbar {
        padding-left: 60px;
        padding-top: 13px;
    }

    #gamburger {
        position: absolute;
        left: 0px;
        top: 17px;
    }

    .phone-head {
        justify-content: flex-end;
    }

    .smartphone-icon {
        left: inherit;
        right: 167px;
    }

    #header--logo img {
        width: 140px;
    }

    .top-banner h1 {
        font-size: 24px;
    }

    .top-banner {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .img-list-article a {
        height: 200px;
    }

    .text-list-article {
        padding: 40px 40px 60px 40px;
    }

    .text-list-article .more-list-articles {
        left: 40px;
    }

    .text-list-article .date {
        right: 40px;
    }
        body {
        padding-top: 70px;
    }
}

@media (max-width: 530px)  {
    #page-header .display-3 {
        font-size: 30px;
    }

    .title-categories {
        font-size: 18px;
    }

    #list-of-main-categories>li span.h4 {
        font-size: 18px;
    }

    .why-we h2 {
        text-align: left!important;
        font-size: 24px;
    }

    .list-benefists figure h3 {
        font-size: 14px;
    }

    .list-benefists figure p {
        font-size: 14px;
    }

    #about-us .row.justify-content-end {
        background: rgba(255, 255, 255, 0.8);
    }

    .list-clients li {
        width: 100%;
    }

    .list-benefists li .ml-5 {
        margin-left: 0px!important;
    }

    .block-numbers img {
        position: absolute;
        top: 15px;
        left: 25px;
        width: 50px;
    }

    .block-numbers {
        padding-left: 100px;
    }

    .features-clock img {
        height: auto;
        width: 60px;
    }

    .features-clock {
        padding-left: 90px;
        padding-bottom: 0px;
    }

    .features-clock img {
        top: 20px;
    }

    .block-2-text h3 {
        font-size: 18px;
    }

    .block-2-text p {
        font-size: 16px;
        color: #777;
    }

    .block-2-text h2 {
        margin-bottom: 0px;
    }

    .links-articles {
        font-size: 16px;
    }

    .block-numbers.beny-b-b {
        padding-left: 95px;
    }


}

@media (max-width: 500px) {
    .nav-tabs .nav-link {
        width: 100%;
        border: 1px solid #FF5461;
        border-radius: 0px;
        background: #fff;

    }

    .nav-tabs .nav-link:hover {
        border: 1px solid #FF5461;
    }

    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        background: #FFE7DE;
        border: 1px solid #FF5461;
    }

    .nav-tabs .nav-link.active:hover {
        border-color: #FF5461 #FF5461 #FF5461;
    }

    .home-link {
        padding-bottom: 40px;
    }

    .content-404 h1 {
        font-size: 20px;
    } 

    .content-404 .num-404 {
        font-size: 110px;
    }

    .nav-tabs {
        border: none;
    }

    .content-404 h2 {
        font-size: 16px;
    }
}

@media (max-width: 460px) {
    #list-of-main-categories>li .mb-5, #list-of-main-categories>li h3 {
        width: 50%;
        float: left;

    }

    #list-of-main-categories>li {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
     #list-of-main-categories>li .btn {
        margin-left: 30px;
    }


}


@media (max-width: 450px) {
    #header .navbar {
        padding-left: 45px;
    }

    #header--logo img {
        width: 100px;
    }

    .navbar-toggler {
        width: 32px;
        height: 34px;
        border-radius: 5px;
    }

    .phone-head .tet-dark {
        font-size: 16px;
    }

    .phone-head .text-secondary {
        font-size: 14px;
    }
    .smartphone-icon {
    left: inherit;
    right: 147px;
    background-size: 13px;
    background-repeat: no-repeat;
    width: 13px;
    height: 24px;
    top: 17px;
}

.phone-head {
    padding-top: 17px;
}
}

@media (max-width: 415px) {
     #list-of-main-categories>li .mb-5, #list-of-main-categories>li h3 {
        width: 100%;
        float: left;

    }

    #list-of-main-categories>li .btn {
        margin-left: 0px;
    }

    #list-of-main-categories>li:nth-child(3) .mb-5, #list-of-main-categories>li:nth-child(3) h3 {
        width: 100%;
        float: left;
    }

    #list-of-main-categories>li:nth-child(3) .btn {
        margin-left: 0px;
    }

    #page-header .display-3 {
        font-size: 28px;
    }

    #page-header .lead {
        font-size: 18px;
    }

    #our-advantages h2, #our-latest-works h2, #our-clients h2 {
        font-size: 24px;
    }

    .list-benefists figure#discount-message img {
        display: none;
    }

    .list-benefists figure#discount-message p {
        padding: 0px;
        font-size: 17px;
    }

    .title-categories {
        text-align: center;
    }

    #list-of-main-categories>li .mb-5, #list-of-main-categories>li h3 {
        text-align: center;
        float: none;
    }

    #list-of-main-categories>li .btn, #list-of-main-categories>li:nth-child(3) .btn {
        margin-left: auto;
        margin-right: auto;
        width: 150px;
        display: block;

    }

    #list-of-main-categories>li:nth-child(3) .mb-5, #list-of-main-categories>li:nth-child(3) h3 {
        float: none; 
    }

    #navbarSupportedContent ul {
            width: 140px;
    }

}

@media (max-width: 370px) {
    .smartphone-icon {
        display: none;
    }
}