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

    body, input, select, textarea {
        font-size: 11pt;
     }
 
 }
 
 @media screen and (max-width: 1280px) {
 
    body, input, select, textarea {
        font-size: 11pt;
    }
 
 }
 
 @media screen and (max-width: 980px) {
 
    body, input, select, textarea {
        font-size: 11pt;
    }
 
 }
 
 @media screen and (max-width: 736px) {
 
    body, input, select, textarea {
        font-size: 12pt;
    }
 
 }
 
 @media screen and (max-width: 480px) {
 
    body, input, select, textarea {
        font-size: 12pt;
  }
 
 }

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

    h1 {
        font-size: 1.5em;
  }
 
 }

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

    h2 {
        font-size: 1.4em;
    }
 
 }

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

    #contact .column {
        padding: 2em 0 0.1em 0;
        padding-left: 2em;
        padding-right: 2em;
    }
 
 }
 
 @media screen and (max-width: 736px) {
 
    #contact .column {
        width: 100%;
    }
 
 }
 
 @media screen and (max-width: 480px) {
 
    #contact .column {
        padding: 1em 0 0.1em 0;
        padding-left: 1em;
        padding-right: 1em;
    }
 
 }

 


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

    .galleries .company {
        padding: 20em;
        min-height: 20em;
    }

    .galleries header h2 {
        margin-bottom: 10em;
    }

}

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

    .galleries .company {
        padding: 1em;
    }

}


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

    .galleries header {
        display: block;
    }

}

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

    .galleries header h2 {
        margin-bottom: .5em;
    }

}


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

    .galleries .content .media .company {
        width: 50%;
    }

}

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

    .galleries .content .media .company {
        width: 50%;
    }

}


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

    #banner h1 {
        font-size: 3.5em;
    }
 
 }
 
 @media screen and (max-width: 736px) {
 
    #banner {
        background-attachment: scroll;
    }
 
    #banner h1 {
        font-size: 2.25em;
    }
 
    #banner p {
        font-size: 1.25em;
    }
 
 }

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

    #main #header {
        padding: 1.15em 2em;
    }

}

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

    #main #header {
        text-align: center;
    }

}

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

    #footer {
        padding: 3em 0 1em 0;
    }

}

@media (min-width: 0) {
    .container_header {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .container_header:after {
        content: " ";
        display: block;
        clear: both;
    }
}
@media (min-width: 576px) {
    .container_header {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
    }
    .container_header:after {
        content: " ";
        display: block;
        clear: both;
    }
}
@media (min-width: 768px) {
    .container_header {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }
    .container_header:after {
        content: " ";
        display: block;
        clear: both;
    }
}
@media (min-width: 992px) {
    .container_header {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
    .container_header:after {
        content: " ";
        display: block;
        clear: both;
    }
}
@media (min-width: 1920px) {
    .container_header {
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
    .container_header:after {
        content: " ";
        display: block;
        clear: both;
    }
}

@media (min-width: 768px) {
    header nav ul li {
        float: left;
        margin-left: 1rem;
    }
}
header nav ul li a {
    display: block;
}
@media (min-width: 576px) {
    header nav ul li a {
        display: block;
        padding: .425rem 0rem;
    }
}

@media (max-width: 768px) {
    ul {
        clear: both;
    }
    ul li {
        padding: .5em 0;
    }
}

@media (min-width: 768px) {
    ul.menu-left {
        display: block !important;
        float: right;
        max-height: none;
    }
}

@media (min-width: 768px) {
    .nav-toggle {
        display: none;
    }
}

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

    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    button,
    .button {
        padding: 0;
    }

}


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

    .image.left, .image.right {
        max-width: 100%;
        width: 100%;
    }

}
/* Адаптация для средних экранов (от 992px до 1199px) */
@media screen and (min-width: 1980px) and (max-width: 2560px) {
    .col {
        flex-basis: 25%;

        /* 4 колонки на экранах от 992px до 1199px */
        /* max-width: 25%; */
    }
}

/* Адаптация для средних экранов (от 992px до 1199px) */
@media screen and (min-width: 1199px) and (max-width: 1366px) {
    .col {
        flex-basis: 40%;

        /* 4 колонки на экранах от 992px до 1199px */
        max-width: 40%;
    }
}

/* Адаптация для средних экранов (от 992px до 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .col {
        flex-basis: 40%;

        /* 4 колонки на экранах от 992px до 1199px */
        max-width: 40%;
    }
}

