@media (min-width: 1200px) {
header .col-xl-5 {
    max-width: 480px;
}

header .col-xl-2:nth-child(2) {
max-width: 220px;
}

header .col-xl-2:nth-child(3),
header .col-xl-2:last-child {
max-width: 230px;
}

.map-section .container, .we-work .container,
.comments .container, .map-section .container,
.add-pages-banner {
    padding: 0;
}

header .container, nav .container, .content-page .container,
.map-section .container, .products .container,
.we-work .container, .comments .container,
.map-section .container, .add-pages-banner .container {
    max-width: 1170px;
}
}

@media (min-width: 992px) and (max-width: 1920px) {
.nav-menu {
    display: flex !important;
}
}

@media (min-width: 320px) and (max-width: 1299px) {
.comments {
display: none;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.map-info {
padding: 0 25px 30px;
}

.slide__p {
    margin: 24px 15px 10px;
    text-align: justify;
}

.slide__discrip {
    flex-flow: column wrap;
    align-items: center;
}

.slider .slick-center img {
    margin: 32px 30px 0;
}

.slider .slick-center {
    width: 420px !important;
}

.comments .slick-dotted.slick-slider {
height: auto;
}

.we-work__p {
margin-left: 12px;
}

.we-work__discrip {
    justify-content: center;
    padding: 26px 0 27px;
}

.we-work__block {
width: 210px;
}

.we-work__block:before {
    left: 50px;
}

.advantages__block {
    width: 100%;
}

.advantages__item {
width: 20%;
}

.advantages__item:first-child {
    padding: 28px 1% 29px 2%;
}

.advantages__item:nth-child(2), .advantages__item:nth-child(3),
.advantages__item:nth-child(4), .advantages__item:last-child {
    padding: 0 1% 0px 2%;
}

.advantages__p {
    font: 13px/22px OpenSansRegular, sans-serif;
}

.products .row {
justify-content: space-around;
}

.map-info div p:first-child {
    text-align: center;
}

.map-info {
width: 100%;
    justify-content: space-between;
}

.map-info__h3 {
margin: 0 0 20px;
}

.service-banner__discription {
width: 400px;
}

.service-banner__discription .pages-banner__p {
    font: 17px OpenSansRegular, sans-serif;
}

.pages-banner__p {
    font: 16px OpenSansRegular, sans-serif;
    margin-bottom: 16px;
}

.sidebar .our-pluses__discrip {
    font: 14px OpenSansRegular, sans-serif;
    width: 175px;
}

.sidebar .our-pluses__block {
    width: 214px;
margin-bottom: 30px;
}

.sidebar .our-pluses__block:first-child .our-pluses__a .our-pluses__img {
background: url(../img/p1.png);
    width: 45px;
    height: 46px;
}

.sidebar .our-pluses__block:nth-child(2) .our-pluses__a .our-pluses__img {
    background: url(../img/p2.png);
    width: 59px;
    height: 41px;
}

.sidebar .our-pluses__block:nth-child(3) .our-pluses__a .our-pluses__img {
    background: url(../img/p3.png);
    width: 63px;
    height: 47px;
}

.sidebar .our-pluses__block:nth-child(4) .our-pluses__a .our-pluses__img {
    background: url(../img/p4.png);
    width: 36px;
    height: 45px;
}

.sidebar .our-pluses__block:last-child .our-pluses__a .our-pluses__img {
    background: url(../img/p5.png);
    width: 50px;
    height: 51px;
}

.sidebar .our-pluses__title {
    font: bold 14px OpenSansRegular, sans-serif;
}

.sidebar {
    max-width: 100%;
}

.sidebar .our-pluses__wrapper {
    align-items: center;
}

.sidebar .our-pluses__a {
    padding: 16px 0;
}

.sidebar .our-pluses__block:first-child .our-pluses__title {
    margin: 0 0 19px;
}

.sidebar .our-pluses__block:nth-child(2) .our-pluses__title {
    margin: 0 0 30px;
}

.sidebar .our-pluses__block:nth-child(2) .our-pluses__discrip {
    margin: 27px auto 8px;
}

.sidebar .our-pluses__block:nth-child(3) .our-pluses__title {
    margin: 0 0 19px;
}

.sidebar .our-pluses__block:nth-child(3) .our-pluses__discrip {
    margin: 21px auto 0px;
}

.sidebar .our-pluses__block:nth-child(4) .our-pluses__discrip {
    margin: 29px auto 4px;
}

.sidebar .our-pluses__block:last-child .our-pluses__discrip {
    margin: 12px auto 0px;
}

.review-block {
    max-height: 200px;
}

.review-block:before {
    top: 40%;
}

.nav-menu a {
font: 15px OpenSansRegular, sans-serif;
}

.wrapper {
width: 100%;
}

footer .logo {
    display: flex;
    justify-content: center;
}

.adress {
    width: auto;
    display: flex;
    justify-content: space-around;
}

.adress__callback-block {
order: 2;
}

.adress__callback {
    margin: 0;
}

.adress__discription-block {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    order: 1;
}

.add-banner {
    background: url(../img/add_banner_bg.jpg) -150px no-repeat;
}

.inner-pages-banner {
    background: url(../img/inner_pages_banner_bg.jpg) -150px no-repeat;
}

.main-banner {
    background: url(../img/main_banner_bg.jpg) -150px no-repeat
}

.add-pages-banner .col-xl-4, .content-banner .col-xl-4,
.add-banner .col-xl-4, .main-banner .col-xl-4 {
    padding: 0 15px;
    margin-right: 3%;
}

.content-banner .content p {
    font: bold 12px/18px OpenSansRegular, sans-serif;
}

header div[class^="col"], nav .container {
    padding: 0 15px;
}

.logo {
    margin-right: 0;
}
}

@media (min-width: 768px) and (max-width: 1199px) {
.add-banner:before {
display: block;
}
}

@media (min-width: 320px) and (max-width: 1199px) {
footer .logo {
max-height: 81px;
}

.pay {
    max-width: 370px;
    margin: 0 auto;
}

.map-section {
background: #00133a;
}

.map-block {
flex-flow: row wrap;
height: auto;
}

.comments {
background: #00133a;
}

.review-item {
width: 98%;
}

footer .container {
    max-width: 100%;
    padding: 0 15px;
}

.rights {
    text-align: center;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.map-info {
    padding: 0 0 30px;
    justify-content: space-between;
}

.map-info__h3 {
margin: 0 0 30px;
}

.map-info div p:last-child {
    font: 16px OpenSansLight, sans-serif;
}

.map-info div p:first-child {
    font: bold 18px OpenSansLight, sans-serif;
    text-align: center;
}

.content {
    padding-bottom: 73px;
}

.our-pluses__block {
width: 50%;
}

.our-pluses {
padding-bottom: 80px;
}

.our-pluses__wrapper {
    justify-content: center;
    flex-flow: row wrap;
}

.we-work {
    padding-bottom: 10px;
}

.we-work__block {
    margin: 0 auto 40px;
}

.we-work__block:before {
    top: 34px;
}

.advantages__item {
width: 50%;
padding: 15px 0 !important;
    justify-content: center;
}

.advantages__p {
    margin: 0 20px;
}

.advantages__block {
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
}

.service-banner__discription .pages-banner__p {
    font: 16px OpenSansRegular, sans-serif;
    margin-bottom: 20px;
}

.review-block {
    max-height: 200px;
}

.review-block:before {
    top: 40%;
}

.section__title {
    margin-top: 10px;
}

.section__h1 {
    margin: 0 0 15px;
}

.footer-menu__ul li {
    text-align: center;
}

.footer-menu {
display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.adress {
    width: auto;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

footer .logo {
    display: flex;
    justify-content: center;
}

.banner__btn {
    margin-top: 23px;
}

.add-banner {
    background: url(../img/add_banner_bg.jpg) -200px no-repeat;
}

.add-pages-banner {
    background: url(../img/add_pages_banner_bg.jpg) -200px no-repeat;
}

.inner-pages-banner {
    background: url(../img/inner_pages_banner_bg.jpg) -200px no-repeat;
}

.main-banner {
    background: url(../img/main_banner_bg.jpg) -200px no-repeat;
}

.add-pages-banner .col-xl-4, .add-banner .col-xl-4,
.main-banner .col-xl-4 {
    margin-right: 3%;
}

.main-banner:before, .content-banner:before,
.pages-banner:before, .add-pages-banner:before,
.inner-pages-banner:before, .add-banner:before {
    width: 60%;
}

header div[class^="col"] {
    flex: 0 0 33.333333%;
}

.work-hours {
    padding: 20px 30px 23px;
    border: none;
}

.location {
    padding: 21px 34px 24px;
}

.contact {
    padding: 21px 16px 24px;
}

header div .col-md-12 {
    flex: 0 0 100%;
}

header .container {
max-width: 720px;
}
}

@media (min-width: 577px) and (max-width: 991px) {
.our-pluses__block {
    max-width: 300px;
    margin: 0 20%;
}

.content-banner {
    background: url(../img/content_banner_bg.jpg) no-repeat, #7f899c;
}

.content-banner__discription {
    width: 370px;
    margin: 0 auto;
    padding: 0 0 40px;
}

.section__img {
    display: none;
}

.accept label {
    font: 13px OpenSansRegular, sans-serif;
}

.add-pages-banner .accept a, .add-banner .accept a,
add-banner .accept a {
    font: 13px OpenSansRegular, sans-serif;
}
}

@media (min-width: 320px) and (max-width: 991px) {
.pay__title {
    text-align: center;
}

.map-info {
    width: 100%;
}

.content-banner:before {
    display: none;
}

.review-block > p {
    text-align: justify;
}

.nav-menu li {
    text-align: center;
}

nav {
    background: #f0f2f7;
}

nav .container {
padding: 0 15px;
}

nav .col-12 {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
}

.nav-menu {
padding: 15px 0;
    flex-flow: column wrap;
display: none;
    width: 100%;
}

nav:before {
display: none;
}

footer .col-xl-4:first-child {
    order: 1;
    display: flex;
    justify-content: center;
    flex-flow: column wrap;
}

footer .col-xl-4:nth-child(2) {
    order: 3;
}

footer .col-xl-4:nth-child(3) {
    order: 2;
    display: flex;
justify-content: center;
}

footer .col-xl-12:nth-child(4) {
    order: 4;
}

header div[class^="col"] {
    padding: 0 15px;
}

.logo {
    justify-content: center;
    margin: 0;
}
}

@media (min-width: 577px) and (max-width: 767px) {
.map-info__h3 {
margin: 0 0 20px;
}

.section__title {
    margin-top: 10px;
}

.section__h1 {
    margin: 0 0 15px;
}

.add-pages-banner .col-xl-4, .inner-pages-banner .col-xl-4,
.add-banner .col-xl-4, .main-banner .col-xl-4 {
    margin: 0 auto;
}

.contact {
    padding: 21px 25px 24px;
}

.work-hours {
    padding: 20px 40px 23px;
}

header .container {
    max-width: 540px;
}
}

@media (min-width: 320px) and (max-width: 767px) {
.map-info > div {
    margin-bottom: 15px;
}

.map-info {
width: 100%;
    justify-content: center;
    text-align: center;
    flex-flow: column wrap;
}

.our-pluses__wrapper {
    flex-flow: row wrap;
}

.our-pluses__block {
    width: 100%;
}

.our-pluses {
    padding-bottom: 30px;
}

.we-work {
    background: #ececec;
    padding-bottom: 0;
}

.we-work__block {
    margin-bottom: 69px;
}

.we-work .col-lg-3 {
    display: flex;
    justify-content: center;
}

.advantages__item {
width: 100%;
padding: 15px 0 !important;
    justify-content: center;
    border-right: none;
    border-bottom: 1px solid #ccd0dc;
}

.advantages__p {
    margin: 0 20px;
}

.advantages__block {
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
}

.advantages__item:nth-child(1) .advantages__p,
.advantages__item:nth-child(2) .advantages__p,
.advantages__item:nth-child(3) .advantages__p,
.advantages__item:nth-child(4) .advantages__p,
.advantages__item:nth-child(5) .advantages__p {
     width: 160px !important;
    margin: 0 20px;
}

.products .col-lg-3 {
    max-width: 100%;
}

.products__item {
    margin: 0 auto;
}

tbody tr, tbody td a {
    font: 12px OpenSansRegular, sans-serif;
}

thead tr {
    font: bold 12px OpenSansRegular, sans-serif;
}

.table h2 {
    font: 24px OpenSansRegular, sans-serif;
}

.footer-menu__ul li {
    width: 100%;
    text-align: center;
}

.footer-menu__title {
    text-align: center;
    padding: 17px 0 16px;
}

.main-banner:before, .content-banner:before,
.pages-banner:before, .add-pages-banner:before,
.inner-pages-banner:before, .add-banner__slogan,
.add-banner:before {
    display: none;
}

.add-pages-banner, .inner-pages-banner, .pages-banner,
.main-banner {
background: #7f899c;
}

.add-banner {
background: #00133a;
}

.pages-banner .row {
    justify-content: center;
}

.pages-banner .banner__btn {
    width: 100%;
    max-width: 370px;
}

.pages-banner__p {
font: 16px OpenSansRegular, sans-serif;
}

.work-hours, .location, .contact {
    border: none;
}

header div[class^="col"] {
flex: 0 0 100%;
}
}

@media (min-width: 320px) and (max-width: 576px) {
.our-pluses__block {
    max-width: 300px;
    margin: 5px auto;
}

.pay__block {
    max-width: 290px;
    margin: 0 auto;
}

.pays {
    width: 70px;
    height: 35px;
background-size: cover;
}

.pays:first-child {
    background-position: 0 0;
}

.pays:nth-child(2) {
    background-position: -70px 0;
}

.pays:nth-child(3) {
    background-position: -140px 0;
}

.pays:nth-child(4) {
    background-position: -210px 0;
}

.pays:nth-child(5) {
    background-position: -280px 0;
}

.pays:nth-child(6) {
    background-position: -350px 0;
}
.pays:nth-child(7) {
    background-position: -420px 0;
}

.pays:last-child {
    background-position: -490px 0;
}

.map-info div p:last-child {
    font: 18px OpenSansLight, sans-serif;
}

.map-info__h3 {
    font: 24px OpenSansRegular, sans-serif;
    margin: 0 0 20px;
}

.content-banner .col-lg-6 {
    background: #ececec;
}

.content-banner .col-xl-4 {
    background: #7f899c;
    padding: 0 15px 30px;
    margin: 0;
}

.content-banner .container {
    max-width: 100%;
}

.content p {
    font: bold 12px/18px OpenSansRegular, sans-serif;
}

.content-banner__discription {
    width: 290px;
    margin: 0 auto;
}

.products {
padding: 0;
}

.section__img {
    margin: 20px auto 28px;
}

.content-text ul li {
    font: 14px OpenSansRegular, sans-serif;
}

.content-text h2 {
    font: 24px OpenSansRegular, sans-serif;
}

.content-text p {
    padding: 0 15px;
    font: 14px/24px OpenSansRegular, sans-serif;
}

.service-banner__title {
    font: bold 24px/30px OpenSansRegular, sans-serif;
    text-align: center;
}

.pages-banner__discription, .service-banner__discription {
    width: 290px;
    margin: 0 auto;
}

.pages-banner__title, .pages-banner__price {
    font: bold 22px OpenSansRegular, sans-serif;
}

.pages-banner .col-lg-5 {
    padding: 0px 15px;
}

.pages-banner__price {
    margin: 21px 0 20px;
}

.pages-banner__title {
    margin: 24px 0 20px;
}

.pages-banner .banner__btn {
    margin: 25px 0 30px;
}

.pages-banner__p {
    font: 12px OpenSansRegular, sans-serif;
margin-bottom: 11px;
}

th:nth-child(3), td:nth-child(3), .fa-times:before, .fa-check:before, .fa-clock-o:before {
    display: none;
}

.table th:first-child, .table td:first-child {
    padding: 14px 0 17px 10px;
}

table {
    margin: 0;
}

.table h2, .table h3 {
    text-align: center;
}

.review__data {
font: 15px OpenSansRegular, sans-serif;
}

.review-block {
margin-left: 0;
    flex-flow: column nowrap;
    height: auto;
}

.review-block > p {
    font: 14px OpenSansRegular, sans-serif;
}

.review__avatar, .review-block:before {
    display: none;
}

.review-item {
    margin: 10px;
}

.section__title {
    margin: 0;
}

.section__h1 {
    margin: 21px 0 10px;
    font: 24px OpenSansRegular, sans-serif;
}

.content-page {
    padding-top: 21px;
}

.reviews {
    padding: 0 0 20px;
}

.adress {
    display: flex;
    flex-flow: column wrap;
    padding-top: 7px;
}

.adress__phone {
order: 1;
}

.adress__callback {
order: 2;
}

footer .location {
    order: 4;
}

footer .work-hours {
order: 3;
    margin: 11px 0 6px;
}

footer .location, footer .work-hours {
    justify-content: center;
}

footer .location__city, 
footer .work-hours__p {
    font: 16px OpenSansLight, sans-serif;
}

footer .location__a {
    font: bold 16px OpenSansRegular, sans-serif;
}

footer .fa-home:before {
    font-size: 21px;
}

footer .fa-clock-o:before {
font-size: 19px;
    margin: 1px 0 0 0;
}

.adress__callback {
    font: 24px OpenSansRegular, sans-serif;
    padding: 12px 0 15px;
    margin: 5px 5px 0px;
    text-align: center;
}

footer .logo__img {
    height: 32px;
    width: 149px;
    margin: 9px 10px 0 0;
}

footer .logo__company {
    font: 14px OpenSansRegular, sans-serif;
    padding: 4px 0 8px 8px;
}

footer .logo {
    padding: 20px 0 0;
}

.add-pages-banner .col-xl-4, .inner-pages-banner .col-xl-4,
.add-banner .col-xl-4, .main-banner .col-xl-4 {
padding: 0 15px;
}

.add-banner__discription, .main-banner__discription {
    padding: 0 0 34px;
    width: 290px;
    margin: 0 auto;
}

.accept label {
    padding: 4px 0 0 30px;
}

.add-pages-banner .accept a, .accept label,
.add-banner .accept a {
    font: 11px OpenSansRegular, sans-serif;
}

.inner-pages-banner .pages-banner__title {
    font: bold 30px OpenSansRegular, sans-serif;
}

.main-banner__discription {
padding: 49px 0 34px;
}

.add-banner__block-title {
    padding: 28px 0 31px;
}

.contact__discription {
margin: 0 auto;
    text-align: center;
}

.fa-phone-square {
    display: none;
}

.contact__phone {
    font: 30px OpenSansRegular, sans-serif;
    margin: 0 0 8px 0;
}

.contact__a {
    font: 18px OpenSansRegular, sans-serif;
    letter-spacing: .1;
}

.contact {
padding: 0 0 24px;
}

.logo {
    padding: 20px 0 6px;
}

.logo__img {
    margin: 9px 10px 0 0;
}

.logo__company {
    font: 14px/19px OpenSansRegular, sans-serif;
    padding: 4px 0 9px 7px;
}
}
@media (min-width: 320px) and (max-width: 576px){
footer .logo__img {
    height: 60px;
    width: auto;
    }}