.desktop-image {
	display: inline!important;
}
.mobile-image {
	display: none!important;
}
.desktop-block {
	display: block!important;
}
.mobile-block {
	display: none!important;
}
.desktop-flex {
	display: flex!important;
}
.mobile-flex {
	display: none!important;
}
#header-menu-trigger {
	display: none;
}
.catalog-menu-mobile {
	display: none;
}

@media screen and (max-width: 1200px) {
    
	html,
	body {
		padding:0;
		width:100%;
	}

	body.no-scroll {
		height: 100%;
		overflow: hidden;
	}
	.desktop-image {
		display: none!important;
	}
	.mobile-image {
		display: inline!important;
	}

	.desktop-block {
		display: none!important;
	}
	.mobile-block {
		display: block!important;
	}

	.desktop-flex {
		display: none!important;
	}
	.mobile-flex {
		display: flex!important;
	}
	
    /* ----- header ----- */
	header {
		/**//**//**/
	}
	.global-section-double {
		width: 100%;
		height: 150vh;
	}
	.global-section-double .global-section-intro,
	.global-section-double .global-section-collection {
		height: 75vh;
	}
	.footer-law {
		width: 90%;
		flex-basis: 90%;
	}
	#header-menu-nav {
		width: 100%;
		flex-basis: 100%;
		padding: 80px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	#header-menu-nav ul {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	#header-menu-nav ul li {
		padding: 0px;
		margin: 0px;
	}
	#header-menu-nav ul li a {
		padding: 10px;
		margin: 0px;
		width: 150px;
		flex-basis: 150px;
		text-align: center;
	}
	#header-menu-nav ul li.header-menu-nav-soc {
		margin: 0px;
		padding: 10px 10px;
		width: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#header-menu-swipers {
    	width: 100%;
    	flex-basis: 100%;
  	}
	#header-menu-scroll {
		overflow-y: scroll;
	}
	#inner-page-about .inner-section-panel-text,
	#inner-page-jobs .inner-section-panel-text,
	#inner-page-services .inner-section-panel-text,
	.inner-catalog .inner-section-panel-text {
    	padding: 0px;
    	margin: 0px 20px 10% 50px;
  	}
	#inner-page-jobs .inner-section-panel-text {
    	padding: 0px;
    	margin: 0px 20px 5% 50px;		
	}	
	#inner-about-numbers ul li {
		min-height: 120px;
	}
	#inner-about-partners ul li a {
		filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
		opacity: 1.0;
	}
	#inner-politics-1 h3,
	#inner-politics-2 h3 {
    	font-size: 30px;
  	}
	#inner-politics-1,
	#inner-politics-2 {
		width: 78%;
		padding: 50px 3%;
		margin: 0px auto;
	}
	.inner-jobs-block-title h3 {
    	font-size: 18px;
  	}
	.inner-page-all-news-block-info h3,
	.inner-page-all-news-block-info h3 a {
    	font-size: 13px;
  	}
	#main.main-inner .tetext h1 {
		font-size: 30px;
	}
	.catalog-cat-all-item h3,
	.catalog-list-one .catalog-list-one-title {
		font-size: 16px;
	}
	#main.inner-catalog .tetext .inner-section-panel-text h1 {
		font-size: 44px;
		padding: 0px 0px 30px 0px;
  		margin: 0px;
  		color: #ffffff;
	}
	#main.inner-catalog .tetext .inner-section-panel-text h2 {
		font-size: 18px;
	}
	/**//**/
	/* ======================================================= */

}

@media screen and (max-width: 1100px) {
	/**//**//**/
	.footer-logo {
		width: 100%;
		flex-basis: 100%;
	}
	.footer-logo-a {
		max-width: 250px;
		padding: 0px;
		margin: 0px auto;
	}
	.footer-logo-p {
		width: 90%;
		flex-basis: 90%;
		padding: 20px 5% 40px 5%;
		margin: 0px auto;
		text-align: center;
	}
	.footer-menu {
		width: 90%;
		flex-basis: 90%;
		padding: 0px;
		margin: 0px auto;
	}
	#inner-about-numbers ul {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	#inner-about-numbers ul li,
	#inner-about-numbers ul li:last-child {
		width: 28%;
		flex-basis: 28%;
		padding: 20px 2% 20px 2%;
		margin: 0px 0.5% 10px 0.5%;
	}
	.inner-contacts-block p {
		font-size: 18px;
	}
	.inner-contacts-block div {
		min-height: 120px;
	}
}

