/* Large desktops and laptops */
@media (max-width: 1367px) {
	#nav .container{
		width: 95%;
	}
}

@media (max-width: 1920px) {
	.department-1, .department-2, .department-3 {
		width: 32%;
	}
}

@media (max-width: 1199px){
	ul.nacc li p{
		font-size: 15px;
	}
}

@media (min-width: 1200px) and (max-width: 1700px){
	.info-for-party .wrap-info-news .container{
		width: 85%;
		max-width: 100%;
	}

	.department-1, .department-2, .department-3 {
		width: 32%;
	}
}

@media (min-width: 1366px) and (max-width: 1500px){
	
	footer .container{
		width: 85%;
	}
}

@media (min-width: 1200px) and (max-width: 1500px){

	.head-right-block .wrap{
		width: 100%;
	}
	.head-right-block{
		text-align: center;
	}
	.head-right-block .wrap .title-h2{
		margin: 0 auto;
	}
	.features{
		margin: 60px auto 0;
		width: 90%;
	}
	.features ul > p{
		margin-left: 0;	
	}
	.features ul li p{
		font-family: "PT R";
	}
	.feedback .personal-data{
		width: 100%;
		padding-left: 50px;
	}
	.feedback .container{
		width: 80%;
	}

}


/* Large desktops and laptops */
@media (min-width: 1200px) and (max-width: 1366px) {
	.info .container {
		width: 95%;
	}
	.head-right-block .wrap{
		width: 90%;
		margin: 0 auto;
	}
	footer .container{
		width: 90%;
	}
	footer .map img {
		width: 100%;
	}
	footer .title-footer p{
		font-size: 20px;
	}
	footer .info-footer .menu-1 ul li a, footer .info-footer .menu-2 ul li a {
		font-size: 16px;
	}
	footer .mail p:first-child{
		font-size: 16px;
	}
	footer .mail p:last-child{
		font-size: 16px;
	}
	footer .site p{
		font-size: 16px;
	}
	footer .policy-footer{
		margin-top: 50px;
		font-size: 14px;
	}
	footer .map {
		padding: 70px 0;
	}
	footer .title-footer{
		margin-top: 70px;
	}


}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.department-2 {
		margin-bottom: 25px;
	}

	.contacts .container{
		width: 100%;
	}
	.head-right-block .wrap{
		width: 96%;
		max-width: 30px auto 0;
	}
	.head-right-block .wrap .title-h2{
		margin-left: 0;
	}
	.head-right-block .wrap .title-h2 h2{
		font-size: 24px;
	}
	.gc{
		padding-left: 10px;
	}
	.gc .menu span {
		font-size: 13px;
	}
	.naccs .menu div.active{
		text-shadow: 1px 1px 1px #636363;
	}
	.gc .menu-2 span {
		font-size: 13px;
	}
	.naccs .menu-2 div.active{
		text-shadow: 1px 1px 1px #636363;
	}
	.info-for-party .title{
		width: 60%;
	}
	.wrap-info-news .container{
		width: 85%;
	}
	.info-for-party .info-news .title-news p{
		font-size: 15px;
		padding: 8px 0 9px 0;
	}
	.info-for-party .info-news .body-news p{
		font-size: 14px;
	}
	.feedback .container{
		width: 85%;
	}
	.feedback .policy > a{
		font-size: 16px;
	}
	.feedback .check-privacy{
		font-size: 18px;
	}
	.feedback .policy p a{
		font-size: 18px;
	}
	.feedback .personal-data{
		width: 100%;
	}
	footer .container{
		width: 90%;
	}
	footer .map img {
		width: 100%;
	}
	footer .title-footer p{
		font-size: 18px;
	}
	footer .info-footer .menu-1 ul li a, footer .info-footer .menu-2 ul li a {
		font-size: 16px;
	}
	footer .mail p:first-child{
		font-size: 16px;
	}
	footer .mail p:last-child{
		font-size: 16px;
	}
	footer .site p{
		font-size: 16px;
	}
	footer .policy-footer{
		margin-top: 35px;
		font-size: 14px;
	}
	footer .map {
		padding: 70px 0;
	}
	.head-right-block .wrap .title-h2{
		margin: 0 auto;
	}
	.features {
		margin: 60px auto 0;
	}
	.features ul li p{
		font-family: 'PT R';
		font-size: 20px;
	}
	.features ul > p{
		font-size: 22px;
	}
	.feedback .title-ask p{
		padding: 3px 0 0 30px;
	}
	.ul-staff .staff-header p{
		font-size: 17px;
	}
	.chairman table thead th:first-child, .staffer table thead th:first-child{
		font-size: 14px;
	}
	.info-for-party .title h2, .feedback .title h2, .contacts .title h2, .info .title h2{
		font-size: 28px;
	}
	.info .title-h3 h3{
		font-size: 24px;
	}
	.naccs .menu div, .naccs-2 .menu-2 div{
		padding: 10px 10px 15px 40px;
	}
	.gc .menu span, .gc .menu-2 span{
		font-size: 16px;
	}
	.feedback .title-personal-data p{
		font-size: 18px;
	}
	.feedback .title-ask p{
		font-size: 18px;
		padding: 5px 0 0 30px;
	}

	.department {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.department-1, .department-2, .department-3 {
		width: 45%;
	}


}

