
@media (max-width: 1215px) {
        
.container {
        width: 990px;
}
.logo {
        float: left;
        margin-top: 10px;
        width: 240px;
        text-align: center
}
.logo img {
        width: 100%
}
.logo h1 {
        font-size: 24px
}
header nav ul li a {
        padding: 0 14px
}
.js #menu {
        display: none
}
.js .slicknav_menu {
        display: block
}
.newshome .item:last-of-type {
        display: none
}
.servicehome .service {
        padding-right: 15px;
        margin-right: 15px;
        width: 300px
}
footer #links {
        float: left;
        width: 200px
}
footer .map {
        width: 260px
}
.team .person:nth-child(5n) {
        margin-right: 30px
}
.team .person:nth-child(4n) {
        margin-right: 0
}
.team .imagemember {
        width: 395px
}
.team .textmember {
        width: 565px
}
.news-item .content {
        width: 590px
}

}

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

.container {
        width: 740px
}
.newshome .item:last-of-type {
        display: none
}
.newshome .item:nth-child(4n) {
        display: none
}
.servicehome .service {
        float: none;
        padding-right: 15px;
        margin-right: 0;
        width: auto;
        margin-bottom: 15px
}

footer #contacts {
	float: left;
	width: 300px;
}


footer .map {
        float: none;
        clear: both;
        margin: 15px 0 30px;
        width: 100%;
        height: 280px
}
footer #form {
        float: right
}
.team .person:nth-child(4n) {
        margin-right: 30px
}
.team .textmember {
        width: 315px
}
.news-item .content {
        width: auto;
        float: none;
        padding: 15px
}
.news-item .recentnews {
        width: auto;
        float: none;
        margin-bottom: 30px;
        background: #fff
}
.news-item .recentnews .item {
        float: left;
        width: 46%;
        padding: 1%;
        height: 120px;
        overflow: hidden;
        margin-right: 1%
}
}

@media (min-width: 481px) and (max-width: 767px) {
        
.container {
        width: 440px
}
.newshome .item {
        width: 200px;
        margin-right: 18px;
        margin-bottom: 30px
}
.newshome .item .image {
        width: 200px;
        height: 120px
}
.servicehome .service {
        float: none;
        padding-right: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px
}
footer #links {
        float: none;
        width: auto;
        margin-bottom: 30px
}
footer #contacts {
        float: none;
        width: auto;
        margin-bottom: 30px
}
footer .map {
        float: none;
        width: 100%;
        margin: 30px 0
}
.team .person {
        width: 205px;
        height: 330px
}
.team .person:nth-child(2n) {
        margin-right: 0
}
.team .imagemember {
        width: 100%;
        float: auto;
        margin-bottom: 20px
}
.team .textmember {
        width: 100%;
        float: auto;
        margin-bottom: 20px;
        font-size: 1em
}
.news-item .content {
        width: auto;
        float: none;
        padding: 15px
}
.news-item .recentnews {
        width: auto;
        float: none;
        margin-bottom: 30px;
        background: #fff
}
.news-item .recentnews .item {
        float: left;
        width: 46%;
        padding: 1%;
        height: 120px;
        overflow: hidden;
        margin-right: 1%
}
}


footer #contactscz {
	width: auto;
}


 @media (max-width: 480px) {

.container {
        width: 320px
}
.logo {
        float: none;
        width: auto
}
#slider1 h2 {
        position: absolute;
        right: 25px;
        top: 130px;
        z-index: 9;
        width: 450px;
        text-align: right;
        font-size: 42px;
        line-height: 1em;
        color: #fff;
        font-weight: 300;
        text-shadow: 2px 1px #000
}
.newshome .item {
        width: 100%;
        margin-right: 0;
        float: 0;
        transition: all .5s linear;
        margin-bottom: 20px
}
.newshome .item .link {
        font-size: 1.1em
}
.newshome .item .image {
        width: 100%;
        height: 190px;
        overflow: hidden
}
.newshome .item:nth-child(4n) {
        display: block
}
.newshome .item:last-of-type {
        display: block
}
.team .person {
        width: 300px;
        height: 420px;
        float: none;
        margin-right: 0;
        margin-left: 10px
}
.team .person:hover {
        opacity: .4
}
.team .person .image {
        width: 300px;
        height: 300px
}
.servicehome .service {
        float: none;
        padding-right: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px
}
footer #links {
        float: none;
        width: auto;
        margin-bottom: 30px
}
footer #contacts {
        float: none;
        width: auto;
        margin-bottom: 30px
}
footer .map {
        float: none;
        width: 100%;
        margin: 30px 0
}
.team .imagemember {
        width: 100%;
        float: auto;
        margin-bottom: 20px
}
.team .textmember {
        width: 100%;
        float: auto;
        margin-bottom: 20px;
        font-size: 1em
}
.news-item .content {
        width: auto;
        float: none;
        padding: 15px
}
.news-item .recentnews {
        width: auto;
        float: none;
        margin-bottom: 30px;
        background: #fff
}

}