/* Адаптация для планшетов (от 768px до 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .col {
        flex-basis: 40.50%;

        /* 3 колонки на экранах от 768px до 991px */
        max-width: 40.50%;
    }
}




/* Адаптация для мобильных устройств в ландшафтной ориентации (от 576px до 767px) */
@media screen and (min-width: 576px) and (max-width: 767px) {
    .col {
        flex-basis: 50%;

        /* 2 колонки на экранах от 576px до 767px */
        max-width: 50%;
    }
}

/* Вертикальное расположение на мобильных экранах */
@media screen and (max-width: 720px) {
    .col {
        flex-basis: 100%;

        /* Один элемент в ряд */
        max-width: 100%;
    }
}

























/* Адаптация для средних экранов (от 992px до 1199px) */
@media screen and (min-width: 1980px) and (max-width: 2560px) {
    .niz3 {
        flex-basis: 25%;

        /* 4 колонки на экранах от 992px до 1199px */
        /* max-width: 25%; */
    }
}

/* Адаптация для средних экранов (от 992px до 1199px) */
@media screen and (min-width: 1199px) and (max-width: 1366px) {
    .niz3 {
        flex-basis: 40%;

        /* 4 колонки на экранах от 992px до 1199px */
        max-width: 40%;
    }
}

/* Адаптация для средних экранов (от 992px до 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .niz3 {
        flex-basis: 40%;

        /* 4 колонки на экранах от 992px до 1199px */
        max-width: 40%;
    }
}

/* Адаптация для планшетов (от 768px до 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .niz3 {
        flex-basis: 40.50%;

        /* 3 колонки на экранах от 768px до 991px */
        max-width: 40.50%;
    }
}

/* Адаптация для мобильных устройств в ландшафтной ориентации (от 576px до 767px) */
@media screen and (min-width: 576px) and (max-width: 767px) {
    .niz3 {
        flex-basis: 50%;

        /* 2 колонки на экранах от 576px до 767px */
        max-width: 50%;
    }
}

/* Вертикальное расположение на мобильных экранах */
@media screen and (max-width: 720px) {
    .niz3 {
        flex-basis: 100%;

        /* Один элемент в ряд */
        max-width: 100%;
    }
}



















/* Адаптация для средних экранов (от 992px до 1199px) */
@media screen and (min-width: 1980px) and (max-width: 2560px) {
    .map1 {
        flex-basis: 25%;

        /* 4 колонки на экранах от 992px до 1199px */
        /* max-width: 25%; */
    }
}

/* Адаптация для средних экранов (от 992px до 1199px) */
@media screen and (min-width: 1199px) and (max-width: 1366px) {
    .map1 {
        flex-basis: 40%;

        /* 4 колонки на экранах от 992px до 1199px */
        max-width: 40%;
    }
}

/* Адаптация для средних экранов (от 992px до 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .map1 {
        flex-basis: 40%;

        /* 4 колонки на экранах от 992px до 1199px */
        max-width: 40%;
    }
}

/* Адаптация для планшетов (от 768px до 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .map1 {
        flex-basis: 40.50%;

        /* 3 колонки на экранах от 768px до 991px */
        max-width: 40.50%;
    }
}

/* Адаптация для мобильных устройств в ландшафтной ориентации (от 576px до 767px) */
@media screen and (min-width: 576px) and (max-width: 767px) {
    .map1 {
        flex-basis: 50%;

        /* 2 колонки на экранах от 576px до 767px */
        max-width: 50%;
    }
}

/* Вертикальное расположение на мобильных экранах */
@media screen and (max-width: 720px) {
    .map1 {
        flex-basis: 100%;

        /* Один элемент в ряд */
        max-width: 100%;
    }
}