@media only screen and (max-width: 1659px) {

	

#header-part { padding: 25px 25px 27px 25px; }	

.banner-bar .slick-prev { left: 30px; }

.banner-bar .slick-next { right: 30px; }



.banner-bar .bannerslide { background-position: right; }



.video-bar .container { padding: 0 45px; }

.video-bar .slick-prev { left: -30px; }

.video-bar .slick-next { right: -30px; }



.video-bar .video a { height: 180px; }



.mediagallery-bar .videolist { }

.mediagallery-bar .videolist .video { padding: 20px; }

.mediagallery-bar.gallery .video { }

.mediagallery-bar.gallery .videolist .video:nth-child(3n+1) { clear: none; }

.mediagallery-bar .filter form, .mediagallery-bar .filter .rightfilter { float: right; width: 370px; }

.mediagallery-bar .info1 { min-height: 300px; }

.mediagallery-bar.gallery .info { min-height: 268px; }







}



@media only screen and (max-width: 1439px) {

	

	.banner-bar { max-height: 580px; }

	.banner-bar .bannerslide { height: 580px; background-position: right -100px top; }

	.banner-bar .text { padding: 133px 0px 0px 67px; max-width: 700px; }

	.banner-bar .text h3 { padding-bottom: 15px; }

	.banner-bar .text p { padding-bottom: 30px; }

	

	.video-bar .video a { height: 210px; }

	

	.mediagallery-bar .videolist { margin: 0 -22px; }

	.mediagallery-bar .videolist span.langtext { max-width: 70%; }

	.mediagallery-bar .filter .leftfilter button { padding: 5px 6px; font-size: 15px; letter-spacing: -0.03em; }

	.mediagallery-bar .filter form, .mediagallery-bar .filter .rightfilter { width: 310px; }

	.mediagallery-bar .filter input[type="search"], .mediagallery-bar .filter input[type="text"] { width: 77%; }

	.mediagallery-bar .info1 { min-height: 320px; }

	.mediagallery-bar.gallery .info { min-height: 300px; }

	

	.resources-bar.typopage .entry { min-height: 500px; }



	

	

}



@media only screen and (max-width: 1279px) {

	

	h3, .h3 { font-size: 32px; }

	

	#header-part a.logo { max-width: 260px; }

	

	.banner-bar .slick-prev { left: 20px; }

	.banner-bar .slick-next { right: 20px; }

	.banner-bar .text { padding: 133px 0px 0px 40px; max-width: 600px; }

	.banner-bar .text p { padding-bottom: 25px; font-size: 25px; line-height: 30px; }

	.banner-bar { max-height: 520px; }

	.banner-bar .bannerslide { height: 520px; background-position: right -150px top; }

	

	.introtext-bar .text { width: 46%; }

	.introtext-bar .accordionblock { width: 48%; }

	.introtext-bar .accordionblock .info { padding: 20px; }

	

	.video-bar .video a { height: 165px; }

	

	.mediagallery-bar .introcontent { padding-bottom: 45px; max-width: 550px; }

	.mediagallery-bar .filter .leftfilter { float: none; width: 100%; overflow: hidden; }

	.mediagallery-bar .filter form, .mediagallery-bar .filter .rightfilter { width: 310px; float: none; padding-top: 20px; overflow: hidden; }

	

	.mediagallery-bar .videolist .video { padding: 20px; width: 46%; margin: 0 2% 40px 2%; }

	.mediagallery-bar.gallery .video { width: 30.33%; margin: 0 1.5% 40px 1.5%; }

	.mediagallery-bar.gallery a.imgbox { max-height: 156px; }

	.mediagallery-bar.gallery .videolist { margin: 0 -20px; }

	

	.resources-bar .content { width: 72%; }

	

	#footer-part .left { padding: 0px 0px 0px 35px; }

	#footer-part .right { padding-right: 25px; }

	

}



