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

}

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

}

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

}

@media screen and (max-width: 1440px) {
:root{
  --left-pad: 1rem;
  --left-add: 2rem;
  --widget: 15rem;
}
.top-nav-menu { padding-left: 4rem; }
.top-nav-menu dl { padding-left: 2.75rem; padding-right: 2.75rem; }

.acto-title { width: 26rem; }
.acto-con { font-size: 1.2rem; }
.actdt-sub:after { margin-bottom: 2rem; }
.actdt-con { font-size: 1.1rem; line-height: 1.8; }
.about-widget { padding: 1.5rem; }
.abw-title { font-size: 1.6rem; }

.actd-txt { padding: 2.25rem 3rem }
.fs-28 { font-size: 1.1rem; }
.fs-48 { font-size: 1.8rem; }
.fs-50 { font-size: 2.4rem; }
.fs-70 { font-size: 2.8rem; }

}

@media screen and (max-width:1280px) {
.actd-txt { padding: 2rem 2.5rem }
.fs-70 { font-size: 2.6rem; }

}

@media screen and (max-width:1199px) {
:root {
  --top-nav: 60px;
  --fs-11:.65rem;
  --fs-12:.7rem;
  --fs-14:.75rem;
  --fs-15:.8rem;
  --fs-16:.88rem;
  --fs-18:1rem;
  --fs-20:1.1rem;
  --fs-22:1.2rem;
  --fs-24:1.3rem;
  --fs-26:1.45rem;
  --fs-36:1.95rem;
  --left-pad: 0;
  --add-pad: 20px;
  --less-pad: -20px;
  --top-pad: 5.5rem;
}
/* Display none */
.top-nav-social, .hb-tips { display: none !important; }
html { font-size: 112.5%; width: 100%; }
body { width: 100%; line-height: 2; overflow-x: visible; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, form, fieldset, legend, figure, table, th, td, caption, hr, input, button, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { font-weight: 300; }
body:before { position: absolute; z-index: -1; width: 100%; height: 100%; content: ''; pointer-events: none; opacity: 0; background-color: rgba(255, 255, 255, 1); }
.frame-wide { padding-right: var(--add-pad); padding-left: var(--add-pad); }
.frame-middle, .frame-narrow { padding-right: 0; padding-left: 0; }
.p-t { padding-top: 2rem; }
.p-b { padding-bottom: 2rem; }
.p-b-md { padding-bottom: 1.5rem; }
.m-t { margin-top: 2rem; }
.m-b { margin-bottom: 2rem; }
.m-b-sm { margin-bottom: 1.25rem; }
.p-t-md { padding-top: 1.5rem; }
.p-t-sm { padding-top: 1.25rem; }
.l-h-sm { line-height: 1.7; }
.mobile-break { display: inline-block; }
.top-nav-logo { order: 2; padding: .65rem 0; }
.top-toggle-nav { z-index: 6; order: 1; display: block; width: 1.5rem; height: 1.5rem; text-align: left; }
.top-toggle-nav > span { display: block; /*margin-top: -.25rem;*/ }
.top-toggle-nav > span { position: relative; width: 100%; height: 100%; }
.top-toggle-nav i { font-size: 1.5rem; position: absolute; top: 0; left: 0; transition: opacity .25s; color: black; }
.top-toggle-nav i.icon-menu { opacity: 1; }
.top-toggle-nav i.icon-menu-close, .top-toggle-nav i.icon-menu-right { opacity: 0; }
.top-toggle-nav:before { content: ''; width: 350%; height: 250%; position: absolute; right: var(--less-pad); top: -75%; z-index: 2; }
.main-nav-bar { position: fixed; z-index: 0; z-index: -1; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 6.5rem var(--add-pad) 2rem var(--add-pad); transition: all .15s linear; transform: translate3d(-100%, 0, 0); background: var(--white); overflow: hidden; }
.mobile-menu, .mobile-menu body { overflow: hidden !important; height: 100% !important; }
.mobile-menu .top-toggle-nav i.icon-menu { opacity: 0; }
.mobile-menu .top-toggle-nav i.icon-menu-close { opacity: 1; }
.mobile-menu .tn-menu { z-index: 1000; top: 0; display: block; opacity: 1; }
.mobile-menu body:before { z-index: 10; opacity: 1; }
.mobile-menu .main-nav-bar { transform: none; }
.top-nav-menu {  display: block; overflow-y: auto; }
.top-nav-menu dl { width: 100%; height: auto; display: block; padding-bottom: .75rem; }
.top-nav-menu dt { height: 3rem; padding: 0; width: 100%; padding-left: .25rem; }
.top-nav-menu dt a { font-size: 1.4rem; line-height: 3rem; text-align: left; padding-right: 20vw; display: block; }
.top-nav-menu dt a:after { font-family: 'cxany'; content: '\c1024'; font-size: 1.2rem; position: absolute; right: 0; width: 3rem; height: 3rem; text-align: center; }
.top-nav-menu dl.active .top-sub-menu { max-height: 40rem; opacity: 1; pointer-events: unset; }
.top-sub-nav { font-size: 1.2rem; padding: .5rem 0 1rem 1.5rem!important; line-height: 2rem!important; }
.tsn-empty { height: .5rem; }
.top-nav-menu dl.has-sub dt a { pointer-events: none; }
.top-nav-menu dl.active dt a:after { transform: rotate(-180deg); }
.top-nav-menu dl:not(.has-sub) dt a:after { transform: rotate(-90deg); color: var(--secondary); }
.top-sub-menu { position: relative; max-height: 0; width: 100%; height: auto; top: 0; left: unset; overflow: hidden; min-width: initial; }
.top-sub-menu:before { content: unset; }


}

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

}

@media screen and (max-width:374px) {
.frame-wide { padding-right: 10px; padding-left: 10px; }
.frame-middle, .frame-narrow { padding-right: 10px; padding-left: 10px; }
}