@media screen and (max-width: 1000px) {
	/**//**/
	.global-section-menu {
		display: block;
	}
	.global-section-menu li {
		width: 300px;
		padding: 0px;
		margin: 0px 0px 30px 0px;
	}
	.global-section-menu li h3 {
		font-size: 24px;
	}
	.global-section-info {
    	padding: 0px;
    	margin: 0px 20px 10% 40px;
  	}
	.global-section-galery-text {
		width: 93%;
		flex-basis: 93%;
		padding: 0px 0px;
  		margin: 10px 0px 20px 0px;
	}
	.global-section-galery-swiper {
		width: 93%;
		flex-basis: 93%;
	}
	.collectionSwiper .swiper-slide .swiper-slide-item-img {
		height: 300px;
	}
	.global-section-content h2 {
		margin: 0px 0px 100px 0px;
		padding: 40px;
		text-align: center;
	}
	#header-menu-swipers-buttons {
		padding: 0px;
		margin: 15px 0px;
	}
	#header-menu-swipers-buttons ul {
		padding: 10px 0px;
		margin: 0px 0px;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#header-menu-swipers-buttons ul li,
	#header-menu-swipers-buttons ul li:hover {
		padding: 10px 0%;
		margin: 0px 1% 10px 1%;
		width: 135px;
		flex-basis: 135px;
		text-align: center;
		border: none;
		font-size: 12px;
		background: #33A5DB;
		color: #ffffff;
		opacity: 0.5;
		border:none;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
	#header-menu-swipers-buttons ul li.active {
		opacity: 1.0;
		background: #33A5DB;
		color: #ffffff;
		border: none;		
	}
	#header-menu-nav ul li a {
		font-size: 16px;
	}
	#inner-politics-1,
	#inner-politics-2 {
		width: 90%;
		padding: 30px 5%;
		margin: 0px auto;
	}
	.catalog-cat-all-item,
	.catalog-list-one {
		width: 46%;
		flex-basis: 46%;
		max-width: none;
		padding: 0px;
		margin: 0px 2% 20px 2%;
	}
}

@media screen and (max-width: 900px) {
	/**//**/
	.global-section-double {
		width: 100%;
		height: 100vh;
	}
	.global-section-double .global-section-intro {
		height: 35vh;
	}
	.global-section-double .global-section-collection {
		height: 65vh;
	}
	.global-section-collection {
		background: #051424;
	}
	.collectionSwiper .swiper-slide .swiper-slide-item-img {
		height: 250px;
	}
	.swiper-collection-button-prev,
	.swiper-collection-button-next {
		/* bottom: 12px; */
		width: 50px;
		flex-basis: 50px;
		height: 50px;
		background-size: 24.5px;
	}
	#header-menu-soc ul li {
		padding: 10px 20px 10px 0px;
		margin: 0px 0px;
		width: auto;
		flex-basis: auto;
	}
	#inner-page-about .inner-section-panel-text p br,
	#inner-page-jobs .inner-section-panel-text p br,
	#inner-page-services .inner-section-panel-text p br,
	.inner-catalog .inner-section-panel-text p br {
		display: none;
	}
	.inner-about-info-block-img {
		order: 1;
		width: 100%;
		flex-basis: 100%;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 25px 0px;
	}
	.inner-about-info-block-text {
		order: 2;
		width: 100%;
		flex-basis: 100%;
	}
	.inner-about-info-block-text h3 {
		font-size: 22px;
	}
	#inner-about-partners ul li {
		display: block;
		width: 30%;
		flex-basis: 30%;
		padding: 0px;
		margin: 20px 0.5% 20px 0.5%;
	}
	.inner-jobs-block-row span {
		width: 90%;
		flex-basis: 90%;
		margin: 0px auto;
		padding: 0px 4% 15px 4%;
	}
	.inner-jobs-block-row div {
		width: 90%;
		flex-basis: 90%;
		margin: 0 auto;
		padding: 0px 4%;
	}
	.inner-services-block {
		width: 100%;
		flex-basis: 100%;
	}
	.inner-contacts-block {
		width: 31%;
		flex-basis: 31%;
		padding: 0px 1%;
		margin: 0px 0px;
	}
	.inner-contacts-block h4 {
    	font-size: 16px;
  	}
	.inner-contacts-block p {
		font-size: 16px;
	}
	.inner-page-all-news-block {
		width: 100%;
		flex-basis: 100%;
	}
	.inner-page-one-new-content {
		width: 94%;
		padding: 30px 3% 30px 3%;
		margin: 0px auto;
		background: #ffffff;
  	}
	.catalog-one-photos-area div a {
    	min-height: 280px;
  	}
}

