.show-on-mobile,
.show-on-phone,
.show-on-768,
.show-on-1200,
.show-on-v {
  display: none;
}

/* X-Large devices (large desktops, less than 1400px) prefix xxl */
@media all and (max-width: 1399.98px) {

  .xxl-100 {
    width: 100%;
  }
  .xxl-80 {
    width: 80%;
  }
  .xxl-60 {
    width: 60%;
  }
  .xxl-50 {
    width: 50%;
  }
  .xxl-40 {
    width: 40%;
  }
  .xxl-33 {
    width: 33.333333%;
  }
  .xxl-30 {
    width: 30%;
  }
  .xxl-25 {
    width: 25%;
  }
  .xxl-20 {
    width: 20%;
  }
}

/* Large devices (desktops, less than 1200px) prefix xl*/
@media all and (max-width: 1199.98px) {

  .gallery-group {
    margin: 0 auto;
  }
  .show-on-1200 {
    display: block;
  }
  .hide-on-1200 {
    display: none;
  }
  .xl-100 {
    width: 100%;
  }
  aside.xl-100 {
    margin-bottom: 4vh;
  }
  .xl-80 {
    width: 80%;
  }
  .xl-60 {
    width: 60%;
  }
  .xl-50 {
    width: 50%;
  }
  .xl-40 {
    width: 40%;
  }
  .xl-33 {
    width: 33.333333%;
  }
  .xl-30 {
    width: 30%;
  }
  .xl-25 {
    width: 25%;
  }
  .xl-20 {
    width: 20%;
  }
  .show-on-mobile {
    display: block;
  }
  .hide-on-mobile {
    display: none;
  }
  logo-text {
    padding-top: 0;
    padding-left: 4px;
  }
  .show-on-mobile.inline-block {
    display: inline-block;
  }
  .logo-wrapper {
    min-height: 72px;
  }
  .show-on-mobile.flex-wrapper {
    display: -webkit-flex;
    display: flex;
  }
  .static-menu-wrapper {
    margin-left: auto;
  }
  .main-nav-wrapper {
    min-height: 72px;
  }
  .menu-top-padding .main-nav-wrapper {
    min-height: 72px;
  }
}
/* Medium devices (tablets, less than 992px) prefix lg */
@media all and (max-width: 991.98px) {


  .transparent logo-text {
    color: var(--text-color);
  }
  .transparent logo-text strong {
    border-bottom-color: var(--text-color);
  }

  .lg-100 {
    width: 100%;
  }
  .lg-80 {
    width: 80%;
  }
  .lg-60 {
    width: 60%;
  }
  .lg-50 {
    width: 50%;
  }
  .lg-40 {
    width: 40%;
  }
  .lg-33 {
    width: 33.333333%;
  }
  .lg-30 {
    width: 30%;
  }
  .lg-25 {
    width: 25%;
  }
  .lg-20 {
    width: 20%;
  }
  .main-nav-wrapper {
    min-height: 72px;
  }
  .logo-wrapper {
    min-height: 72px;
  }
  logo-title {
    font-size: var(--h3-size);
  }
}

/* Small devices (landscape phones, less than 768px) prefix md */
@media screen and (max-width: 768.98px) {
  .md-100 {
    width: 100%;
  }
  .md-80 {
    width: 80%;
  }
  .md-60 {
    width: 60%;
  }
  .md-50 {
    width: 50%;
  }
  .md-40 {
    width: 40%;
  }
  .md-33 {
    width: 33.333333%;
  }
  .md-30 {
    width: 30%;
  }
  .md-25 {
    width: 25%;
  }
  .md-20 {
    width: 20%;
  }
  .hide-on-768 {
    display: none;
  }
  .show-on-768 {
    display: block;
  }
  .column-2 {
    -webkit-column-count: 1;
    -o-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -o-column-gap: 0;
    -ms-column-gap: 0;
    column-gap: 0;
    max-width: 760px;
  }
}

