/* greater/equal 1280 */
@media only screen and (min-width: 1280px) { 
div.sidebar div.expandedShBox { display: block; }
div.sidebar div.collapsedShBox { display: none; }
#menu { display: block!important; }
#metaContent { padding: 0px; display: block!important; }
#metaIcon, #metaButton { display: none; }
div.footerBox span.icnMinus, div.footerBox span.icnPlus, div.footerBox span.shBoxTitle { display: none; }
div.footerBox div.shContent { padding-top: 0px; display: block!important; }
footer p { padding-bottom: 22px!important; }
#moreNewsButton{display:none;}
}

@media only screen and (min-width: 1024px) {  #menuWrapper { display: block!important; } }
/* @media only screen and (min-width: 768px) and (max-width: 1279px) { p.iconLocation, p.iconPhone { background-image: none; } } */

/* 1024 to 1279 */
@media only screen and (max-width: 1279px) { 
div.sidebar div.expandedShBox { display: block; }
div.sidebar div.collapsedShBox { display: none; }
#moreNewsButton{display:block;}
div.qlButtonWrapper { width: 902px; }

div.topHeaderContent { width: 902px; }
div.topContent{ width: 902px; }

div.bodyWrapper { width: 980px; }

div.cta { float: none; clear: both; height: 33px; width: 902px; margin: 0px 0px 11px 39px; }
div.cta a { padding: 0px; height: 33px; }
div.cta a span.ctaText { display: none; }
div.cta a span.ctaLinkText { padding: 6px 0px 5px 0px; background-color: transparent; color: #FFFFFF; }
div.cta a:hover span.ctaLinkText { color: #FFFFFF; }
div.cta:hover { background-color: #555f69;  }

div.contentWrapper { float: none; clear: both; width: auto; overflow: hidden; }

section.topNews { width: auto; }

#sliderTop { width: 902px; height: 462px; }
#sliderView { height: 462px; }
div.slideContent { height: 462px; }

div.noTextSlider {  width: 879px; height: 363px!important; }
div.noTextSlider #sliderView { height: 330px; }
div.noTextSlider div.slideContent  { height: 330px; }

.topimage-slide-caption { bottom: 30px; padding: 8px 0px 0px 0px; height: 80px;}

section.contentTop #sliderTop { width: 902px; }
section.contentTop { width: 941px; }
section.contentTop h1 { width: 739px; }

div.newsBox { width: 311px; }

h1, section.meta, section.content { float: none; clear: both; }

section.meta { width: 100%; background-color: #FFFFFF; } 
section.meta div.metaTopLine { /* display: block!important;  padding-bottom: 11px; */ }
section.meta div.date { padding-bottom: 11px; }
section.meta div.sm { padding-bottom: 11px; }
section.meta div.metaShBox { margin-left: 39px; padding-top: 0px; }
#metaContent { margin-right: 39px; }

#metaContent { display: block; padding-top: 0px; }
#metaIcon, #metaButton { display: none!important; }
section.meta div.shContent { display: block; }
#metaContent div.shBox { margin: 0px; }
#metaContent div.shBox span.shBoxTitle { /* font-family: "Univers LT W01 45 Light", arial, helvetica, sans-serif; color: #005A78; text-transform: none; */ }
#metaContent div.shBox span.shBoxTitle:hover { color: #91999A; }
section.meta div.sm span.smText { /* display: none; */ }

.jcarousel-skin-tango .jcarousel-next,
.jcarousel-skin-tango:hover .jcarousel-next
{
background-position: -33px -264px;
}
.jcarousel-skin-tango .jcarousel-next-disabled,
.jcarousel-skin-tango:hover .jcarousel-next-disabled
{
background-position: -33px 0px!important;
}


.jcarousel-skin-tango .jcarousel-prev,
.jcarousel-skin-tango:hover .jcarousel-prev
{
background-position: 0px -264px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled,
.jcarousel-skin-tango:hover .jcarousel-prev-disabled
{
background-position: 0px 0px!important;
}

div.showCaseText { width: 80%; }

div.videoDetail { width: 800px; }
iframe.videoPlayer { height: 470px; }

div.footerBox { float: none; clear: both; width: auto; }
div.footerBox h3, div.footerBox div.shContent { display: none; }
/* div.footerBox p span.icon { display: none; } */
div.footerBox div.screenKeep { display: block; }
div.screenKeep p span { display: block; }
/* p.iconLocation, p.iconPhone { padding-left: 0px; } */
/* footer div.shContent p { padding-bottom: 0px; } */

.gte1280 { display: none; }
.gte1024 { display: block; }
/* /1024 to 1279 */ }



/* 768 to 1023 */
@media only screen and (max-width: 1023px) { 
div.sidebar div.expandedShBox { display: none; }
div.sidebar div.collapsedShBox { display: block; }

div.qlWrapper { position: absolute; }
div.qlButtonWrapper { display: none; }

div.ql { top: -122px; }

div.qlMobileWrapper { display: block; }

#top { position: relative; } 
div.topHeader { height: 50px; }
div.topHeaderContent { width: 690px; }
div.topContent{ width: 690px; height: auto; min-height: 10px; }
a.headerLogo { bottom: 16px; width: 41px; }
a.headerText { height: 0px; }

#top nav { float: none; }
div.topSearch { float: none; position: absolute; top: 0px; left: 0px; margin: 0px; }
div.langSwitch { float: none; position: absolute; top: 0px; right: 0px;  }

div.bodyWrapper { width: 768px; }
#topSpacer { display: none; }

div.cta { width: 690px; }
#sliderTop { width: 690px; height: 396px; }
#sliderView { height: 396px; }
div.slideContent { height: 396px; }
div.newsSlideText { height: 143px; }
div.newsSlideTextRight { height: 66px; }
.animBoxBtnNext { bottom: 121px; }
.animBoxBtnPrev { bottom: 121px; }
.animBoxBtnSteps { bottom: 124px; }
.animBoxTeaser { bottom: 110px; }

section.contentTop #sliderTop { width: 690px; height: 286px; } 
section.contentTop #sliderView { height: 253px; } 
section.contentTop div.slideContent { height: 253px; } 

div.noTextSlider {  width: 690px; height: 286px!important; }
div.noTextSlider #sliderView { height: 253px; }
div.noTextSlider div.slideContent  { height: 253px; }

.topimage-slide-caption { bottom: 20px; }

#js_apaots div.innerNewsBox { height: 180px; }

#menuSwitch { display: block; }
#menuWrapper { display: none; }
nav { padding-top: 43px; }
#menu li { float: none; clear: both; background-position: right 16px; width: auto!important; }
/* #menu li.hasChild:hover a, #menu li.hasChild:hover span { box-shadow: none; background-color: transparent; } */
#menu li a, #menu li a:link, #menu li a:visited, #menu li a:hover, #menu li a:focus, #menu li a:active, #menu li span
{ padding: 10px 0px 4px 0px!important; text-align: left!important; font-family: "Univers LT W01 65 Bold"; border-top: 1px solid #eeeff0; width: auto!important; }
#menu li.hasChild ul.menuItems li a,
#menu li.hasChild ul.menuItems li span
{ font-family: "Univers LT W01 45 Light", arial, helvetica, sans-serif; }
#menu li.hasChild ul.menuItems li a:hover,
#menu li.hasChild ul.menuItems li a:focus,
#menu li.hasChild ul.menuItems li a:active
{ color: #005A78; background-color: #FFFFFF; }
#menu li.hasChild ul.menuItems
{ position: static; width: auto; box-shadow: none; }
#menu li:hover .topItem { font-weight: normal; }
#menu li.activeMenu .topItem { font-weight: normal!important; }

#menu li.hasChild ul.menuItems li ul.menuItems li a,
#menu li.hasChild ul.menuItems li ul.menuItems li span
{ padding-left: 22px!important; }

#menu li.hasChild ul.menuItems li ul.menuItems li ul.menuItems li a,
#menu li.hasChild ul.menuItems li ul.menuItems li ul.menuItems li span
{ padding-left: 44px!important; }

div.btnMenuOpen { display: block; }

section.contentTop, section.content { width: 729px; }
section.meta { width: 100%; }
section.contentTop h1 { width: 690px; }

div.showCaseText { width: 70%; }

div.inputWideBox input, div.inputWideBox textarea { width: 666px; }

div.videoDetail { width: 650px; }
iframe.videoPlayer { height: 365px; }

div.newsBox { width: 362px; }

section.content div.photoBox { float: none; clear: both; }

.right_item_gml {margin-left: 0px;}


.gte1024 { display: none; }
.gte768 { display: block; }
/* /768 to 1023 */ }



/* 0 to 767 */
@media only screen and (max-width: 767px) {

div.qlButtonWrapper { width: 90%; }

div.topHeaderContent { width: 90%; }
div.topContent{ width: 90%; }


div.bodyWrapper { width: 100%; }

div.cta { width: 90%; margin-left: 5%; }

#sliderTop { width: 90%; margin-left: 5%; height: 374px; }
#sliderView { height: 374px; }
div.slideContent { height: 374px; }
div.newsSlideText { height: 154px; }
div.newsSlideTextLeft { height: auto; max-height: 66px; }
div.newsSlideTextRight { height: 44px; }

.animBoxBtnNext { bottom: 132px; }
.animBoxBtnPrev { bottom: 132px; }
.animBoxBtnSteps { bottom: 135px; }
.animBoxTeaser { bottom: 121px; }

div.teaserShort { display: block; }
div.teaserLong { display: none; }

section.contentTop #sliderTop { height: 221px; width: 95%; margin-left: 5%; }
section.contentTop #sliderView { height: 189px; } 
section.contentTop div.slideContent { height: 189px; } 

section.meta { width: 100%; }
section.meta div.metaTopLine { margin-left: 5%; }
section.meta div.date { padding-left: 5%; }
section.meta div.sm { padding-left: 5%; }
section.meta div.metaShBox { margin-left: 5%; }
#metaContent div.date, #metaContent div.sm { margin: 0px 5% 0px 39px; }
#metaContent div.shBox { margin: 0px 5% 0px 0px; }
#metaContent div.jcarouselBox { margin: 0px; }

section.contentTop,
section.contentTop h1,
section.content { width: 95%; }

div.noTextSlider { height: 221px!important; width: 95%; margin-left: 5%; }
div.noTextSlider #sliderView { height: 189px; }
div.noTextSlider div.slideContent  { height: 189px; }

.topimage-slide-caption { bottom: 0px; }
.topimage-slide-caption p { padding: 0px 0px 14px 0px }
.topimage-slide-caption span { display: none }


div.innerNewsBox { height: 247px; }
#js_apaots div.innerNewsBox { height: 90px; }


div.topSearch { right: 5%; }
div.gMap { width: 90%; margin-left: 5%; }

.gml_1,
.gmlr_1,
section.cnt2 p,
section.cnt2 h2,
div.footerBox,
ul.footerNav
{ margin-left: 5%; }

section.content div.photoBox { margin-left: 0px; }
div.videoDetail { width: 450px; }
iframe.videoPlayer { height: 252px; }
.gpl_1 { padding-left: 5%; }
div.inputBox { float: none; clear: both; width: 100%; margin-right: 0px; }
div.inputBox input, div.inputBox textarea { margin-left: 2%; width: 96%; }
div.newsWrapper { padding-left: 0px; }
div.metaShBox { padding-left: 5%; padding-right: 5%; }
div.newsBox { width: 100%; margin-left: 0px; }
div.newsBox span.more { position: absolute; bottom: 11px; left: 5%; }
div.innerNewsBox { padding-left: 5%; padding-right: 5%; }
div.screenKeep p span { display: block; }
footer div.shContent p.iconLocation, footer div.shContent p.iconPhone { padding-bottom: 22px; padding-left: 30px; }
div.footerBox p span.icon { display: block; }
ul.footerNav li.fnLeft, li.fnRight { clear: both; float: none; text-align: left; }
ul.footerNav li.fnLeft { padding-bottom: 22px; }


.gte768 { display: none; }
.lt768 { display: block; }
/* /0 to 767 */ }


/* 0 to 599 */
@media only screen and (max-width: 599px) { 

/* body, th, td, input, select, textarea { -webkit-text-size-adjust: none; } */

div.langSwitch { padding: 7px 10px 7px 10px; background-color: #eeeff0; }

section.content p.floatImg { float: none; clear: both; }

div.shBoxUnderTitle { padding-left: 0px; }

#sliderTop { height: 329px; }
#sliderView { height: 329px; }
div.slideContent { height: 329px; }
div.newsSlideText { height: 154px; }
div.newsSlideTextLeft { height: auto; max-height: 66px; }
div.newsSlideTextRight { height: 44px; }

.animBoxBtnNext { bottom: 132px; }
.animBoxBtnPrev { bottom: 132px; }
.animBoxBtnSteps { bottom: 135px; }
.animBoxTeaser { bottom: 121px; }

section.contentTop div.newsSlideText { width: 100%; }

div.noTextSlider { height: 221px!important; width: 95%; margin-left: 5%; }
div.noTextSlider #sliderView { height: 189px; }
div.noTextSlider div.slideContent  { height: 189px; }

div.innerNewsBox { height: 269px; }
#js_apaots div.innerNewsBox { height: 134px; }

div.sm a.icnLink,
span.shButton
{
display: block!important;
position: relative;
top: 0px;
left: 0px;
padding-left: 30px;
}
span.icon
{
position: absolute;
top: 0px;
left: 0px;
float: none;
}
a.icnLink span.icon { float: left; position: static; }

div.footerBox p span.icon { position: static; }

.jcarouselBox .shButton { padding-left: 69px; }
div.videoDetail { width: 400px; }
iframe.videoPlayer { height: 225px; }
/* /0 to 599 */}


/* 0 to 549 */
@media only screen and (max-width: 549px) { 

div.showCaseImage { float: none; width: 40%; }
div.showCaseText { float: none; width: 100%; }

}
/* /0 to 549 */


/* 0 to 479 */
@media only screen and (max-width: 479px) { 

div.qlMobileButton { background-position: 47px center; }
/* div.qlMobileButtonIcon { width: 28px; } */

#sliderTop { height: 329px; }
#sliderView { height: 329px; }
div.slideContent { height: 329px; }
div.newsSlideText { height: 176px; }
div.newsSlideTextRight { height: 66px; }

.animBoxBtnNext { bottom: 154px; }
.animBoxBtnPrev { bottom: 154px; }
.animBoxBtnSteps { bottom: 157px; }
.animBoxTeaser { bottom: 143px; }

div.noTextSlider { height: 180px!important; width: 95%; margin-left: 5%; }
div.noTextSlider #sliderView { height: 148px; }
div.noTextSlider div.slideContent  { height: 148px; }

section.content div.photoBox { width: auto; }
section.content div.photoBox div.photoText { width: 50%; float: left; margin-left: 5%}
section.content div.photoBox div.photoText h2 { padding-top: 0px; }
section.content div.photoBoxBig div.photoText { width: 100%; float: none; margin-left: 0px}
div.videoDetail { width: 280px; }
iframe.videoPlayer { height: 157px; }
/* /0 to 479 */ }



/* 0 to 419 */
@media only screen and (max-width: 419px) { 

#sliderTop { height: 346px; }
#sliderView { height: 346px; }
div.slideContent { height: 346px; }
div.newsSlideText { height: 231px; }
div.newsSlideTextLeft { max-height: 99px; }
div.newsSlideTextRight { height: 88px; }

div.noTextSlider { height: 132px!important; width: 95%; margin-left: 5%; }
div.noTextSlider #sliderView { height: 100px; }
div.noTextSlider div.slideContent  { height: 100px; }

.topimage-slide-caption { height: auto; padding: 6px 0px 6px 0px; }
.topimage-slide-caption p { display: none; }

.animBoxBtnNext { bottom: 209px; }
.animBoxBtnPrev { bottom: 209px; }
.animBoxBtnSteps { bottom: 211px; display: none; }
.animBoxTeaser { bottom: 198px; }

section.contentTop #sliderTop { height: 187px; }
section.contentTop #sliderView { height: 154px; } 
section.contentTop div.slideContent { height: 154px; } 

input.submit { margin-bottom: 22px; }
input.submit, input.reset {float: none; clear: both; width: 100%;}
.anySize {display: block;}
/* 0 to 419 */ }


/* 0 to 381 */
@media only screen and (max-width: 381px) { 

div.innerNewsBox { height: 291px; }
#js_apaots div.innerNewsBox { height: 156px; }

}


/* 0 to 319 */
@media only screen and (max-width: 319px) { 
a.headerText {display: none;}
section.content p.floatImg { width: 100%; }
section.content p.floatImg span.imgBox { height: auto; }
section.content div.photoBox { width: auto; }
section.content div.photoBox div.photoText { width: auto; float: none; clear: both; margin-left: 0px; }
div.showCaseImage { width: 90%; }
/* /0 to 319 */ }



@media only screen and (min-width: 481px) and (max-width: 600px) {
/*.anySize {display: block;}*/
}