@media screen and (max-width: 800px) {
	
.hot_link_area {
	height: 60px;
	display: flex;
	top: 60px;
	position: absolute;
	width: 100%;
	
	z-index: 3;
	justify-content: center;
	align-items: center;
}
	
.hot_link_area a {
	color: #fff;
	text-decoration: navajowhite;
	font-size: 21px;
	border: 3px solid #803542;
	font-family: "roboto-bold";
	border-radius: 10px;
	padding: 6px 20px;
	display: flex;
	width: 70%;
	background:none;
	text-align: center;
	justify-content: space-between;
}

.hot_link_area_span2 {
	display: block;
}
	/**//**/
	#header-logo {
		width: 180px;
		flex-basis: 180px;
	}
	#header-mail-button,
	#header-menu-button {
		background-size:23px;
	}
	#header-mail-button:hover,
	#header-menu-button:hover {
		background-size:23px;
	}
	#header-menu-button {
		padding: 0px;
		margin: 0px 1% 0px 2%;
	}
	.global-section-video-1 {
		background: url("/themes/default/images/global-section-video-background-1.png") no-repeat 60% 50%;
		background-size: cover;
	}
	.global-section-video-2 {
		background: url("/themes/default/images/global-section-video-background-2.png") no-repeat 60% 50%;
		background-size: cover;
	}
	.global-section-video-3 {
		background: url("/themes/default/images/global-section-video-background-3.png") no-repeat 60% 50%;
		background-size: cover;
	}
	.global-section-video video {
		display: none!important;
	}
	.global-section-info {
    	padding: 0px;
    	margin: 0px 20px 10% 20px;
  	}
	.global-section-text p br {
		display: none;
	}
	.global-section-intro h2 {
    	padding: 0px;
    	margin: 0px 20px 10% 20px;
	}
	.footer-menu-nav ul {
		display: block;
	}
	.footer-menu-nav ul li a {
		display: inline-block;
		padding: 10px 10px 10px 10px;
		margin: 0px 10px 10px 0px;
	}
	.footer-menu-nav ul li a.redborder{
		border:1px solid #803542;
	}
	.footer-menu-contacts {
		display: block;		
	}
	.footer-menu-contacts div {
		padding: 0px 0px;
		margin: 0px 0px 20px 0px;
		width: 150px;
		flex-basis: 150px;
	}
	.footer-law {
		padding: 30px 0px 0px 0px;
		display: block;
	}
	.footer-find,
	.footer-docs,
	.footer-rights {
		width: 260px;
		flex-basis: 260px;
		order: 1;
		padding: 10px;
		margin: 0px 0px 0px auto;
  	}
	#header-menu-scroll {
		/* overflow-y: scroll; */
	}
	#main.main-inner .tetext {
		width: 93%;
		padding: 50px 3.5% 0px 3.5%;
		margin: 0px auto;
  	}
	#main.inner-catalog .tetext {
		width: 100%;
		padding: 0px 0px;
		margin: 0px auto;
  	}
	#main.main-inner .tetext h1 {
    	font-size: 28px;
		margin: 0px;
		padding: 0px 0px 30px 0px;
  	}
	#inner-jobs-info h2 {
    	font-size: 28px;
  	}
	.inner-jobs-block-title h3 {
    	font-size: 17px;
  	}
	.inner-jobs-block-row span {
		font-size: 16px;
	}
	#inner-jobs-list {
  		width: 100%;
  		padding: 0px 0%;
		margin: 0px 0px;
	}
	.inner-jobs-block-title {
    	min-height: 80px;
		width: 96%;
		padding: 0px 2%;
		margin: 0px auto;
  	}
	.inner-jobs-block-text {
		width: 96%;
		margin: 0px auto;
		padding: 0px 2%;
	}
	.inner-contacts-block {
		width: 100%;
    	flex-basis: 100%;
    	padding: 0% 0%;
    	margin: 0px 0px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
  	}
	.inner-contacts-block div {
		width: 48%;
		flex-basis: 48%;	
	}
	#inner-contacts-map {
		height: 400px;
		/* background: #e5e3df; */
		width: 90%;
		padding: 30px 5% 0px 5%;
		margin: 0px auto;
	}
	.inner-page-one-news-title {
    	font-size: 22px;
  	}
	.inner-catalog .catalog-one .inner-section-panel-text {
		padding: 0px;
		margin: 0px 20px 6% 20px;
	}
	#main.inner-catalog .tetext .catalog-one .inner-section-panel-text h3 {
		font-size: 22px;
		word-break: break-all;
	}
	#main.inner-catalog .tetext .catalog-one .inner-section-panel-text h1 {
		font-size: 40px;
		word-break: break-all;
	}	
}

