
@media screen and (max-width: 1250px) {
    .wrapper {padding: 0 20px;}
    .news-preview .wrapper {-webkit-align-items: flex-start;-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .news-tabs-brief {width: 100%; max-width: 100%; height: auto;}
    .news-articles-tabs {margin-right: 0;}
    .bureau-info-members {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
    .videos-brief .videos-info {display: block; text-align: center;}
    .videos-brief .videos-info>div {padding: 0; width: 32%; margin: 15px; display: inline-block; vertical-align: middle; border-width: 1px 1px 1px 1px;}
    .videos-brief .videos-info>div::after {content: ""; display: inline-block; width: 100%;}
    .videos-brief .videos-info iframe {margin: 5px auto; display: block;}
    .videos-brief .videos-info p {margin-top: 20px;}
    .bureau-info-members .bureau-member.big {border-width: 1px 1px 1px 1px; display: block; margin-right: 0; margin: 0 auto; width: 100%; max-width: 350px; height: auto; padding: 30px 10px;}
    .bureau-info-members .bureau-member.big span, .bureau-info-members .bureau-member.big p {text-align: center;}
    .bureau-info-members>.bureau-member {max-width: 245px; margin: 0 15px 15px 0;}
    .bureau-member.small {min-width: 180px; max-width: 180px; display: inline-block; border-width: 1px 1px 1px 1px; vertical-align: top; height: 251px; margin: 0 -5px -1px 0;}
    .bureau-members-table {text-align: center; display: block; width: 100%; min-width: 280px;}
    .socials-likes>div {display: block; width: 100%; margin: 25px auto;}
    .socials-likes div {left: 0;}
    header nav .wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .news-tabs-brief .tabs-head a {font-size: 12px;}
}
@media screen and (max-width: 1200px) {
    
.head-main .links .join {display: block; width: 325px; margin: 0 auto; height: 25px; line-height: 25px; left: 0;}
.head-main .links .join:first-child {margin-bottom: 5px;}
.head-main .links .join:first-child+.join {margin-bottom: 5px;}
}

@media screen and (max-width: 1150px) {
    header nav a {padding: 0 5px;}
    .head-main .links {left: -5.5%; position: relative; display: inline-block;}
    .news-articles-tabs {max-width: 100%;}
    .right {min-width: 0}
    .right .vr {display: none;}
    .news-right .links a {display: block;}
    .bureau-content .container {-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
}
@media screen and (max-width: 1050px) {
    .head-main .logo {float: none; display: block;}
    .head-main .links {display: block; left: 0; margin: 15px 0 0;}
}

@media screen and (max-width: 950px) {

    .news-page .right {display: none;}
    .news-page .left {width: 100%; max-width: none;}
}
@media screen and (max-width: 900px) {
    .head-lower span {margin-left: 0;}
    .news-articles-tabs {height: auto;}
    .news-articles-tabs article {position: static; margin: 5px auto; width: 430px; height: 340px;}
    .news-articles-tabs article img {max-height: 100%; max-width: 100%; margin: 0 auto;}
    .news-articles-tabs .article::before {display: none;}
    .news-articles-tabs .article:first-of-type {border-top: 1px solid #cac9c5;}
    }
@media screen and (max-width: 740px) {
    .bureau-member .main-info .pic {width: 300px; margin: 0 auto 15px; float: none;}
    .bureau-member .main-info p {display: block;}
	.news-paged img{
		width:100% !important;
		height: auto !important;
		}
}
@media screen and (max-width: 700px) {
    .head-top {text-align: center;}
    .head-top .lang {vertical-align: top;}
    .head-lower marquee {width: 100%;}
    footer .copyright {padding-top: 15px; line-height: inherit;}
    .socials a {margin: 10px;}
    footer .donate-brief a {margin: 15px;}
    footer .wrapper > div:first-child {height: auto;}
    footer .wrapper .right {float: none; width: 100%; max-width: 100%; margin: -20px 0 0;}
    footer .wrapper .left {float: none; width: 100%; max-width: 100%;}
    .videos-brief .videos-info iframe {float: none; display: block; margin: 0 auto 15px;}
    .videos-brief .videos-info p {margin-top: 0;}
    .head-lower img {display: none;}
    .head-main .links {margin: 15px auto 0; width: 100%;}
    .head-main .links .join {width: 100%;}
    .head-main .links .join.big {line-height: 17px; height: auto; width: 100%;}
    .head-main .logo {margin: 5px auto;}
    .head-lower span {text-align: center;}
    .regions-leaders .element {text-align: center;}
    .regions-leaders .pic {margin: 0;}
    .regions-leaders .element .pic::after {display: none;}
    .heading {text-align: center;}
    .videos .left-side {float: none; max-width: 350px; margin: 0 auto; width: 100%;}
    .videos .left-side iframe {width: 100%;}
    .videos p {text-align: center;}
    .desktop-trigger {display: block;}
    .head-top {display: none;}
	.slider-home{
		display:none;
		}
	 header nav.fixed{
	 position: static !important;
	 z-index:2;
	 }
}
@media screen and (max-width: 630px) {
    .videos-brief .videos-info > div {margin: 15px 0;}
    #search-form {display: block; text-align: center;}
    .region {display: block;}
    .region img,
    .region .text {margin: 10px auto; display: block;}
    .region .text {width: auto;}
    .region .text span {text-align: center; display: block;}
    .request {padding: 20px;}
    .request form>div:not(.textarea),
    .request .textarea {display: block; margin-top: 40px; padding-top: 4px;  position: relative;}
    .request form label,
    .request .textarea label {position: absolute; top: -25px;}
    .request form input {width: 100%;}
    .request form textarea {text-indent: 0;}
    header nav {padding-top: 46px; min-height: 0;}
    header nav button {display: block; width: 29px; height: 25px; position: absolute; background: url('../images/menu_icon.png'); background-size: cover; top: 8px; left: 12px; cursor: pointer; z-index: 1;}
    header nav::after {content: "Меню"; display: block; position: absolute; top: 0; width: 100%; line-height: 46px; text-align: center; text-transform: uppercase; z-index: 0;}
    header nav .wrapper {display: block;}
    header nav .wrapper a {display: block; margin: 0 auto; text-align: center;}
    .bureau-member.small {min-width: 140px; margin-bottom: -1px;}
}
@media screen and (max-width: 500px) {
    .bureau-info-members .bureau-member.big {width: 100%; max-width: 300px; margin: 0 auto 20px;}
    .bureau-member.small {display: block; width: 100%; max-width: 250px; height: auto; margin: 0 auto -1px;}
    .news-articles-tabs article {margin: 0; border: none; width: 100%; max-width: 500px; height: auto;}
    .news-articles-tabs .article::after {display: none;}
    .news-articles-tabs article img.current {width: auto; max-height: 360px;}
    .request .textarea {margin-top: 75px;}
    .request .textarea label {top: -45px;}
    .bureau-content .element {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 20px;}
    .bureau-content .element .pic {margin-bottom: 20px; margin-right: 0;}
    .bureau-content .element .pic::after {display: none;}
    .bureau-member .main-info .pic {max-width: 100%;}
    .section-head .see-more {width: auto; margin-right: 30px; border: none;}
    .section-head .see-more::after {display: none;}
}
@media screen and (max-width: 450px) {
    .head-main .logo img {width: 100%;}
    .heading,
    .pagination,
    .regions-leaders {text-align: center;}
    .pagination>span,
    .pagination .page {display: none;}
    .content-div-head {display: inherit;}
    .buttons-right {float: none; margin: 5px auto;}
    .section-head .see-more {float: none; margin: 5px auto;}
    .section-head p::after {display: none;}
    .section-head p {text-align: center;}
    .section-head {height: auto;}
    .videos-brief .videos-info iframe {max-width: 310px; margin-top: 20px;}
    .videos-brief .videos-info > div {min-width: 100%;}
    footer .donate-brief a {margin: 10px;}
}
@media screen and (max-width: 400px) {
    .see-more {width: auto; margin: 3px 0;}
    .see-more::after {top: 0;}
}
