@media screen and (min-width: 1220px) {
    .wrapper {
        width: 1200px
    }

    .content {
        padding: 141px 0px 10px
    }

    .white {
        height: 477px
    }

    .footer {
        width: 1200px
    }

    .content {
        overflow: hidden
    }

    .wrap_serv {
        height: 473px;
        position: relative
    }

    .serv {
        position: absolute;
        right: -500px
    }

    .serv:first-child {
        left: -500px
    }

    .pTop {
        position: relative;
        overflow: hidden;
        height: 435px
    }

    .move-left {
        position: absolute;
        left: -800px
    }

    .move-right {
        position: absolute;
        right: -500px
    }
}

@media screen and (max-width: 1020px) {
    .wrapper {
        width: 100%
    }

    .footer {
        width: 100%
    }

    .wrapper_padd {
        padding: 5px 0
    }

    .upTop {
        margin: 0 0px 0px
    }
}
/*
@media screen and (max-width: 820px) {
    .wrapper {
        width: 100%
    }

    .white {
        display: none
    }

    .m-top {
        height: 130px
    }

    .nav-menu-li-a {
        padding: 5px
    }

    .content {
        padding: 0 0px 10px
    }

    .serv {
        display: block;
        float: left;
        width: 48%;
        margin: 0 1% 15px 1% !important
    }

    .serv_text {
        height: 125px
    }

    .serv_img {
        width: 100px;
        margin: 0 5px 1px 0;
        float: left
    }

    .serv_name {
        margin: 0 0 15px
    }

    .left {
        float: none;
        width: 100%
    }

    .left-left {
        width: 98%;
        padding: 1%;
        float: none
    }

    .left-right {
        width: 98%;
        padding: 1%;
        float: none
    }

    .right {
        float: none;
        width: 100%
    }

    .footer {
        width: 100%
    }

    .wrapper_padd {
        padding: 5px 0
    }

    .lang {
        bottom: 0
    }
}

@media screen and (max-width: 540px) {
    .footer_menu {
        display: none
    }

    .lang {
        top: 0;
        width: 46px;
        height: 65px
    }

    .lang > li {
        display: block;
        float: none;
        margin: 0 0 15px 0
    }

    .wrapper {
        width: 100%
    }

    .white {
        display: none
    }

    .m-top {
        height: 220px
    }

    .phone {
        display: block;
        text-align: center;
        position: static;
        margin: 15px auto 0 auto;
        width: 200px
    }

    .select-menu {
        display: block;
        margin-top: 10px
    }

    .logo {
        margin: 0 auto
    }

    .logo > img {
        height: 100px
    }

    .nav_menu {
        display: none
    }

    .content {
        padding: 0 0px 10px
    }

    .serv {
        display: block;
        float: none;
        width: 98%;
        margin: 0 auto 10px auto !important
    }

    .serv_text {
        height: 105px
    }

    .serv_img {
        width: 100px;
        margin: 0 5px 1px 0;
        float: left
    }

    .serv_name {
        margin: 0 0 15px
    }

    .left {
        float: none;
        width: 100%
    }

    .left-left {
        width: 98%;
        padding: 1%;
        float: none
    }

    .left-right {
        width: 98%;
        padding: 1%;
        float: none
    }

    .right {
        float: none;
        width: 100%
    }

    .footer {
        width: 100%
    }

    .wrapper_padd {
        padding: 5px 0
    }

    .newGallery {
        width: 22%;
        margin: 0 1% 15px 1%
    }

    .all-news {
        font: 12px/15px "Arial", "Helvetica", sans-serif;
        padding: 10px 5px 10px 5px;
        height: 12px
    }
}

@media screen and (max-width: 320px) {
    .newGallery {
        width: 175px;
        margin: 0 auto 20px auto;
        float: none
    }

    .news-date {
        height: auto;
        width: auto;
        padding: 5px 0 0 10px;
        text-align: center;
        font-size: 15px
    }

    h1, h2, h3 {
        word-wrap: break-word
    }

    h1 {
        font-size:
    }
}

@viewport {
    width: device-width;
    zoom: 2
}*/