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

@media(min-width: 961px) and (max-width: 1400px){
	.img-with-overlay-text .text-wrap {font-size: 13px;}
}
@media(max-width: 1400px){
	.lang-menu-wrap {width: auto;}
}
@media(min-width: 1300px) and (max-width: 1400px){
	.counter-block{
		font-size: 40px;
	}
}
@media(min-width: 961px){
	#main-content {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: hidden;
	}
	.home-block .header-wrap {
		position: absolute;
		left: 50px;
		top: -40px;
		z-index: 1;
	}
	#logo {width: 150px;}
	.two-block-img-botmtext.block-with-righttext .img2 .img-wrap-inner {max-height: 70%;}
	.logo-mobi {display: none;}
	#header.small-header { height: 135px;}
	#header.small-header .header-wrap {padding-top: 25px; padding-bottom: 25px;}
	#header.small-header .logo-inner {width: 75px; height: 82px;}
	#header.small-header .header-bg {height: 136px;}
	
	.lang-menu-wrap {
		margin-right: 30px;
	}
	.lang-menu {
		justify-content: right;
	}
	.submenu-wrap {
		position: absolute;
		left: 0;
		top: 100%;
		opacity: 0;
		visibility: hidden;
		transition: all 0.5s cubic-bezier(.22,.61,.36,1) 0s;
	}
	.menu li ul li:first-child a {
		padding-top: 10px;	
	}
	.menu li ul.submenu {
		min-width: 300px;
		padding-bottom: 30px;
	}
	.submenu li {
		transform: translateY(-5px);
		opacity: 0;
		transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
	}
	.menu li.sfHover .submenu-wrap {
		opacity: 1;
		visibility: visible;
	}
	.menu li.sfHover .submenu li {
		transform: translateY(0);
		opacity: 1;
	}
	.two-block-img-botmtext.block-with-lefttext .c-wrap-inner {min-width: 640px;}
	.block-with-lefttext2 .img2 {position: absolute; top: 40%; right: 0;}
	.two-block-img-botmtext.block-with-lefttext2 .c-wrap-inner {max-width: 320px;}
	
	
	.container-right-5 {margin-right: 5%;}
	.container-right-10 {margin-right: 10%;}
	.container-right-15 {margin-right: 14%;}

	.container-left {margin-left: 0}
	.container-left-5 {margin-left: 5%;}
	.container-left-10 {margin-left: 10%;}
	.counter-wrapper .row {
		margin-left: -20px;
		margin-right: -20px;
	}
	.counter-wrapper .row > * {
		padding-left: 20px;
		padding-right: 20px;
	}
	.spc-page .content-area {
		padding-top: 235px;
	}
	
}

