@media screen and (min-width: 1600px) {
    html { font-size: 12px; }
    main { padding-left: 10%; }
    .slider-auto img {height: 600px;}
}
@media screen and (max-width: 1600px) {
    main { padding-left: 15%; }
    .slider-auto img {height: 500px;}
}
@media screen and (max-width: 1400px) {
    main { padding-left: 20%; }
    .slider-auto img {height: 500px;}
}
@media screen and (max-width: 1200px) {
    html { font-size: 10px; }
    main { padding-left: 25%; }
    .slider-auto img {height: 400px;}
    .main__content__gallery .wrapImg { width: 320px }
    .main__content__gallery .wrapImg img { height: 223px }
}

@media screen and (max-width: 992px) {
    html { font-size: 9px; }
    .slider-auto img { height: 370px; }    
    .main__content__gallery .wrapImg { width: 240px }
    .main__content__gallery .wrapImg img { height: 170px }
}

@media screen and (max-width: 768px) {
    html { font-size: 8px; }
    .slider-auto img { height: 280px; }
    .main__content__gallery .wrapImg { width: 180px }
    .main__content__gallery .wrapImg img { height: 130px }
}

@media screen and (max-width: 600px) {
    html { font-size: 7px; }
    .slider-auto img { height: 250px; }

    .main__content__gallery .wrapImg { width: 180px }
    .main__content__gallery .wrapImg img { height: 130px }
}

/* для моб устройств */
@media (orientation: portrait), (max-width: 600px) {
    
    html              { 
        /* font: normal 6px "Roboto", sans-serif;   */
    }
    header h1  { font-size: 5em; }
    .header__menu     { font-size: 4em; }
    .main__content h2 { font-size: 4em; }
    .main__content h3 { font-size: 4em; }
    .main__content p  { font-size: 3em; line-height: 1.5em; } 
   
    .wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    header {
        position: static;
        padding: 50px 20px 30px 20px;
        width: 100%;
        text-align: center;
    }
    .header__menu { margin: 0 auto; }
    .header__menu__submenu li { margin-left: 1em; }
    .header__social ul { margin-top: 30px; }
    .header__social__copyright p { display: none;}

    main { 
        height: auto;
        padding: 0px;
        /* padding: 50px 0 0 0; */
    }
    .main__content { 
        padding: 0 2em; 
        line-height: 4em;
        overflow: visible; 
    }
    .main__content__about { 
        width: 100%; 
        padding: 0; 
    }
    .main__content .about img {
        float: none;
        margin-bottom: 0px;
    }
    .main__content .about p {
        margin-top: 10px;
    }
    .main__content__gallery .wrapImg { width: 450px }
    .main__content__gallery .wrapImg img { height: 300px }

    /* .main__content__gallery .wrapImg { width: 300px }
    .main__content__gallery .wrapImg img { height: 210px } */

    /* .main__content__gallery .wrapImg { width: 250px } 
    .main__content__gallery .wrapImg img { height: 175px }  */
    /* .main__content__gallery .wrapImg { width: 165px } 
    .main__content__gallery .wrapImg img { height: 115px }  */

    .about { padding-left: 0px; }

    .slider-auto     { height: 600px; }
    .slider-auto img { height: 500px;} 
    /* .slider-auto     { height: 280px; }
    .slider-auto img { height: 250px;} */

    .slider__photo img {
        /* max-width: 770px;
        max-height: 550px; */
        max-width: 700px;
        max-height: 550px;
    }
    .contact { width: 700px; }
    .contact #formContact { width: 700px; }

    .slider__prev { left: 3%; }
    .slider__next { right: 3%; }

    .header__social ul .fa { font-size: 3em; }
    .slider__next .fa, .slider__prev .fa { font-size: 7em; }
    .slider__close .fa { font-size: 4em; }

    .form__textarea { font-size: 2em; }
}