@media screen and (max-width: 700px) {
	/**//**/
	.global-section-content h2 {
		font-size: 32px;
	}
	.global-section-costume {
    	width: 290px;
  	}
	#header-menu-nav ul li a {
		padding: 10px 1%;
		margin: 0px;
		width: 130px;
		flex-basis: 130px;
		font-size: 14px;
		text-align: center;

	}
	#header-menu-nav ul li.header-menu-nav-soc {
		font-size: 130px;
		flex-basis: 130px;
		padding: 10px 1%;
		margin: 0px;
	}
	#inner-page-about .inner-section-panel-text,
	#inner-page-jobs .inner-section-panel-text,
	#inner-page-services .inner-section-panel-text,
	.inner-catalog .inner-section-panel-text {
		padding: 0px;
		margin: 0px 20px 6% 20px;
	}
	#inner-page-jobs .inner-section-panel-text {
		padding: 0px;
		margin: 0px 20px 5% 20px;		
	}	
	#inner-page-about .inner-section-panel-text h1,
	#inner-page-jobs .inner-section-panel-text h1,
	#inner-page-services .inner-section-panel-text h1,
	.inner-catalog .inner-section-panel-text h1 {
    	font-size: 40px;
		margin: 0px 20px 20px 0px;
  	}
	#inner-about-numbers ul li, 
	#inner-about-numbers ul li:last-child {
		width: 94%;
		flex-basis: 94%;
		padding: 20px 3%;
		margin: 0px 0px 10px 0px;
		min-height: 80px;
	}
	.inner-jobs-block-title {
		padding: 25px 2%;
		margin: 0 auto;
		min-height: auto;
	}
	.inner-jobs-block-title h3 {
		width: 90%;
		display: block;
		padding: 0px;
		margin: 0px 0px 0px 0px;
	}
	#main.inner-catalog .tetext .inner-section-panel-text h1 {
		font-size: 40px;
		padding: 0px 20px 20px 0px;
  		margin: 0px;
  		color: #ffffff;
	}
}	

@media screen and (max-width: 600px) {
	/**//**/
	#header-mail-form,
	#header-jobs-mail-form {
		width: 90%;
		max-width: 480px;
	}
	#header-menu-soc ul {
  		display: block;
  		align-items: flex-start;
  		justify-content: flex-start;
		text-align: right;
		padding: 0px;
		margin: 20px 0px;
	}
	#inner-about-partners ul li {
		display: block;
		width: 48%;
		flex-basis: 48%;
		padding: 0px;
		margin: 20px 0.5% 20px 0.5%;
	}
	#inner-about-partners ul li a img {
		width: 100%;
		flex-basis: 100%;
	}
	.inner-contacts-block h4 {
    	font-size: 14px;
  	}
	.inner-contacts-block p {
    	font-size: 14px;
  	}
	.inner-contacts-block a {
		font-size: 16px;
	}
	.inner-contacts-block #inner-contacts-block-button {
		width: 90%;
		padding: 0px;
		margin: 0px;
		font-size: 12px;
	}
	.inner-contacts-block div {
    	min-height: 90px;
  	}
	.catalog-one-photos-area div,
	.catalog-one-photos-area div.chess-class-1,
	.catalog-one-photos-area div.chess-class-2 {
		width: 100%;
		flex-basis: 100%;
		padding: 0px;
		margin: 0px 0% 20px 0%;
	}
	.catalog-one-photos-area div a {
    	min-height: 240px;
  	}
	.catalog-one-container-button {
		width: 100%;
		padding: 30px 0px 0px 0px;
		margin: 0px auto 0px auto;
	}
}