@media(min-width: 961px) and (max-width: 1300px){
	.lang-menu a, .menu li {font-size: 14px;} 
	.lang-menu-wrap {width: auto; margin-right: 20px;}
	.menu li {padding: 0px 20px;}
	#logo {width: 130px;}
	#header .header-wrap {padding-left: 30px;}
}
@media(min-width: 961px) and (max-width: 1300px){
	.counter-cont-block {font-size: 20px;}
	.counter-block {font-size: 30px;}

	.three-col .icon-with-text .icon {width: 60px; padding-right: 15px;}
	.three-col .icon-with-text .text {width: calc(100% - 60px);}
	.three-col .icon-with-text .text h4 {font-size: 20px;}
	.two-block-img-botmtext.block-with-righttext .c-wrap .page-link {
		font-size: 28px;
		padding-right: 50px;
	}
}
@media(min-width: 1400px){
	.lang-menu-wrap {
		width: 150px;
	}
}
@media(min-width: 961px) and (max-width: 1070px){
	.counter-cont-block {font-size: 16px;}
	.counter-block {font-size: 28px;}
	.two-block-img-botmtext.block-with-righttext .c-wrap .page-link {
		font-size: 24px;
	}
}
@media(min-width: 961px) and (max-width: 1020px){
	.lang-menu-wrap {
		position: absolute;
		right: 20px;
		top: 20px;
	}
}
@media(max-width: 960px){
	.container-70 {
		width: 100%;
	}
	.hide-mobi {display: none;}
	h1 {font-size: 68px;}
	:root {
		--cont-padding: 50px;
	}
	
	.page-title {display: none;}
	.container {
		max-width: 100%;
		padding-left: var(--cont-padding);
		padding-right: var(--cont-padding);
	}
	.c-wrap {
		width: 100%;
		padding-left: var(--cont-padding); 
		padding-right: var(--cont-padding);
	}
	.home-block {padding-top: 50px;}
	.home-block .header-wrap {
		padding-left: 80px;
		padding-right: var(--cont-padding);
	}
	.home-block .container {
		padding-left: 0;
		padding-right: 0;
	}
	.home-block .c-wrap {}
	.three-col .col {width: 100%;}
	.three-col-icon-text .icon-with-text {padding-bottom: 25px; padding-top: 25px;}
	.three-col-icon-text .icon-with-text .icon {
		width: 110px;
		padding-right: 50px;
	}
	.three-col-icon-text .icon-with-text .text {
		width: calc(100% - 110px);
	}
	.icon-with-text .text .text-center {text-align: left;}
	.icon-with-text .icon { text-align: center;}
	.counter-wrapper {padding-top: 80px;}
	.counter-container {justify-content: space-between;}
	.counter-content {padding-top: 15px; padding-bottom: 15px;}
	.counter-content:nth-child(2n){
		width: 45%;
		min-width: 250px;
		margin-left: auto;
	}
	.counter-content:nth-child(2n+1){
		width: 60%;
		min-width: 300px;
	}
	.twocol-img-text-top-indent .col-left {
		width: 100%;
		padding-top: 75px;
		padding-bottom: 35px;
		padding-left: var(--cont-padding);
		padding-right: var(--cont-padding);
		margin: 0;
	}
	.twocol-img-text-top-indent .col-right {
		width: 71%;
		padding-left: var(--cont-padding);
	}
	.twocol-img-text-top-indent .col-right .img-wrap {
		position: relative;
		padding-bottom: 60%;
	}
	.twocol-img-text-top-indent .col-right .img-wrap img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.twocol-img-text-top-indent .c-wrap {
		padding: 0;
		/*max-width: 420px;*/
		max-width: 75%;
		margin-left: auto;
	}
	.twocol-img-text-top-indent.col-reverse .c-wrap {
		max-width: 100%;
	}
	.two-block-img-botmtext.block-with-lefttext .img1 {
		width: 100%;
		padding: 0;
		margin-top: 40px;
	}
	.two-block-img-botmtext.block-with-lefttext .img2 {
		width: 82%;
		margin-left: auto;
		padding-right: var(--cont-padding);
	}
	.two-block-img-botmtext.block-with-lefttext .c-wrap-inner, .two-block-img-botmtext.block-with-righttext .c-wrap-inner {
		margin-left: 0;
	}
	
	.two-col.col60-40 .col1, .two-col.col60-40 .col2,
	.two-col.col80-20 .col1	{
		width: 100%;
	}
	.two-block-img-botmtext.block-with-righttext .img1 {
		width: 80%;
		padding-right: 0;
	}
	.two-block-img-botmtext.block-with-righttext .img2 {
		width: 80%;
		margin-left: auto;
	}
	.two-block-img-botmtext.block-with-righttext .c-wrap {
		width: 100%;
		padding: 100px 0 0;
		margin: 0;
	}
	.gallerySlider .rsArrow.rsArrowLeft {left: 40px;}
	.gallerySlider .rsArrow.rsArrowRight {right: 40px;}
	.gallerySlider .rsBullets {
		left: var(--cont-padding);
		transform: none;
	}
	.webcam-wrap, .timelapse-wrap {width: 100%;}
	.webcam-timelapse-container .container {
		margin-top: -35px;
		max-width: 100%;
		padding: 100px 100px;
	}
	.webcam-timelapse-container .webcam-wrap {
		padding-bottom: 50px;
	}
	.br-wrapper.wt-85.left-align .bg-layer {
		right: 0;
	}
	#section-7 .container-wrap {padding-top: 0;}
	#section-7 .container {padding-left: 0; padding-right: 0;}
	
	.header-bg {height: 351px;}
	
	.section:first-child, .spc-page .content-area {
		padding-top: 350px;
		transition: 0.5s ease;
	}
	#logo .logo-inner {
		width: 190px; 
		Height: 195px; 
		position: relative;
		transform: translateY(0);
	}
	#logo {padding-top: 30px;}
	#header {height: 100px;}
	
	.logo-mobi {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		bottom: -6px;
	}
	.logo-mobi, .logo-main {
		transition: 0.5s ease 0s;
		display: block;
		width: 100%;
	}
	.lang-menu, .menuBtn {
		opacity: 0;
		visibility: hidden;
		transition: 0.5s ease 0s;
	}
	#header.small-header #logo {padding-top: 0;}
	#header.small-header .logo-inner {
		transform: translateY(-158px);
	} 
	#header.small-header .logo-main {
		opacity: 0; 
		visibility: hidden;
	}
	.scrolled .section:first-child, .scrolled.spc-page .content-area {
		padding-top: 100px;
	}
	#header.small-header .lang-menu, #header.small-header .menuBtn, #header.small-header .logo-mobi {
		opacity: 1; 
		visibility: visible;
		transition: 0.5s ease 0.5s;
	}
	#header.small-header .header-bg {
		height: 101px !important;
	}
	#header .header-wrap {
		height: 100%;
		padding: 30px 50px;
		justify-content: center;
	}
	.lang-menu a {font-size: 14px;}
	.lang-menu-wrap {
		position: absolute;
		left: var(--cont-padding);
	}
	.menuBtn {
		position: absolute;
		top: 5px;
		right: 30px;
		height: 24px;
		width: 40px;
		cursor: pointer;
		z-index: 9;
		top: 50%;
		margin-top: -12px;
	}
	.menuBtn .menuIcon {
		width: 100%;
		display: block;
		height: 2px;
		background-color: #ffffff;
		margin-bottom: 8px;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.menuBtn .menuIcon.icon3 {
		margin-top: -10px;
	}
	.menuBtn.open .menuIcon.icon2 {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menuBtn.open .menuIcon.icon3 {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.menuBtn.open .menuIcon.icon1, .menuBtn.open .menuIcon.icon4 {
		opacity: 0;
	}
	.menu li {
		float: none;
		font-size: 20px;
		padding: 5px 0px;
	}
	.menu >li {padding: 15px 0px;}
	.menu li ul li a {padding: 0px 3px;}
	.menu li ul li:first-child a {padding-top: 6px;}
	.menu .submenu li {
		font-size: 18px;
	}
	.menu li ul li a {padding: 0;}
	.menu-wrap {
		opacity: 0;
		visibility: hidden;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background-color: #3D3D3D;
		transition: all 1s ease 0s;
		padding-top: 100px;
		padding-bottom: 30px;
		padding-left: var(--cont-padding);
		padding-right: var(--cont-padding);
	}
	.menu-wrap .menu {
		height: 100%;
		overflow-y: auto;
		padding-top: 30px;
	}
	.nav-open .menu-wrap {
		opacity: 1;
		visibility: visible;
	}
	/*.banner {height: 540px;}*/
	.banner, .banner.banner-with-stickypos {
		padding-bottom: 70%;
		height: 0; 
		padding-top: 0;
	}
	.banner.banner-with-stickypos .bg-img, .banner .bg-img {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.two-col .frame-type-text {padding: 0;}
	.two-col .col2 {padding-top: 50px;}
	.two-col.frame-layout-3 .col2 {padding-top: 0;}
	.two-col .c-wrap, .two-col .frame-type-text,
	.two-col .icon-with-text,
	.c-wrap-inner,
	.container-45 .lightbox-with-image, .two-col .lightbox-with-image,
	.two-block-img-botmtext.block-with-lefttext2 .img2 .img-wrap-inner	{
		/*max-width: 430px;*/
		max-width: 430px;
		margin-left: auto;
	}
	.c-wrap-inner.frame-layout-2 {
		margin-left: 0;
		max-width: 500px;
	}
	.home-block .c-wrap-inner {
		margin-left: 0;
	}
	.two-block-img-botmtext.block-with-lefttext2 .c-wrap {
		padding-right: var(--cont-padding);
		padding-left: var(--cont-padding);
		padding-top: 65px;
		margin-bottom: 0;
	}
	
	.two-block-img-botmtext.col-left-bg .img1::before {
		right: -50px;
	}
	.two-block-img-botmtext.block-with-lefttext2 .img1 {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.container .two-block-img-botmtext.block-with-lefttext2 .c-wrap {
		width: 100%;
		padding: 50px 0px;
		margin-bottom: 0;
	}
	.two-block-img-botmtext.block-with-lefttext2.col-left-bg .img1 {
		width: 100%;
		padding-top: 50px;
		padding-right: var(--cont-padding);
		padding-left: var(--cont-padding);
	}
	.two-block-img-botmtext.block-with-lefttext2.col-left-bg .c-wrap-inner {
		max-width: 75%;
	}
	.two-block-img-botmtext.col-left-bg .c-wrap-inner {
		margin-left: auto;
	}
	.imgbxSlider .img-with-overlay-text {
		width: 50%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.two-col .col, .two-col.col45-55 .col1, .two-col.col45-55 .col2 {
		width: 100%;
	}
	.two-col.col50-50.bg-left-end .col1 {width: 50%; margin-bottom: 60px;}
	.two-col.col50-50.bg-left-end .col2 {width: 50%; padding-left: 20px;}
	
	.two-block-img-botmtext.block-with-lefttext2.col-left-bg .img2 {
		width: 100%;
		padding-left: var(--cont-padding);
		padding-right: var(--cont-padding);
		padding-bottom: 50px;
		margin: 0;
	}
	.two-block-img-botmtext.block-with-lefttext2.col-left-bg .img-wrap-inner {max-width: 100%;}
	.two-block-img-botmtext.block-with-lefttext2 .img2 {
		padding-left: var(--cont-padding);
		padding-right: var(--cont-padding);
		width: 100%;
		padding-top: 50px;
	}
	
	.container-right-5 {margin-right: 0;}
	.br-wrapper.wt-95.right-align .bg-layer {left: 0;}
	.management-pateform .security-system {
		max-width: 640px;
	}
	.management-pateform .title:after {display: none;}
	.management-pateform .title {
		font-size: 16px;
	}
	.management-pateform .reg-process:first-child .img-wrap {max-width: 90px;}
	.management-pateform .reg-process:nth-child(2) .img-wrap { max-width: 50px; margin: auto;}
	.management-pateform .reg-process:nth-child(3) .img-wrap { max-width: 115px; }
	.management-pateform .reg-process:last-child .img-wrap { max-width: 105px;}
	.management-pateform .reg-process:last-child .img-wrap img { margin-left: 50px; }
	
	.management-pateform {padding-left: 0; padding-bottom: 50px;}
	.management-pateform .header {margin-bottom: 75px;}
	.management-pateform .title span {padding: 0;}
	.management-pateform .img-wrap {
		height: 160px;
	}
	.management-pateform .img-wrap img {
		height: 100%;
	}
	.management-pateform .reg-process {width: 25%;}
	.container-wrap {padding-top: 60px; padding-bottom: 80px;}
	.webcam-timelapse-container {margin-bottom: 70px;}
	
	.frame-space-after-medium {margin-bottom: 50px;}
	.frame-space-before-medium {margin-top: 50px;}
	
	.section.subpage:first-child .two-col.bg-left-end .col1 {padding-top: 50px;}
	.twocol-img-text-top-indent.col-reverse .img-wrap {padding-bottom: 0;}
	.twocol-img-text-top-indent.col-reverse .col-left {width: 75%; padding: 0;}
	.twocol-img-text-top-indent.col-reverse .col-right {
		width: 50%; 
		padding-top: 50px;
		padding-left: 0;
		margin: auto;
	}
	.hotspot-content-area {
		margin-left: -50px;
		margin-right: -50px;
		width: calc(100% + 100px);
	}
	.three-col-icon-text {
		padding-left: 30px;
	}
	.two-col-img-text .img-wrp {width: 50%;}
	.contact-container .img-wrap .frame-space-after-large {
		margin-bottom: 70px;
	}
	.news-list-view .article  {
		width: 100%;
	}
    #c387 {
        margin: 0;
        max-width: inherit;
    }
    #section-45 .news-list-view .article {
        padding: 0;
    }
    #c155 {
        padding-top: 30px;
    }
}
@media(max-width: 767px){
	.management-pateform .title {
		font-size: 15px;
	}
	.news-single .news-content {
		width: 100%;
	}
	.news-single .image {
		width: 100%;
	}
    
    .news-list-view .article {
        padding: 0;
    }
    .news-list-view .article.specialview .article-inner {
        padding-left: 0;
    }
    .news-list-view .article.specialview .news-content {
        left: 20px;
        width: calc(100% - 40px);
    }
}

@media(min-width: 640px) and (max-width: 960px){
	.map-hover-content ul {
		display: flex;
		flex-flow: row wrap;
		margin: 0;
		justify-content: space-between;
	}
	li.map-hover-content-wrap {
		width: calc(48% - 10px);
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 10px;
	}
	
}
@media(max-width: 639px){
	:root {
		--cont-padding: 25px;
	}
	h1 {
		font-size: 48px;
	}
	h2, .frame-layout-2 h1 {
		font-size: 48px;
	}
	h3, .frame-layout-3 h1 {font-size: 22px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	.loader-logo {width: 200px; height: 200px;}
	.header-bg {height: 271px;}
	.spc-page .content-area, .section:first-child {
		padding-top: 270px;
	}
	#logo .logo-inner {
		width: 130px;
		height: 135px;
	}
	#header.small-header .logo-inner {
		transform: translateY(-105px);
	}
	.container-wrap {padding-top: 50px;}
	.c-wrap {padding-top: 60px;}
	.home-block {}
	.home-block .header-wrap {padding-left: 30px;}
	.home-block .c-wrap {padding-top: 50px; padding-bottom: 50px;}
	.banner-text {width: 100%; text-align: center; }
	.management-pateform .reg-process {
		padding-left: 6px;
		padding-right: 6px;
	}
	.management-pateform .title {margin-bottom: 15px; font-size: 12px;}
	.management-pateform .img-wrap { height: 100px; }
	.management-pateform .reg-process:first-child .img-wrap { max-width: 60px; }
	.management-pateform .reg-process:nth-child(2) .img-wrap { max-width: 45px; }
	.management-pateform .reg-process:nth-child(3) .img-wrap { max-width: 85px; }
	.management-pateform .reg-process:last-child .img-wrap { max-width: 70px; }
	
	.management-pateform {padding-bottom: 50px;}
	.home-block h1 {font-size: 36px;}
	.icon-with-text .icon, .three-col-icon-text .icon-with-text .icon {
		width: 70px;
		padding-right: 25px;
		height: 45px;
	}
	.icon-with-text .icon img {max-height: 100%;}
	.icon-with-text .text, .three-col-icon-text .icon-with-text .text {
		width: calc(100% - 70px);
	}
	.counter-block {font-size: 50px;}
	.counter-cont-block {font-size: 20px; padding-top: 5px;}
	.page-link {
		font-size: 20px;
		padding-right: 35px;
		background-size: 14px 14px;
	}
	.webcam-timelapse-container .container {
		padding: 80px 50px;
	}
	.contact-wrap {
		padding-left: 60px;
		padding-right: 35px;
	}
	.gallerySlider .rsArrow.rsArrowLeft {left: 20px;}
	.gallerySlider .rsArrow.rsArrowRight {right: 20px;}
	.menuBtn {right: 20px;}
	.lang-menu-wrap {left: 20px;}
	.two-block-img-botmtext.block-with-righttext .c-wrap {padding-top: 60px;}
	.two-col.col40-60 .col1, .two-col.col40-60 .col2 {width: 100%;}
	.footer-right {padding-top: 20px;}
	.imgbxSlider .img-with-overlay-text {
		width: 100%;
		padding: 0;
	}
	.flickity-viewport::after, .flickity-viewport::before {display: none;}
	.img-with-overlay-text .title-wrap {
		padding-left: 20px;
	}
	.img-with-overlay-text .text-wrap {
		padding-left: 50px;
		padding-right: 50px;
	}
	.flickity-prev-next-button.previous {left: 0;}
	.flickity-prev-next-button.next {right: 0;}
	#map {height: 540px;}
	.fancybox-button {width: 30px; height: 30px;}
	.fancybox-navigation .fancybox-button {width: 50px;}
	.fancybox-navigation .fancybox-button--arrow_left {left: 25px; }
	.fancybox-navigation .fancybox-button--arrow_right { right: 25px; }
}

@media(max-width: 470px){
	.management-pateform .reg-process {
		width: 50%;
		max-width: 50%;
		margin-bottom: 70px;
	}
	.management-pateform .img-wrap {
		height: 120px;
		margin: auto;
	}
	.management-pateform .title {font-size: 16px;}
	.management-pateform .reg-process:first-child .title {text-align: center;}
	.management-pateform .reg-process:first-child .img-wrap {
		max-width: 60%;
	}
	.management-pateform .reg-process:nth-child(2) .img-wrap {
		max-width: 40%;
	}
	.management-pateform .reg-process:nth-child(3) .img-wrap {
		max-width: 90%;
	}
	.management-pateform .reg-process:last-child .img-wrap {
		max-width: 85%;
	}
	.management-pateform .reg-process:last-child .img-wrap img {margin-left: 0;}
	.two-col.col50-50.bg-left-end .col1 {
		padding-right: 20px;
		padding-bottom: 30px;
		margin-bottom: 40px;
	}
	.two-col.col50-50.bg-left-end .col2 {padding-left: 15px;}
	.twocol-img-text-top-indent.col-reverse .col-right {
		width: 70%;
	}
}
@media(max-width: 330px){
	.counter-block {font-size: 40px;}
	.counter-cont-block {font-size: 18px;}
	.counter-content:nth-child(2n+1) {
		min-widtH: 280px;
	}
	.counter-content:nth-child(2n) {min-width: 200px;}
}