@media only screen and (max-width: 992px) {
    header {
        width: 100%;
    }
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    #logo {
        width: 100%;
    }
        header .logo1 {display: none;}

}
@media only screen and (max-width: 800px) {
    .link {display: none;}
    header .contakt {
    width: 700px;
}
#him2 {
    width: 380px;
}
#him_blok {
     min-width: 100%;
}
#prez_blok {
    min-width: 100%;
}
#logo_blok {
     min-width: 100%;
}
}
@media only screen and (max-width: 768px) {
    header {
        width: 100%;
    }
    #foto {
    width: 610px;
}
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    .link {display: none;}
    header .contakt {
    width: 700px;
}

    .fonkontakt {display: none;}
    .klin2 h1 {
        font-size: 30px;
    }
    .klin3 h1 {
        font-size: 30px;
    }
    .klin h1 {
        font-size: 30px;
    }
    .razdel10 h1 {
        font-size: 30px;
    }

#logo_blok {
     min-width: 100%;
}

#fot1 {
    float: none; 
    padding-left: 0px;
}
#fot2 {
    max-width: 100%;
}
.klin3 h1 {
padding-top: 15px;
}
.logsm {
    background: url(logsm.png) center no-repeat;
}
}
@media only screen and (max-width: 736px) {
    header {
        width: 100%;
    }
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    #logo {
        width: 100%;
    }
    header .im1 {display: none;}
    .email {display: none;}
    header .contakt {
    width: 430px;
}
    .klin2 h1 {
        font-size: 30px;
    }
    .klin3 h1 {
        font-size: 30px;
    }
    .klin h1 {
        font-size: 30px;
    }
    .razdel10 h1 {
        font-size: 30px;
    }
#him_blok {
     min-width: 100%;
}


#fot1 {
    float: none; 
    padding-left: 0px;
}
#fot2 {
    max-width: 100%;
}
.klin3 h1 {
padding-top: 15px;
}
.logsm {
    background: url(logsm.png) center no-repeat;
}
}
@media only screen and (max-width: 667px) {
    header {
        width: 100%;
    }
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    #logo {
        width: 100%;
    }
    header .contakt {
    width: 600px;
}
    .klin2 h1 {
        font-size: 30px;
    }
    .klin3 h1 {
        font-size: 30px;
    }
    .klin h1 {
        font-size: 30px;
    }
    .razdel10 h1 {
        font-size: 30px;
    }
#him_blok {
     min-width: 100%;
}


#fot1 {
    float: none; 
    padding-left: 0px;
}
#fot2 {
    max-width: 100%;
}
.klin3 h1 {
padding-top: 15px;
}
.logsm {
    background: url(logsm.png) center no-repeat;
}
}
@media only screen and (max-width: 640px) {
    header {
        width: 100%;
    }
    #foto {
    width: 410px;
}
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    #logo {
        width: 100%;
    }
    .fonkontakt {display: none;}
        header .contakt {
    width: 430px;
}
    .klin2 h1 {
        font-size: 30px;
    }
    .klin3 h1 {
        font-size: 30px;
    }
    .klin h1 {
        font-size: 30px;
    }
    .razdel10 h1 {
        font-size: 30px;
    }
#him_blok {
     min-width: 100%;
}


