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

.direktor .info .zag {
    font-size: 26px;
    line-height: 36px;
}
.direktor .info .text {
    font-size: 15px;
    line-height: 22px;
}

}




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

.foto .foto_in .img {
    height: 200px;
}
.foto .foto_in .text .text_in {
    font-size: 15px;
}
.vopros .block .img {
    width: 600px;
}

}




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

.header .title {
    display: none;
}
.block_top h1{
	text-align: center;
}
.block_top{
	padding-top: 200px;
}
.block_top .text {
    width: 550px;
    max-width: 100%;
    margin: auto;
    margin-top: 30px;
}
.block_top .but{
	margin: auto;
	margin-top: 50px;
}
.direktor .block .block_in {
    padding: 50px;
    padding-bottom: 30px;
}
.direktor .block .img {
    position: relative;
    top: auto;
    right: auto;
    width: 400px;
    margin: auto;
    display: block;
}
.direktor .block .circle {
    width: 400px;
    height: 400px;
    right: 50%;
    margin-right: -200px;
    top: auto;
    bottom: 50px;
}
.direktor {
    padding-top: 40px;
    padding-bottom: 80px;
}
.etap .block .img1 {
    position: relative;
    left: auto;
    top: 20px;
    width: 300px;
    max-width: 100%;
    margin: auto;
    display: block;
}
.etap .block .img2 {
    position: relative;
    left: auto;
    right: auto;
    top: 20px;
    width: 300px;
    max-width: 100%;
    margin: auto;
    display: block;
}
.etap .block .img3 {
    position: relative;
    left: auto;
    top: 20px;
    width: 300px;
    max-width: 100%;
    margin: auto;
    display: block;
}
.etap .block .block_in {
    padding: 50px;
}
.etap .block .block_in.n2 {
    padding: 50px;
}
.etap .block {
    margin-bottom: 40px;
}
.vopros .block .block_in {
    padding: 50px;
}
.vopros .block .img {
    position: relative;
    right: auto;
    display: block;
    margin: auto;
}
.vopros .block .circle {
    width: 400px;
    height: 400px;
    right: 50%;
    margin-right: -200px;
    top: auto;
    bottom: 50px;
}

}



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

.block_top h1 {
    font-size: 32px;
    line-height: 50px;
}
.map .block iframe {
    position: relative;
    height: 300px;
}
.map .block .info {
    position: relative;
    right: auto;
    top: auto;
    padding: 40px;
    margin: auto;
    margin-top: -50px;
}


}




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

.footer {
    text-align: center;
}
.footer .right{
    text-align: center;
    margin-top: 20px;
}
.footer .logo{
	width: 200px;
	margin: auto;
	margin-bottom: 20px;
}
.proces .big_zag {
    text-align: center;
}
.direktor .block .circle {
    width: 250px;
    height: 250px;
    right: 50%;
    margin-right: -125px;
    top: auto;
    bottom: 150px;
}


}




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

.politika {
    height: 100vh;
    overflow-y: scroll;
    min-height: 100vh;
}
.header{
	padding-top: 15px;
}
.header .logo img{
	width: 38px;
}
.header .logo .text {
    font-size: 20px;
}
.header .tell{
	line-height: 20px;
}
.header .tell a {
    font-size: 20px;
}
.header .tell span {
    font-size: 11px;
}
.block_top h1 {
    font-size: 22px;
    line-height: 40px;
}
.block_top .text {
    font-size: 12px;
    line-height: 18px;
}
.but .but_name span {
    font-size: 15px;
}
.but .but_name {
    font-size: 11px;
}
.block_top .but:before {
    background: url(../img/icon.png) no-repeat center / 110px;
}
.big_zag{
	font-size: 19px;
}
.big_pod_zag{
	font-size: 13px;
}
.plus {
    padding-top: 50px;
}
.plus .zag {
    font-size: 16px;
    line-height: 22px;
}
.plus .text {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 30px;
}
.plus .img {
    height: 150px;
}
.etap{
	text-align: center;
}
.etap .block .zag {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
}
.etap .block .block_in {
    padding: 50px 20px;
}
.etap .block .block_in .text{
	font-size: 14px;
}
.etap {
    padding-bottom: 20px;
}
.etap .women {
    padding-left: 0px;
    padding-top: 70px;
    margin-top: 20px;
    background: url(../img/women.png) no-repeat center top;
}
.vopros {
    padding-top: 50px;
    padding-bottom: 50px;
}
.popup {
    height: 100vh;
    overflow-y: scroll;
    padding: 30px;
    padding-top: 80px;
    left: 0px;
    top: 0px;
    transform: translate(-0%, -0%);
    -webkit-transform: translate(-0%, -0%);
}
.popup .clos{
	top: 60px;
}
.popup .zag {
    font-size: 24px;
    line-height: 30px;
}
.popup .text {
    font-size: 15px;
    line-height: 22px;
}


}





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

