/* md */
@media(min-width: 768px){
  :root{--h-case:18rem;}
  html{font-size: 71%;}
  .tl-port{padding-bottom: 1rem;}
    .tl-port:before {left: -4.5rem;width: 3.5rem;}
  .t-md-2{top: .5rem;}
  .mw-md-10rem{min-width: 10rem;}
  .maw-md-20rem{max-width: 20rem !important;}
}
/* lg */
@media(min-width: 992px){
  html{font-size: 69%;}
}
/*xl*/
@media(min-width:1200px){
  html{font-size: 74%;}
  .nav-on .bbsd,.nav-header a:hover .bbsd{border-width: .3rem !important;line-height: 1.32;}
  .fz-xl-6xl{font-size: 5.8rem !important;}
  .h-xl-1805rem{height: 18.5rem !important;}
  .maw-xl-25rem{max-width: 25rem !important;}
  .maw-xl-28rem{max-width: 28rem !important;}
}
/*2xl*/
@media(min-width:1366px){
  .fz-2xl-6xl{font-size: 5.8rem !important;}
  .h-panf{height: 74rem;}
}
/*3xl*/
@media(min-width:1600px){
  html{font-size: 81%;}
  .fz-3xl-6xl{font-size: 5.8rem !important;}
}
/*4xl*/
@media(min-width:1800px){
.col-4xl{flex-basis:0;flex-grow:1;max-width:100%}.col-4xl-auto{flex:0 0 auto;width:auto}.col-4xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-4xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-4xl-3{flex:0 0 25%;max-width:25%}.col-4xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-4xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-4xl-6{flex:0 0 50%;max-width:50%}.col-4xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-4xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-4xl-9{flex:0 0 75%;max-width:75%}.col-4xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-4xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-4xl-12{flex:0 0 100%;max-width:100%}.pull-4xl-0{right:auto}.pull-4xl-1{right:8.333333%}.pull-4xl-2{right:16.666667%}.pull-4xl-3{right:25%}.pull-4xl-4{right:33.333333%}.pull-4xl-5{right:41.666667%}.pull-4xl-6{right:50%}.pull-4xl-7{right:58.333333%}.pull-4xl-8{right:66.666667%}.pull-4xl-9{right:75%}.pull-4xl-10{right:83.333333%}.pull-4xl-11{right:91.666667%}.pull-4xl-12{right:100%}.push-4xl-0{left:auto}.push-4xl-1{left:8.333333%}.push-4xl-2{left:16.666667%}.push-4xl-3{left:25%}.push-4xl-4{left:33.333333%}.push-4xl-5{left:41.666667%}.push-4xl-6{left:50%}.push-4xl-7{left:58.333333%}.push-4xl-8{left:66.666667%}.push-4xl-9{left:75%}.push-4xl-10{left:83.333333%}.push-4xl-11{left:91.666667%}.push-4xl-12{left:100%}.offset-4xl-0{margin-left:0}.offset-4xl-1{margin-left:8.333333%}.offset-4xl-2{margin-left:16.666667%}.offset-4xl-3{margin-left:25%}.offset-4xl-4{margin-left:33.333333%}.offset-4xl-5{margin-left:41.666667%}.offset-4xl-6{margin-left:50%}.offset-4xl-7{margin-left:58.333333%}.offset-4xl-8{margin-left:66.666667%}.offset-4xl-9{margin-left:75%}.offset-4xl-10{margin-left:83.333333%}.offset-4xl-11{margin-left:91.666667%}
.row-4xl > [class*=col-],.row-4xl > .col{padding-right:1rem !important;padding-left:1rem !important;}
.row-4xl {margin-right: -1rem !important;margin-left: -1rem !important;}
.low-4xl-gutters > [class*=col-],.low-4xl-gutters > .col{padding-right:.35rem !important;padding-left:.35rem !important;}
.low-4xl-gutters {margin-right: -.35rem !important;margin-left: -.35rem !important;}
.form-4xl-row{margin-right: -.5rem !important;margin-left: -.5rem !important;}
.form-4xl-row>.col, .form-4xl-row>[class*=col-] {padding-right: .5rem !important;padding-left: .5rem !important;}
.add05x-4xl-gutters > [class*=col-],.add05x-4xl-gutters > .col{padding-right:1.25rem !important;padding-left:1.25rem !important;}
.add05x-4xl-gutters {margin-right: -1.25rem !important;margin-left: -1.25rem !important;}
.add-4xl-gutters > [class*=col-],.add-4xl-gutters > .col{padding-right:1.5rem !important;padding-left:1.5rem !important;}
.add-4xl-gutters {margin-right: -1.5rem !important;margin-left: -1.5rem !important;}
.add2x-4xl-gutters > [class*=col-],.add2x-4xl-gutters > .col{padding-right:2rem !important;padding-left:2rem !important;}
.add2x-4xl-gutters {margin-right: -2rem !important;margin-left: -2rem !important;}
}