@media only screen and (max-width: 1023px) {

	

	h3, .h3 { font-size: 30px; }

	.showonmobile { display: inline-block; }

	.showondesktop { display: none; }

	

	.btn1 { padding: 10px 17px; letter-spacing: -0.01em; line-height: 24px; font-size: 18px; }

	

	#header-part { padding: 22px 15px; }

	#header-part a.logo { max-width: 200px; }

	

	.nav-bar li { padding-left: 10px; }

	.nav-bar li a { font-size: 14px; }

	.nav-bar { padding-top: 10px; }

	.nav-bar li ul { left: -35px; top: 52px; }

	

	.banner-bar { max-height: 620px; }

	.banner-bar .bannerslide { height: 620px; background-position: right -150px top; }

	.banner-bar .slick-arrow { display: none !important; }

	.banner-bar .container { padding: 0px; position: static; }

	.banner-bar .text { padding: 30px; padding-bottom: 50px; position: absolute; left: 0px; bottom: 0px; max-width: 100%; width: 100%; background: rgba(1,141,150,0.7); }

	.banner-bar .text h3 { color: #FFF; }

	.banner-bar .text p { padding-bottom: 20px; font-size: 24px; line-height: 28px; color: #FFF; }

	.banner-bar .slick-dots { bottom: 15px; }

	.banner-bar .slick-dots li button { background: #a0cdd3; }

	.banner-bar .slick-dots li.slick-active button { background: #fff; }

	.banner-bar .text .btn1 { color: #018d96; background: #FFF; }

	

	.introtext-bar { padding: 40px 0px; }

	.introtext-bar .text { width: 100%; }

	.introtext-bar .accordionblock { padding-top: 30px; width: 100%; }

	

	.video-bar { padding: 50px 0; }

	

	.mediagallery-bar .buttons { display: none; }

	.mediagallery-bar { padding: 40px 0px 40px 0px; min-height: 450px; }

	.mediagallery-bar .filter .leftfilter button { margin-bottom: 10px; }

	.mediagallery-bar h2 { padding-bottom: 15px; padding-top: 20px; font-size: 20px; }

	.mediagallery-bar .introcontent { padding-bottom: 35px; max-width: 100%; }

	

	.mediagallery-bar .videolist { margin: 0 -20px; }

	.mediagallery-bar.gallery .video { width: 46%; margin: 0 2% 40px 2%; }

	.mediagallery-bar.gallery a.imgbox { max-height: 156px; }

	.mediagallery-bar.gallery .info { min-height: 260px; }

	

	.resources-bar { padding: 40px 0px 25px 0px; }

	.resources-bar .links { width: 30%; }

	.resources-bar .content { width: 65%; margin-top: -20px; }

	.resources-bar .links.fixed { max-width: 65%; }

	

	#footer-part .left { padding: 0px 0px 0px 15px; width: 60%; }

	#footer-part .right { padding-right: 15px; width: 40%; }

	

	.resources-bar .content p a { word-break: break-all; }

	

}



@media only screen and (max-width: 767px) {

	

	h3, .h3 { font-size: 32px; line-height: 34px; }

	.btn1 { padding: 8px 10px; letter-spacing: -0.01em; line-height: 20px; font-size: 16px; }

	

	#header-part { z-index: 1011; }

	#header-part a.logo { max-width: 245px; }

	

	#wrapper.overlay:after { content: ""; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.33; background: #000; }

	

	.nav-bar a.mobilemenu { display: block; width: 24px; height: 20px; position: relative; font-size: 0px; margin: 5px 5px 0 0; }

	.nav-bar a.mobilemenu span { position: absolute; left: 0px; top: 0px; width: 100%; height: 4px; display: block; background: #018d96; }

	.nav-bar a.mobilemenu span:before, .nav-bar a.mobilemenu span:after { content: ""; position: absolute; left: 0px; top: 8px; width: 100%; height: 4px; background: #018d96; transition: 0.3s all; -webkit-transition: 0.3s all; }

	.nav-bar a.mobilemenu span:after { top: 16px; }

	.nav-bar a.mobilemenu.active span { height: 0px; }

	.nav-bar a.mobilemenu.active span:before { top: 12px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

	.nav-bar a.mobilemenu.active span:after { top: 12px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

	.nav-bar a.mobilemenu.active { }

	.nav-bar nav#menu { padding: 10px 0px 50px; display: none; width: 100%; position: absolute; left: 0px; top: 94px; background: #FFF; }

	.nav-bar nav#menu li { padding: 0px 30px; float: none; position: relative; }

	.nav-bar nav#menu li a { padding: 15px 0px; line-height: 30px; color: #292929; font-size: 20px; text-transform: uppercase; font-weight: 700; display: block; border-bottom: #80c6ca solid 2px; }

	.nav-bar nav#menu li.current-menu-item a { color: #018d96; }

	.nav-bar li a:after { display: none; }

	.nav-bar nav#menu li.menu-item-has-children > span { display: block; width: 70px; height: 60px; position: absolute; right: 10px; top: 0px; }

	.nav-bar nav#menu li.menu-item-has-children > span small { display: block; position: absolute; right: 20px; top: 15px; width: 21px; height: 21px; border-radius: 50%; -webkit-border-radius: 50%; z-index: 101; background: #018d96; }

	.nav-bar nav#menu li.menu-item-has-children > span small:after, .nav-bar nav#menu li.menu-item-has-children > span small:before { content: ""; position: absolute; left: 9px; top: 5px; width: 3px; height: 11px; background: #FFF; }

	.nav-bar nav#menu li.menu-item-has-children > span small:before { left: 5px; top: 9px; width: 11px; height: 3px; }

	.nav-bar nav#menu li ul { padding: 10px 0px; position: relative; left: 0px; top: 0px; width: 100%; display: none; background: none; }

	.nav-bar nav#menu li li { padding: 3px 0px 10px 0px; border: 0px; }

	.nav-bar nav#menu li li a { padding: 0px; font-weight: 500; text-transform: none; letter-spacing: -0.01em; border: 0px; }

	.nav-bar nav#menu ul.menu > li.current { margin-top: -2px; background: #018d96; }

	.nav-bar nav#menu ul.menu > li.current a { color: #FFF; }

	.nav-bar nav#menu li.current > span small { background: #FFF; }

	.nav-bar nav#menu li.current > span small:before { background: #018d96; }

	.nav-bar nav#menu li.current > span small:after { opacity: 0; }

	

	.banner-bar { max-height: 700px; }

	.banner-bar .bannerslide { height: 700px; background-position: right -350px top; }

	.banner-bar .text p { padding-bottom: 20px; font-size: 20px; line-height: 24px; }

	.banner-bar .text .btn1 { color: #018d96; background: #FFF; }

	

	.video-bar { padding: 37px 0 55px; }

	

	.mediagallery-bar.gallery .videolist { margin: 0 0px; }

	.mediagallery-bar .filter .leftfilter button { text-align: left; }

	.mediagallery-bar .videolist .video { padding: 20px; width: 100%; margin: 0 0 10px 0; }

	.mediagallery-bar.gallery .info { min-height: inherit; }

	.mediagallery-bar .videolist { margin: 0 0px; }

	

	.resources-bar .links { display: none; }

	.resources-bar h1 { padding-bottom: 0px; }

	.resources-bar.typopage h1 { padding-bottom: 15px; }

	.resources-bar .content { width: 100%; margin-top: 0px; }

	.resources-bar .content p a { word-break: break-all; }

	

	.resources-bar.typopage .entry { min-height: inherit; }

	

	#footer-part .left { padding: 0px 0px 50px 15px; width: 100%; }

	#footer-part .right { width: 100%; }

	

	#back-to-top { display: block; }

	

	

}



@media only screen and (max-width: 639px) {

	

	.video-bar .slick-dots { position: absolute; left: 0px; bottom: -35px; width: 100%; text-align: center; list-style: none; }

	.video-bar .slick-dots li { margin: 0 4px; display: inline-block; }

	.video-bar .slick-dots li button { width: 10px; height: 10px; font-size: 0px; border: 0px; border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; background: #57b3ba; }

	.video-bar .slick-dots li.slick-active button { background: #018d96; }

	

}



@media only screen and (max-width: 424px) {

	

	h3, .h3 { font-size: 28px; line-height: 32px; }

	

	#header-part a.logo { max-width: 200px; }

	.nav-bar nav#menu { top: 85px; }

	.nav-bar nav#menu li a { font-size: 17px; line-height: 25px; }

	.nav-bar a.mobilemenu { margin-top: 0px; }

	

	.banner-bar .text { padding: 20px 15px; padding-bottom: 50px; }

	.banner-bar .text p { padding-bottom: 20px; font-size: 18px; line-height: 24px; }

	

	.mediagallery-bar .filter form, .mediagallery-bar .filter .rightfilter { max-width: 100%; }

	.mediagallery-bar .filter input[type="search"], .mediagallery-bar .filter input[type="text"] { width: 76%; }

	.mediagallery-bar .videolist span.langtext { max-width: 100%; float: left; margin-top: 10px; padding: 0px; }

	

	.resources-bar .content ol { padding: 0px 0px 10px 20px; }

	

}