@media screen and (max-width:1280px) {
    .mwidth {
        width: 96%;
        margin: 0 2%;
    }
    .navmenu .mwidth {
        width: 100%;
        margin: 0;
    }
    .wkont a .code, .wkont ul li a {
    }
    .wkont li.adr a {
        font-size: 12px;
    }
    .logo, .wkont {
        width: 20%;
    }
    .nav a {
        font-size: 15px;
    }
    .footer .logo {
        font-size: 10px;
    }
    .fcmenu {
        height: auto;
    }
    .fcmenu a {
        font-size: 10px;
    }
    .sitext span {
        width: 85%;
    }
}
@media screen and (max-width:1000px) {
    .minnavigat {
        display: none;
    }
    .logo, .wkont {
        width: 50%;
    }
    .headinfo {
    }
    .slidermain {
        height: auto;
    }
    .slitem1 {
        height: 250px;
        width: 100%;
    }
    .slitem1 .slitem {
        height: 250px;
    }
    .slitem2 {
        height: 200px;
        width: 100%;
    }
    .slitem2 .slitem {
        height: 200px;
    }
    .slitem3, .slitem4 {
        height: 200px;
        width: 50%;
    }
    .slitem3 .slitem, .slitem4 .slitem {
        height: 200px;
    }
    .block75 {
        width: 100%;
        margin: 0;
    }
    .block25 {
        width: 100%;
        margin: 0;
    }
    .block25 .form {
        width: 50%;
        margin: 0 25%;
    }
    .news li {
        width: 46%;
        margin: 15px 2%;
    }
    .navmenu {
        height: auto;
    }
    .news.blog li {
        width: 31.33%;
        margin: 15px 1%;
    }
    .footer ul.finf {
        display: none;
    }
    .gal li div {
        width: 100%;
        box-sizing: border-box;
        border-right: 0;
    }
}
@media screen and (max-width:800px) {
    .topopis .topzag .tzag {
        font-size: 40px;
    }
    .ysl li, .otz li, .gal li {
        width: 47%;
        margin: 15px 1.5%;
    }
}
@media screen and (max-width:700px) {
    .news.blog li {
        width: 48%;
        margin: 15px 1%;
    }
    .topopis {
        margin: 0;
    }
    .topopis .topzag .tzag {
        font-size: 30px;
    }
    .topopis .topzag ul li {
        margin: 5px 15px;
        font-size: 17px;
    }
}
@media screen and (max-width:600px) {
    .preim li {
        width: 31.33%;
        margin: 5px 1%;
    }
    .block25 .form {
        width: 90%;
        margin: 0 5%;
    }
    .news li {
        width: 96%;
        margin: 15px 2%;
    }
    .ysl li, .otz li, .gal li {
        width: 97%;
        margin: 15px 1.5%;
    }
    iframe {
        width: 100% !important;
    }
    .topopis img {
        float: none;
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 120px;
    }
}
@media screen and (max-width:500px) {
    .news.blog li {
        width: 98%;
        margin: 15px 1%;
    }
}
@media screen and (max-width:420px) {
    .logo {
        width: 25%;
        margin-top: 10px;
    }
    .logo a {
        width: 85px;
        height: 30px;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
    }
}
@media screen and (max-width:400px) {
    .preim li {
        width: 48%;
        margin: 5px 1%;
    }
    .headinfo {
        z-index: 500;
    }
    .wkont {
        width: 70%;
    }
    .footer .logo {
        display: none;
    }
    .footer .wkont li a {
        text-align: left;
    }
    .slitem3, .slitem4 {
        height: 200px;
        width: 100%;
    }
}
@media screen and (max-width:350px) {
}
@media screen and (max-width:300px) {
    .preim li {
        width: 98%;
        margin: 15px 1%;
    }
    .wkont ul li a, .wkont ul li a .code {
        font-size: 17px;
    }
    .wkont ul li a span {
        font-size: 12px;
    }
}