#fot1 {
    float: none; 
    padding-left: 0px;
}
#fot2 {
    max-width: 100%;
}
.klin3 h1 {
padding-top: 15px;
}
.logsm {
    background: url(logsm.png) center no-repeat;
}
    .cnopka {
    background: url(cnopka.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .cnopka2 {
    background: url(cnopka2.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
}
@media only screen and (max-width: 568px) {
    header {
        width: 100%;
    }
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    #logo {
        width: 100%;
    }
    .email {display: none;}
    header .im1 {display: none;}
    .fonkontakt {display: none;}
    .klin2 h1 {
        font-size: 30px;
    }
    .klin3 h1 {
        font-size: 30px;
    }
    .klin h1 {
        font-size: 30px;
    }
    .razdel10 h1 {
        font-size: 30px;
    }
#him_blok {
     min-width: 100%;
}


#fot1 {
    float: none; 
    padding-left: 0px;
}
#fot2 {
    max-width: 100%;
}
.klin3 h1 {
padding-top: 15px;
}
.logsm {
    background: url(logsm.png) center no-repeat;
}
    .cnopka {
    background: url(cnopka.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .cnopka2 {
    background: url(cnopka2.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
    .footer-text {
    min-height: 250px;
}

}
@media only screen and (max-width: 540px) {
    header {
        width: 100%;
    }
    #foto {
    width: 210px;
}
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    #logo {
        width: 100%;
    }
    .email {display: none;}
    header .im1 {display: none;}
    .fonkontakt {display: none;}
    .klin2 h1 {
        font-size: 30px;
    }
    .klin3 h1 {
        font-size: 30px;
    }
    .klin h1 {
        font-size: 30px;
    }
    .razdel10 h1 {
        font-size: 30px;
    }
#him_blok {
     min-width: 100%;
}


#fot1 {
    float: none; 
    padding-left: 0px;
}
#fot2 {
    max-width: 100%;
}
.klin3 h1 {
padding-top: 15px;
}
.logsm {
    background: url(logsm.png) center no-repeat;
}
    .cnopka {
    background: url(cnopka.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .cnopka2 {
    background: url(cnopka2.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .footer-text {
    min-height: 250px;
}

#him2_img {
        padding-bottom: 10px;
}
}
@media only screen and (max-width: 480px) {
    header {
        width: 100%;
        height: 50px;
        position: fixed;
    }
        .dws-text{
        display: none;
    }
    .s-menu {
    margin-top: -50px;
}
    .zvonokicons {
    display: unset;
    float: right;
    margin: 8px;
}
.close {
    background: url(close.png) center no-repeat;
    width: 40px;
    height: 40;
    display: flex;
    margin-top: 50;
    margin-left: 85;
}
      .hamburger {
    display: block;
  }
    header .contakt {
    width: 100%;
}
header .menu{
    margin-left: 0px;
    margin-top: 50px;
}
.menu li {
    display: list-item;
    font-size: 23px;
    padding-top: 15px;
    padding-left: 10px;
    font-family: 'Bebas';
}
.logo {
    width: 100%;
    margin-top: 45px;
}
#logo {
    margin-top: 0px;
}
  #sul {
    left: -200px;
    background: #444;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 200px;
    transition: .2s;
  }
  
  #sul.open {
    left: 0;
  }
  
  li {
    float: none;
  }
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    #logo {
        width: 100%;
    }
    .email {display: none;}
    header .im1 {display: none;}

    .fonkontakt {display: none;}
    .klin2 h1 {
        font-size: 25px;
    }
    .klin3 h1 {
        font-size: 25px;
    }
    .klin h1 {
        font-size: 25px;
    }
    .razdel10 h1 {
        font-size: 25px;
    }
    .article-text {
    float: none;
    width: 100%;
    margin: 0;}
    #him_blok {
     min-width: 100%;
     height: 250px;
}