@media (max-width: 991px){
	.department {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.department-1, .department-2, .department-3 {
		width: 45%;
	}

	.department-2 {
		margin-bottom: 25px;
	}

	.naccs .menu div{
		width: 30%;
	}
	.grid .gc .menu{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.gc{
		padding-left: 0;
	}
	.grid{
		flex-direction: column;
	}
	.gc--1-of-3{
		width: 100%;
	}
	.naccs .menu div{
		padding: 5px 20px 5px 40px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		height: 60px;
	}
	.naccs .menu span{
		font-size: 15px;
	}
	.naccs .menu div span.light{
		height: 7px;
		width: 7px;
		top: 27px;
	}
	.grid .gc .menu{
		justify-content: space-around;
	}
	.tab-items{
		margin: 0 0 5px 0;
	}
	.gc--2-of-3{
		width: 100%;
		height: 345px;
		margin-top: 30px;
	}

	.naccs-2 .menu-2 div{
		padding: 5px 20px 5px 40px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		height: 60px;
	}
	.naccs-2 .menu-2 span{
		font-size: 15px;
	}
	.naccs-2 .menu-2 div span.light{
		height: 7px;
		width: 7px;
		top: 27px;
	}
	.grid-2 .gc .menu-2{
		justify-content: space-around;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		flex-direction: row;
	}
	.tab-items{
		margin: 0 0 5px 0;
	}
	ul.nacc-2 li p{
		font-size: 15px;
	}
	.grid-2{
		flex-direction: column;
	}
	.naccs-2 .menu-2 div{
		width: 30%;
	}
	.info-for-party .title h2{
		font-size: 30px;
	}
	.info-for-party .title{
		width: 70%;
	}
	.info .title h2{
		font-size: 30px;
	}
	.info .title{
		width: 70%;
	}
	.info-for-party .info-news .title-news p{
		font-size: 15px;
		padding: 7px 0 9px 0;
	}
	.info-for-party .info-news .body-news p{
		font-size: 15px;
		padding: 0 10px 0 20px;
	}
	.feedback .title h2{
		font-size: 30px;
	}
	.feedback .title {
		width: 60%;
	}
	.feedback .ask {
		width: 80%;
		margin: 0 auto;
	}
	.feedback .col.l6 {
		width: 100%;
	}
	.feedback .personal-data {
		margin: 0 auto;
	}
	.feedback .policy > a{
		font-size: 18px;
	}
	.feedback .check-privacy{
		font-size: 18px;
	}
	.feedback .policy p a{
		font-size: 18px;
	}
	.feedback .policy{
		margin-top: 45px;
	}
	.feedback .title-personal-data{
		margin-top: 90px;
	}
	.wrap-contacts .container {
		width: 100%;
	}
	.chairman, .staffer{
		width: 95%;
		margin: auto;
	}
	.chairman table tr, .staffer table tr{
		font-size: 15px;
	}
	.ul-staff .staff-header p{
		font-size: 16px;
	}
	footer .col.l6{
		width: 100%;
	}
	footer .map{
		text-align: center;
	}
	footer .info-footer{
		margin: 10px auto 40px;
	}
	footer .title-footer p{
		font-size: 20px;
	}
	.nav-menu{
		display: none;
	}
	.head-right-block .wrap .title-h2 h2{
		font-size: 24px;
	}
	.head{
		height: 485px;

	}
	.head-right-block{
		height: 345px;
		width: 100%;
		margin: 25px 0;
	}
	.head-right-block .wrap{
		margin: 0 auto;
		float: none;
	}
	.head-right-block .wrap .title-h2 h2{
		font-size: 24px;
		font-family: 'PT R';
	}
	.features{
		margin: 0 auto;
		text-align: center;
	}
	.features ul > p{
		font-size: 22px;
		margin-left: 0;
	}
	.features ul li p{
		font-size: 20px;
		font-family: 'PT R';
	}
	.features ul > p{
		margin-bottom: 20px;
	}
	.head-right-block .wrap{
		width: 80%;
	}
	.info .title-h3 h3{
		font-size: 22px;
	}
	.chairman table thead th:nth-child(1), .staffer table thead th:nth-child(1){
		font-size: 13px;
		font-weight: 100;
	}
	 .chairman table thead th:nth-child(2), .staffer table thead th:nth-child(2), .chairman table thead th:nth-child(3), .staffer table thead th:nth-child(3), .chairman table thead th:nth-child(4), .staffer table thead th:nth-child(4){
	 	font-size: 14px;
	 	font-weight: 100;
	 }
	 .chairman table thead th:nth-child(2){
	 	font-size: 15px;
	 }
	 footer .info-footer .menu-1 ul li a, footer .mail p:last-child, footer .info-footer .menu-2 ul li a{
	 	font-size: 16px;
	 }
	 footer .mail p:first-child, footer .site p{
	 	font-size: 18px;
	 }
}


@media (max-width: 767px){
	.department-1, .department-2, .department-3 {
		width: 100%;
	}

	.head-right-block .features ul > p{
		margin: 20px;
	}
	.head-right-block  .features ul li{
		margin: 5px 0 7px 15px;
	}
	.head nav{
		height: 57px;
	}
	.head .logovo img{
		width: 22%;
	}
	.head .logovo .logovo-text p{
		font-size: 8px;
	}
	.head-right-block .wrap .title-h2 h2{
		font-size: 20px;
	}
	.features ul li p{
		font-size: 18px;
	}
	.head-right-block{
		height: 330px;
	}
	.head{
		height: 445px;
		background-size: cover;
	}
	.info .title{
		width: 70%;
		padding-bottom: 0;
	}
	
	.naccs .menu div{
		height: 60px;
		padding: 5px 5px 5px 30px;
	}
	ul.nacc li p{
		font-size: 13px;
	}
	.tab-items{
		margin: 0;
	}
	.naccs .menu div span.light{
		top: 26px;
		left: 12px;
	}
	.naccs .menu span, .naccs-2 .menu-2 span{
		font-size: 14px;
	}
	.naccs-2 .menu-2 div{
		height: 60px;
		padding: 5px 5px 5px 30px;
	}
	ul.nacc-2 li p{
		font-size: 13px;
	}
	.tab-items{
		margin: 0;
	}
	.naccs-2 .menu-2 div span.light{
		top: 26px;
		left: 12px;
	}
	.info-for-party .title{
		width: 80%;
	}
	.info-for-party .title h2, .info .title h2, .feedback .title h2{
		padding-bottom: 0;
		font-size: 24px;
	}
	.info-for-party .info-news .title-news p{
		font-size: 13px;
		padding: 10px 0 9px 0;
	}
	.info-for-party .info-news .body-news p{
		font-size: 13px;
	}
	.info-for-party .more-news a{
		padding: 5px;
		font-size: 15px;
	}
	.info-for-party .more-news{
		height: 30px;
		width: 150px;
		font-size: 15px;
	}
	.info-for-party .wrap-info-news{
		padding: 30px 0 70px 0;
	}
	.feedback .title h2{
		padding-bottom: 0;
	}
	.feedback .title-ask p{
		padding: 5px 0 0 30px;
		font-size: 18px;
	}
	.feedback .title-personal-data p{
		font-size: 18px;
	}
	.feedback .consent p{
		font-size: 14px;
	}
	.feedback .policy p a, .feedback .check-privacy{
		font-size: 16px;
	}
	.feedback .policy > a{
		font-size: 17px;
	}
	.chairman table tr, .staffer table tr{
		font-size: 13px;
	}
	.ul-staff .staff-header p{
		font-size: 14px;
	}
	footer .map img{
		width: 100%;
	}
	footer .info-footer .menu-1 ul li a, footer .info-footer .menu-2 ul li a{
		font-size: 16px;
	}
	footer .mail p:first-child, footer .site p{
		font-size: 18px;
	}
	footer .policy-footer{
		margin-top: 40px;
	}
	.chairman table thead th:nth-child(4), .staffer table thead th:nth-child(4){
		font-size: 12px;
	}
	footer .info-footer .menu-1 ul li a, footer .info-footer .menu-2 ul li a, footer .info-footer .menu-1 ul li a, footer .info-footer .menu-2 ul li a{
		font-size: 15px;
	}
	footer .site a, footer .info-footer .menu-1 ul li a, footer .mail p:last-child, footer .info-footer .menu-2 ul li a{
		font-size: 15px;
	}
	footer .policy-footer{
		font-size: 14px;
		text-align: center;
	}

}


@media (max-width: 600px) {
	.head-right-block .wrap{
		width: 85%;
	}
	.features ul > p{
		font-size: 20px;
	}
	.features ul li p{
		font-size: 16px;
	}
	.head-right-block{
		height: 315px;
	}
	.naccs .menu span{
		font-size: 14px;
	}
	.naccs-2 .menu-2 span{
		font-size: 14px;
	}
	.info .title{
		width: 80%;
	}
	.feedback .title{
		width: 60%;
	}
	.contacts .title{
		width: 60%;
	}
	footer .info-footer .menu-1 ul li, footer .info-footer .menu-2 ul li{
		margin: 10px 0;
	}
	.head-right-block .wrap .title-h2 h2{
		font-size: 18px;
	}
	.info-for-party .info-news .title-news p{
		font-size: 14px;
	}
	.chairman table thead th:nth-child(1), .staffer table thead th:nth-child(1){
		font-size: 14px;
	}
	.chairman, .staffer{
		width: 100%;
	}
	.chairman table thead th:nth-child(2){
		font-size: 14px;
	}
	.chairman table thead th:nth-child(3), .staffer table thead th:nth-child(3){
		font-size: 14px;
	}

	.department {
		display: block;
	}

	.department table th {
		font-size: 14px;
	}

	.department table tr td {
		font-size: 14px;
	}

	.department-1, .department-2 {
		margin-bottom: 15px;
	}

	.chairman .hoverable thead tr th {
		font-size: 14px;
	}

	.naccs-3 .menu-3 span {
		font-size: 15px;
	}

	ul.nacc-3 li p {
		font-size: 15px;
	}

	.board .container a p {
		font-size: 15px;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.features ul li p{
		font-size: 15px;
	}
	.naccs .menu div, .naccs-2 .menu-2 div{
		width: 45%;
		height: 50px;
	}
	.naccs .menu span, .naccs-2 .menu-2 span{
		font-size: 11px;
	}
	.naccs .menu div span.light, .naccs-2 .menu-2 div span.light{
		top: 22px;
	}
	ul.nacc li p, ul.nacc-2 li p{
		font-size: 13px;
	}
	.tab-items{
		padding: 5px;
	}
	.info .title h2{
		font-size: 23px;
	}
	.info .title-h3 h3{
		font-size: 22px;
	}
	.info .title-h3{
		border-left: 7px solid #ff7800;
	}
	.info-for-party .title h2{
		font-size: 21px;
	}
	.feedback .title h2{
		font-size: 25px;
	}
	.feedback .title-ask{
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.feedback .title-ask p{
		font-size: 16px;
	}
	.feedback .title-ask{
		border-left: 7px solid #ff7800;
	}
	.feedback .title-personal-data p{
		font-size: 16px;
	}
	.feedback .title-personal-data{
		border-left: 7px solid #028e9b;
		height: 40px;
		margin-bottom: 40px;
	}
	.feedback .policy > a{
		font-size: 16px;
	}
	.feedback .accept{
		margin-left: 0;
	}
	.feedback .consent{
		margin-top: 50px;
	}
	.feedback .consent p{
		font-size: 13px;
	}
	.contacts .title h2{
		font-size: 28px;
	}
	.chairman, .staffer{
		width: 100%;
	}
	.chairman table tr, .staffer table tr{
		font-size: 12px;
	}
	.ul-staff .staff-header p{
		font-size: 12px;
	}
	.chairman table tr, .staffer table tr{
		font-size: 11px;
	}
	footer .title-footer p{
		font-size: 18px;
	}
	footer .info-footer .menu-1 ul li a, footer .info-footer .menu-2 ul li a{
		font-size: 14px;
	}
	footer .mail p:last-child{
		font-size: 14px;
	}
	footer .site a{
		font-size: 14px;
	}
	footer .policy-footer{
		font-size: 14px;
	}
	footer .info-footer .menu-1, footer .info-footer .menu-2{
		margin-bottom: 30px;
	}
	.info-for-party .info-news .body-news p{
		font-size: 12px;
	}
	.imglist a img{
		width: 100%;
	}
	.modalnost p a{
		width: 45%;
	}
	.modalnost{
		width: 90%;
	}
	.head-right-block .wrap .title-h2{
		width: 100%;
		margin-left: 0;
	}
	.features{
		width: 100%;
	}
	.naccs .menu span, .naccs-2 .menu-2 span{
		font-size: 12px;
	}
	.info .title-h3 h3{
		font-size: 20px;
	}
	.info-for-party .info-news .title-news p{
		font-size: 10px;
		padding: 12px 0 9px 0;
	}
	.chairman table tr, .staffer table tr{
		font-size: 13px;
	}
	.feedback .consent p{
		font-size: 13px;
	}
	.ul-staff .staff-header p{
		line-height: 1.3;
	}
		.department {
		flex-wrap: wrap;
	}

	.department table th {
		font-size: 13px;
	}

	.department table tr td {
		font-size: 13px;
	}

	.department-1, .department-2 {
		margin-bottom: 15px;
	}

	.chairman .hoverable thead tr th {
		font-size: 13px;
	}

	.naccs-3 .menu-3 span {
		font-size: 14px;
	}

	ul.nacc-3 li p {
		font-size: 14px;
	}

	.board .container a p {
		font-size: 14px;
	}
}


@media (max-width: 400px) {
	.head-right-block .wrap .title-h2{
		margin-left: 0;
		width: 100%;
	}
	.head-right-block .wrap .title-h2 h2{
		font-size: 17px;
	}
	.features{
		width: 100%;
	}
	.head-right-block  .features ul li{
		margin: 5px 0 7px 0;
	}
	.features ul li p{
		font-size: 14px;
	}
	.info .title{
		width: 90%;
	}
	.info .title h2{
		font-size: 21px;
	}
	.info .title-h3 h3{
		font-size: 18px;
	}
	.info-for-party .title{
		width: 90%;
	}
	.info-for-party .title h2{
		font-size: 22px;
	}
	.info-for-party .info-news .body-news p{
		font-size: 10px;
	}
	.feedback .title h2{
		font-size: 22px;
	}
	.feedback .ask{
		width: 90%;
	}
	.feedback .title-personal-data p{
		padding: 3px 0 0 30px;
	}
	.contacts .title h2{
		font-size: 22px;
		padding-bottom: 10px;
	}
	footer .info-footer{
		width: 90%;
	}
	footer .title-footer p{
		font-size: 16px;
	}
	footer .info-footer .menu-1 ul li, footer .info-footer .menu-2 ul li{
		margin: 5px 0;
	}
	.head-right-block .wrap{
		width: 95%;
	}
	.head-right-block .wrap .title-h2 h2{
		font-size: 16px;
	}
	.naccs{
		margin: 30px auto 0;
	}
	.naccs .menu div, .naccs-2 .menu-2 div{
		height: 60px;
	}
	.naccs .menu div span.light, .naccs-2 .menu-2 div span.light{
		top: 27px;
	}
	.info-for-party .title h2, .feedback .title h2{
		font-size: 19px;
	}
	.feedback .policy > a{
		font-size: 15px;
	}
	.feedback .policy p a, .feedback .check-privacy{
		font-size: 15px;
	}
	.chairman table thead th:nth-child(4), .staffer table thead th:nth-child(4){
		font-size: 10px;
	}
	.chairman table td:nth-child(4), .staffer table td:nth-child(4){
		font-size: 10px;
	}

	.department {
		flex-wrap: wrap;
	}

	.department table th {
		font-size: 12px;
	}

	.department table tr td {
		font-size: 12px;
	}

	.department-1, .department-2 {
		margin-bottom: 15px;
	}

	.chairman .hoverable thead tr th {
		font-size: 12px;
	}

	.naccs-3 .menu-3 span {
		font-size: 13px;
	}

	ul.nacc-3 li p {
		font-size: 13px;
	}

	.board .container a p {
		font-size: 13px;
	}

}
/* Iphone 5 */
@media (max-width: 320px) {
		.department table th {
		font-size: 11px;
	}

	.department table tr td {
		font-size: 11px;
	}

	.department-1, .department-2 {
		margin-bottom: 15px;
	}

	.chairman .hoverable thead tr th {
		font-size: 11px;
	}

	.naccs-3 .menu-3 span {
		font-size: 11px;
	}

	ul.nacc-3 li p {
		font-size: 12px;
	}

	.board .container a p {
		font-size: 11px;
	}

	.chairman table tr {
		font-size: 11px;
	}
}