/* orientation: portrait */
@media screen and (orientation: portrait) {


  .main-padding-tb {
    padding-top: var(--size-vh4);
    padding-bottom: var(--size-vh4);
  }

  .main-padding-all-4vw {
    padding: var(--size-vh3);
  }
  .main-padding-t {
    padding-top: var(--size-vh4);
  }
  .main-padding-b {
    padding-bottom: var(--size-vh4);
  }
  .show-on-v {
    display: block;
  }
  .hide-on-v {
    display: none;
  }
  video.video-slide {
    width: auto;
    height: 100%;
  }
  .mobile-nav-trigger {
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}

/* X-Small devices (portrait phones, less than 576px)  prefix xsm*/
@media screen and (max-width: 575.98px) {
  .panel-toggle___btn.panel-open{
    width:calc(100% - 100px);
  }
  .panel-open .panel-toggle___btn_text{
    display:block;
  }
  .main-menu-logo {
    width: 48px;
    height: 56px;
    margin-right: 0;
    position: relative;
  }
  .conf_title {
    margin-left: 0;
  }
  .logo-conf {
    position: absolute;
    right: 0;
  }
  .product-item___header.main-padding-lr {
    padding-left: 0;
    padding-right: 0;
  }
  .logo-img {
    height: 22px;
    margin-right: 4px;
  }
  .logo-text {
    top: 1px;
    height: 24px;
    margin-right: 10px;
  }

  .footer-group {
    padding-right: 0;
    width: 100%;
  }

  .static-menu-wrapper .programs-link {
    display: none;
  }

  .xsm-padding-16-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .hide-on-xsm {
    display: none;
  }
  .slider-media-wrapper {
    aspect-ratio: 1/1.25;
  }

  .hd-placeholder {
    display: none;
  }
  .mv-placeholder {
    display: block;
  }
  .xsm-padding-lr-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xsm-padding-tb-4w {
    padding-top: var(--size-vw4);
    padding-bottom: var(--size-vw4);
  }
  .tab-btn {
    width: 100%;
    border: 1px solid var(--dark-color);
    margin-bottom: 1px;
  }
  .tab-nav {
    border-bottom: none;
  }
  .on-xsm-padding-24 {
    padding: 24px;
  }
  .on-xsm-margin-bottom-12 {
    margin-bottom: 12px;
  }
  .xsm-100 {
    width: 100%;
  }
  .card__text___wrapper,
  .card__title___wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .xsm-80 {
    width: 80%;
  }
  .xsm-60 {
    width: 60%;
  }
  .xsm-50 {
    width: 50%;
  }
  .xsm-40 {
    width: 40%;
  }
  .xsm-33 {
    width: 33.333333%;
  }
  .xsm-30 {
    width: 30%;
  }
  .xsm-25 {
    width: 25%;
  }
  .xsm-20 {
    width: 20%;
  }
  .cookie-alert-wrapper {
    width: 100%;
    bottom: 0;
  }
  .alert-content .btn {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .hide-on-phone {
    display: none;
  }
  .menu-overlay .main-menu-link {
    width: 100%;
    text-align: left;
  }
  .top_menu_placeholder,
  .bottom-menu-placeholder {
    width: calc(100% - 24px);
    position: relative;
  }
  .show-on-phone {
    display: block;
  }
  .show-on-phone.inline-block {
    display: inline-block;
  }
  .hide-on-phone,
  .mobile-nav-trigger .hide-on-phone {
    display: none;
  }

}
/* X-Small devices (portrait phones, less than 360px)  prefix xxsm*/
@media screen and (max-width: 359.98px) {
  .xxsm-100 {
    width: 100%;
  }
  .gallery_img_figure.w-33 {
    width: calc(33.3333% - 12px);
    margin: 6px;
  }
  .gallery-thumbs {
    width: 50%;
  }
}

@media print, (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    -webkit-transition-property: none !important;
    transition-property: none !important;
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
  }
}