.modal > div {
    width: 200px;
}
#contact-form .input {
    width: 100%;
}
#fot1 {
    float: none; 
    padding-left: 0px;
}
.klin3 h1 {
padding-top: 15px;
}
.logsm {
    background: url(logsm.png) center no-repeat;
}
        .cnopka {
    background: url(cnopka.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .cnopka2 {
    background: url(cnopka2.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .footer-text {
    min-height: 300px;
}

#him2_img {
        padding-bottom: 10px;
}
}
@media only screen and (max-width: 411px) {
    header {
        width: 100%;
    }
    .button {
    font-size: 15px;
    padding: 0 6px;
}
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    #logo {
        width: 100%;
    }
    .email {display: none;}
    header .im1 {display: none;}

    .fonkontakt {display: none;}
    .klin2 h1 {
        font-size: 25px;
    }
    .klin3 h1 {
        font-size: 25px;
    }
    .klin h1 {
        font-size: 25px;
    }
    .razdel10 h1 {
        font-size: 25px;
    }
    .article-text {
    float: none;
    width: 100%;
    margin: 0;}
    #him_blok {
     min-width: 100%;
     height: 250px;
}

.modal > div {
    width: 200px;
}
#contact-form .input {
    width: 100%;
}
#fot1 {
    float: none; 
    padding-left: 0px;
}
.klin3 h1 {
padding-top: 15px;
}
.logsm {
    background: url(logsm.png) center no-repeat;
}
        .cnopka {
    background: url(cnopka.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .cnopka2 {
    background: url(cnopka2.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .footer-text {
    min-height: 300px;
}

#him2_img {
        padding-bottom: 10px;
}
}
@media only screen and (max-width: 375px) {
    header {
        width: 100%;
    }
#slider {
    height: 650px;
}
        #him2 {
    width: 300px;
}
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    #logo {
        width: 100%;
    }
    .email {display: none;}
    header .im1 {display: none;}

    .fonkontakt {display: none;}
    .klin2 h1 {
        font-size: 25px;
    }
    .klin3 h1 {
        font-size: 25px;
    }
    .klin h1 {
        font-size: 25px;
    }
    .razdel10 h1 {
        font-size: 25px;
    }
    .article-text {
    float: none;
    width: 100%;
    margin: 0;}
    #him_blok {
     min-width: 100%;
     height: 250px;
}


.modal > div {
    width: 200px;
}
#contact-form .input {
    width: 100%;
}
#fot1 {
    float: none; 
    padding-left: 0px;
}
.klin3 h1 {
padding-top: 15px;
}
.logsm {
    background: url(logsm.png) center no-repeat;
}
        .cnopka {
    background: url(cnopka.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .cnopka2 {
    background: url(cnopka2.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .footer-text {
    min-height: 300px;
}

#him2_img {
        padding-bottom: 10px;
}
}
@media only screen and (max-width: 360px) {
    header {
        width: 100%;
    }

.hamburger {
    display: block;
  }
  
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    #logo {
        width: 100%;
    }
    .email {display: none;}
    header .im1 {display: none;}

    .fonkontakt {display: none;}
    .klin2 h1 {
        font-size: 25px;
    }
    .klin3 h1 {
        font-size: 25px;
    }
    .klin h1 {
        font-size: 25px;
    }
    .razdel10 h1 {
        font-size: 25px;
    }
    .article-text {
    float: none;
    width: 100%;
    margin: 0;}
    #him_blok {
     min-width: 100%;
     height: 250px;
}


.modal > div {
    width: 200px;
}
#contact-form .input {
    width: 100%;
}
#fot1 {
    float: none; 
    padding-left: 0px;
}
.klin3 h1 {
padding-top: 15px;
}
.logsm {
    background: url(logsm.png) center no-repeat;
}

        .cnopka {
    background: url(cnopka.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .cnopka2 {
    background: url(cnopka2.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .footer-text {
    min-height: 300px;
}

#him2_img {
        padding-bottom: 10px;
}
}
@media only screen and (max-width: 320px) {
    header {
        width: 100%;
    }
    #text {width: 100%;
        margin-left:0px;
        font-size: 18px;}
    #logo {
        width: 100%;
    }
    .email {display: none;}
    header .im1 {display: none;}
    .fonkontakt {display: none;}
    .klin2 h1 {
        font-size: 25px;
    }
    .klin3 h1 {
        font-size: 25px;
    }
    .klin h1 {
        font-size: 25px;
    }
    .razdel10 h1 {
        font-size: 25px;
    }
    .article-text {
    float: none;
    width: 100%;
    margin: 0;}
    #him_blok {
     min-width: 100%;
     height: 250px;
}


.modal > div {
    width: 200px;
}
#contact-form .input {
    width: 100%;
}
#fot1 {
    float: none; 
    padding-left: 0px;
}
.klin3 h1 {
padding-top: 15px;
}
.logsm {
    background: url(logsm.png) center no-repeat;
}
    .cnopka {
    background: url(cnopka.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .cnopka2 {
    background: url(cnopka2.png) center no-repeat;
    width: 100%;
    margin-top: 10px;
    }
        .footer-text {
    min-height: 300px;
}
#him2_img {
        padding-bottom: 10px;
}
}