@media screen and (max-width: 500px) {
	/**//**/
	.global-section-galery-text {
		font-size: 14px;
	}
	.global-section-intro h2 {
		font-size: 34px;
	}
	#header-menu-nav ul {
    	display: flex;
    	align-items: flex-start;
    	justify-content: space-around;
    	flex-wrap: wrap;
  	}
	.inner-jobs-block-title {
		background: url("/themes/default/images/inner-jobs-block-plus.png") no-repeat 96% 50%;
		background-size: 16px;
	}
	.inner-jobs-block.active .inner-jobs-block-title {
		background: url("/themes/default/images/inner-jobs-block-minus.png") no-repeat 96% 50%;
		background-size: 16px;
	}
	.inner-jobs-block {
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}
	.inner-contacts-block h4 {
    	font-size: 12px;
  	}
  	.inner-contacts-block p {
    	font-size: 12px;
	}
	.inner-contacts-block #inner-contacts-block-button {
		font-size: 11px;
	}
	.inner-page-all-news-block {
		padding: 0px;
		margin: 0px 0px 20px 0px;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.inner-page-all-news-block-img {
		width: 100%;
		flex-basis: 100%;
		height: 180px;
		min-height: auto;
		/* background-size: 40%!important; */
  	}
	.inner-page-all-news-block-img img {
		/* width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		padding: 0px;
		margin: 0px auto; */
	}
	.inner-page-all-news-block-info {
    	margin: 0px;
    	padding: 15px 15px 25px 15px;
  	}
	.inner-page-one-news-title {
    	font-size: 20px;
  	}
	.inner-page-one-news-date {
		font-size: 16px;
	}
	.catalog-list-one .catalog-list-one-title {
		font-size: 14px;
	}
	.catalog-cat-all-item, .catalog-list-one {
    	width: 96%;
    	flex-basis: 96%;
    	max-width: none;
    	padding: 0px;
    	margin: 0px 2% 20px 2%;
  	}
	.inner-catalog .catalog-one .inner-section-panel-text {
		padding: 0px;
		margin: 0px 10px 18% 20px;
	}
	#main.inner-catalog .tetext .catalog-one .inner-section-panel-text h1 {
		font-size: 35px;
	}
}

@media screen and (max-width: 400px) {
	/**//**/
 	.global-section-video-3 {
    	background: url("/themes/default/images/global-section-video-background-3.png") no-repeat 70% 50%;
    	background-size: cover;
  	}
	.global-section-double .global-section-intro {
    	height: 20vh;
	}
	.global-section-double .global-section-collection {
    	height: 80vh;
  	}
	#header-mail-form h3,
	#header-jobs-mail-form h3 {
		font-size: 21px;
	}
	#header-mail-form p,
	#header-jobs-mail-form p {
		font-size: 14px;
	}
	.header-mail-form-block input[type="text"],
	.header-mail-form-block input[type="text"]::placeholder,
	.header-jobs-mail-form-block input[type="text"],
	.header-jobs-mail-form-block input[type="text"]::placeholder {
		margin: 0px;
  		padding: 15px 5%;
		font-size: 14px;
	}
	.header-mail-form-block-button a,
	.header-jobs-mail-form-block-button a {
		font-size: 13px;
	}
	#inner-page-about .inner-section-panel-text,
	#inner-page-jobs .inner-section-panel-text,
	#inner-page-services .inner-section-panel-text,
	.inner-catalog .inner-section-panel-text {
    	padding: 0px;
    	margin: 0px 20px 22% 20px;
  	}
	#inner-page-jobs .inner-section-panel-text {
    	padding: 0px;
    	margin: 0px 20px 28% 20px;		
	}	
	#inner-page-about .inner-section-panel-text h1,
	#inner-page-jobs .inner-section-panel-text h1,
	#inner-page-services .inner-section-panel-text h1,
	.inner-catalog .inner-section-panel-text h1 {
		font-size: 34px;
	}
	#inner-page-about .inner-section-panel-text h2,
	#inner-page-jobs .inner-section-panel-text h2,
	#inner-page-services .inner-section-panel-text h2,
	.inner-catalog .inner-section-panel-text h2 {
		font-size: 16px;
	}
	.global-section-menu li.active h3 a {
		font-size: 30px;
	}
	.global-section-text {
		margin: 0px;
		padding: 0px 0px 22px 0px;
	}
	#inner-politics-1 h3,
	#inner-politics-2 h3 {
    	font-size: 26px;
  	}
	#main.inner-catalog .tetext .inner-section-panel-text h2 {
		font-size: 16px;
	}
	#main.inner-catalog .tetext .inner-section-panel-text h1 {
    	font-size: 34px;
	}
}