.proces .container{
	padding: 0px;
}
.proces .block {
    padding: 15px;
    padding-left: 90px;
}
.proces .block .name {
    font-size: 15px;
    margin-bottom: 5px;
}
.proces .block.n1{
    background: url(../img/pr.png) no-repeat center left 20px / 50px, 
    #1e1e1e; 
}
.proces .block.n2{
    background: url(../img/pr2.png) no-repeat center left 20px / 50px, 
    #1e1e1e; 
}
.proces .block.n3{
    background: url(../img/pr3.png) no-repeat center left 20px / 50px, 
    #1e1e1e; 
}
.proces .block.n4{
    background: url(../img/pr4.png) no-repeat center left 20px / 50px, 
    #1e1e1e; 
}
.proces .block.n5{
    background: url(../img/pr5.png) no-repeat center left 20px / 50px, 
    #1e1e1e; 
}
.proces .block.n6{
    background: url(../img/pr6.png) no-repeat center left 20px / 50px, 
    #1e1e1e; 
}
.map .container{
	padding: 0px;
}
.map .block .info .zag {
    font-size: 20px;
}
.map .block .info .tell a {
    font-size: 20px;
}
.foto .foto_in .img {
    height: 150px;
}
.direktor .block .circle {
    width: 200px;
    height: 200px;
    right: 50%;
    margin-right: -100px;
    top: auto;
    bottom: 150px;
}
.direktor .container{
	padding: 0px;
}
.direktor .info .zag {
    font-size: 20px;
    line-height: 28px;
}
.direktor .block .block_in {
    padding: 30px;
    padding-bottom: 30px;
}
.direktor .info .text {
    font-size: 13px;
    line-height: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.direktor .podpis .name {
    font-size: 12px;
    line-height: 18px;
}
.etap .container{
	padding: 0px;
}
.foto {
    padding-bottom: 50px;
}
.vopros{
	text-align: center;
}
.vopros .block .circle {
    width: 200px;
    height: 200px;
    right: 50%;
    margin-right: -100px;
    top: auto;
    bottom: 50px;
}
.vopros .container{
	padding: 0px;
}
.vopros .info .zag {
    font-size: 20px;
    line-height: 28px;
}
.vopros .block .block_in {
    padding: 30px;
    padding-bottom: 30px;
}
.vopros .info .text {
    font-size: 13px;
    line-height: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}




}


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

.header .logo .text {
    font-size: 18px;
}
.header .tell{
	line-height: 20px;
}
.header .tell a {
    font-size: 18px;
}
.header .tell span {
    font-size: 10px;
}
.header .logo {
    margin-right: 0px;
}
.header .container{
	padding: 0px;
}
.header .tell span:before {
    top: 3px;
}
.block_top .but:before {
    background: url(../img/icon.png) no-repeat center / 100px;
}
.block_top .but {
    padding-left: 70px;
}	
.block_top .but .but_name {
    width: calc(100% - 70px);
}
.foto .but:before {
    background: url(../img/icon.png) no-repeat center / 100px;
}
.foto .but {
    padding-left: 70px;
}	
.foto .but .but_name {
    width: calc(100% - 70px);
}

}




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

.block_top h1 {
    font-size: 16px;
    line-height: 30px;
}

}


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

.header .tell{
	line-height: 20px;
}
.header .tell a {
    font-size: 15px;
}
.header .tell span {
    font-size: 9px;
}
.block_top h1 {
    font-size: 16px;
    line-height: 30px;
}
.but .but_name span {
    font-size: 12px;
}
.block_top .but:before {
    background: url(../img/icon.png) no-repeat center / 80px;
    left: -45px;
}
.block_top .but {
    padding-left: 50px;
}
.block_top .but .but_name {
    width: calc(100% - 50px);
}
.but .but_name {
    font-size: 10px;
}
.block_top .but {
    margin-top: 30px;
}
.block_top .text {
    padding-left: 46px;
}
.block_top .text {
    font-size: 11px;
    line-height: 17px;
}
.foto .but:before {
    background: url(../img/icon.png) no-repeat center / 80px;
    left: -45px;
}
.foto .but {
    padding-left: 50px;
}
.foto .but .but_name {
    width: calc(100% - 50px);
}



}