@charset "UTF-8";
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
/*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
/*
Site Name: 送電網高度運用支援システム
Description: style
Version: 1.0
Author: jun.watanabe
*/
@font-face {
font-family: YuGothicM;
src: local("Yu Gothic Medium");
}
/* ==========================================================================
Base
========================================================================== */
/* Default Font Size
----------------------------------------------------------------- */
html {
font-size: 62.5%;
}
/* body
----------------------------------------------------------------- */
body {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #fff;
color: #000;
font-family: FujitsuInfinityPro-Regular,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"MS Pゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
font-weight: 400;
letter-spacing: normal;
line-height: 1.6;
/*text-align: justify;*/
word-wrap: break-word;
font-size: 16px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767.8px) {
body {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6;
}
}
/* link
----------------------------------------------------------------- */
a {
-webkit-transition: all 0.25s;
transition: all 0.25s;
color: #000;
text-decoration: none;
}
a:focus {
color: #000;
text-decoration: none;
}
@media (hover) {
a:hover {
color: #000;
text-decoration: none;
}
}
.ie a:hover {
color: #000;
text-decoration: none;
}
.is-coming-soon {
opacity: 0.5;
pointer-events: none;
}
/* Form
----------------------------------------------------------------- */
/* placeholder */
/* 各ベンダープレフィックスが取れた標準版!!(http://caniuse.com/#search=placeholder-shown) */
:-moz-placeholder-shown {
opacity: 1;
color: #666;
line-height: 1.286;
}
:-ms-input-placeholder {
opacity: 1;
color: #666;
line-height: 1.286;
}
:placeholder-shown {
opacity: 1;
color: #666;
line-height: 1.286;
}
/* input */
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
}
/* text */
input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
}
input:focus {
outline: 0;
}
/* date */
input[type=date] {
/* /の色を変える */
/* clearボタンの非表示 */
/* カレンダーのインジケータ(▼)を非表示 */
/* 無入力時の 年/月/日 を / / にする */
}
input[type=date]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type=date]::-webkit-datetime-edit-text {
color: #000;
}
input[type=date]::-webkit-clear-button {
-webkit-appearance: none;
}
input[type=date]::-webkit-calendar-picker-indicator {
position: relative;
color: transparent;
}
input[type=date]::-webkit-datetime-edit-year-field:not([aria-valuenow]), input[type=date]::-webkit-datetime-edit-month-field:not([aria-valuenow]), input[type=date]::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
color: #fff;
}
/* select */
select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
}
select:focus {
outline: 0;
}
/* textarea */
textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
line-height: 1.4;
}
textarea:focus {
outline: 0;
}
/* button
----------------------------------------------------------------- */
button,
input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
button:focus,
input[type=submit]:focus {
outline: 0;
}
/* hr
----------------------------------------------------------------- */
hr {
display: block;
height: 0;
border: 0;
border-bottom: 1px solid #666;
background: none;
font-size: 0;
}
/* CSS Sticky Footer
----------------------------------------------------------------- */
/* for iOS , Android
----------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
}
* {
-webkit-touch-callout: none;
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
body {
-webkit-text-size-adjust: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
body {
-webkit-text-size-adjust: 100%;
}
}
/* ==========================================================================
Footer
========================================================================== */
.l-footer {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
height: 68px;
padding-top: 18px;
background-color: #404040;
color: #fff;
}
.l-footer__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
padding: 0 20px;
}
.copyright {
font-size: 14px;
font-size: 1.4rem;
}
/* ==========================================================================
header
========================================================================== */
.l-header {
-webkit-transition: all 0.25s;
transition: all 0.25s;
background-color: #000;
color: #fff;
position: relative;
z-index: 100;
}
.l-header__container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 94px;
margin: 0 auto;
padding: 0;
-webkit-transition: all 0.25s;
transition: all 0.25s;
max-width: 1280px;
}
@media only screen and (max-width: 1199.8px) {
.l-header__container {
padding-left: 20px;
padding-right: 90px;
height: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.l-header__container {
max-width: 100%;
}
}
.l-header-title {
line-height: 1;
}
.l-header-title a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.l-header-title-site-name {
font-size: 30px;
font-size: 3rem;
font-weight: bold;
color: #fff;
}
.l-header-nav {
color: #fff;
}
@media only screen and (max-width: 1199.8px) {
.l-header-nav {
position: absolute;
top: 60px;
right: 0;
left: 0;
margin: auto;
}
}
.l-header-nav__item {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #fff;
}
.l-header-nav__item:focus {
color: #fff;
opacity: 0.75;
}
@media (hover) {
.l-header-nav__item:hover {
color: #fff;
opacity: 0.75;
}
}
.ie .l-header-nav__item:hover {
color: #fff;
opacity: 0.75;
}
@media only screen and (max-width: 1199.8px) {
.l-header-nav__item {
display: block;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 20px;
background-color: rgba(255, 255, 255, 0.9);
color: #000;
}
.l-header-nav__item:focus {
color: #000;
}
}
@media only screen and (max-width: 1199.8px) and (hover) {
.l-header-nav__item:hover {
color: #000;
}
}
@media only screen and (max-width: 1199.8px) {
.ie .l-header-nav__item:hover {
color: #000;
}
}
.l-header-nav__item + .l-header-nav__item {
margin-left: 2em;
}
@media only screen and (max-width: 1199.8px) {
.l-header-nav__item + .l-header-nav__item {
margin-left: 0;
border-top: 0;
}
}
.l-header-drawer-menu {
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
@media only screen and (max-width: 1199.8px) {
.l-header-drawer-menu {
visibility: hidden;
opacity: 0;
}
}
.l-header-drawer-menu-btn {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
padding: 0;
display: block;
position: absolute;
z-index: 9999;
top: 0;
right: 0;
width: 60px;
height: 100%;
opacity: 1;
visibility: hidden;
-webkit-transition: all 0.25s;
transition: all 0.25s;
pointer-events: all;
}
@media only screen and (max-width: 1199.8px) {
.l-header-drawer-menu-btn {
visibility: visible;
}
}
.l-header-drawer-menu-btn-bar {
display: block;
width: 24px;
height: 2px;
position: absolute;
left: 0;
right: 0;
margin: auto;
background-color: currentColor;
-webkit-transition: all 0.25s;
transition: all 0.25s;
transform-orign: left top;
}
.l-header-drawer-menu-btn-bar:nth-child(1) {
top: 21px;
top: 50%;
margin-top: -9px;
}
.l-header-drawer-menu-btn-bar:nth-child(2) {
top: 50%;
margin-top: -1px;
opacity: 1;
}
.l-header-drawer-menu-btn-bar:nth-child(3) {
top: 50%;
margin-top: 7px;
transform-orign: left bottom;
}
.l-header-drawer-menu-btn:focus {
opacity: 0.75;
}
@media (hover) {
.l-header-drawer-menu-btn:hover {
opacity: 0.75;
}
}
.ie .l-header-drawer-menu-btn:hover {
opacity: 0.75;
}
.l-header-drawer-menu-check {
display: none;
}
.l-header-drawer-menu-check:checked ~ .l-header-drawer-menu-btn::before, .l-header-drawer-menu-check:checked ~ .l-header-drawer-menu-btn::after {
display: none;
}
.l-header-drawer-menu-check:checked ~ .l-header-drawer-menu-btn .l-header-drawer-menu-btn-bar:nth-child(1) {
-webkit-transform: translate(0, 8px) rotate(45deg);
transform: translate(0, 8px) rotate(45deg);
}
.l-header-drawer-menu-check:checked ~ .l-header-drawer-menu-btn .l-header-drawer-menu-btn-bar:nth-child(2) {
opacity: 0;
}
.l-header-drawer-menu-check:checked ~ .l-header-drawer-menu-btn .l-header-drawer-menu-btn-bar:nth-child(3) {
-webkit-transform: translate(0, -8px) rotate(-45deg);
transform: translate(0, -8px) rotate(-45deg);
}
.l-header-drawer-menu-check:checked ~ .l-header-drawer-menu {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
@media only screen and (max-width: 1199.8px) {
.l-header-drawer-menu-check:checked ~ .l-header-drawer-menu {
visibility: visible;
}
}
/* ==========================================================================
layout
========================================================================== */
.l-layout {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.l-layout__container {
width: 100%;
height: 100%;
}
/* ==========================================================================
main
========================================================================== */
.l-main {
position: relative;
z-index: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
width: 100%;
}
.l-main__container {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
}
/* sidebar
----------------------------------------------------------------- */
/* sidebarをwrapする要素に付加する */
.is-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
}
.l-sidebar {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* sidebarの兄弟要素に付加する */
}
.l-sidebar-siblings {
position: relative;
z-index: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
/* ==========================================================================
button
========================================================================== */
.c-btn {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
border: none;
color: inherit;
font-size: inherit;
line-height: 1;
text-decoration: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-btn--full {
width: 100%;
}
/* ==========================================================================
Dialog
========================================================================== */
/* ==========================================================================
Grid
========================================================================== */
.c-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-grid > .c-grid__item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767.8px) {
.c-grid:not(.is-inherit) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 0;
margin-left: 0;
}
.c-grid:not(.is-inherit) > .c-grid__item {
width: 100%;
padding-right: 0;
padding-left: 0;
}
}
.c-grid--full {
margin-right: -10px;
/* 余白を指定 */
margin-left: -10px;
/* 余白を指定 */
}
.c-grid--full > .c-grid__item {
padding-right: 10px;
/* 余白を指定 */
padding-left: 10px;
/* 余白を指定 */
}
@media only screen and (max-width: 767.8px) {
.c-grid--full.is-inherit {
margin-right: -5px;
/* 余白を指定 */
margin-left: -5px;
/* 余白を指定 */
}
.c-grid--full.is-inherit > .c-grid__item {
padding-right: 5px;
/* 余白を指定 */
padding-left: 5px;
/* 余白を指定 */
}
}
.c-grid--float {
/* 子要素でfloatを使用するのでClearfix */
}
.c-grid--float::after {
content: "";
display: block;
clear: both;
}
.c-grid--float > .c-grid__item {
float: left;
}
.c-grid--table {
/* table用 Modifier */
display: table;
}
.c-grid--table-layout {
/* table-layout */
display: table;
}
.c-grid--table-layout > .c-grid__item {
display: table-cell;
}
.c-grid--inline-block {
font-size: 0;
letter-spacing: normal;
}
.c-grid--inline-block > .c-grid__item {
display: inline-block;
vertical-align: top;
}
/* 12カラム用 */
.c-grid__item--1 {
width: 8.3333333333%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--1 {
width: 8.3333333333%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--1 {
width: 8.3333333333%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--1 {
width: 8.3333333333%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--1 {
width: 8.3333333333%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--1 {
width: 8.3333333333%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--1 {
width: 8.3333333333%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--1 {
width: 8.3333333333%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--1 {
width: 8.3333333333%;
}
}
.c-grid__item--2 {
width: 16.6666666667%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--2 {
width: 16.6666666667%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--2 {
width: 16.6666666667%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--2 {
width: 16.6666666667%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--2 {
width: 16.6666666667%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--2 {
width: 16.6666666667%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--2 {
width: 16.6666666667%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--2 {
width: 16.6666666667%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--2 {
width: 16.6666666667%;
}
}
.c-grid__item--3 {
width: 25%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--3 {
width: 25%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--3 {
width: 25%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--3 {
width: 25%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--3 {
width: 25%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--3 {
width: 25%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--3 {
width: 25%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--3 {
width: 25%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--3 {
width: 25%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--3 {
width: 25%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--3 {
width: 25%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--3 {
width: 25%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--3 {
width: 25%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--3 {
width: 25%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--3 {
width: 25%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--3 {
width: 25%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--3 {
width: 25%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--3 {
width: 25%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--3 {
width: 25%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--3 {
width: 25%;
}
}
.c-grid__item--4 {
width: 33.3333333333%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--4 {
width: 33.3333333333%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--4 {
width: 33.3333333333%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--4 {
width: 33.3333333333%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--4 {
width: 33.3333333333%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--4 {
width: 33.3333333333%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--4 {
width: 33.3333333333%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--4 {
width: 33.3333333333%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--4 {
width: 33.3333333333%;
}
}
.c-grid__item--5 {
width: 41.6666666667%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--5 {
width: 41.6666666667%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--5 {
width: 41.6666666667%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--5 {
width: 41.6666666667%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--5 {
width: 41.6666666667%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--5 {
width: 41.6666666667%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--5 {
width: 41.6666666667%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--5 {
width: 41.6666666667%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--5 {
width: 41.6666666667%;
}
}
.c-grid__item--6 {
width: 50%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--6 {
width: 50%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--6 {
width: 50%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--6 {
width: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--6 {
width: 50%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--6 {
width: 50%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--6 {
width: 50%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--6 {
width: 50%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--6 {
width: 50%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--6 {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--6 {
width: 50%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--6 {
width: 50%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--6 {
width: 50%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--6 {
width: 50%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--6 {
width: 50%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--6 {
width: 50%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--6 {
width: 50%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--6 {
width: 50%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--6 {
width: 50%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--6 {
width: 50%;
}
}
.c-grid__item--7 {
width: 58.3333333333%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--7 {
width: 58.3333333333%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--7 {
width: 58.3333333333%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--7 {
width: 58.3333333333%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--7 {
width: 58.3333333333%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--7 {
width: 58.3333333333%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--7 {
width: 58.3333333333%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--7 {
width: 58.3333333333%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--7 {
width: 58.3333333333%;
}
}
.c-grid__item--8 {
width: 66.6666666667%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--8 {
width: 66.6666666667%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--8 {
width: 66.6666666667%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--8 {
width: 66.6666666667%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--8 {
width: 66.6666666667%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--8 {
width: 66.6666666667%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--8 {
width: 66.6666666667%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--8 {
width: 66.6666666667%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--8 {
width: 66.6666666667%;
}
}
.c-grid__item--9 {
width: 75%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--9 {
width: 75%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--9 {
width: 75%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--9 {
width: 75%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--9 {
width: 75%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--9 {
width: 75%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--9 {
width: 75%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--9 {
width: 75%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--9 {
width: 75%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--9 {
width: 75%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--9 {
width: 75%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--9 {
width: 75%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--9 {
width: 75%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--9 {
width: 75%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--9 {
width: 75%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--9 {
width: 75%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--9 {
width: 75%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--9 {
width: 75%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--9 {
width: 75%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--9 {
width: 75%;
}
}
.c-grid__item--10 {
width: 83.3333333333%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--10 {
width: 83.3333333333%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--10 {
width: 83.3333333333%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--10 {
width: 83.3333333333%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--10 {
width: 83.3333333333%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--10 {
width: 83.3333333333%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--10 {
width: 83.3333333333%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--10 {
width: 83.3333333333%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--10 {
width: 83.3333333333%;
}
}
.c-grid__item--11 {
width: 91.6666666667%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--11 {
width: 91.6666666667%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--11 {
width: 91.6666666667%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--11 {
width: 91.6666666667%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--11 {
width: 91.6666666667%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--11 {
width: 91.6666666667%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--11 {
width: 91.6666666667%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--11 {
width: 91.6666666667%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--11 {
width: 91.6666666667%;
}
}
.c-grid__item--12 {
width: 100%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.c-grid__item-xxs-only--12 {
width: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.c-grid__item-xs-only--12 {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.c-grid__item-sm-only--12 {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.c-grid__item-md-only--12 {
width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.c-grid__item-lg-only--12 {
width: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.c-grid__item-xl-only--12 {
width: 100%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-only--12 {
width: 100%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.c-grid__item-xs-up--12 {
width: 100%;
}
}
@media only screen and (min-width: 576px) {
.c-grid__item-sm-up--12 {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.c-grid__item-md-up--12 {
width: 100%;
}
}
@media only screen and (min-width: 992px) {
.c-grid__item-lg-up--12 {
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.c-grid__item-xl-up--12 {
width: 100%;
}
}
@media only screen and (min-width: 1400px) {
.c-grid__item-xxl-up--12 {
width: 100%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.c-grid__item-xxl-down--12 {
width: 100%;
}
}
@media only screen and (max-width: 1199.8px) {
.c-grid__item-xl-down--12 {
width: 100%;
}
}
@media only screen and (max-width: 991.8px) {
.c-grid__item-lg-down--12 {
width: 100%;
}
}
@media only screen and (max-width: 767.8px) {
.c-grid__item-md-down--12 {
width: 100%;
}
}
@media only screen and (max-width: 575.8px) {
.c-grid__item-sm-down--12 {
width: 100%;
}
}
@media only screen and (max-width: 320.8px) {
.c-grid__item-xs-down--12 {
width: 100%;
}
}
/* ==========================================================================
media
========================================================================== */
.c-media {
/* baseはflexで構成 */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-media > .c-media__image {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px;
/* 任意の値 */
}
.c-media > .c-media__image--rev {
/* Reverse */
padding-right: 0;
padding-left: 20px;
}
.c-media > .c-media__image--middle {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.c-media > .c-media__image img {
display: block;
}
.c-media > .c-media__body {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c-media > .c-media__body--middle {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.c-media--rev {
/* 親要素でリバースを指定 */
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.c-media--rev > .c-media__image {
padding-right: 0;
padding-left: 20px;
}
.c-media--rev > .c-media__image--rev {
padding-right: 20px;
padding-left: 0;
}
@media only screen and (max-width: 575.8px) {
.c-media--rev:not(.is-inherit) > .c-media__image {
padding-left: 0;
}
.c-media--rev:not(.is-inherit) > .c-media__image--rev {
padding-left: 0;
}
}
@media only screen and (max-width: 575.8px) {
.c-media:not(.is-inherit) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-media:not(.is-inherit) > .c-media__image {
padding-right: 0;
padding-bottom: 10px;
}
.c-media:not(.is-inherit) > .c-media__image--rev {
padding-top: 10px;
padding-bottom: 0;
padding-left: 0;
}
}
.c-media--float {
/* floatで構成 */
/* 子要素でfloatを使用するのでClearfixする */
}
.c-media--float::after {
content: "";
display: block;
clear: both;
}
.c-media--float > .c-media__image {
margin-right: 10px;
/* 任意の値 */
float: left;
/* marginはhtml上でuttilityクラスを使用して都度調整する */
}
.c-media--float > .c-media__image--rev {
margin-right: 0;
margin-left: 10px;
/* Reverse */
float: right;
/* marginはProjectのElement指定で解決する */
}
.c-media--float > .c-media__image img {
display: block;
}
.c-media--float > .c-media__body {
overflow: hidden;
/* 画像下にテキストが回り込むのを防ぐ */
}
.c-media--float > .c-media__body--middle {
/* テキストを画像の上下中央揃え */
vertical-align: middle;
}
.c-media--table {
/* display: tableで構成 */
display: table;
}
.c-media--table > .c-media__image {
display: table-cell;
padding-right: 10px;
/* 任意の値 table-cellを使用するので余白をpaddingで調整 */
vertical-align: top;
/* paddingはProjectのElement指定で解決する */
}
.c-media--table > .c-media__image--rev {
/* Reverse */
padding-right: 0;
padding-left: 10px;
}
.c-media--table > .c-media__image--middle {
vertical-align: middle;
/* 画像を上下中央揃え */
}
.c-media--table > .c-media__image img {
display: block;
}
.c-media--table > .c-media__body {
display: table-cell;
vertical-align: top;
}
.c-media--table > .c-media__body--middle {
vertical-align: middle;
}
.c-media--vertical {
/* 縦配置用Modifier */
display: block;
}
.c-media--vertical > .c-media__image {
display: block;
padding-right: 0;
padding-bottom: 8px;
}
.c-media--vertical > .c-media__image--rev {
padding-top: 8px;
/* Reverse */
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.c-media--vertical > .c-media__body {
display: block;
}
/* ==========================================================================
icon
========================================================================== */
.c-icon {
display: inline-block;
}
.c-icon--with-text {
margin-right: 3px;
vertical-align: middle;
}
.c-icon--menu {
position: relative;
top: 1px;
width: 12px;
height: 12px;
}
.c-icon--menu span {
display: block;
position: absolute;
right: 0;
left: 0;
width: 12px;
height: 2px;
margin: auto;
-webkit-transform-origin: left top;
transform-origin: left top;
background-color: #000;
}
.c-icon--menu span:nth-child(1) {
top: 10.5px;
top: 50%;
margin-top: -5.5px;
}
.c-icon--menu span:nth-child(2) {
top: 50%;
margin-top: -1px;
opacity: 1;
}
.c-icon--menu span:nth-child(3) {
top: 50%;
margin-top: 2.5px;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
/* ==========================================================================
logo
========================================================================== */
.c-logo {
display: inline-block;
overflow: hidden;
text-indent: -9999px;
}
.c-logo--site-name {
width: 66px;
height: 57px;
background: url(../img/logo.png) 0 0 no-repeat;
background-size: 100% auto;
}
/* ==========================================================================
tab
========================================================================== */
/*
#styleguide
タブ
タブを実装するスタイル
初期表示する要素には'.is-active'を付加しておく
'.js-tabs'がナビゲーション、'js-tab a'で表示切り替え
'.js-tab__panels'が要素を内包するブロック、子要素に'.js-tab__panel'と任意のIDを指定して制御
```
```
*/
.js-tab__panel {
display: none;
}
.js-tab__panel.is-active {
display: block;
}
/* ==========================================================================
tab
========================================================================== */
/* code sample
*/
.c-tab__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 1px solid #000;
border-top: 0;
}
.c-tab__label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 33.333333%;
height: 60px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 1px solid #000;
border-right: 0;
border-bottom-width: 4px;
background-color: #ccc;
color: #666;
}
.c-tab__label:last-child {
border-right: 1px solid #000;
}
.c-tab__label:hover {
background-color: #fff;
}
.c-tab-radio__input {
display: none;
}
.c-tab-radio__input:checked + .c-tab__label {
border-bottom-color: transparent;
background-color: #fff;
color: #000;
}
.c-tab__item {
display: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 30px;
}
.c-tab-content {
text-align: center;
}
#content01:checked ~ #content01-panel,
#content02:checked ~ #content02-panel,
#content03:checked ~ #content03-panel {
display: block;
}
/* ==========================================================================
tableview
========================================================================== */
/*
ブロック型テーブルリスト
リンクがある場合は子要素のに__targetを指定する
*/
.c-tableview {
overflow: hidden;
}
.c-tableview__item {
padding: 10px 0;
/* ベースとなる余白指定 */
}
/* アイコン付きリンクリスト */
.c-tableview__target {
display: block;
position: relative;
margin: -10px 0;
/* paddingの相殺 */
padding: 10px 0;
/* 余白設定 */
padding-right: 0;
/* アイコン分の余白を指定 */
overflow: hidden;
text-decoration: none;
}
.c-tableview__target::after {
content: "";
position: absolute;
top: 0;
/* topとbottom、対になるプロパティに値を持たせて、領域を作る */
right: 0;
/* iconの位置調整 */
bottom: 0;
/* topとbottom、対になるプロパティに値を持たせて、領域を作る */
margin: auto;
/* 垂直中央配置 */
}
/* ==========================================================================
target
========================================================================== */
.c-target {
display: inline-block;
position: relative;
line-height: 1;
}
.c-target::after {
content: "";
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
/* ==========================================================================
c-form
========================================================================== */
.c-form {
font-size: 16px;
font-size: 1.6rem;
/* input */
/* checkbox */
/* radio */
/* select */
/* input[type=date]の場合も、見た目的にはselectと同様になるので、使用する を__select直下に配置する */
/* textarea */
}
.c-form-field {
display: block;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 40px;
text-align: left;
}
.c-form-field::before {
content: "任意";
display: block;
position: absolute;
z-index: 10;
top: 12px;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 1.6rem;
padding: 0 3px;
border-radius: 3px;
background-color: #009be1;
color: #fff;
line-height: 1.6rem;
font-size: 12px;
font-size: 1.2rem;
}
@media only screen and (max-width: 575.8px) {
.c-form-field::before {
top: 14px;
}
}
.c-form-field.is-required::before {
content: "必須";
background-color: #c00;
}
.c-form-field__label {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.c-form__input, .c-form__textarea, .c-form__select select {
font-size: 16px;
font-size: 1.6rem;
position: relative;
width: 100%;
padding: 10px;
border-bottom: 1px solid #666;
background-color: #fff;
}
.c-form__input + .is-error, .c-form__textarea + .is-error, .c-form__select select + .is-error {
position: absolute;
z-index: 100;
top: -24px;
right: 40px;
left: 40px;
height: 28px;
margin: auto;
padding: 0 10px;
border-radius: 4px;
background-color: #ffb3b3;
color: #c00;
line-height: 28px;
text-align: center;
}
@media only screen and (max-width: 575.8px) {
.c-form__input + .is-error, .c-form__textarea + .is-error, .c-form__select select + .is-error {
right: 0;
left: 0;
}
}
.c-form__input + .is-error::after, .c-form__textarea + .is-error::after, .c-form__select select + .is-error::after {
content: "";
display: block;
position: absolute;
z-index: -1;
right: 0;
bottom: -4px;
left: 0;
width: 8px;
height: 8px;
margin: auto;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #ffb3b3;
}
.c-form__input + .is-error i, .c-form__textarea + .is-error i, .c-form__select select + .is-error i {
font-size: 14px;
font-size: 1.4rem;
margin-right: 0.25em;
}
.c-form__input--file {
display: none;
}
.c-form__input--file + label {
display: inline-block;
}
.c-form__checkbox input[type=checkbox] + label {
padding-left: 30px;
/* checkboxの幅 + padding */
}
.c-form__checkbox input[type=checkbox] + label::before {
border-radius: 1px;
}
.c-form__checkbox input[type=checkbox] + label::after {
left: 6px;
width: 10px;
height: 5px;
-webkit-transform: translateY(-1.5px) rotate(-45deg);
transform: translateY(-1.5px) rotate(-45deg);
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}
.c-form__radio input[type=radio] + label {
padding-left: 25px;
/* radioの幅 + padding */
}
.c-form__radio input[type=radio] + label::before {
border-radius: 50%;
}
.c-form__radio input[type=radio] + label::after {
left: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #fff;
}
.c-form__checkbox, .c-form__radio {
font-size: 16px;
font-size: 1.6rem;
display: inline-block;
position: relative;
padding: 10px;
vertical-align: middle;
}
.c-form__checkbox input[type=radio],
.c-form__checkbox input[type=checkbox], .c-form__radio input[type=radio],
.c-form__radio input[type=checkbox] {
display: none;
}
.c-form__checkbox input[type=radio] + label,
.c-form__checkbox input[type=checkbox] + label, .c-form__radio input[type=radio] + label,
.c-form__radio input[type=checkbox] + label {
display: inline-block;
position: relative;
text-align: left;
}
.c-form__checkbox input[type=radio] + label::before, .c-form__checkbox input[type=radio] + label::after,
.c-form__checkbox input[type=checkbox] + label::before,
.c-form__checkbox input[type=checkbox] + label::after, .c-form__radio input[type=radio] + label::before, .c-form__radio input[type=radio] + label::after,
.c-form__radio input[type=checkbox] + label::before,
.c-form__radio input[type=checkbox] + label::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: auto;
}
.c-form__checkbox input[type=radio] + label::before,
.c-form__checkbox input[type=checkbox] + label::before, .c-form__radio input[type=radio] + label::before,
.c-form__radio input[type=checkbox] + label::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #ccc;
background-color: #fff;
}
.c-form__checkbox input[type=radio] + label::after,
.c-form__checkbox input[type=checkbox] + label::after, .c-form__radio input[type=radio] + label::after,
.c-form__radio input[type=checkbox] + label::after {
display: none;
}
.c-form__checkbox input[type=radio]:checked + label::before,
.c-form__checkbox input[type=checkbox]:checked + label::before, .c-form__radio input[type=radio]:checked + label::before,
.c-form__radio input[type=checkbox]:checked + label::before {
border-color: #ccc;
background: #000;
}
.c-form__checkbox input[type=radio]:checked + label::after,
.c-form__checkbox input[type=checkbox]:checked + label::after, .c-form__radio input[type=radio]:checked + label::after,
.c-form__radio input[type=checkbox]:checked + label::after {
display: block;
}
.c-form__checkbox input[type=radio][disabled] + label::before,
.c-form__checkbox input[type=checkbox][disabled] + label::before, .c-form__radio input[type=radio][disabled] + label::before,
.c-form__radio input[type=checkbox][disabled] + label::before {
opacity: 0.5;
}
.c-form__select {
position: relative;
}
.c-form__select i.fa-angle-down {
display: block;
position: absolute;
top: 0;
/* topとbottom、対になるプロパティに値を持たせて、領域を作る */
right: 20px;
/* iconの位置調整 */
bottom: 0;
/* topとbottom、対になるプロパティに値を持たせて、領域を作る */
margin: -0.25em auto 0;
/* 垂直中央配置 */
font-size: 2rem;
}
.c-form__select select {
width: 100%;
padding-right: 40px;
}
.c-form__submit:disabled {
opacity: 0.5;
pointer-events: none;
}
/* ==========================================================================
clearfix
========================================================================== */
.u-clearfix::after {
content: "";
display: block;
clear: both;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-clearfix-xxs-only::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-clearfix-xs-only::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-clearfix-sm-only::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-clearfix-md-only::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-clearfix-lg-only::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-clearfix-xl-only::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (min-width: 1400px) {
.u-clearfix-xxl-only::after {
content: "";
display: block;
clear: both;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-clearfix-xs-up::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (min-width: 576px) {
.u-clearfix-sm-up::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (min-width: 768px) {
.u-clearfix-md-up::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (min-width: 992px) {
.u-clearfix-lg-up::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (min-width: 1200px) {
.u-clearfix-xl-up::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (min-width: 1400px) {
.u-clearfix-xxl-up::after {
content: "";
display: block;
clear: both;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-clearfix-xxl-down::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (max-width: 1199.8px) {
.u-clearfix-xl-down::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (max-width: 991.8px) {
.u-clearfix-lg-down::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (max-width: 767.8px) {
.u-clearfix-md-down::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (max-width: 575.8px) {
.u-clearfix-sm-down::after {
content: "";
display: block;
clear: both;
}
}
@media only screen and (max-width: 320.8px) {
.u-clearfix-xs-down::after {
content: "";
display: block;
clear: both;
}
}
/* ==========================================================================
display
========================================================================== */
.u-d-none {
display: none;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-d-xxs-only-none {
display: none;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-d-xs-only-none {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-d-sm-only-none {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-d-md-only-none {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-d-lg-only-none {
display: none;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-d-xl-only-none {
display: none;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-only-none {
display: none;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-d-xs-up-none {
display: none;
}
}
@media only screen and (min-width: 576px) {
.u-d-sm-up-none {
display: none;
}
}
@media only screen and (min-width: 768px) {
.u-d-md-up-none {
display: none;
}
}
@media only screen and (min-width: 992px) {
.u-d-lg-up-none {
display: none;
}
}
@media only screen and (min-width: 1200px) {
.u-d-xl-up-none {
display: none;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-up-none {
display: none;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-d-xxl-down-none {
display: none;
}
}
@media only screen and (max-width: 1199.8px) {
.u-d-xl-down-none {
display: none;
}
}
@media only screen and (max-width: 991.8px) {
.u-d-lg-down-none {
display: none;
}
}
@media only screen and (max-width: 767.8px) {
.u-d-md-down-none {
display: none;
}
}
@media only screen and (max-width: 575.8px) {
.u-d-sm-down-none {
display: none;
}
}
@media only screen and (max-width: 320.8px) {
.u-d-xs-down-none {
display: none;
}
}
.u-d-inline {
display: inline;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-d-xxs-only-inline {
display: inline;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-d-xs-only-inline {
display: inline;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-d-sm-only-inline {
display: inline;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-d-md-only-inline {
display: inline;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-d-lg-only-inline {
display: inline;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-d-xl-only-inline {
display: inline;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-only-inline {
display: inline;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-d-xs-up-inline {
display: inline;
}
}
@media only screen and (min-width: 576px) {
.u-d-sm-up-inline {
display: inline;
}
}
@media only screen and (min-width: 768px) {
.u-d-md-up-inline {
display: inline;
}
}
@media only screen and (min-width: 992px) {
.u-d-lg-up-inline {
display: inline;
}
}
@media only screen and (min-width: 1200px) {
.u-d-xl-up-inline {
display: inline;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-up-inline {
display: inline;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-d-xxl-down-inline {
display: inline;
}
}
@media only screen and (max-width: 1199.8px) {
.u-d-xl-down-inline {
display: inline;
}
}
@media only screen and (max-width: 991.8px) {
.u-d-lg-down-inline {
display: inline;
}
}
@media only screen and (max-width: 767.8px) {
.u-d-md-down-inline {
display: inline;
}
}
@media only screen and (max-width: 575.8px) {
.u-d-sm-down-inline {
display: inline;
}
}
@media only screen and (max-width: 320.8px) {
.u-d-xs-down-inline {
display: inline;
}
}
.u-d-inline-block {
display: inline-block;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-d-xxs-only-inline-block {
display: inline-block;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-d-xs-only-inline-block {
display: inline-block;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-d-sm-only-inline-block {
display: inline-block;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-d-md-only-inline-block {
display: inline-block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-d-lg-only-inline-block {
display: inline-block;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-d-xl-only-inline-block {
display: inline-block;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-only-inline-block {
display: inline-block;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-d-xs-up-inline-block {
display: inline-block;
}
}
@media only screen and (min-width: 576px) {
.u-d-sm-up-inline-block {
display: inline-block;
}
}
@media only screen and (min-width: 768px) {
.u-d-md-up-inline-block {
display: inline-block;
}
}
@media only screen and (min-width: 992px) {
.u-d-lg-up-inline-block {
display: inline-block;
}
}
@media only screen and (min-width: 1200px) {
.u-d-xl-up-inline-block {
display: inline-block;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-up-inline-block {
display: inline-block;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-d-xxl-down-inline-block {
display: inline-block;
}
}
@media only screen and (max-width: 1199.8px) {
.u-d-xl-down-inline-block {
display: inline-block;
}
}
@media only screen and (max-width: 991.8px) {
.u-d-lg-down-inline-block {
display: inline-block;
}
}
@media only screen and (max-width: 767.8px) {
.u-d-md-down-inline-block {
display: inline-block;
}
}
@media only screen and (max-width: 575.8px) {
.u-d-sm-down-inline-block {
display: inline-block;
}
}
@media only screen and (max-width: 320.8px) {
.u-d-xs-down-inline-block {
display: inline-block;
}
}
.u-d-block {
display: block;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-d-xxs-only-block {
display: block;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-d-xs-only-block {
display: block;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-d-sm-only-block {
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-d-md-only-block {
display: block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-d-lg-only-block {
display: block;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-d-xl-only-block {
display: block;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-only-block {
display: block;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-d-xs-up-block {
display: block;
}
}
@media only screen and (min-width: 576px) {
.u-d-sm-up-block {
display: block;
}
}
@media only screen and (min-width: 768px) {
.u-d-md-up-block {
display: block;
}
}
@media only screen and (min-width: 992px) {
.u-d-lg-up-block {
display: block;
}
}
@media only screen and (min-width: 1200px) {
.u-d-xl-up-block {
display: block;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-up-block {
display: block;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-d-xxl-down-block {
display: block;
}
}
@media only screen and (max-width: 1199.8px) {
.u-d-xl-down-block {
display: block;
}
}
@media only screen and (max-width: 991.8px) {
.u-d-lg-down-block {
display: block;
}
}
@media only screen and (max-width: 767.8px) {
.u-d-md-down-block {
display: block;
}
}
@media only screen and (max-width: 575.8px) {
.u-d-sm-down-block {
display: block;
}
}
@media only screen and (max-width: 320.8px) {
.u-d-xs-down-block {
display: block;
}
}
.u-d-table {
display: table;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-d-xxs-only-table {
display: table;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-d-xs-only-table {
display: table;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-d-sm-only-table {
display: table;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-d-md-only-table {
display: table;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-d-lg-only-table {
display: table;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-d-xl-only-table {
display: table;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-only-table {
display: table;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-d-xs-up-table {
display: table;
}
}
@media only screen and (min-width: 576px) {
.u-d-sm-up-table {
display: table;
}
}
@media only screen and (min-width: 768px) {
.u-d-md-up-table {
display: table;
}
}
@media only screen and (min-width: 992px) {
.u-d-lg-up-table {
display: table;
}
}
@media only screen and (min-width: 1200px) {
.u-d-xl-up-table {
display: table;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-up-table {
display: table;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-d-xxl-down-table {
display: table;
}
}
@media only screen and (max-width: 1199.8px) {
.u-d-xl-down-table {
display: table;
}
}
@media only screen and (max-width: 991.8px) {
.u-d-lg-down-table {
display: table;
}
}
@media only screen and (max-width: 767.8px) {
.u-d-md-down-table {
display: table;
}
}
@media only screen and (max-width: 575.8px) {
.u-d-sm-down-table {
display: table;
}
}
@media only screen and (max-width: 320.8px) {
.u-d-xs-down-table {
display: table;
}
}
.u-d-table-cell {
display: table-cell;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-d-xxs-only-table-cell {
display: table-cell;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-d-xs-only-table-cell {
display: table-cell;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-d-sm-only-table-cell {
display: table-cell;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-d-md-only-table-cell {
display: table-cell;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-d-lg-only-table-cell {
display: table-cell;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-d-xl-only-table-cell {
display: table-cell;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-only-table-cell {
display: table-cell;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-d-xs-up-table-cell {
display: table-cell;
}
}
@media only screen and (min-width: 576px) {
.u-d-sm-up-table-cell {
display: table-cell;
}
}
@media only screen and (min-width: 768px) {
.u-d-md-up-table-cell {
display: table-cell;
}
}
@media only screen and (min-width: 992px) {
.u-d-lg-up-table-cell {
display: table-cell;
}
}
@media only screen and (min-width: 1200px) {
.u-d-xl-up-table-cell {
display: table-cell;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-up-table-cell {
display: table-cell;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-d-xxl-down-table-cell {
display: table-cell;
}
}
@media only screen and (max-width: 1199.8px) {
.u-d-xl-down-table-cell {
display: table-cell;
}
}
@media only screen and (max-width: 991.8px) {
.u-d-lg-down-table-cell {
display: table-cell;
}
}
@media only screen and (max-width: 767.8px) {
.u-d-md-down-table-cell {
display: table-cell;
}
}
@media only screen and (max-width: 575.8px) {
.u-d-sm-down-table-cell {
display: table-cell;
}
}
@media only screen and (max-width: 320.8px) {
.u-d-xs-down-table-cell {
display: table-cell;
}
}
.u-d-table-row {
display: table-row;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-d-xxs-only-table-row {
display: table-row;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-d-xs-only-table-row {
display: table-row;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-d-sm-only-table-row {
display: table-row;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-d-md-only-table-row {
display: table-row;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-d-lg-only-table-row {
display: table-row;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-d-xl-only-table-row {
display: table-row;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-only-table-row {
display: table-row;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-d-xs-up-table-row {
display: table-row;
}
}
@media only screen and (min-width: 576px) {
.u-d-sm-up-table-row {
display: table-row;
}
}
@media only screen and (min-width: 768px) {
.u-d-md-up-table-row {
display: table-row;
}
}
@media only screen and (min-width: 992px) {
.u-d-lg-up-table-row {
display: table-row;
}
}
@media only screen and (min-width: 1200px) {
.u-d-xl-up-table-row {
display: table-row;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-up-table-row {
display: table-row;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-d-xxl-down-table-row {
display: table-row;
}
}
@media only screen and (max-width: 1199.8px) {
.u-d-xl-down-table-row {
display: table-row;
}
}
@media only screen and (max-width: 991.8px) {
.u-d-lg-down-table-row {
display: table-row;
}
}
@media only screen and (max-width: 767.8px) {
.u-d-md-down-table-row {
display: table-row;
}
}
@media only screen and (max-width: 575.8px) {
.u-d-sm-down-table-row {
display: table-row;
}
}
@media only screen and (max-width: 320.8px) {
.u-d-xs-down-table-row {
display: table-row;
}
}
.u-d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-d-xxs-only-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-d-xs-only-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-d-sm-only-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-d-md-only-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-d-lg-only-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-d-xl-only-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-only-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-d-xs-up-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 576px) {
.u-d-sm-up-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 768px) {
.u-d-md-up-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 992px) {
.u-d-lg-up-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 1200px) {
.u-d-xl-up-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-up-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-d-xxl-down-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 1199.8px) {
.u-d-xl-down-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 991.8px) {
.u-d-lg-down-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 767.8px) {
.u-d-md-down-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 575.8px) {
.u-d-sm-down-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 320.8px) {
.u-d-xs-down-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.u-d-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-d-xxs-only-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-d-xs-only-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-d-sm-only-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-d-md-only-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-d-lg-only-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-d-xl-only-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-only-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-d-xs-up-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (min-width: 576px) {
.u-d-sm-up-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (min-width: 768px) {
.u-d-md-up-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (min-width: 992px) {
.u-d-lg-up-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (min-width: 1200px) {
.u-d-xl-up-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (min-width: 1400px) {
.u-d-xxl-up-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-d-xxl-down-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (max-width: 1199.8px) {
.u-d-xl-down-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (max-width: 991.8px) {
.u-d-lg-down-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (max-width: 767.8px) {
.u-d-md-down-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (max-width: 575.8px) {
.u-d-sm-down-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media only screen and (max-width: 320.8px) {
.u-d-xs-down-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
/* ==========================================================================
Flex
========================================================================== */
/* direction */
.u-flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.u-flex-row-reverse {
/* reverse */
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.u-flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.u-flex-column-reverse {
/* reverse */
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
/* wrap */
.u-flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.u-flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.u-flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
/* flex-basis */
.u-flex-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-fill {
-ms-flex-preferred-size: fill;
flex-basis: fill;
}
}
/* flex-grow */
.u-flex-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
.u-flex-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
/* flex-shrink */
.u-flex-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
.u-flex-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-flex-xxs-only-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-flex-xs-only-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-flex-sm-only-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-flex-md-only-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-flex-lg-only-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-flex-xl-only-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-only-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-flex-xs-up-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (min-width: 576px) {
.u-flex-sm-up-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (min-width: 768px) {
.u-flex-md-up-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (min-width: 992px) {
.u-flex-lg-up-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (min-width: 1200px) {
.u-flex-xl-up-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (min-width: 1400px) {
.u-flex-xxl-up-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-flex-xxl-down-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (max-width: 1199.8px) {
.u-flex-xl-down-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (max-width: 991.8px) {
.u-flex-lg-down-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (max-width: 767.8px) {
.u-flex-md-down-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (max-width: 575.8px) {
.u-flex-sm-down-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media only screen and (max-width: 320.8px) {
.u-flex-xs-down-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
/* justify-content */
.u-justify-content-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-justify-content-xxs-only-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-justify-content-xs-only-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-justify-content-sm-only-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-justify-content-md-only-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-justify-content-lg-only-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-justify-content-xl-only-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-only-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-justify-content-xs-up-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (min-width: 576px) {
.u-justify-content-sm-up-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (min-width: 768px) {
.u-justify-content-md-up-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (min-width: 992px) {
.u-justify-content-lg-up-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (min-width: 1200px) {
.u-justify-content-xl-up-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-up-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-justify-content-xxl-down-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (max-width: 1199.8px) {
.u-justify-content-xl-down-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (max-width: 991.8px) {
.u-justify-content-lg-down-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (max-width: 767.8px) {
.u-justify-content-md-down-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (max-width: 575.8px) {
.u-justify-content-sm-down-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
@media only screen and (max-width: 320.8px) {
.u-justify-content-xs-down-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
.u-justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-justify-content-xxs-only-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-justify-content-xs-only-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-justify-content-sm-only-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-justify-content-md-only-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-justify-content-lg-only-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-justify-content-xl-only-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-only-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-justify-content-xs-up-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (min-width: 576px) {
.u-justify-content-sm-up-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (min-width: 768px) {
.u-justify-content-md-up-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (min-width: 992px) {
.u-justify-content-lg-up-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (min-width: 1200px) {
.u-justify-content-xl-up-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-up-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-justify-content-xxl-down-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (max-width: 1199.8px) {
.u-justify-content-xl-down-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (max-width: 991.8px) {
.u-justify-content-lg-down-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (max-width: 767.8px) {
.u-justify-content-md-down-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (max-width: 575.8px) {
.u-justify-content-sm-down-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media only screen and (max-width: 320.8px) {
.u-justify-content-xs-down-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
.u-justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-justify-content-xxs-only-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-justify-content-xs-only-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-justify-content-sm-only-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-justify-content-md-only-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-justify-content-lg-only-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-justify-content-xl-only-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-only-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-justify-content-xs-up-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 576px) {
.u-justify-content-sm-up-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 768px) {
.u-justify-content-md-up-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 992px) {
.u-justify-content-lg-up-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 1200px) {
.u-justify-content-xl-up-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-up-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-justify-content-xxl-down-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 1199.8px) {
.u-justify-content-xl-down-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 991.8px) {
.u-justify-content-lg-down-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 767.8px) {
.u-justify-content-md-down-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 575.8px) {
.u-justify-content-sm-down-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 320.8px) {
.u-justify-content-xs-down-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.u-justify-content-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-justify-content-xxs-only-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-justify-content-xs-only-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-justify-content-sm-only-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-justify-content-md-only-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-justify-content-lg-only-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-justify-content-xl-only-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-only-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-justify-content-xs-up-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 576px) {
.u-justify-content-sm-up-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 768px) {
.u-justify-content-md-up-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 992px) {
.u-justify-content-lg-up-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 1200px) {
.u-justify-content-xl-up-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-up-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-justify-content-xxl-down-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 1199.8px) {
.u-justify-content-xl-down-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 991.8px) {
.u-justify-content-lg-down-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 767.8px) {
.u-justify-content-md-down-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 575.8px) {
.u-justify-content-sm-down-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 320.8px) {
.u-justify-content-xs-down-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.u-justify-content-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-justify-content-xxs-only-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-justify-content-xs-only-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-justify-content-sm-only-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-justify-content-md-only-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-justify-content-lg-only-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-justify-content-xl-only-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-only-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-justify-content-xs-up-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 576px) {
.u-justify-content-sm-up-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 768px) {
.u-justify-content-md-up-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 992px) {
.u-justify-content-lg-up-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 1200px) {
.u-justify-content-xl-up-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-up-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-justify-content-xxl-down-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (max-width: 1199.8px) {
.u-justify-content-xl-down-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (max-width: 991.8px) {
.u-justify-content-lg-down-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (max-width: 767.8px) {
.u-justify-content-md-down-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (max-width: 575.8px) {
.u-justify-content-sm-down-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media only screen and (max-width: 320.8px) {
.u-justify-content-xs-down-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
.u-justify-content-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-justify-content-xxs-only-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-justify-content-xs-only-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-justify-content-sm-only-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-justify-content-md-only-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-justify-content-lg-only-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-justify-content-xl-only-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-only-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-justify-content-xs-up-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 576px) {
.u-justify-content-sm-up-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 768px) {
.u-justify-content-md-up-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 992px) {
.u-justify-content-lg-up-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 1200px) {
.u-justify-content-xl-up-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 1400px) {
.u-justify-content-xxl-up-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-justify-content-xxl-down-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (max-width: 1199.8px) {
.u-justify-content-xl-down-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (max-width: 991.8px) {
.u-justify-content-lg-down-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (max-width: 767.8px) {
.u-justify-content-md-down-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (max-width: 575.8px) {
.u-justify-content-sm-down-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (max-width: 320.8px) {
.u-justify-content-xs-down-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
/* align-items */
.u-align-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-items-xxs-only-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-items-xs-only-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-items-sm-only-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-items-md-only-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-items-lg-only-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-items-xl-only-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 1400px) {
.u-align-items-xxl-only-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-items-xs-up-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 576px) {
.u-align-items-sm-up-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 768px) {
.u-align-items-md-up-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 992px) {
.u-align-items-lg-up-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 1200px) {
.u-align-items-xl-up-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 1400px) {
.u-align-items-xxl-up-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-items-xxl-down-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-items-xl-down-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-items-lg-down-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-items-md-down-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-items-sm-down-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-items-xs-down-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
.u-align-items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-items-xxs-only-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-items-xs-only-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-items-sm-only-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-items-md-only-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-items-lg-only-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-items-xl-only-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (min-width: 1400px) {
.u-align-items-xxl-only-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-items-xs-up-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (min-width: 576px) {
.u-align-items-sm-up-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (min-width: 768px) {
.u-align-items-md-up-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (min-width: 992px) {
.u-align-items-lg-up-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (min-width: 1200px) {
.u-align-items-xl-up-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (min-width: 1400px) {
.u-align-items-xxl-up-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-items-xxl-down-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-items-xl-down-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-items-lg-down-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-items-md-down-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-items-sm-down-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-items-xs-down-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
.u-align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-items-xxs-only-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-items-xs-only-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-items-sm-only-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-items-md-only-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-items-lg-only-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-items-xl-only-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 1400px) {
.u-align-items-xxl-only-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-items-xs-up-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 576px) {
.u-align-items-sm-up-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 768px) {
.u-align-items-md-up-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 992px) {
.u-align-items-lg-up-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 1200px) {
.u-align-items-xl-up-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 1400px) {
.u-align-items-xxl-up-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-items-xxl-down-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-items-xl-down-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-items-lg-down-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-items-md-down-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-items-sm-down-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-items-xs-down-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.u-align-items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-items-xxs-only-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-items-xs-only-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-items-sm-only-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-items-md-only-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-items-lg-only-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-items-xl-only-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 1400px) {
.u-align-items-xxl-only-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-items-xs-up-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 576px) {
.u-align-items-sm-up-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 768px) {
.u-align-items-md-up-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 992px) {
.u-align-items-lg-up-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 1200px) {
.u-align-items-xl-up-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 1400px) {
.u-align-items-xxl-up-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-items-xxl-down-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-items-xl-down-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-items-lg-down-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-items-md-down-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-items-sm-down-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-items-xs-down-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
.u-align-items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-items-xxs-only-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-items-xs-only-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-items-sm-only-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-items-md-only-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-items-lg-only-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-items-xl-only-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 1400px) {
.u-align-items-xxl-only-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-items-xs-up-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 576px) {
.u-align-items-sm-up-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 768px) {
.u-align-items-md-up-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 992px) {
.u-align-items-lg-up-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 1200px) {
.u-align-items-xl-up-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 1400px) {
.u-align-items-xxl-up-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-items-xxl-down-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-items-xl-down-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-items-lg-down-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-items-md-down-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-items-sm-down-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-items-xs-down-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
/* align-self */
.u-align-self-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-self-xxs-only-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-self-xs-only-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-self-sm-only-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-self-md-only-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-self-lg-only-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-self-xl-only-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (min-width: 1400px) {
.u-align-self-xxl-only-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-self-xs-up-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (min-width: 576px) {
.u-align-self-sm-up-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (min-width: 768px) {
.u-align-self-md-up-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (min-width: 992px) {
.u-align-self-lg-up-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (min-width: 1200px) {
.u-align-self-xl-up-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (min-width: 1400px) {
.u-align-self-xxl-up-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-self-xxl-down-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-self-xl-down-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-self-lg-down-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-self-md-down-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-self-sm-down-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-self-xs-down-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
}
.u-align-self-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-self-xxs-only-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-self-xs-only-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-self-sm-only-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-self-md-only-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-self-lg-only-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-self-xl-only-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (min-width: 1400px) {
.u-align-self-xxl-only-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-self-xs-up-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (min-width: 576px) {
.u-align-self-sm-up-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (min-width: 768px) {
.u-align-self-md-up-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (min-width: 992px) {
.u-align-self-lg-up-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (min-width: 1200px) {
.u-align-self-xl-up-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (min-width: 1400px) {
.u-align-self-xxl-up-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-self-xxl-down-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-self-xl-down-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-self-lg-down-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-self-md-down-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-self-sm-down-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-self-xs-down-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
}
.u-align-self-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-self-xxs-only-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-self-xs-only-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-self-sm-only-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-self-md-only-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-self-lg-only-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-self-xl-only-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (min-width: 1400px) {
.u-align-self-xxl-only-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-self-xs-up-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (min-width: 576px) {
.u-align-self-sm-up-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (min-width: 768px) {
.u-align-self-md-up-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (min-width: 992px) {
.u-align-self-lg-up-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (min-width: 1200px) {
.u-align-self-xl-up-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (min-width: 1400px) {
.u-align-self-xxl-up-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-self-xxl-down-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-self-xl-down-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-self-lg-down-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-self-md-down-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-self-sm-down-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-self-xs-down-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
.u-align-self-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-self-xxs-only-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-self-xs-only-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-self-sm-only-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-self-md-only-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-self-lg-only-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-self-xl-only-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (min-width: 1400px) {
.u-align-self-xxl-only-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-self-xs-up-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (min-width: 576px) {
.u-align-self-sm-up-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (min-width: 768px) {
.u-align-self-md-up-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (min-width: 992px) {
.u-align-self-lg-up-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (min-width: 1200px) {
.u-align-self-xl-up-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (min-width: 1400px) {
.u-align-self-xxl-up-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-self-xxl-down-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-self-xl-down-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-self-lg-down-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-self-md-down-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-self-sm-down-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-self-xs-down-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
}
.u-align-self-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-self-xxs-only-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-self-xs-only-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-self-sm-only-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-self-md-only-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-self-lg-only-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-self-xl-only-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (min-width: 1400px) {
.u-align-self-xxl-only-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-self-xs-up-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (min-width: 576px) {
.u-align-self-sm-up-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (min-width: 768px) {
.u-align-self-md-up-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (min-width: 992px) {
.u-align-self-lg-up-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (min-width: 1200px) {
.u-align-self-xl-up-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (min-width: 1400px) {
.u-align-self-xxl-up-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-self-xxl-down-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-self-xl-down-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-self-lg-down-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-self-md-down-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-self-sm-down-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-self-xs-down-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
/* order */
.u-order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-order-xxs-only-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-order-xs-only-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-order-sm-only-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-order-md-only-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-order-lg-only-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-order-xl-only-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-only-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-order-xs-up-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 576px) {
.u-order-sm-up-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 768px) {
.u-order-md-up-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 992px) {
.u-order-lg-up-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 1200px) {
.u-order-xl-up-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-up-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-order-xxl-down-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (max-width: 1199.8px) {
.u-order-xl-down-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (max-width: 991.8px) {
.u-order-lg-down-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (max-width: 767.8px) {
.u-order-md-down-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (max-width: 575.8px) {
.u-order-sm-down-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (max-width: 320.8px) {
.u-order-xs-down-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
.u-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-order-xxs-only-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-order-xs-only-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-order-sm-only-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-order-md-only-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-order-lg-only-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-order-xl-only-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-only-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-order-xs-up-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 576px) {
.u-order-sm-up-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 768px) {
.u-order-md-up-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 992px) {
.u-order-lg-up-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1200px) {
.u-order-xl-up-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-up-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-order-xxl-down-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (max-width: 1199.8px) {
.u-order-xl-down-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (max-width: 991.8px) {
.u-order-lg-down-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (max-width: 767.8px) {
.u-order-md-down-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (max-width: 575.8px) {
.u-order-sm-down-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (max-width: 320.8px) {
.u-order-xs-down-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.u-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-order-xxs-only-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-order-xs-only-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-order-sm-only-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-order-md-only-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-order-lg-only-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-order-xl-only-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-only-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-order-xs-up-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 576px) {
.u-order-sm-up-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 768px) {
.u-order-md-up-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 992px) {
.u-order-lg-up-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 1200px) {
.u-order-xl-up-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-up-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-order-xxl-down-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (max-width: 1199.8px) {
.u-order-xl-down-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (max-width: 991.8px) {
.u-order-lg-down-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (max-width: 767.8px) {
.u-order-md-down-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (max-width: 575.8px) {
.u-order-sm-down-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (max-width: 320.8px) {
.u-order-xs-down-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.u-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-order-xxs-only-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-order-xs-only-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-order-sm-only-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-order-md-only-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-order-lg-only-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-order-xl-only-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-only-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-order-xs-up-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 576px) {
.u-order-sm-up-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 768px) {
.u-order-md-up-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 992px) {
.u-order-lg-up-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 1200px) {
.u-order-xl-up-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-up-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-order-xxl-down-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (max-width: 1199.8px) {
.u-order-xl-down-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (max-width: 991.8px) {
.u-order-lg-down-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (max-width: 767.8px) {
.u-order-md-down-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (max-width: 575.8px) {
.u-order-sm-down-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (max-width: 320.8px) {
.u-order-xs-down-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
.u-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-order-xxs-only-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-order-xs-only-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-order-sm-only-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-order-md-only-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-order-lg-only-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-order-xl-only-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-only-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-order-xs-up-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 576px) {
.u-order-sm-up-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 768px) {
.u-order-md-up-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 992px) {
.u-order-lg-up-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 1200px) {
.u-order-xl-up-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-up-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-order-xxl-down-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (max-width: 1199.8px) {
.u-order-xl-down-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (max-width: 991.8px) {
.u-order-lg-down-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (max-width: 767.8px) {
.u-order-md-down-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (max-width: 575.8px) {
.u-order-sm-down-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (max-width: 320.8px) {
.u-order-xs-down-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
.u-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-order-xxs-only-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-order-xs-only-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-order-sm-only-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-order-md-only-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-order-lg-only-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-order-xl-only-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-only-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-order-xs-up-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 576px) {
.u-order-sm-up-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 768px) {
.u-order-md-up-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 992px) {
.u-order-lg-up-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 1200px) {
.u-order-xl-up-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-up-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-order-xxl-down-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (max-width: 1199.8px) {
.u-order-xl-down-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (max-width: 991.8px) {
.u-order-lg-down-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (max-width: 767.8px) {
.u-order-md-down-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (max-width: 575.8px) {
.u-order-sm-down-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (max-width: 320.8px) {
.u-order-xs-down-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
.u-order-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-order-xxs-only-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-order-xs-only-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-order-sm-only-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-order-md-only-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-order-lg-only-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-order-xl-only-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-only-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-order-xs-up-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 576px) {
.u-order-sm-up-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 768px) {
.u-order-md-up-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 992px) {
.u-order-lg-up-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 1200px) {
.u-order-xl-up-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 1400px) {
.u-order-xxl-up-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-order-xxl-down-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (max-width: 1199.8px) {
.u-order-xl-down-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (max-width: 991.8px) {
.u-order-lg-down-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (max-width: 767.8px) {
.u-order-md-down-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (max-width: 575.8px) {
.u-order-sm-down-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (max-width: 320.8px) {
.u-order-xs-down-end {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
/* align-content */
.u-align-content-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-content-xxs-only-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-content-xs-only-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-content-sm-only-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-content-md-only-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-content-lg-only-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-content-xl-only-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-only-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-content-xs-up-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (min-width: 576px) {
.u-align-content-sm-up-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (min-width: 768px) {
.u-align-content-md-up-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (min-width: 992px) {
.u-align-content-lg-up-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (min-width: 1200px) {
.u-align-content-xl-up-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-up-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-content-xxl-down-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-content-xl-down-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-content-lg-down-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-content-md-down-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-content-sm-down-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-content-xs-down-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
.u-align-content-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-content-xxs-only-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-content-xs-only-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-content-sm-only-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-content-md-only-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-content-lg-only-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-content-xl-only-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-only-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-content-xs-up-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (min-width: 576px) {
.u-align-content-sm-up-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (min-width: 768px) {
.u-align-content-md-up-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (min-width: 992px) {
.u-align-content-lg-up-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (min-width: 1200px) {
.u-align-content-xl-up-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-up-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-content-xxl-down-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-content-xl-down-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-content-lg-down-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-content-md-down-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-content-sm-down-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-content-xs-down-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
.u-align-content-center {
-ms-flex-line-pack: center;
align-content: center;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-content-xxs-only-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-content-xs-only-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-content-sm-only-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-content-md-only-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-content-lg-only-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-content-xl-only-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-only-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-content-xs-up-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (min-width: 576px) {
.u-align-content-sm-up-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (min-width: 768px) {
.u-align-content-md-up-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (min-width: 992px) {
.u-align-content-lg-up-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (min-width: 1200px) {
.u-align-content-xl-up-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-up-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-content-xxl-down-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-content-xl-down-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-content-lg-down-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-content-md-down-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-content-sm-down-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-content-xs-down-center {
-ms-flex-line-pack: center;
align-content: center;
}
}
.u-align-content-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-content-xxs-only-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-content-xs-only-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-content-sm-only-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-content-md-only-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-content-lg-only-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-content-xl-only-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-only-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-content-xs-up-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (min-width: 576px) {
.u-align-content-sm-up-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (min-width: 768px) {
.u-align-content-md-up-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (min-width: 992px) {
.u-align-content-lg-up-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (min-width: 1200px) {
.u-align-content-xl-up-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-up-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-content-xxl-down-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-content-xl-down-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-content-lg-down-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-content-md-down-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-content-sm-down-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-content-xs-down-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
}
.u-align-content-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-content-xxs-only-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-content-xs-only-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-content-sm-only-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-content-md-only-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-content-lg-only-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-content-xl-only-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-only-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-content-xs-up-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (min-width: 576px) {
.u-align-content-sm-up-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (min-width: 768px) {
.u-align-content-md-up-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (min-width: 992px) {
.u-align-content-lg-up-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (min-width: 1200px) {
.u-align-content-xl-up-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-up-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-content-xxl-down-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-content-xl-down-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-content-lg-down-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-content-md-down-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-content-sm-down-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-content-xs-down-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
}
.u-align-content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-content-xxs-only-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-content-xs-only-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-content-sm-only-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-content-md-only-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-content-lg-only-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-content-xl-only-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-only-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-content-xs-up-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (min-width: 576px) {
.u-align-content-sm-up-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (min-width: 768px) {
.u-align-content-md-up-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (min-width: 992px) {
.u-align-content-lg-up-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (min-width: 1200px) {
.u-align-content-xl-up-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (min-width: 1400px) {
.u-align-content-xxl-up-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-content-xxl-down-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-content-xl-down-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-content-lg-down-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-content-md-down-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-content-sm-down-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-content-xs-down-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
/* ==========================================================================
float
========================================================================== */
.u-float-left {
float: left;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-float-xxs-only-left {
float: left;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-float-xs-only-left {
float: left;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-float-sm-only-left {
float: left;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-float-md-only-left {
float: left;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-float-lg-only-left {
float: left;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-float-xl-only-left {
float: left;
}
}
@media only screen and (min-width: 1400px) {
.u-float-xxl-only-left {
float: left;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-float-xs-up-left {
float: left;
}
}
@media only screen and (min-width: 576px) {
.u-float-sm-up-left {
float: left;
}
}
@media only screen and (min-width: 768px) {
.u-float-md-up-left {
float: left;
}
}
@media only screen and (min-width: 992px) {
.u-float-lg-up-left {
float: left;
}
}
@media only screen and (min-width: 1200px) {
.u-float-xl-up-left {
float: left;
}
}
@media only screen and (min-width: 1400px) {
.u-float-xxl-up-left {
float: left;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-float-xxl-down-left {
float: left;
}
}
@media only screen and (max-width: 1199.8px) {
.u-float-xl-down-left {
float: left;
}
}
@media only screen and (max-width: 991.8px) {
.u-float-lg-down-left {
float: left;
}
}
@media only screen and (max-width: 767.8px) {
.u-float-md-down-left {
float: left;
}
}
@media only screen and (max-width: 575.8px) {
.u-float-sm-down-left {
float: left;
}
}
@media only screen and (max-width: 320.8px) {
.u-float-xs-down-left {
float: left;
}
}
.u-float-right {
float: right;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-float-xxs-only-right {
float: right;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-float-xs-only-right {
float: right;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-float-sm-only-right {
float: right;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-float-md-only-right {
float: right;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-float-lg-only-right {
float: right;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-float-xl-only-right {
float: right;
}
}
@media only screen and (min-width: 1400px) {
.u-float-xxl-only-right {
float: right;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-float-xs-up-right {
float: right;
}
}
@media only screen and (min-width: 576px) {
.u-float-sm-up-right {
float: right;
}
}
@media only screen and (min-width: 768px) {
.u-float-md-up-right {
float: right;
}
}
@media only screen and (min-width: 992px) {
.u-float-lg-up-right {
float: right;
}
}
@media only screen and (min-width: 1200px) {
.u-float-xl-up-right {
float: right;
}
}
@media only screen and (min-width: 1400px) {
.u-float-xxl-up-right {
float: right;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-float-xxl-down-right {
float: right;
}
}
@media only screen and (max-width: 1199.8px) {
.u-float-xl-down-right {
float: right;
}
}
@media only screen and (max-width: 991.8px) {
.u-float-lg-down-right {
float: right;
}
}
@media only screen and (max-width: 767.8px) {
.u-float-md-down-right {
float: right;
}
}
@media only screen and (max-width: 575.8px) {
.u-float-sm-down-right {
float: right;
}
}
@media only screen and (max-width: 320.8px) {
.u-float-xs-down-right {
float: right;
}
}
.u-float-clear {
clear: both;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-float-xxs-only-clear {
clear: both;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-float-xs-only-clear {
clear: both;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-float-sm-only-clear {
clear: both;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-float-md-only-clear {
clear: both;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-float-lg-only-clear {
clear: both;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-float-xl-only-clear {
clear: both;
}
}
@media only screen and (min-width: 1400px) {
.u-float-xxl-only-clear {
clear: both;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-float-xs-up-clear {
clear: both;
}
}
@media only screen and (min-width: 576px) {
.u-float-sm-up-clear {
clear: both;
}
}
@media only screen and (min-width: 768px) {
.u-float-md-up-clear {
clear: both;
}
}
@media only screen and (min-width: 992px) {
.u-float-lg-up-clear {
clear: both;
}
}
@media only screen and (min-width: 1200px) {
.u-float-xl-up-clear {
clear: both;
}
}
@media only screen and (min-width: 1400px) {
.u-float-xxl-up-clear {
clear: both;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-float-xxl-down-clear {
clear: both;
}
}
@media only screen and (max-width: 1199.8px) {
.u-float-xl-down-clear {
clear: both;
}
}
@media only screen and (max-width: 991.8px) {
.u-float-lg-down-clear {
clear: both;
}
}
@media only screen and (max-width: 767.8px) {
.u-float-md-down-clear {
clear: both;
}
}
@media only screen and (max-width: 575.8px) {
.u-float-sm-down-clear {
clear: both;
}
}
@media only screen and (max-width: 320.8px) {
.u-float-xs-down-clear {
clear: both;
}
}
/* ==========================================================================
interaction
========================================================================== */
/* user select */
.u-user-select-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-user-select-xxs-only-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-user-select-xs-only-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-user-select-sm-only-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-user-select-md-only-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-user-select-lg-only-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-user-select-xl-only-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (min-width: 1400px) {
.u-user-select-xxl-only-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-user-select-xs-up-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (min-width: 576px) {
.u-user-select-sm-up-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (min-width: 768px) {
.u-user-select-md-up-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (min-width: 992px) {
.u-user-select-lg-up-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (min-width: 1200px) {
.u-user-select-xl-up-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (min-width: 1400px) {
.u-user-select-xxl-up-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-user-select-xxl-down-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (max-width: 1199.8px) {
.u-user-select-xl-down-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (max-width: 991.8px) {
.u-user-select-lg-down-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (max-width: 767.8px) {
.u-user-select-md-down-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (max-width: 575.8px) {
.u-user-select-sm-down-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
@media only screen and (max-width: 320.8px) {
.u-user-select-xs-down-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
}
.u-user-select-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-user-select-xxs-only-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-user-select-xs-only-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-user-select-sm-only-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-user-select-md-only-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-user-select-lg-only-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-user-select-xl-only-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-user-select-xxl-only-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-user-select-xs-up-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (min-width: 576px) {
.u-user-select-sm-up-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (min-width: 768px) {
.u-user-select-md-up-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (min-width: 992px) {
.u-user-select-lg-up-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-user-select-xl-up-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-user-select-xxl-up-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-user-select-xxl-down-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-user-select-xl-down-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-user-select-lg-down-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-user-select-md-down-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-user-select-sm-down-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-user-select-xs-down-auto {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}
.u-user-select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-user-select-xxs-only-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-user-select-xs-only-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-user-select-sm-only-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-user-select-md-only-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-user-select-lg-only-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-user-select-xl-only-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (min-width: 1400px) {
.u-user-select-xxl-only-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-user-select-xs-up-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (min-width: 576px) {
.u-user-select-sm-up-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (min-width: 768px) {
.u-user-select-md-up-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (min-width: 992px) {
.u-user-select-lg-up-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (min-width: 1200px) {
.u-user-select-xl-up-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (min-width: 1400px) {
.u-user-select-xxl-up-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-user-select-xxl-down-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (max-width: 1199.8px) {
.u-user-select-xl-down-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (max-width: 991.8px) {
.u-user-select-lg-down-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (max-width: 767.8px) {
.u-user-select-md-down-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (max-width: 575.8px) {
.u-user-select-sm-down-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media only screen and (max-width: 320.8px) {
.u-user-select-xs-down-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
/* pointer events */
.u-pe-auto {
pointer-events: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pe-xxs-only-auto {
pointer-events: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pe-xs-only-auto {
pointer-events: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pe-sm-only-auto {
pointer-events: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pe-md-only-auto {
pointer-events: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pe-lg-only-auto {
pointer-events: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pe-xl-only-auto {
pointer-events: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-pe-xxl-only-auto {
pointer-events: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pe-xs-up-auto {
pointer-events: auto;
}
}
@media only screen and (min-width: 576px) {
.u-pe-sm-up-auto {
pointer-events: auto;
}
}
@media only screen and (min-width: 768px) {
.u-pe-md-up-auto {
pointer-events: auto;
}
}
@media only screen and (min-width: 992px) {
.u-pe-lg-up-auto {
pointer-events: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-pe-xl-up-auto {
pointer-events: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-pe-xxl-up-auto {
pointer-events: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pe-xxl-down-auto {
pointer-events: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pe-xl-down-auto {
pointer-events: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-pe-lg-down-auto {
pointer-events: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-pe-md-down-auto {
pointer-events: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-pe-sm-down-auto {
pointer-events: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-pe-xs-down-auto {
pointer-events: auto;
}
}
.u-pe-none {
pointer-events: none;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pe-xxs-only-none {
pointer-events: none;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pe-xs-only-none {
pointer-events: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pe-sm-only-none {
pointer-events: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pe-md-only-none {
pointer-events: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pe-lg-only-none {
pointer-events: none;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pe-xl-only-none {
pointer-events: none;
}
}
@media only screen and (min-width: 1400px) {
.u-pe-xxl-only-none {
pointer-events: none;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pe-xs-up-none {
pointer-events: none;
}
}
@media only screen and (min-width: 576px) {
.u-pe-sm-up-none {
pointer-events: none;
}
}
@media only screen and (min-width: 768px) {
.u-pe-md-up-none {
pointer-events: none;
}
}
@media only screen and (min-width: 992px) {
.u-pe-lg-up-none {
pointer-events: none;
}
}
@media only screen and (min-width: 1200px) {
.u-pe-xl-up-none {
pointer-events: none;
}
}
@media only screen and (min-width: 1400px) {
.u-pe-xxl-up-none {
pointer-events: none;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pe-xxl-down-none {
pointer-events: none;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pe-xl-down-none {
pointer-events: none;
}
}
@media only screen and (max-width: 991.8px) {
.u-pe-lg-down-none {
pointer-events: none;
}
}
@media only screen and (max-width: 767.8px) {
.u-pe-md-down-none {
pointer-events: none;
}
}
@media only screen and (max-width: 575.8px) {
.u-pe-sm-down-none {
pointer-events: none;
}
}
@media only screen and (max-width: 320.8px) {
.u-pe-xs-down-none {
pointer-events: none;
}
}
/* ==========================================================================
overflow
========================================================================== */
.u-overflow-auto {
overflow: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-overflow-xxs-only-auto {
overflow: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-overflow-xs-only-auto {
overflow: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-overflow-sm-only-auto {
overflow: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-overflow-md-only-auto {
overflow: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-overflow-lg-only-auto {
overflow: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-overflow-xl-only-auto {
overflow: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-overflow-xxl-only-auto {
overflow: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-overflow-xs-up-auto {
overflow: auto;
}
}
@media only screen and (min-width: 576px) {
.u-overflow-sm-up-auto {
overflow: auto;
}
}
@media only screen and (min-width: 768px) {
.u-overflow-md-up-auto {
overflow: auto;
}
}
@media only screen and (min-width: 992px) {
.u-overflow-lg-up-auto {
overflow: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-overflow-xl-up-auto {
overflow: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-overflow-xxl-up-auto {
overflow: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-overflow-xxl-down-auto {
overflow: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-overflow-xl-down-auto {
overflow: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-overflow-lg-down-auto {
overflow: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-overflow-md-down-auto {
overflow: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-overflow-sm-down-auto {
overflow: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-overflow-xs-down-auto {
overflow: auto;
}
}
.u-overflow-hidden {
overflow: hidden;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-overflow-xxs-only-hidden {
overflow: hidden;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-overflow-xs-only-hidden {
overflow: hidden;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-overflow-sm-only-hidden {
overflow: hidden;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-overflow-md-only-hidden {
overflow: hidden;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-overflow-lg-only-hidden {
overflow: hidden;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-overflow-xl-only-hidden {
overflow: hidden;
}
}
@media only screen and (min-width: 1400px) {
.u-overflow-xxl-only-hidden {
overflow: hidden;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-overflow-xs-up-hidden {
overflow: hidden;
}
}
@media only screen and (min-width: 576px) {
.u-overflow-sm-up-hidden {
overflow: hidden;
}
}
@media only screen and (min-width: 768px) {
.u-overflow-md-up-hidden {
overflow: hidden;
}
}
@media only screen and (min-width: 992px) {
.u-overflow-lg-up-hidden {
overflow: hidden;
}
}
@media only screen and (min-width: 1200px) {
.u-overflow-xl-up-hidden {
overflow: hidden;
}
}
@media only screen and (min-width: 1400px) {
.u-overflow-xxl-up-hidden {
overflow: hidden;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-overflow-xxl-down-hidden {
overflow: hidden;
}
}
@media only screen and (max-width: 1199.8px) {
.u-overflow-xl-down-hidden {
overflow: hidden;
}
}
@media only screen and (max-width: 991.8px) {
.u-overflow-lg-down-hidden {
overflow: hidden;
}
}
@media only screen and (max-width: 767.8px) {
.u-overflow-md-down-hidden {
overflow: hidden;
}
}
@media only screen and (max-width: 575.8px) {
.u-overflow-sm-down-hidden {
overflow: hidden;
}
}
@media only screen and (max-width: 320.8px) {
.u-overflow-xs-down-hidden {
overflow: hidden;
}
}
.u-overflow-visible {
overflow: visible;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-overflow-xxs-only-visible {
overflow: visible;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-overflow-xs-only-visible {
overflow: visible;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-overflow-sm-only-visible {
overflow: visible;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-overflow-md-only-visible {
overflow: visible;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-overflow-lg-only-visible {
overflow: visible;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-overflow-xl-only-visible {
overflow: visible;
}
}
@media only screen and (min-width: 1400px) {
.u-overflow-xxl-only-visible {
overflow: visible;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-overflow-xs-up-visible {
overflow: visible;
}
}
@media only screen and (min-width: 576px) {
.u-overflow-sm-up-visible {
overflow: visible;
}
}
@media only screen and (min-width: 768px) {
.u-overflow-md-up-visible {
overflow: visible;
}
}
@media only screen and (min-width: 992px) {
.u-overflow-lg-up-visible {
overflow: visible;
}
}
@media only screen and (min-width: 1200px) {
.u-overflow-xl-up-visible {
overflow: visible;
}
}
@media only screen and (min-width: 1400px) {
.u-overflow-xxl-up-visible {
overflow: visible;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-overflow-xxl-down-visible {
overflow: visible;
}
}
@media only screen and (max-width: 1199.8px) {
.u-overflow-xl-down-visible {
overflow: visible;
}
}
@media only screen and (max-width: 991.8px) {
.u-overflow-lg-down-visible {
overflow: visible;
}
}
@media only screen and (max-width: 767.8px) {
.u-overflow-md-down-visible {
overflow: visible;
}
}
@media only screen and (max-width: 575.8px) {
.u-overflow-sm-down-visible {
overflow: visible;
}
}
@media only screen and (max-width: 320.8px) {
.u-overflow-xs-down-visible {
overflow: visible;
}
}
.u-overflow-scroll {
overflow: scroll;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-overflow-xxs-only-scroll {
overflow: scroll;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-overflow-xs-only-scroll {
overflow: scroll;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-overflow-sm-only-scroll {
overflow: scroll;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-overflow-md-only-scroll {
overflow: scroll;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-overflow-lg-only-scroll {
overflow: scroll;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-overflow-xl-only-scroll {
overflow: scroll;
}
}
@media only screen and (min-width: 1400px) {
.u-overflow-xxl-only-scroll {
overflow: scroll;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-overflow-xs-up-scroll {
overflow: scroll;
}
}
@media only screen and (min-width: 576px) {
.u-overflow-sm-up-scroll {
overflow: scroll;
}
}
@media only screen and (min-width: 768px) {
.u-overflow-md-up-scroll {
overflow: scroll;
}
}
@media only screen and (min-width: 992px) {
.u-overflow-lg-up-scroll {
overflow: scroll;
}
}
@media only screen and (min-width: 1200px) {
.u-overflow-xl-up-scroll {
overflow: scroll;
}
}
@media only screen and (min-width: 1400px) {
.u-overflow-xxl-up-scroll {
overflow: scroll;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-overflow-xxl-down-scroll {
overflow: scroll;
}
}
@media only screen and (max-width: 1199.8px) {
.u-overflow-xl-down-scroll {
overflow: scroll;
}
}
@media only screen and (max-width: 991.8px) {
.u-overflow-lg-down-scroll {
overflow: scroll;
}
}
@media only screen and (max-width: 767.8px) {
.u-overflow-md-down-scroll {
overflow: scroll;
}
}
@media only screen and (max-width: 575.8px) {
.u-overflow-sm-down-scroll {
overflow: scroll;
}
}
@media only screen and (max-width: 320.8px) {
.u-overflow-xs-down-scroll {
overflow: scroll;
}
}
/* ==========================================================================
postion
========================================================================== */
.u-position-absolute {
position: absolute;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-position-xxs-only-absolute {
position: absolute;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-position-xs-only-absolute {
position: absolute;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-position-sm-only-absolute {
position: absolute;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-position-md-only-absolute {
position: absolute;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-position-lg-only-absolute {
position: absolute;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-position-xl-only-absolute {
position: absolute;
}
}
@media only screen and (min-width: 1400px) {
.u-position-xxl-only-absolute {
position: absolute;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-position-xs-up-absolute {
position: absolute;
}
}
@media only screen and (min-width: 576px) {
.u-position-sm-up-absolute {
position: absolute;
}
}
@media only screen and (min-width: 768px) {
.u-position-md-up-absolute {
position: absolute;
}
}
@media only screen and (min-width: 992px) {
.u-position-lg-up-absolute {
position: absolute;
}
}
@media only screen and (min-width: 1200px) {
.u-position-xl-up-absolute {
position: absolute;
}
}
@media only screen and (min-width: 1400px) {
.u-position-xxl-up-absolute {
position: absolute;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-position-xxl-down-absolute {
position: absolute;
}
}
@media only screen and (max-width: 1199.8px) {
.u-position-xl-down-absolute {
position: absolute;
}
}
@media only screen and (max-width: 991.8px) {
.u-position-lg-down-absolute {
position: absolute;
}
}
@media only screen and (max-width: 767.8px) {
.u-position-md-down-absolute {
position: absolute;
}
}
@media only screen and (max-width: 575.8px) {
.u-position-sm-down-absolute {
position: absolute;
}
}
@media only screen and (max-width: 320.8px) {
.u-position-xs-down-absolute {
position: absolute;
}
}
.u-position-relative {
position: relative;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-position-xxs-only-relative {
position: relative;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-position-xs-only-relative {
position: relative;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-position-sm-only-relative {
position: relative;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-position-md-only-relative {
position: relative;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-position-lg-only-relative {
position: relative;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-position-xl-only-relative {
position: relative;
}
}
@media only screen and (min-width: 1400px) {
.u-position-xxl-only-relative {
position: relative;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-position-xs-up-relative {
position: relative;
}
}
@media only screen and (min-width: 576px) {
.u-position-sm-up-relative {
position: relative;
}
}
@media only screen and (min-width: 768px) {
.u-position-md-up-relative {
position: relative;
}
}
@media only screen and (min-width: 992px) {
.u-position-lg-up-relative {
position: relative;
}
}
@media only screen and (min-width: 1200px) {
.u-position-xl-up-relative {
position: relative;
}
}
@media only screen and (min-width: 1400px) {
.u-position-xxl-up-relative {
position: relative;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-position-xxl-down-relative {
position: relative;
}
}
@media only screen and (max-width: 1199.8px) {
.u-position-xl-down-relative {
position: relative;
}
}
@media only screen and (max-width: 991.8px) {
.u-position-lg-down-relative {
position: relative;
}
}
@media only screen and (max-width: 767.8px) {
.u-position-md-down-relative {
position: relative;
}
}
@media only screen and (max-width: 575.8px) {
.u-position-sm-down-relative {
position: relative;
}
}
@media only screen and (max-width: 320.8px) {
.u-position-xs-down-relative {
position: relative;
}
}
.u-position-static {
position: static;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-position-xxs-only-static {
position: static;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-position-xs-only-static {
position: static;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-position-sm-only-static {
position: static;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-position-md-only-static {
position: static;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-position-lg-only-static {
position: static;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-position-xl-only-static {
position: static;
}
}
@media only screen and (min-width: 1400px) {
.u-position-xxl-only-static {
position: static;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-position-xs-up-static {
position: static;
}
}
@media only screen and (min-width: 576px) {
.u-position-sm-up-static {
position: static;
}
}
@media only screen and (min-width: 768px) {
.u-position-md-up-static {
position: static;
}
}
@media only screen and (min-width: 992px) {
.u-position-lg-up-static {
position: static;
}
}
@media only screen and (min-width: 1200px) {
.u-position-xl-up-static {
position: static;
}
}
@media only screen and (min-width: 1400px) {
.u-position-xxl-up-static {
position: static;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-position-xxl-down-static {
position: static;
}
}
@media only screen and (max-width: 1199.8px) {
.u-position-xl-down-static {
position: static;
}
}
@media only screen and (max-width: 991.8px) {
.u-position-lg-down-static {
position: static;
}
}
@media only screen and (max-width: 767.8px) {
.u-position-md-down-static {
position: static;
}
}
@media only screen and (max-width: 575.8px) {
.u-position-sm-down-static {
position: static;
}
}
@media only screen and (max-width: 320.8px) {
.u-position-xs-down-static {
position: static;
}
}
.u-position-fixed {
position: fixed;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-position-xxs-only-fixed {
position: fixed;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-position-xs-only-fixed {
position: fixed;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-position-sm-only-fixed {
position: fixed;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-position-md-only-fixed {
position: fixed;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-position-lg-only-fixed {
position: fixed;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-position-xl-only-fixed {
position: fixed;
}
}
@media only screen and (min-width: 1400px) {
.u-position-xxl-only-fixed {
position: fixed;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-position-xs-up-fixed {
position: fixed;
}
}
@media only screen and (min-width: 576px) {
.u-position-sm-up-fixed {
position: fixed;
}
}
@media only screen and (min-width: 768px) {
.u-position-md-up-fixed {
position: fixed;
}
}
@media only screen and (min-width: 992px) {
.u-position-lg-up-fixed {
position: fixed;
}
}
@media only screen and (min-width: 1200px) {
.u-position-xl-up-fixed {
position: fixed;
}
}
@media only screen and (min-width: 1400px) {
.u-position-xxl-up-fixed {
position: fixed;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-position-xxl-down-fixed {
position: fixed;
}
}
@media only screen and (max-width: 1199.8px) {
.u-position-xl-down-fixed {
position: fixed;
}
}
@media only screen and (max-width: 991.8px) {
.u-position-lg-down-fixed {
position: fixed;
}
}
@media only screen and (max-width: 767.8px) {
.u-position-md-down-fixed {
position: fixed;
}
}
@media only screen and (max-width: 575.8px) {
.u-position-sm-down-fixed {
position: fixed;
}
}
@media only screen and (max-width: 320.8px) {
.u-position-xs-down-fixed {
position: fixed;
}
}
.u-position-sticky {
position: sticky;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-position-xxs-only-sticky {
position: sticky;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-position-xs-only-sticky {
position: sticky;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-position-sm-only-sticky {
position: sticky;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-position-md-only-sticky {
position: sticky;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-position-lg-only-sticky {
position: sticky;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-position-xl-only-sticky {
position: sticky;
}
}
@media only screen and (min-width: 1400px) {
.u-position-xxl-only-sticky {
position: sticky;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-position-xs-up-sticky {
position: sticky;
}
}
@media only screen and (min-width: 576px) {
.u-position-sm-up-sticky {
position: sticky;
}
}
@media only screen and (min-width: 768px) {
.u-position-md-up-sticky {
position: sticky;
}
}
@media only screen and (min-width: 992px) {
.u-position-lg-up-sticky {
position: sticky;
}
}
@media only screen and (min-width: 1200px) {
.u-position-xl-up-sticky {
position: sticky;
}
}
@media only screen and (min-width: 1400px) {
.u-position-xxl-up-sticky {
position: sticky;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-position-xxl-down-sticky {
position: sticky;
}
}
@media only screen and (max-width: 1199.8px) {
.u-position-xl-down-sticky {
position: sticky;
}
}
@media only screen and (max-width: 991.8px) {
.u-position-lg-down-sticky {
position: sticky;
}
}
@media only screen and (max-width: 767.8px) {
.u-position-md-down-sticky {
position: sticky;
}
}
@media only screen and (max-width: 575.8px) {
.u-position-sm-down-sticky {
position: sticky;
}
}
@media only screen and (max-width: 320.8px) {
.u-position-xs-down-sticky {
position: sticky;
}
}
/* arrange elements */
.u-top-0 {
top: 0;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-top-xxs-only-0 {
top: 0;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-top-xs-only-0 {
top: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-top-sm-only-0 {
top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-top-md-only-0 {
top: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-top-lg-only-0 {
top: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-top-xl-only-0 {
top: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-top-xxl-only-0 {
top: 0;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-top-xs-up-0 {
top: 0;
}
}
@media only screen and (min-width: 576px) {
.u-top-sm-up-0 {
top: 0;
}
}
@media only screen and (min-width: 768px) {
.u-top-md-up-0 {
top: 0;
}
}
@media only screen and (min-width: 992px) {
.u-top-lg-up-0 {
top: 0;
}
}
@media only screen and (min-width: 1200px) {
.u-top-xl-up-0 {
top: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-top-xxl-up-0 {
top: 0;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-top-xxl-down-0 {
top: 0;
}
}
@media only screen and (max-width: 1199.8px) {
.u-top-xl-down-0 {
top: 0;
}
}
@media only screen and (max-width: 991.8px) {
.u-top-lg-down-0 {
top: 0;
}
}
@media only screen and (max-width: 767.8px) {
.u-top-md-down-0 {
top: 0;
}
}
@media only screen and (max-width: 575.8px) {
.u-top-sm-down-0 {
top: 0;
}
}
@media only screen and (max-width: 320.8px) {
.u-top-xs-down-0 {
top: 0;
}
}
.u-top-50 {
top: 50%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-top-xxs-only-50 {
top: 50%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-top-xs-only-50 {
top: 50%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-top-sm-only-50 {
top: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-top-md-only-50 {
top: 50%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-top-lg-only-50 {
top: 50%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-top-xl-only-50 {
top: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-top-xxl-only-50 {
top: 50%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-top-xs-up-50 {
top: 50%;
}
}
@media only screen and (min-width: 576px) {
.u-top-sm-up-50 {
top: 50%;
}
}
@media only screen and (min-width: 768px) {
.u-top-md-up-50 {
top: 50%;
}
}
@media only screen and (min-width: 992px) {
.u-top-lg-up-50 {
top: 50%;
}
}
@media only screen and (min-width: 1200px) {
.u-top-xl-up-50 {
top: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-top-xxl-up-50 {
top: 50%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-top-xxl-down-50 {
top: 50%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-top-xl-down-50 {
top: 50%;
}
}
@media only screen and (max-width: 991.8px) {
.u-top-lg-down-50 {
top: 50%;
}
}
@media only screen and (max-width: 767.8px) {
.u-top-md-down-50 {
top: 50%;
}
}
@media only screen and (max-width: 575.8px) {
.u-top-sm-down-50 {
top: 50%;
}
}
@media only screen and (max-width: 320.8px) {
.u-top-xs-down-50 {
top: 50%;
}
}
.u-top-100 {
top: 100%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-top-xxs-only-100 {
top: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-top-xs-only-100 {
top: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-top-sm-only-100 {
top: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-top-md-only-100 {
top: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-top-lg-only-100 {
top: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-top-xl-only-100 {
top: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-top-xxl-only-100 {
top: 100%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-top-xs-up-100 {
top: 100%;
}
}
@media only screen and (min-width: 576px) {
.u-top-sm-up-100 {
top: 100%;
}
}
@media only screen and (min-width: 768px) {
.u-top-md-up-100 {
top: 100%;
}
}
@media only screen and (min-width: 992px) {
.u-top-lg-up-100 {
top: 100%;
}
}
@media only screen and (min-width: 1200px) {
.u-top-xl-up-100 {
top: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-top-xxl-up-100 {
top: 100%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-top-xxl-down-100 {
top: 100%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-top-xl-down-100 {
top: 100%;
}
}
@media only screen and (max-width: 991.8px) {
.u-top-lg-down-100 {
top: 100%;
}
}
@media only screen and (max-width: 767.8px) {
.u-top-md-down-100 {
top: 100%;
}
}
@media only screen and (max-width: 575.8px) {
.u-top-sm-down-100 {
top: 100%;
}
}
@media only screen and (max-width: 320.8px) {
.u-top-xs-down-100 {
top: 100%;
}
}
.u-start-0 {
left: 0;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-start-xxs-only-0 {
left: 0;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-start-xs-only-0 {
left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-start-sm-only-0 {
left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-start-md-only-0 {
left: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-start-lg-only-0 {
left: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-start-xl-only-0 {
left: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-start-xxl-only-0 {
left: 0;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-start-xs-up-0 {
left: 0;
}
}
@media only screen and (min-width: 576px) {
.u-start-sm-up-0 {
left: 0;
}
}
@media only screen and (min-width: 768px) {
.u-start-md-up-0 {
left: 0;
}
}
@media only screen and (min-width: 992px) {
.u-start-lg-up-0 {
left: 0;
}
}
@media only screen and (min-width: 1200px) {
.u-start-xl-up-0 {
left: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-start-xxl-up-0 {
left: 0;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-start-xxl-down-0 {
left: 0;
}
}
@media only screen and (max-width: 1199.8px) {
.u-start-xl-down-0 {
left: 0;
}
}
@media only screen and (max-width: 991.8px) {
.u-start-lg-down-0 {
left: 0;
}
}
@media only screen and (max-width: 767.8px) {
.u-start-md-down-0 {
left: 0;
}
}
@media only screen and (max-width: 575.8px) {
.u-start-sm-down-0 {
left: 0;
}
}
@media only screen and (max-width: 320.8px) {
.u-start-xs-down-0 {
left: 0;
}
}
.u-start-50 {
left: 50%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-start-xxs-only-50 {
left: 50%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-start-xs-only-50 {
left: 50%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-start-sm-only-50 {
left: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-start-md-only-50 {
left: 50%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-start-lg-only-50 {
left: 50%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-start-xl-only-50 {
left: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-start-xxl-only-50 {
left: 50%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-start-xs-up-50 {
left: 50%;
}
}
@media only screen and (min-width: 576px) {
.u-start-sm-up-50 {
left: 50%;
}
}
@media only screen and (min-width: 768px) {
.u-start-md-up-50 {
left: 50%;
}
}
@media only screen and (min-width: 992px) {
.u-start-lg-up-50 {
left: 50%;
}
}
@media only screen and (min-width: 1200px) {
.u-start-xl-up-50 {
left: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-start-xxl-up-50 {
left: 50%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-start-xxl-down-50 {
left: 50%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-start-xl-down-50 {
left: 50%;
}
}
@media only screen and (max-width: 991.8px) {
.u-start-lg-down-50 {
left: 50%;
}
}
@media only screen and (max-width: 767.8px) {
.u-start-md-down-50 {
left: 50%;
}
}
@media only screen and (max-width: 575.8px) {
.u-start-sm-down-50 {
left: 50%;
}
}
@media only screen and (max-width: 320.8px) {
.u-start-xs-down-50 {
left: 50%;
}
}
.u-start-100 {
left: 100%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-start-xxs-only-100 {
left: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-start-xs-only-100 {
left: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-start-sm-only-100 {
left: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-start-md-only-100 {
left: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-start-lg-only-100 {
left: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-start-xl-only-100 {
left: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-start-xxl-only-100 {
left: 100%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-start-xs-up-100 {
left: 100%;
}
}
@media only screen and (min-width: 576px) {
.u-start-sm-up-100 {
left: 100%;
}
}
@media only screen and (min-width: 768px) {
.u-start-md-up-100 {
left: 100%;
}
}
@media only screen and (min-width: 992px) {
.u-start-lg-up-100 {
left: 100%;
}
}
@media only screen and (min-width: 1200px) {
.u-start-xl-up-100 {
left: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-start-xxl-up-100 {
left: 100%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-start-xxl-down-100 {
left: 100%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-start-xl-down-100 {
left: 100%;
}
}
@media only screen and (max-width: 991.8px) {
.u-start-lg-down-100 {
left: 100%;
}
}
@media only screen and (max-width: 767.8px) {
.u-start-md-down-100 {
left: 100%;
}
}
@media only screen and (max-width: 575.8px) {
.u-start-sm-down-100 {
left: 100%;
}
}
@media only screen and (max-width: 320.8px) {
.u-start-xs-down-100 {
left: 100%;
}
}
.u-bottom-0 {
bottom: 0;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-bottom-xxs-only-0 {
bottom: 0;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-bottom-xs-only-0 {
bottom: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-bottom-sm-only-0 {
bottom: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-bottom-md-only-0 {
bottom: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-bottom-lg-only-0 {
bottom: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-bottom-xl-only-0 {
bottom: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-bottom-xxl-only-0 {
bottom: 0;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-bottom-xs-up-0 {
bottom: 0;
}
}
@media only screen and (min-width: 576px) {
.u-bottom-sm-up-0 {
bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.u-bottom-md-up-0 {
bottom: 0;
}
}
@media only screen and (min-width: 992px) {
.u-bottom-lg-up-0 {
bottom: 0;
}
}
@media only screen and (min-width: 1200px) {
.u-bottom-xl-up-0 {
bottom: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-bottom-xxl-up-0 {
bottom: 0;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-bottom-xxl-down-0 {
bottom: 0;
}
}
@media only screen and (max-width: 1199.8px) {
.u-bottom-xl-down-0 {
bottom: 0;
}
}
@media only screen and (max-width: 991.8px) {
.u-bottom-lg-down-0 {
bottom: 0;
}
}
@media only screen and (max-width: 767.8px) {
.u-bottom-md-down-0 {
bottom: 0;
}
}
@media only screen and (max-width: 575.8px) {
.u-bottom-sm-down-0 {
bottom: 0;
}
}
@media only screen and (max-width: 320.8px) {
.u-bottom-xs-down-0 {
bottom: 0;
}
}
.u-bottom-50 {
bottom: 50%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-bottom-xxs-only-50 {
bottom: 50%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-bottom-xs-only-50 {
bottom: 50%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-bottom-sm-only-50 {
bottom: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-bottom-md-only-50 {
bottom: 50%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-bottom-lg-only-50 {
bottom: 50%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-bottom-xl-only-50 {
bottom: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-bottom-xxl-only-50 {
bottom: 50%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-bottom-xs-up-50 {
bottom: 50%;
}
}
@media only screen and (min-width: 576px) {
.u-bottom-sm-up-50 {
bottom: 50%;
}
}
@media only screen and (min-width: 768px) {
.u-bottom-md-up-50 {
bottom: 50%;
}
}
@media only screen and (min-width: 992px) {
.u-bottom-lg-up-50 {
bottom: 50%;
}
}
@media only screen and (min-width: 1200px) {
.u-bottom-xl-up-50 {
bottom: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-bottom-xxl-up-50 {
bottom: 50%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-bottom-xxl-down-50 {
bottom: 50%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-bottom-xl-down-50 {
bottom: 50%;
}
}
@media only screen and (max-width: 991.8px) {
.u-bottom-lg-down-50 {
bottom: 50%;
}
}
@media only screen and (max-width: 767.8px) {
.u-bottom-md-down-50 {
bottom: 50%;
}
}
@media only screen and (max-width: 575.8px) {
.u-bottom-sm-down-50 {
bottom: 50%;
}
}
@media only screen and (max-width: 320.8px) {
.u-bottom-xs-down-50 {
bottom: 50%;
}
}
.u-bottom-100 {
bottom: 100%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-bottom-xxs-only-100 {
bottom: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-bottom-xs-only-100 {
bottom: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-bottom-sm-only-100 {
bottom: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-bottom-md-only-100 {
bottom: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-bottom-lg-only-100 {
bottom: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-bottom-xl-only-100 {
bottom: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-bottom-xxl-only-100 {
bottom: 100%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-bottom-xs-up-100 {
bottom: 100%;
}
}
@media only screen and (min-width: 576px) {
.u-bottom-sm-up-100 {
bottom: 100%;
}
}
@media only screen and (min-width: 768px) {
.u-bottom-md-up-100 {
bottom: 100%;
}
}
@media only screen and (min-width: 992px) {
.u-bottom-lg-up-100 {
bottom: 100%;
}
}
@media only screen and (min-width: 1200px) {
.u-bottom-xl-up-100 {
bottom: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-bottom-xxl-up-100 {
bottom: 100%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-bottom-xxl-down-100 {
bottom: 100%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-bottom-xl-down-100 {
bottom: 100%;
}
}
@media only screen and (max-width: 991.8px) {
.u-bottom-lg-down-100 {
bottom: 100%;
}
}
@media only screen and (max-width: 767.8px) {
.u-bottom-md-down-100 {
bottom: 100%;
}
}
@media only screen and (max-width: 575.8px) {
.u-bottom-sm-down-100 {
bottom: 100%;
}
}
@media only screen and (max-width: 320.8px) {
.u-bottom-xs-down-100 {
bottom: 100%;
}
}
.u-end-0 {
right: 0;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-end-xxs-only-0 {
right: 0;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-end-xs-only-0 {
right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-end-sm-only-0 {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-end-md-only-0 {
right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-end-lg-only-0 {
right: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-end-xl-only-0 {
right: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-end-xxl-only-0 {
right: 0;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-end-xs-up-0 {
right: 0;
}
}
@media only screen and (min-width: 576px) {
.u-end-sm-up-0 {
right: 0;
}
}
@media only screen and (min-width: 768px) {
.u-end-md-up-0 {
right: 0;
}
}
@media only screen and (min-width: 992px) {
.u-end-lg-up-0 {
right: 0;
}
}
@media only screen and (min-width: 1200px) {
.u-end-xl-up-0 {
right: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-end-xxl-up-0 {
right: 0;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-end-xxl-down-0 {
right: 0;
}
}
@media only screen and (max-width: 1199.8px) {
.u-end-xl-down-0 {
right: 0;
}
}
@media only screen and (max-width: 991.8px) {
.u-end-lg-down-0 {
right: 0;
}
}
@media only screen and (max-width: 767.8px) {
.u-end-md-down-0 {
right: 0;
}
}
@media only screen and (max-width: 575.8px) {
.u-end-sm-down-0 {
right: 0;
}
}
@media only screen and (max-width: 320.8px) {
.u-end-xs-down-0 {
right: 0;
}
}
.u-end-50 {
right: 50%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-end-xxs-only-50 {
right: 50%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-end-xs-only-50 {
right: 50%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-end-sm-only-50 {
right: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-end-md-only-50 {
right: 50%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-end-lg-only-50 {
right: 50%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-end-xl-only-50 {
right: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-end-xxl-only-50 {
right: 50%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-end-xs-up-50 {
right: 50%;
}
}
@media only screen and (min-width: 576px) {
.u-end-sm-up-50 {
right: 50%;
}
}
@media only screen and (min-width: 768px) {
.u-end-md-up-50 {
right: 50%;
}
}
@media only screen and (min-width: 992px) {
.u-end-lg-up-50 {
right: 50%;
}
}
@media only screen and (min-width: 1200px) {
.u-end-xl-up-50 {
right: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-end-xxl-up-50 {
right: 50%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-end-xxl-down-50 {
right: 50%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-end-xl-down-50 {
right: 50%;
}
}
@media only screen and (max-width: 991.8px) {
.u-end-lg-down-50 {
right: 50%;
}
}
@media only screen and (max-width: 767.8px) {
.u-end-md-down-50 {
right: 50%;
}
}
@media only screen and (max-width: 575.8px) {
.u-end-sm-down-50 {
right: 50%;
}
}
@media only screen and (max-width: 320.8px) {
.u-end-xs-down-50 {
right: 50%;
}
}
.u-end-100 {
right: 100%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-end-xxs-only-100 {
right: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-end-xs-only-100 {
right: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-end-sm-only-100 {
right: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-end-md-only-100 {
right: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-end-lg-only-100 {
right: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-end-xl-only-100 {
right: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-end-xxl-only-100 {
right: 100%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-end-xs-up-100 {
right: 100%;
}
}
@media only screen and (min-width: 576px) {
.u-end-sm-up-100 {
right: 100%;
}
}
@media only screen and (min-width: 768px) {
.u-end-md-up-100 {
right: 100%;
}
}
@media only screen and (min-width: 992px) {
.u-end-lg-up-100 {
right: 100%;
}
}
@media only screen and (min-width: 1200px) {
.u-end-xl-up-100 {
right: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-end-xxl-up-100 {
right: 100%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-end-xxl-down-100 {
right: 100%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-end-xl-down-100 {
right: 100%;
}
}
@media only screen and (max-width: 991.8px) {
.u-end-lg-down-100 {
right: 100%;
}
}
@media only screen and (max-width: 767.8px) {
.u-end-md-down-100 {
right: 100%;
}
}
@media only screen and (max-width: 575.8px) {
.u-end-sm-down-100 {
right: 100%;
}
}
@media only screen and (max-width: 320.8px) {
.u-end-xs-down-100 {
right: 100%;
}
}
/* translate middle */
.u-translate-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-translate-xxs-only-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-translate-xs-only-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-translate-sm-only-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-translate-md-only-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-translate-lg-only-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-translate-xl-only-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 1400px) {
.u-translate-xxl-only-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-translate-xs-up-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 576px) {
.u-translate-sm-up-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 768px) {
.u-translate-md-up-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 992px) {
.u-translate-lg-up-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 1200px) {
.u-translate-xl-up-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 1400px) {
.u-translate-xxl-up-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-translate-xxl-down-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (max-width: 1199.8px) {
.u-translate-xl-down-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (max-width: 991.8px) {
.u-translate-lg-down-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (max-width: 767.8px) {
.u-translate-md-down-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (max-width: 575.8px) {
.u-translate-sm-down-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (max-width: 320.8px) {
.u-translate-xs-down-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.u-translate-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-translate-xxs-only-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-translate-xs-only-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-translate-sm-only-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-translate-md-only-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-translate-lg-only-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-translate-xl-only-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1400px) {
.u-translate-xxl-only-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-translate-xs-up-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 576px) {
.u-translate-sm-up-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 768px) {
.u-translate-md-up-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 992px) {
.u-translate-lg-up-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1200px) {
.u-translate-xl-up-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1400px) {
.u-translate-xxl-up-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-translate-xxl-down-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (max-width: 1199.8px) {
.u-translate-xl-down-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (max-width: 991.8px) {
.u-translate-lg-down-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (max-width: 767.8px) {
.u-translate-md-down-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (max-width: 575.8px) {
.u-translate-sm-down-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (max-width: 320.8px) {
.u-translate-xs-down-middle-x {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.u-translate-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-translate-xxs-only-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-translate-xs-only-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-translate-sm-only-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-translate-md-only-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-translate-lg-only-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-translate-xl-only-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 1400px) {
.u-translate-xxl-only-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-translate-xs-up-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 576px) {
.u-translate-sm-up-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 768px) {
.u-translate-md-up-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 992px) {
.u-translate-lg-up-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 1200px) {
.u-translate-xl-up-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 1400px) {
.u-translate-xxl-up-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-translate-xxl-down-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (max-width: 1199.8px) {
.u-translate-xl-down-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (max-width: 991.8px) {
.u-translate-lg-down-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (max-width: 767.8px) {
.u-translate-md-down-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (max-width: 575.8px) {
.u-translate-sm-down-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (max-width: 320.8px) {
.u-translate-xs-down-middle-y {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
/* ==========================================================================
size
========================================================================== */
/* width */
.u-w-25 {
width: 25%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-w-xxs-only-25 {
width: 25%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-w-xs-only-25 {
width: 25%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-w-sm-only-25 {
width: 25%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-w-md-only-25 {
width: 25%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-w-lg-only-25 {
width: 25%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-w-xl-only-25 {
width: 25%;
}
}
@media only screen and (min-width: 1400px) {
.u-w-xxl-only-25 {
width: 25%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-w-xs-up-25 {
width: 25%;
}
}
@media only screen and (min-width: 576px) {
.u-w-sm-up-25 {
width: 25%;
}
}
@media only screen and (min-width: 768px) {
.u-w-md-up-25 {
width: 25%;
}
}
@media only screen and (min-width: 992px) {
.u-w-lg-up-25 {
width: 25%;
}
}
@media only screen and (min-width: 1200px) {
.u-w-xl-up-25 {
width: 25%;
}
}
@media only screen and (min-width: 1400px) {
.u-w-xxl-up-25 {
width: 25%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-w-xxl-down-25 {
width: 25%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-w-xl-down-25 {
width: 25%;
}
}
@media only screen and (max-width: 991.8px) {
.u-w-lg-down-25 {
width: 25%;
}
}
@media only screen and (max-width: 767.8px) {
.u-w-md-down-25 {
width: 25%;
}
}
@media only screen and (max-width: 575.8px) {
.u-w-sm-down-25 {
width: 25%;
}
}
@media only screen and (max-width: 320.8px) {
.u-w-xs-down-25 {
width: 25%;
}
}
.u-w-50 {
width: 50%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-w-xxs-only-50 {
width: 50%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-w-xs-only-50 {
width: 50%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-w-sm-only-50 {
width: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-w-md-only-50 {
width: 50%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-w-lg-only-50 {
width: 50%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-w-xl-only-50 {
width: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-w-xxl-only-50 {
width: 50%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-w-xs-up-50 {
width: 50%;
}
}
@media only screen and (min-width: 576px) {
.u-w-sm-up-50 {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.u-w-md-up-50 {
width: 50%;
}
}
@media only screen and (min-width: 992px) {
.u-w-lg-up-50 {
width: 50%;
}
}
@media only screen and (min-width: 1200px) {
.u-w-xl-up-50 {
width: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-w-xxl-up-50 {
width: 50%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-w-xxl-down-50 {
width: 50%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-w-xl-down-50 {
width: 50%;
}
}
@media only screen and (max-width: 991.8px) {
.u-w-lg-down-50 {
width: 50%;
}
}
@media only screen and (max-width: 767.8px) {
.u-w-md-down-50 {
width: 50%;
}
}
@media only screen and (max-width: 575.8px) {
.u-w-sm-down-50 {
width: 50%;
}
}
@media only screen and (max-width: 320.8px) {
.u-w-xs-down-50 {
width: 50%;
}
}
.u-w-75 {
width: 75%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-w-xxs-only-75 {
width: 75%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-w-xs-only-75 {
width: 75%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-w-sm-only-75 {
width: 75%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-w-md-only-75 {
width: 75%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-w-lg-only-75 {
width: 75%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-w-xl-only-75 {
width: 75%;
}
}
@media only screen and (min-width: 1400px) {
.u-w-xxl-only-75 {
width: 75%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-w-xs-up-75 {
width: 75%;
}
}
@media only screen and (min-width: 576px) {
.u-w-sm-up-75 {
width: 75%;
}
}
@media only screen and (min-width: 768px) {
.u-w-md-up-75 {
width: 75%;
}
}
@media only screen and (min-width: 992px) {
.u-w-lg-up-75 {
width: 75%;
}
}
@media only screen and (min-width: 1200px) {
.u-w-xl-up-75 {
width: 75%;
}
}
@media only screen and (min-width: 1400px) {
.u-w-xxl-up-75 {
width: 75%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-w-xxl-down-75 {
width: 75%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-w-xl-down-75 {
width: 75%;
}
}
@media only screen and (max-width: 991.8px) {
.u-w-lg-down-75 {
width: 75%;
}
}
@media only screen and (max-width: 767.8px) {
.u-w-md-down-75 {
width: 75%;
}
}
@media only screen and (max-width: 575.8px) {
.u-w-sm-down-75 {
width: 75%;
}
}
@media only screen and (max-width: 320.8px) {
.u-w-xs-down-75 {
width: 75%;
}
}
.u-w-100 {
width: 100%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-w-xxs-only-100 {
width: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-w-xs-only-100 {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-w-sm-only-100 {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-w-md-only-100 {
width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-w-lg-only-100 {
width: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-w-xl-only-100 {
width: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-w-xxl-only-100 {
width: 100%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-w-xs-up-100 {
width: 100%;
}
}
@media only screen and (min-width: 576px) {
.u-w-sm-up-100 {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.u-w-md-up-100 {
width: 100%;
}
}
@media only screen and (min-width: 992px) {
.u-w-lg-up-100 {
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.u-w-xl-up-100 {
width: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-w-xxl-up-100 {
width: 100%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-w-xxl-down-100 {
width: 100%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-w-xl-down-100 {
width: 100%;
}
}
@media only screen and (max-width: 991.8px) {
.u-w-lg-down-100 {
width: 100%;
}
}
@media only screen and (max-width: 767.8px) {
.u-w-md-down-100 {
width: 100%;
}
}
@media only screen and (max-width: 575.8px) {
.u-w-sm-down-100 {
width: 100%;
}
}
@media only screen and (max-width: 320.8px) {
.u-w-xs-down-100 {
width: 100%;
}
}
.u-w-auto {
width: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-w-xxs-only-auto {
width: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-w-xs-only-auto {
width: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-w-sm-only-auto {
width: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-w-md-only-auto {
width: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-w-lg-only-auto {
width: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-w-xl-only-auto {
width: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-w-xxl-only-auto {
width: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-w-xs-up-auto {
width: auto;
}
}
@media only screen and (min-width: 576px) {
.u-w-sm-up-auto {
width: auto;
}
}
@media only screen and (min-width: 768px) {
.u-w-md-up-auto {
width: auto;
}
}
@media only screen and (min-width: 992px) {
.u-w-lg-up-auto {
width: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-w-xl-up-auto {
width: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-w-xxl-up-auto {
width: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-w-xxl-down-auto {
width: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-w-xl-down-auto {
width: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-w-lg-down-auto {
width: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-w-md-down-auto {
width: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-w-sm-down-auto {
width: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-w-xs-down-auto {
width: auto;
}
}
/* height */
.u-h-25 {
height: 25%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-h-xxs-only-25 {
height: 25%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-h-xs-only-25 {
height: 25%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-h-sm-only-25 {
height: 25%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-h-md-only-25 {
height: 25%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-h-lg-only-25 {
height: 25%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-h-xl-only-25 {
height: 25%;
}
}
@media only screen and (min-width: 1400px) {
.u-h-xxl-only-25 {
height: 25%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-h-xs-up-25 {
height: 25%;
}
}
@media only screen and (min-width: 576px) {
.u-h-sm-up-25 {
height: 25%;
}
}
@media only screen and (min-width: 768px) {
.u-h-md-up-25 {
height: 25%;
}
}
@media only screen and (min-width: 992px) {
.u-h-lg-up-25 {
height: 25%;
}
}
@media only screen and (min-width: 1200px) {
.u-h-xl-up-25 {
height: 25%;
}
}
@media only screen and (min-width: 1400px) {
.u-h-xxl-up-25 {
height: 25%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-h-xxl-down-25 {
height: 25%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-h-xl-down-25 {
height: 25%;
}
}
@media only screen and (max-width: 991.8px) {
.u-h-lg-down-25 {
height: 25%;
}
}
@media only screen and (max-width: 767.8px) {
.u-h-md-down-25 {
height: 25%;
}
}
@media only screen and (max-width: 575.8px) {
.u-h-sm-down-25 {
height: 25%;
}
}
@media only screen and (max-width: 320.8px) {
.u-h-xs-down-25 {
height: 25%;
}
}
.u-h-50 {
height: 50%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-h-xxs-only-50 {
height: 50%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-h-xs-only-50 {
height: 50%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-h-sm-only-50 {
height: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-h-md-only-50 {
height: 50%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-h-lg-only-50 {
height: 50%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-h-xl-only-50 {
height: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-h-xxl-only-50 {
height: 50%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-h-xs-up-50 {
height: 50%;
}
}
@media only screen and (min-width: 576px) {
.u-h-sm-up-50 {
height: 50%;
}
}
@media only screen and (min-width: 768px) {
.u-h-md-up-50 {
height: 50%;
}
}
@media only screen and (min-width: 992px) {
.u-h-lg-up-50 {
height: 50%;
}
}
@media only screen and (min-width: 1200px) {
.u-h-xl-up-50 {
height: 50%;
}
}
@media only screen and (min-width: 1400px) {
.u-h-xxl-up-50 {
height: 50%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-h-xxl-down-50 {
height: 50%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-h-xl-down-50 {
height: 50%;
}
}
@media only screen and (max-width: 991.8px) {
.u-h-lg-down-50 {
height: 50%;
}
}
@media only screen and (max-width: 767.8px) {
.u-h-md-down-50 {
height: 50%;
}
}
@media only screen and (max-width: 575.8px) {
.u-h-sm-down-50 {
height: 50%;
}
}
@media only screen and (max-width: 320.8px) {
.u-h-xs-down-50 {
height: 50%;
}
}
.u-h-75 {
height: 75%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-h-xxs-only-75 {
height: 75%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-h-xs-only-75 {
height: 75%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-h-sm-only-75 {
height: 75%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-h-md-only-75 {
height: 75%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-h-lg-only-75 {
height: 75%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-h-xl-only-75 {
height: 75%;
}
}
@media only screen and (min-width: 1400px) {
.u-h-xxl-only-75 {
height: 75%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-h-xs-up-75 {
height: 75%;
}
}
@media only screen and (min-width: 576px) {
.u-h-sm-up-75 {
height: 75%;
}
}
@media only screen and (min-width: 768px) {
.u-h-md-up-75 {
height: 75%;
}
}
@media only screen and (min-width: 992px) {
.u-h-lg-up-75 {
height: 75%;
}
}
@media only screen and (min-width: 1200px) {
.u-h-xl-up-75 {
height: 75%;
}
}
@media only screen and (min-width: 1400px) {
.u-h-xxl-up-75 {
height: 75%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-h-xxl-down-75 {
height: 75%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-h-xl-down-75 {
height: 75%;
}
}
@media only screen and (max-width: 991.8px) {
.u-h-lg-down-75 {
height: 75%;
}
}
@media only screen and (max-width: 767.8px) {
.u-h-md-down-75 {
height: 75%;
}
}
@media only screen and (max-width: 575.8px) {
.u-h-sm-down-75 {
height: 75%;
}
}
@media only screen and (max-width: 320.8px) {
.u-h-xs-down-75 {
height: 75%;
}
}
.u-h-100 {
height: 100%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-h-xxs-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-h-xs-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-h-sm-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-h-md-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-h-lg-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-h-xl-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-h-xxl-only-100 {
height: 100%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-h-xs-up-100 {
height: 100%;
}
}
@media only screen and (min-width: 576px) {
.u-h-sm-up-100 {
height: 100%;
}
}
@media only screen and (min-width: 768px) {
.u-h-md-up-100 {
height: 100%;
}
}
@media only screen and (min-width: 992px) {
.u-h-lg-up-100 {
height: 100%;
}
}
@media only screen and (min-width: 1200px) {
.u-h-xl-up-100 {
height: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-h-xxl-up-100 {
height: 100%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-h-xxl-down-100 {
height: 100%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-h-xl-down-100 {
height: 100%;
}
}
@media only screen and (max-width: 991.8px) {
.u-h-lg-down-100 {
height: 100%;
}
}
@media only screen and (max-width: 767.8px) {
.u-h-md-down-100 {
height: 100%;
}
}
@media only screen and (max-width: 575.8px) {
.u-h-sm-down-100 {
height: 100%;
}
}
@media only screen and (max-width: 320.8px) {
.u-h-xs-down-100 {
height: 100%;
}
}
.u-h-auto {
height: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-h-xxs-only-auto {
height: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-h-xs-only-auto {
height: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-h-sm-only-auto {
height: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-h-md-only-auto {
height: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-h-lg-only-auto {
height: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-h-xl-only-auto {
height: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-h-xxl-only-auto {
height: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-h-xs-up-auto {
height: auto;
}
}
@media only screen and (min-width: 576px) {
.u-h-sm-up-auto {
height: auto;
}
}
@media only screen and (min-width: 768px) {
.u-h-md-up-auto {
height: auto;
}
}
@media only screen and (min-width: 992px) {
.u-h-lg-up-auto {
height: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-h-xl-up-auto {
height: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-h-xxl-up-auto {
height: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-h-xxl-down-auto {
height: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-h-xl-down-auto {
height: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-h-lg-down-auto {
height: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-h-md-down-auto {
height: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-h-sm-down-auto {
height: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-h-xs-down-auto {
height: auto;
}
}
/* max-[width | height] */
.u-mw-100 {
max-width: 100%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mw-xxs-only-100 {
max-width: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mw-xs-only-100 {
max-width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mw-sm-only-100 {
max-width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mw-md-only-100 {
max-width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mw-lg-only-100 {
max-width: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mw-xl-only-100 {
max-width: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-mw-xxl-only-100 {
max-width: 100%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mw-xs-up-100 {
max-width: 100%;
}
}
@media only screen and (min-width: 576px) {
.u-mw-sm-up-100 {
max-width: 100%;
}
}
@media only screen and (min-width: 768px) {
.u-mw-md-up-100 {
max-width: 100%;
}
}
@media only screen and (min-width: 992px) {
.u-mw-lg-up-100 {
max-width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.u-mw-xl-up-100 {
max-width: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-mw-xxl-up-100 {
max-width: 100%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mw-xxl-down-100 {
max-width: 100%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mw-xl-down-100 {
max-width: 100%;
}
}
@media only screen and (max-width: 991.8px) {
.u-mw-lg-down-100 {
max-width: 100%;
}
}
@media only screen and (max-width: 767.8px) {
.u-mw-md-down-100 {
max-width: 100%;
}
}
@media only screen and (max-width: 575.8px) {
.u-mw-sm-down-100 {
max-width: 100%;
}
}
@media only screen and (max-width: 320.8px) {
.u-mw-xs-down-100 {
max-width: 100%;
}
}
.u-mh-100 {
max-height: 100%;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mh-xxs-only-100 {
max-height: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mh-xs-only-100 {
max-height: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mh-sm-only-100 {
max-height: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mh-md-only-100 {
max-height: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mh-lg-only-100 {
max-height: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mh-xl-only-100 {
max-height: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-mh-xxl-only-100 {
max-height: 100%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mh-xs-up-100 {
max-height: 100%;
}
}
@media only screen and (min-width: 576px) {
.u-mh-sm-up-100 {
max-height: 100%;
}
}
@media only screen and (min-width: 768px) {
.u-mh-md-up-100 {
max-height: 100%;
}
}
@media only screen and (min-width: 992px) {
.u-mh-lg-up-100 {
max-height: 100%;
}
}
@media only screen and (min-width: 1200px) {
.u-mh-xl-up-100 {
max-height: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-mh-xxl-up-100 {
max-height: 100%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mh-xxl-down-100 {
max-height: 100%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mh-xl-down-100 {
max-height: 100%;
}
}
@media only screen and (max-width: 991.8px) {
.u-mh-lg-down-100 {
max-height: 100%;
}
}
@media only screen and (max-width: 767.8px) {
.u-mh-md-down-100 {
max-height: 100%;
}
}
@media only screen and (max-width: 575.8px) {
.u-mh-sm-down-100 {
max-height: 100%;
}
}
@media only screen and (max-width: 320.8px) {
.u-mh-xs-down-100 {
max-height: 100%;
}
}
/* vw | vh */
.u-min-vw-100 {
min-width: 100vw;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-min-vw-xxs-only-100 {
min-width: 100vw;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-min-vw-xs-only-100 {
min-width: 100vw;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-min-vw-sm-only-100 {
min-width: 100vw;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-min-vw-md-only-100 {
min-width: 100vw;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-min-vw-lg-only-100 {
min-width: 100vw;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-min-vw-xl-only-100 {
min-width: 100vw;
}
}
@media only screen and (min-width: 1400px) {
.u-min-vw-xxl-only-100 {
min-width: 100vw;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-min-vw-xs-up-100 {
min-width: 100vw;
}
}
@media only screen and (min-width: 576px) {
.u-min-vw-sm-up-100 {
min-width: 100vw;
}
}
@media only screen and (min-width: 768px) {
.u-min-vw-md-up-100 {
min-width: 100vw;
}
}
@media only screen and (min-width: 992px) {
.u-min-vw-lg-up-100 {
min-width: 100vw;
}
}
@media only screen and (min-width: 1200px) {
.u-min-vw-xl-up-100 {
min-width: 100vw;
}
}
@media only screen and (min-width: 1400px) {
.u-min-vw-xxl-up-100 {
min-width: 100vw;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-min-vw-xxl-down-100 {
min-width: 100vw;
}
}
@media only screen and (max-width: 1199.8px) {
.u-min-vw-xl-down-100 {
min-width: 100vw;
}
}
@media only screen and (max-width: 991.8px) {
.u-min-vw-lg-down-100 {
min-width: 100vw;
}
}
@media only screen and (max-width: 767.8px) {
.u-min-vw-md-down-100 {
min-width: 100vw;
}
}
@media only screen and (max-width: 575.8px) {
.u-min-vw-sm-down-100 {
min-width: 100vw;
}
}
@media only screen and (max-width: 320.8px) {
.u-min-vw-xs-down-100 {
min-width: 100vw;
}
}
.u-vw-100 {
width: 100vw;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-vw-xxs-only-100 {
width: 100vw;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-vw-xs-only-100 {
width: 100vw;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-vw-sm-only-100 {
width: 100vw;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-vw-md-only-100 {
width: 100vw;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-vw-lg-only-100 {
width: 100vw;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-vw-xl-only-100 {
width: 100vw;
}
}
@media only screen and (min-width: 1400px) {
.u-vw-xxl-only-100 {
width: 100vw;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-vw-xs-up-100 {
width: 100vw;
}
}
@media only screen and (min-width: 576px) {
.u-vw-sm-up-100 {
width: 100vw;
}
}
@media only screen and (min-width: 768px) {
.u-vw-md-up-100 {
width: 100vw;
}
}
@media only screen and (min-width: 992px) {
.u-vw-lg-up-100 {
width: 100vw;
}
}
@media only screen and (min-width: 1200px) {
.u-vw-xl-up-100 {
width: 100vw;
}
}
@media only screen and (min-width: 1400px) {
.u-vw-xxl-up-100 {
width: 100vw;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-vw-xxl-down-100 {
width: 100vw;
}
}
@media only screen and (max-width: 1199.8px) {
.u-vw-xl-down-100 {
width: 100vw;
}
}
@media only screen and (max-width: 991.8px) {
.u-vw-lg-down-100 {
width: 100vw;
}
}
@media only screen and (max-width: 767.8px) {
.u-vw-md-down-100 {
width: 100vw;
}
}
@media only screen and (max-width: 575.8px) {
.u-vw-sm-down-100 {
width: 100vw;
}
}
@media only screen and (max-width: 320.8px) {
.u-vw-xs-down-100 {
width: 100vw;
}
}
.u-min-vh-100 {
min-height: 100vh;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-min-vh-xxs-only-100 {
min-height: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-min-vh-xs-only-100 {
min-height: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-min-vh-sm-only-100 {
min-height: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-min-vh-md-only-100 {
min-height: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-min-vh-lg-only-100 {
min-height: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-min-vh-xl-only-100 {
min-height: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-min-vh-xxl-only-100 {
min-height: 100%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-min-vh-xs-up-100 {
min-height: 100%;
}
}
@media only screen and (min-width: 576px) {
.u-min-vh-sm-up-100 {
min-height: 100%;
}
}
@media only screen and (min-width: 768px) {
.u-min-vh-md-up-100 {
min-height: 100%;
}
}
@media only screen and (min-width: 992px) {
.u-min-vh-lg-up-100 {
min-height: 100%;
}
}
@media only screen and (min-width: 1200px) {
.u-min-vh-xl-up-100 {
min-height: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-min-vh-xxl-up-100 {
min-height: 100%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-min-vh-xxl-down-100 {
min-height: 100%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-min-vh-xl-down-100 {
min-height: 100%;
}
}
@media only screen and (max-width: 991.8px) {
.u-min-vh-lg-down-100 {
min-height: 100%;
}
}
@media only screen and (max-width: 767.8px) {
.u-min-vh-md-down-100 {
min-height: 100%;
}
}
@media only screen and (max-width: 575.8px) {
.u-min-vh-sm-down-100 {
min-height: 100%;
}
}
@media only screen and (max-width: 320.8px) {
.u-min-vh-xs-down-100 {
min-height: 100%;
}
}
.u-vh-100 {
height: 100vh;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-vh-xxs-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-vh-xs-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-vh-sm-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-vh-md-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-vh-lg-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-vh-xl-only-100 {
height: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-vh-xxl-only-100 {
height: 100%;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-vh-xs-up-100 {
height: 100%;
}
}
@media only screen and (min-width: 576px) {
.u-vh-sm-up-100 {
height: 100%;
}
}
@media only screen and (min-width: 768px) {
.u-vh-md-up-100 {
height: 100%;
}
}
@media only screen and (min-width: 992px) {
.u-vh-lg-up-100 {
height: 100%;
}
}
@media only screen and (min-width: 1200px) {
.u-vh-xl-up-100 {
height: 100%;
}
}
@media only screen and (min-width: 1400px) {
.u-vh-xxl-up-100 {
height: 100%;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-vh-xxl-down-100 {
height: 100%;
}
}
@media only screen and (max-width: 1199.8px) {
.u-vh-xl-down-100 {
height: 100%;
}
}
@media only screen and (max-width: 991.8px) {
.u-vh-lg-down-100 {
height: 100%;
}
}
@media only screen and (max-width: 767.8px) {
.u-vh-md-down-100 {
height: 100%;
}
}
@media only screen and (max-width: 575.8px) {
.u-vh-sm-down-100 {
height: 100%;
}
}
@media only screen and (max-width: 320.8px) {
.u-vh-xs-down-100 {
height: 100%;
}
}
/* ==========================================================================
Sizings
========================================================================== */
/* margin */
.u-mt-auto {
margin-top: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-auto {
margin-top: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-auto {
margin-top: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-auto {
margin-top: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-auto {
margin-top: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-auto {
margin-top: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-auto {
margin-top: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-auto {
margin-top: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-auto {
margin-top: auto;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-auto {
margin-top: auto;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-auto {
margin-top: auto;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-auto {
margin-top: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-auto {
margin-top: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-auto {
margin-top: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-auto {
margin-top: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-auto {
margin-top: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-auto {
margin-top: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-auto {
margin-top: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-auto {
margin-top: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-auto {
margin-top: auto;
}
}
.u-mt-0 {
margin-top: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-0 {
margin-top: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-0 {
margin-top: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-0 {
margin-top: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-0 {
margin-top: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-0 {
margin-top: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-0 {
margin-top: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-0 {
margin-top: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-0 {
margin-top: 0px;
}
}
.u-mt-5 {
margin-top: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-5 {
margin-top: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-5 {
margin-top: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-5 {
margin-top: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-5 {
margin-top: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-5 {
margin-top: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-5 {
margin-top: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-5 {
margin-top: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-5 {
margin-top: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-5 {
margin-top: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-5 {
margin-top: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-5 {
margin-top: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-5 {
margin-top: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-5 {
margin-top: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-5 {
margin-top: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-5 {
margin-top: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-5 {
margin-top: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-5 {
margin-top: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-5 {
margin-top: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-5 {
margin-top: 5px;
}
}
.u-mt-10 {
margin-top: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-10 {
margin-top: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-10 {
margin-top: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-10 {
margin-top: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-10 {
margin-top: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-10 {
margin-top: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-10 {
margin-top: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-10 {
margin-top: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-10 {
margin-top: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-10 {
margin-top: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-10 {
margin-top: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-10 {
margin-top: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-10 {
margin-top: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-10 {
margin-top: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-10 {
margin-top: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-10 {
margin-top: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-10 {
margin-top: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-10 {
margin-top: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-10 {
margin-top: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-10 {
margin-top: 10px;
}
}
.u-mt-15 {
margin-top: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-15 {
margin-top: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-15 {
margin-top: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-15 {
margin-top: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-15 {
margin-top: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-15 {
margin-top: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-15 {
margin-top: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-15 {
margin-top: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-15 {
margin-top: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-15 {
margin-top: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-15 {
margin-top: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-15 {
margin-top: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-15 {
margin-top: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-15 {
margin-top: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-15 {
margin-top: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-15 {
margin-top: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-15 {
margin-top: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-15 {
margin-top: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-15 {
margin-top: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-15 {
margin-top: 15px;
}
}
.u-mt-18 {
margin-top: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-18 {
margin-top: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-18 {
margin-top: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-18 {
margin-top: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-18 {
margin-top: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-18 {
margin-top: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-18 {
margin-top: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-18 {
margin-top: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-18 {
margin-top: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-18 {
margin-top: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-18 {
margin-top: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-18 {
margin-top: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-18 {
margin-top: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-18 {
margin-top: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-18 {
margin-top: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-18 {
margin-top: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-18 {
margin-top: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-18 {
margin-top: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-18 {
margin-top: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-18 {
margin-top: 18px;
}
}
.u-mt-20 {
margin-top: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-20 {
margin-top: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-20 {
margin-top: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-20 {
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-20 {
margin-top: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-20 {
margin-top: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-20 {
margin-top: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-20 {
margin-top: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-20 {
margin-top: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-20 {
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-20 {
margin-top: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-20 {
margin-top: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-20 {
margin-top: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-20 {
margin-top: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-20 {
margin-top: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-20 {
margin-top: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-20 {
margin-top: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-20 {
margin-top: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-20 {
margin-top: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-20 {
margin-top: 20px;
}
}
.u-mt-25 {
margin-top: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-25 {
margin-top: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-25 {
margin-top: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-25 {
margin-top: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-25 {
margin-top: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-25 {
margin-top: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-25 {
margin-top: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-25 {
margin-top: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-25 {
margin-top: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-25 {
margin-top: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-25 {
margin-top: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-25 {
margin-top: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-25 {
margin-top: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-25 {
margin-top: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-25 {
margin-top: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-25 {
margin-top: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-25 {
margin-top: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-25 {
margin-top: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-25 {
margin-top: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-25 {
margin-top: 25px;
}
}
.u-mt-30 {
margin-top: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-30 {
margin-top: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-30 {
margin-top: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-30 {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-30 {
margin-top: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-30 {
margin-top: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-30 {
margin-top: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-30 {
margin-top: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-30 {
margin-top: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-30 {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-30 {
margin-top: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-30 {
margin-top: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-30 {
margin-top: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-30 {
margin-top: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-30 {
margin-top: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-30 {
margin-top: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-30 {
margin-top: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-30 {
margin-top: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-30 {
margin-top: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-30 {
margin-top: 30px;
}
}
.u-mt-35 {
margin-top: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-35 {
margin-top: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-35 {
margin-top: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-35 {
margin-top: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-35 {
margin-top: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-35 {
margin-top: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-35 {
margin-top: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-35 {
margin-top: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-35 {
margin-top: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-35 {
margin-top: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-35 {
margin-top: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-35 {
margin-top: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-35 {
margin-top: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-35 {
margin-top: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-35 {
margin-top: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-35 {
margin-top: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-35 {
margin-top: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-35 {
margin-top: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-35 {
margin-top: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-35 {
margin-top: 35px;
}
}
.u-mt-40 {
margin-top: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-40 {
margin-top: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-40 {
margin-top: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-40 {
margin-top: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-40 {
margin-top: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-40 {
margin-top: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-40 {
margin-top: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-40 {
margin-top: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-40 {
margin-top: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-40 {
margin-top: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-40 {
margin-top: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-40 {
margin-top: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-40 {
margin-top: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-40 {
margin-top: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-40 {
margin-top: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-40 {
margin-top: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-40 {
margin-top: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-40 {
margin-top: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-40 {
margin-top: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-40 {
margin-top: 40px;
}
}
.u-mt-50 {
margin-top: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-50 {
margin-top: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-50 {
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-50 {
margin-top: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-50 {
margin-top: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-50 {
margin-top: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-50 {
margin-top: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-50 {
margin-top: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-50 {
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-50 {
margin-top: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-50 {
margin-top: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-50 {
margin-top: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-50 {
margin-top: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-50 {
margin-top: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-50 {
margin-top: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-50 {
margin-top: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-50 {
margin-top: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-50 {
margin-top: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-50 {
margin-top: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-50 {
margin-top: 50px;
}
}
.u-mt-60 {
margin-top: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-60 {
margin-top: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-60 {
margin-top: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-60 {
margin-top: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-60 {
margin-top: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-60 {
margin-top: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-60 {
margin-top: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-60 {
margin-top: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-60 {
margin-top: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-60 {
margin-top: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-60 {
margin-top: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-60 {
margin-top: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-60 {
margin-top: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-60 {
margin-top: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-60 {
margin-top: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-60 {
margin-top: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-60 {
margin-top: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-60 {
margin-top: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-60 {
margin-top: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-60 {
margin-top: 60px;
}
}
.u-mt-70 {
margin-top: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-70 {
margin-top: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-70 {
margin-top: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-70 {
margin-top: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-70 {
margin-top: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-70 {
margin-top: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-70 {
margin-top: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-70 {
margin-top: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-70 {
margin-top: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-70 {
margin-top: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-70 {
margin-top: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-70 {
margin-top: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-70 {
margin-top: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-70 {
margin-top: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-70 {
margin-top: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-70 {
margin-top: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-70 {
margin-top: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-70 {
margin-top: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-70 {
margin-top: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-70 {
margin-top: 70px;
}
}
.u-mt-80 {
margin-top: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-80 {
margin-top: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-80 {
margin-top: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-80 {
margin-top: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-80 {
margin-top: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-80 {
margin-top: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-80 {
margin-top: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-80 {
margin-top: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-80 {
margin-top: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-80 {
margin-top: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-80 {
margin-top: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-80 {
margin-top: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-80 {
margin-top: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-80 {
margin-top: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-80 {
margin-top: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-80 {
margin-top: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-80 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-80 {
margin-top: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-80 {
margin-top: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-80 {
margin-top: 80px;
}
}
.u-mt-90 {
margin-top: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-90 {
margin-top: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-90 {
margin-top: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-90 {
margin-top: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-90 {
margin-top: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-90 {
margin-top: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-90 {
margin-top: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-90 {
margin-top: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-90 {
margin-top: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-90 {
margin-top: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-90 {
margin-top: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-90 {
margin-top: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-90 {
margin-top: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-90 {
margin-top: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-90 {
margin-top: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-90 {
margin-top: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-90 {
margin-top: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-90 {
margin-top: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-90 {
margin-top: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-90 {
margin-top: 90px;
}
}
.u-mt-100 {
margin-top: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-100 {
margin-top: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-100 {
margin-top: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-100 {
margin-top: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-100 {
margin-top: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-100 {
margin-top: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-100 {
margin-top: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-100 {
margin-top: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-100 {
margin-top: 100px;
}
}
.u-mr-auto {
margin-right: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-auto {
margin-right: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-auto {
margin-right: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-auto {
margin-right: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-auto {
margin-right: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-auto {
margin-right: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-auto {
margin-right: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-auto {
margin-right: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-auto {
margin-right: auto;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-auto {
margin-right: auto;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-auto {
margin-right: auto;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-auto {
margin-right: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-auto {
margin-right: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-auto {
margin-right: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-auto {
margin-right: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-auto {
margin-right: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-auto {
margin-right: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-auto {
margin-right: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-auto {
margin-right: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-auto {
margin-right: auto;
}
}
.u-mr-0 {
margin-right: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-0 {
margin-right: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-0 {
margin-right: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-0 {
margin-right: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-0 {
margin-right: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-0 {
margin-right: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-0 {
margin-right: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-0 {
margin-right: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-0 {
margin-right: 0px;
}
}
.u-mr-5 {
margin-right: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-5 {
margin-right: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-5 {
margin-right: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-5 {
margin-right: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-5 {
margin-right: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-5 {
margin-right: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-5 {
margin-right: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-5 {
margin-right: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-5 {
margin-right: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-5 {
margin-right: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-5 {
margin-right: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-5 {
margin-right: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-5 {
margin-right: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-5 {
margin-right: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-5 {
margin-right: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-5 {
margin-right: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-5 {
margin-right: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-5 {
margin-right: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-5 {
margin-right: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-5 {
margin-right: 5px;
}
}
.u-mr-10 {
margin-right: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-10 {
margin-right: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-10 {
margin-right: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-10 {
margin-right: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-10 {
margin-right: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-10 {
margin-right: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-10 {
margin-right: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-10 {
margin-right: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-10 {
margin-right: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-10 {
margin-right: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-10 {
margin-right: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-10 {
margin-right: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-10 {
margin-right: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-10 {
margin-right: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-10 {
margin-right: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-10 {
margin-right: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-10 {
margin-right: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-10 {
margin-right: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-10 {
margin-right: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-10 {
margin-right: 10px;
}
}
.u-mr-15 {
margin-right: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-15 {
margin-right: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-15 {
margin-right: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-15 {
margin-right: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-15 {
margin-right: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-15 {
margin-right: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-15 {
margin-right: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-15 {
margin-right: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-15 {
margin-right: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-15 {
margin-right: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-15 {
margin-right: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-15 {
margin-right: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-15 {
margin-right: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-15 {
margin-right: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-15 {
margin-right: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-15 {
margin-right: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-15 {
margin-right: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-15 {
margin-right: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-15 {
margin-right: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-15 {
margin-right: 15px;
}
}
.u-mr-18 {
margin-right: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-18 {
margin-right: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-18 {
margin-right: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-18 {
margin-right: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-18 {
margin-right: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-18 {
margin-right: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-18 {
margin-right: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-18 {
margin-right: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-18 {
margin-right: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-18 {
margin-right: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-18 {
margin-right: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-18 {
margin-right: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-18 {
margin-right: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-18 {
margin-right: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-18 {
margin-right: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-18 {
margin-right: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-18 {
margin-right: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-18 {
margin-right: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-18 {
margin-right: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-18 {
margin-right: 18px;
}
}
.u-mr-20 {
margin-right: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-20 {
margin-right: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-20 {
margin-right: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-20 {
margin-right: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-20 {
margin-right: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-20 {
margin-right: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-20 {
margin-right: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-20 {
margin-right: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-20 {
margin-right: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-20 {
margin-right: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-20 {
margin-right: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-20 {
margin-right: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-20 {
margin-right: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-20 {
margin-right: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-20 {
margin-right: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-20 {
margin-right: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-20 {
margin-right: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-20 {
margin-right: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-20 {
margin-right: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-20 {
margin-right: 20px;
}
}
.u-mr-25 {
margin-right: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-25 {
margin-right: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-25 {
margin-right: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-25 {
margin-right: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-25 {
margin-right: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-25 {
margin-right: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-25 {
margin-right: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-25 {
margin-right: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-25 {
margin-right: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-25 {
margin-right: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-25 {
margin-right: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-25 {
margin-right: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-25 {
margin-right: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-25 {
margin-right: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-25 {
margin-right: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-25 {
margin-right: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-25 {
margin-right: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-25 {
margin-right: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-25 {
margin-right: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-25 {
margin-right: 25px;
}
}
.u-mr-30 {
margin-right: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-30 {
margin-right: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-30 {
margin-right: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-30 {
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-30 {
margin-right: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-30 {
margin-right: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-30 {
margin-right: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-30 {
margin-right: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-30 {
margin-right: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-30 {
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-30 {
margin-right: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-30 {
margin-right: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-30 {
margin-right: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-30 {
margin-right: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-30 {
margin-right: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-30 {
margin-right: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-30 {
margin-right: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-30 {
margin-right: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-30 {
margin-right: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-30 {
margin-right: 30px;
}
}
.u-mr-35 {
margin-right: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-35 {
margin-right: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-35 {
margin-right: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-35 {
margin-right: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-35 {
margin-right: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-35 {
margin-right: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-35 {
margin-right: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-35 {
margin-right: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-35 {
margin-right: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-35 {
margin-right: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-35 {
margin-right: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-35 {
margin-right: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-35 {
margin-right: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-35 {
margin-right: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-35 {
margin-right: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-35 {
margin-right: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-35 {
margin-right: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-35 {
margin-right: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-35 {
margin-right: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-35 {
margin-right: 35px;
}
}
.u-mr-40 {
margin-right: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-40 {
margin-right: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-40 {
margin-right: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-40 {
margin-right: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-40 {
margin-right: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-40 {
margin-right: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-40 {
margin-right: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-40 {
margin-right: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-40 {
margin-right: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-40 {
margin-right: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-40 {
margin-right: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-40 {
margin-right: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-40 {
margin-right: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-40 {
margin-right: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-40 {
margin-right: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-40 {
margin-right: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-40 {
margin-right: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-40 {
margin-right: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-40 {
margin-right: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-40 {
margin-right: 40px;
}
}
.u-mr-50 {
margin-right: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-50 {
margin-right: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-50 {
margin-right: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-50 {
margin-right: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-50 {
margin-right: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-50 {
margin-right: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-50 {
margin-right: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-50 {
margin-right: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-50 {
margin-right: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-50 {
margin-right: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-50 {
margin-right: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-50 {
margin-right: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-50 {
margin-right: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-50 {
margin-right: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-50 {
margin-right: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-50 {
margin-right: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-50 {
margin-right: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-50 {
margin-right: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-50 {
margin-right: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-50 {
margin-right: 50px;
}
}
.u-mr-60 {
margin-right: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-60 {
margin-right: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-60 {
margin-right: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-60 {
margin-right: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-60 {
margin-right: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-60 {
margin-right: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-60 {
margin-right: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-60 {
margin-right: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-60 {
margin-right: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-60 {
margin-right: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-60 {
margin-right: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-60 {
margin-right: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-60 {
margin-right: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-60 {
margin-right: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-60 {
margin-right: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-60 {
margin-right: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-60 {
margin-right: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-60 {
margin-right: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-60 {
margin-right: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-60 {
margin-right: 60px;
}
}
.u-mr-70 {
margin-right: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-70 {
margin-right: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-70 {
margin-right: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-70 {
margin-right: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-70 {
margin-right: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-70 {
margin-right: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-70 {
margin-right: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-70 {
margin-right: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-70 {
margin-right: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-70 {
margin-right: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-70 {
margin-right: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-70 {
margin-right: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-70 {
margin-right: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-70 {
margin-right: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-70 {
margin-right: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-70 {
margin-right: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-70 {
margin-right: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-70 {
margin-right: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-70 {
margin-right: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-70 {
margin-right: 70px;
}
}
.u-mr-80 {
margin-right: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-80 {
margin-right: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-80 {
margin-right: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-80 {
margin-right: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-80 {
margin-right: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-80 {
margin-right: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-80 {
margin-right: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-80 {
margin-right: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-80 {
margin-right: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-80 {
margin-right: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-80 {
margin-right: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-80 {
margin-right: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-80 {
margin-right: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-80 {
margin-right: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-80 {
margin-right: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-80 {
margin-right: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-80 {
margin-right: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-80 {
margin-right: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-80 {
margin-right: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-80 {
margin-right: 80px;
}
}
.u-mr-90 {
margin-right: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-90 {
margin-right: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-90 {
margin-right: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-90 {
margin-right: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-90 {
margin-right: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-90 {
margin-right: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-90 {
margin-right: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-90 {
margin-right: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-90 {
margin-right: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-90 {
margin-right: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-90 {
margin-right: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-90 {
margin-right: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-90 {
margin-right: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-90 {
margin-right: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-90 {
margin-right: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-90 {
margin-right: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-90 {
margin-right: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-90 {
margin-right: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-90 {
margin-right: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-90 {
margin-right: 90px;
}
}
.u-mr-100 {
margin-right: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-100 {
margin-right: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-100 {
margin-right: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-100 {
margin-right: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-100 {
margin-right: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-100 {
margin-right: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-100 {
margin-right: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-100 {
margin-right: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-100 {
margin-right: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-100 {
margin-right: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-100 {
margin-right: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-100 {
margin-right: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-100 {
margin-right: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-100 {
margin-right: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-100 {
margin-right: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-100 {
margin-right: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-100 {
margin-right: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-100 {
margin-right: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-100 {
margin-right: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-100 {
margin-right: 100px;
}
}
.u-mb-auto {
margin-bottom: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-auto {
margin-bottom: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-auto {
margin-bottom: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-auto {
margin-bottom: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-auto {
margin-bottom: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-auto {
margin-bottom: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-auto {
margin-bottom: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-auto {
margin-bottom: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-auto {
margin-bottom: auto;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-auto {
margin-bottom: auto;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-auto {
margin-bottom: auto;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-auto {
margin-bottom: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-auto {
margin-bottom: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-auto {
margin-bottom: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-auto {
margin-bottom: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-auto {
margin-bottom: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-auto {
margin-bottom: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-auto {
margin-bottom: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-auto {
margin-bottom: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-auto {
margin-bottom: auto;
}
}
.u-mb-0 {
margin-bottom: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-0 {
margin-bottom: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-0 {
margin-bottom: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-0 {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-0 {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-0 {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-0 {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-0 {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-0 {
margin-bottom: 0px;
}
}
.u-mb-5 {
margin-bottom: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-5 {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-5 {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-5 {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-5 {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-5 {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-5 {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-5 {
margin-bottom: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-5 {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-5 {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-5 {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-5 {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-5 {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-5 {
margin-bottom: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-5 {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-5 {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-5 {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-5 {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-5 {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-5 {
margin-bottom: 5px;
}
}
.u-mb-10 {
margin-bottom: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-10 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-10 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-10 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-10 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-10 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-10 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-10 {
margin-bottom: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-10 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-10 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-10 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-10 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-10 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-10 {
margin-bottom: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-10 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-10 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-10 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-10 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-10 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-10 {
margin-bottom: 10px;
}
}
.u-mb-15 {
margin-bottom: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-15 {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-15 {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-15 {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-15 {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-15 {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-15 {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-15 {
margin-bottom: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-15 {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-15 {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-15 {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-15 {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-15 {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-15 {
margin-bottom: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-15 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-15 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-15 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-15 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-15 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-15 {
margin-bottom: 15px;
}
}
.u-mb-18 {
margin-bottom: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-18 {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-18 {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-18 {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-18 {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-18 {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-18 {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-18 {
margin-bottom: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-18 {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-18 {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-18 {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-18 {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-18 {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-18 {
margin-bottom: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-18 {
margin-bottom: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-18 {
margin-bottom: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-18 {
margin-bottom: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-18 {
margin-bottom: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-18 {
margin-bottom: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-18 {
margin-bottom: 18px;
}
}
.u-mb-20 {
margin-bottom: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-20 {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-20 {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-20 {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-20 {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-20 {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-20 {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-20 {
margin-bottom: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-20 {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-20 {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-20 {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-20 {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-20 {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-20 {
margin-bottom: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-20 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-20 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-20 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-20 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-20 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-20 {
margin-bottom: 20px;
}
}
.u-mb-25 {
margin-bottom: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-25 {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-25 {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-25 {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-25 {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-25 {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-25 {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-25 {
margin-bottom: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-25 {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-25 {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-25 {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-25 {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-25 {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-25 {
margin-bottom: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-25 {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-25 {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-25 {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-25 {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-25 {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-25 {
margin-bottom: 25px;
}
}
.u-mb-30 {
margin-bottom: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-30 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-30 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-30 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-30 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-30 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-30 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-30 {
margin-bottom: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-30 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-30 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-30 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-30 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-30 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-30 {
margin-bottom: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-30 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-30 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-30 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-30 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-30 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-30 {
margin-bottom: 30px;
}
}
.u-mb-35 {
margin-bottom: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-35 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-35 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-35 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-35 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-35 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-35 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-35 {
margin-bottom: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-35 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-35 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-35 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-35 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-35 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-35 {
margin-bottom: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-35 {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-35 {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-35 {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-35 {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-35 {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-35 {
margin-bottom: 35px;
}
}
.u-mb-40 {
margin-bottom: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-40 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-40 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-40 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-40 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-40 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-40 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-40 {
margin-bottom: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-40 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-40 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-40 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-40 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-40 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-40 {
margin-bottom: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-40 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-40 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-40 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-40 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-40 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-40 {
margin-bottom: 40px;
}
}
.u-mb-50 {
margin-bottom: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-50 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-50 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-50 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-50 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-50 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-50 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-50 {
margin-bottom: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-50 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-50 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-50 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-50 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-50 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-50 {
margin-bottom: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-50 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-50 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-50 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-50 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-50 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-50 {
margin-bottom: 50px;
}
}
.u-mb-60 {
margin-bottom: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-60 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-60 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-60 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-60 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-60 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-60 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-60 {
margin-bottom: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-60 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-60 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-60 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-60 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-60 {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-60 {
margin-bottom: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-60 {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-60 {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-60 {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-60 {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-60 {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-60 {
margin-bottom: 60px;
}
}
.u-mb-70 {
margin-bottom: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-70 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-70 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-70 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-70 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-70 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-70 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-70 {
margin-bottom: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-70 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-70 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-70 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-70 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-70 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-70 {
margin-bottom: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-70 {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-70 {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-70 {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-70 {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-70 {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-70 {
margin-bottom: 70px;
}
}
.u-mb-80 {
margin-bottom: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-80 {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-80 {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-80 {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-80 {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-80 {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-80 {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-80 {
margin-bottom: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-80 {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-80 {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-80 {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-80 {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-80 {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-80 {
margin-bottom: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-80 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-80 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-80 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-80 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-80 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-80 {
margin-bottom: 80px;
}
}
.u-mb-90 {
margin-bottom: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-90 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-90 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-90 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-90 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-90 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-90 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-90 {
margin-bottom: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-90 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-90 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-90 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-90 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-90 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-90 {
margin-bottom: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-90 {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-90 {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-90 {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-90 {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-90 {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-90 {
margin-bottom: 90px;
}
}
.u-mb-100 {
margin-bottom: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-100 {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-100 {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-100 {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-100 {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-100 {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-100 {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-100 {
margin-bottom: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-100 {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-100 {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-100 {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-100 {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-100 {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-100 {
margin-bottom: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-100 {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-100 {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-100 {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-100 {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-100 {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-100 {
margin-bottom: 100px;
}
}
.u-ml-auto {
margin-left: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-auto {
margin-left: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-auto {
margin-left: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-auto {
margin-left: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-auto {
margin-left: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-auto {
margin-left: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-auto {
margin-left: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-auto {
margin-left: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-auto {
margin-left: auto;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-auto {
margin-left: auto;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-auto {
margin-left: auto;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-auto {
margin-left: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-auto {
margin-left: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-auto {
margin-left: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-auto {
margin-left: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-auto {
margin-left: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-auto {
margin-left: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-auto {
margin-left: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-auto {
margin-left: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-auto {
margin-left: auto;
}
}
.u-ml-0 {
margin-left: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-0 {
margin-left: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-0 {
margin-left: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-0 {
margin-left: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-0 {
margin-left: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-0 {
margin-left: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-0 {
margin-left: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-0 {
margin-left: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-0 {
margin-left: 0px;
}
}
.u-ml-5 {
margin-left: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-5 {
margin-left: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-5 {
margin-left: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-5 {
margin-left: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-5 {
margin-left: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-5 {
margin-left: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-5 {
margin-left: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-5 {
margin-left: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-5 {
margin-left: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-5 {
margin-left: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-5 {
margin-left: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-5 {
margin-left: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-5 {
margin-left: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-5 {
margin-left: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-5 {
margin-left: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-5 {
margin-left: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-5 {
margin-left: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-5 {
margin-left: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-5 {
margin-left: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-5 {
margin-left: 5px;
}
}
.u-ml-10 {
margin-left: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-10 {
margin-left: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-10 {
margin-left: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-10 {
margin-left: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-10 {
margin-left: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-10 {
margin-left: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-10 {
margin-left: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-10 {
margin-left: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-10 {
margin-left: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-10 {
margin-left: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-10 {
margin-left: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-10 {
margin-left: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-10 {
margin-left: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-10 {
margin-left: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-10 {
margin-left: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-10 {
margin-left: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-10 {
margin-left: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-10 {
margin-left: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-10 {
margin-left: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-10 {
margin-left: 10px;
}
}
.u-ml-15 {
margin-left: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-15 {
margin-left: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-15 {
margin-left: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-15 {
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-15 {
margin-left: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-15 {
margin-left: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-15 {
margin-left: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-15 {
margin-left: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-15 {
margin-left: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-15 {
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-15 {
margin-left: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-15 {
margin-left: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-15 {
margin-left: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-15 {
margin-left: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-15 {
margin-left: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-15 {
margin-left: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-15 {
margin-left: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-15 {
margin-left: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-15 {
margin-left: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-15 {
margin-left: 15px;
}
}
.u-ml-18 {
margin-left: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-18 {
margin-left: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-18 {
margin-left: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-18 {
margin-left: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-18 {
margin-left: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-18 {
margin-left: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-18 {
margin-left: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-18 {
margin-left: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-18 {
margin-left: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-18 {
margin-left: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-18 {
margin-left: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-18 {
margin-left: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-18 {
margin-left: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-18 {
margin-left: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-18 {
margin-left: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-18 {
margin-left: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-18 {
margin-left: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-18 {
margin-left: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-18 {
margin-left: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-18 {
margin-left: 18px;
}
}
.u-ml-20 {
margin-left: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-20 {
margin-left: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-20 {
margin-left: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-20 {
margin-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-20 {
margin-left: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-20 {
margin-left: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-20 {
margin-left: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-20 {
margin-left: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-20 {
margin-left: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-20 {
margin-left: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-20 {
margin-left: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-20 {
margin-left: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-20 {
margin-left: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-20 {
margin-left: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-20 {
margin-left: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-20 {
margin-left: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-20 {
margin-left: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-20 {
margin-left: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-20 {
margin-left: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-20 {
margin-left: 20px;
}
}
.u-ml-25 {
margin-left: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-25 {
margin-left: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-25 {
margin-left: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-25 {
margin-left: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-25 {
margin-left: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-25 {
margin-left: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-25 {
margin-left: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-25 {
margin-left: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-25 {
margin-left: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-25 {
margin-left: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-25 {
margin-left: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-25 {
margin-left: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-25 {
margin-left: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-25 {
margin-left: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-25 {
margin-left: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-25 {
margin-left: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-25 {
margin-left: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-25 {
margin-left: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-25 {
margin-left: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-25 {
margin-left: 25px;
}
}
.u-ml-30 {
margin-left: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-30 {
margin-left: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-30 {
margin-left: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-30 {
margin-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-30 {
margin-left: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-30 {
margin-left: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-30 {
margin-left: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-30 {
margin-left: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-30 {
margin-left: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-30 {
margin-left: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-30 {
margin-left: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-30 {
margin-left: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-30 {
margin-left: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-30 {
margin-left: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-30 {
margin-left: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-30 {
margin-left: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-30 {
margin-left: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-30 {
margin-left: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-30 {
margin-left: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-30 {
margin-left: 30px;
}
}
.u-ml-35 {
margin-left: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-35 {
margin-left: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-35 {
margin-left: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-35 {
margin-left: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-35 {
margin-left: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-35 {
margin-left: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-35 {
margin-left: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-35 {
margin-left: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-35 {
margin-left: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-35 {
margin-left: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-35 {
margin-left: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-35 {
margin-left: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-35 {
margin-left: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-35 {
margin-left: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-35 {
margin-left: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-35 {
margin-left: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-35 {
margin-left: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-35 {
margin-left: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-35 {
margin-left: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-35 {
margin-left: 35px;
}
}
.u-ml-40 {
margin-left: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-40 {
margin-left: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-40 {
margin-left: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-40 {
margin-left: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-40 {
margin-left: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-40 {
margin-left: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-40 {
margin-left: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-40 {
margin-left: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-40 {
margin-left: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-40 {
margin-left: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-40 {
margin-left: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-40 {
margin-left: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-40 {
margin-left: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-40 {
margin-left: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-40 {
margin-left: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-40 {
margin-left: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-40 {
margin-left: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-40 {
margin-left: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-40 {
margin-left: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-40 {
margin-left: 40px;
}
}
.u-ml-50 {
margin-left: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-50 {
margin-left: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-50 {
margin-left: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-50 {
margin-left: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-50 {
margin-left: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-50 {
margin-left: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-50 {
margin-left: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-50 {
margin-left: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-50 {
margin-left: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-50 {
margin-left: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-50 {
margin-left: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-50 {
margin-left: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-50 {
margin-left: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-50 {
margin-left: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-50 {
margin-left: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-50 {
margin-left: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-50 {
margin-left: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-50 {
margin-left: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-50 {
margin-left: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-50 {
margin-left: 50px;
}
}
.u-ml-60 {
margin-left: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-60 {
margin-left: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-60 {
margin-left: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-60 {
margin-left: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-60 {
margin-left: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-60 {
margin-left: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-60 {
margin-left: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-60 {
margin-left: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-60 {
margin-left: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-60 {
margin-left: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-60 {
margin-left: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-60 {
margin-left: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-60 {
margin-left: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-60 {
margin-left: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-60 {
margin-left: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-60 {
margin-left: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-60 {
margin-left: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-60 {
margin-left: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-60 {
margin-left: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-60 {
margin-left: 60px;
}
}
.u-ml-70 {
margin-left: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-70 {
margin-left: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-70 {
margin-left: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-70 {
margin-left: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-70 {
margin-left: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-70 {
margin-left: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-70 {
margin-left: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-70 {
margin-left: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-70 {
margin-left: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-70 {
margin-left: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-70 {
margin-left: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-70 {
margin-left: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-70 {
margin-left: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-70 {
margin-left: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-70 {
margin-left: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-70 {
margin-left: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-70 {
margin-left: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-70 {
margin-left: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-70 {
margin-left: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-70 {
margin-left: 70px;
}
}
.u-ml-80 {
margin-left: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-80 {
margin-left: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-80 {
margin-left: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-80 {
margin-left: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-80 {
margin-left: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-80 {
margin-left: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-80 {
margin-left: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-80 {
margin-left: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-80 {
margin-left: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-80 {
margin-left: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-80 {
margin-left: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-80 {
margin-left: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-80 {
margin-left: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-80 {
margin-left: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-80 {
margin-left: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-80 {
margin-left: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-80 {
margin-left: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-80 {
margin-left: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-80 {
margin-left: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-80 {
margin-left: 80px;
}
}
.u-ml-90 {
margin-left: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-90 {
margin-left: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-90 {
margin-left: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-90 {
margin-left: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-90 {
margin-left: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-90 {
margin-left: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-90 {
margin-left: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-90 {
margin-left: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-90 {
margin-left: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-90 {
margin-left: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-90 {
margin-left: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-90 {
margin-left: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-90 {
margin-left: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-90 {
margin-left: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-90 {
margin-left: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-90 {
margin-left: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-90 {
margin-left: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-90 {
margin-left: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-90 {
margin-left: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-90 {
margin-left: 90px;
}
}
.u-ml-100 {
margin-left: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-100 {
margin-left: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-100 {
margin-left: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-100 {
margin-left: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-100 {
margin-left: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-100 {
margin-left: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-100 {
margin-left: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-100 {
margin-left: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-100 {
margin-left: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-100 {
margin-left: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-100 {
margin-left: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-100 {
margin-left: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-100 {
margin-left: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-100 {
margin-left: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-100 {
margin-left: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-100 {
margin-left: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-100 {
margin-left: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-100 {
margin-left: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-100 {
margin-left: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-100 {
margin-left: 100px;
}
}
.u-mx-auto {
margin-right: auto;
margin-left: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-auto {
margin-right: auto;
margin-left: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-auto {
margin-right: auto;
margin-left: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-auto {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-auto {
margin-right: auto;
margin-left: auto;
}
}
.u-mx-0 {
margin-right: 0px;
margin-left: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-0 {
margin-right: 0px;
margin-left: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-0 {
margin-right: 0px;
margin-left: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-0 {
margin-right: 0px;
margin-left: 0px;
}
}
.u-mx-5 {
margin-right: 5px;
margin-left: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-5 {
margin-right: 5px;
margin-left: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-5 {
margin-right: 5px;
margin-left: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-5 {
margin-right: 5px;
margin-left: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-5 {
margin-right: 5px;
margin-left: 5px;
}
}
.u-mx-10 {
margin-right: 10px;
margin-left: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-10 {
margin-right: 10px;
margin-left: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-10 {
margin-right: 10px;
margin-left: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-10 {
margin-right: 10px;
margin-left: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-10 {
margin-right: 10px;
margin-left: 10px;
}
}
.u-mx-15 {
margin-right: 15px;
margin-left: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-15 {
margin-right: 15px;
margin-left: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-15 {
margin-right: 15px;
margin-left: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-15 {
margin-right: 15px;
margin-left: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-15 {
margin-right: 15px;
margin-left: 15px;
}
}
.u-mx-18 {
margin-right: 18px;
margin-left: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-18 {
margin-right: 18px;
margin-left: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-18 {
margin-right: 18px;
margin-left: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-18 {
margin-right: 18px;
margin-left: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-18 {
margin-right: 18px;
margin-left: 18px;
}
}
.u-mx-20 {
margin-right: 20px;
margin-left: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-20 {
margin-right: 20px;
margin-left: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-20 {
margin-right: 20px;
margin-left: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-20 {
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-20 {
margin-right: 20px;
margin-left: 20px;
}
}
.u-mx-25 {
margin-right: 25px;
margin-left: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-25 {
margin-right: 25px;
margin-left: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-25 {
margin-right: 25px;
margin-left: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-25 {
margin-right: 25px;
margin-left: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-25 {
margin-right: 25px;
margin-left: 25px;
}
}
.u-mx-30 {
margin-right: 30px;
margin-left: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-30 {
margin-right: 30px;
margin-left: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-30 {
margin-right: 30px;
margin-left: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-30 {
margin-right: 30px;
margin-left: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-30 {
margin-right: 30px;
margin-left: 30px;
}
}
.u-mx-35 {
margin-right: 35px;
margin-left: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-35 {
margin-right: 35px;
margin-left: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-35 {
margin-right: 35px;
margin-left: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-35 {
margin-right: 35px;
margin-left: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-35 {
margin-right: 35px;
margin-left: 35px;
}
}
.u-mx-40 {
margin-right: 40px;
margin-left: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-40 {
margin-right: 40px;
margin-left: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-40 {
margin-right: 40px;
margin-left: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-40 {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-40 {
margin-right: 40px;
margin-left: 40px;
}
}
.u-mx-50 {
margin-right: 50px;
margin-left: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-50 {
margin-right: 50px;
margin-left: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-50 {
margin-right: 50px;
margin-left: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-50 {
margin-right: 50px;
margin-left: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-50 {
margin-right: 50px;
margin-left: 50px;
}
}
.u-mx-60 {
margin-right: 60px;
margin-left: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-60 {
margin-right: 60px;
margin-left: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-60 {
margin-right: 60px;
margin-left: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-60 {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-60 {
margin-right: 60px;
margin-left: 60px;
}
}
.u-mx-70 {
margin-right: 70px;
margin-left: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-70 {
margin-right: 70px;
margin-left: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-70 {
margin-right: 70px;
margin-left: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-70 {
margin-right: 70px;
margin-left: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-70 {
margin-right: 70px;
margin-left: 70px;
}
}
.u-mx-80 {
margin-right: 80px;
margin-left: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-80 {
margin-right: 80px;
margin-left: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-80 {
margin-right: 80px;
margin-left: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-80 {
margin-right: 80px;
margin-left: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-80 {
margin-right: 80px;
margin-left: 80px;
}
}
.u-mx-90 {
margin-right: 90px;
margin-left: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-90 {
margin-right: 90px;
margin-left: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-90 {
margin-right: 90px;
margin-left: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-90 {
margin-right: 90px;
margin-left: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-90 {
margin-right: 90px;
margin-left: 90px;
}
}
.u-mx-100 {
margin-right: 100px;
margin-left: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-100 {
margin-right: 100px;
margin-left: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-100 {
margin-right: 100px;
margin-left: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-100 {
margin-right: 100px;
margin-left: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-100 {
margin-right: 100px;
margin-left: 100px;
}
}
.u-my-auto {
margin-top: auto;
margin-bottom: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-auto {
margin-top: auto;
margin-bottom: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-auto {
margin-top: auto;
margin-bottom: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-auto {
margin-top: auto;
margin-bottom: auto;
}
}
.u-my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
.u-my-5 {
margin-top: 5px;
margin-bottom: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
.u-my-10 {
margin-top: 10px;
margin-bottom: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-10 {
margin-top: 10px;
margin-bottom: 10px;
}
}
.u-my-15 {
margin-top: 15px;
margin-bottom: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-15 {
margin-top: 15px;
margin-bottom: 15px;
}
}
.u-my-18 {
margin-top: 18px;
margin-bottom: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-18 {
margin-top: 18px;
margin-bottom: 18px;
}
}
.u-my-20 {
margin-top: 20px;
margin-bottom: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-20 {
margin-top: 20px;
margin-bottom: 20px;
}
}
.u-my-25 {
margin-top: 25px;
margin-bottom: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-25 {
margin-top: 25px;
margin-bottom: 25px;
}
}
.u-my-30 {
margin-top: 30px;
margin-bottom: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-30 {
margin-top: 30px;
margin-bottom: 30px;
}
}
.u-my-35 {
margin-top: 35px;
margin-bottom: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-35 {
margin-top: 35px;
margin-bottom: 35px;
}
}
.u-my-40 {
margin-top: 40px;
margin-bottom: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-40 {
margin-top: 40px;
margin-bottom: 40px;
}
}
.u-my-50 {
margin-top: 50px;
margin-bottom: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-50 {
margin-top: 50px;
margin-bottom: 50px;
}
}
.u-my-60 {
margin-top: 60px;
margin-bottom: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-60 {
margin-top: 60px;
margin-bottom: 60px;
}
}
.u-my-70 {
margin-top: 70px;
margin-bottom: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-70 {
margin-top: 70px;
margin-bottom: 70px;
}
}
.u-my-80 {
margin-top: 80px;
margin-bottom: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
.u-my-90 {
margin-top: 90px;
margin-bottom: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-90 {
margin-top: 90px;
margin-bottom: 90px;
}
}
.u-my-100 {
margin-top: 100px;
margin-bottom: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-100 {
margin-top: 100px;
margin-bottom: 100px;
}
}
/* negative margin */
.u-mt-n0 {
margin-top: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n0 {
margin-top: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n0 {
margin-top: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n0 {
margin-top: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n0 {
margin-top: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n0 {
margin-top: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n0 {
margin-top: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n0 {
margin-top: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n0 {
margin-top: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n0 {
margin-top: 0px;
}
}
.u-mt-n5 {
margin-top: -5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n5 {
margin-top: -5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n5 {
margin-top: -5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n5 {
margin-top: -5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n5 {
margin-top: -5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n5 {
margin-top: -5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n5 {
margin-top: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n5 {
margin-top: -5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n5 {
margin-top: -5px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n5 {
margin-top: -5px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n5 {
margin-top: -5px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n5 {
margin-top: -5px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n5 {
margin-top: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n5 {
margin-top: -5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n5 {
margin-top: -5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n5 {
margin-top: -5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n5 {
margin-top: -5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n5 {
margin-top: -5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n5 {
margin-top: -5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n5 {
margin-top: -5px;
}
}
.u-mt-n10 {
margin-top: -10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n10 {
margin-top: -10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n10 {
margin-top: -10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n10 {
margin-top: -10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n10 {
margin-top: -10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n10 {
margin-top: -10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n10 {
margin-top: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n10 {
margin-top: -10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n10 {
margin-top: -10px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n10 {
margin-top: -10px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n10 {
margin-top: -10px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n10 {
margin-top: -10px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n10 {
margin-top: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n10 {
margin-top: -10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n10 {
margin-top: -10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n10 {
margin-top: -10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n10 {
margin-top: -10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n10 {
margin-top: -10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n10 {
margin-top: -10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n10 {
margin-top: -10px;
}
}
.u-mt-n15 {
margin-top: -15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n15 {
margin-top: -15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n15 {
margin-top: -15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n15 {
margin-top: -15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n15 {
margin-top: -15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n15 {
margin-top: -15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n15 {
margin-top: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n15 {
margin-top: -15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n15 {
margin-top: -15px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n15 {
margin-top: -15px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n15 {
margin-top: -15px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n15 {
margin-top: -15px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n15 {
margin-top: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n15 {
margin-top: -15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n15 {
margin-top: -15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n15 {
margin-top: -15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n15 {
margin-top: -15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n15 {
margin-top: -15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n15 {
margin-top: -15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n15 {
margin-top: -15px;
}
}
.u-mt-n18 {
margin-top: -18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n18 {
margin-top: -18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n18 {
margin-top: -18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n18 {
margin-top: -18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n18 {
margin-top: -18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n18 {
margin-top: -18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n18 {
margin-top: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n18 {
margin-top: -18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n18 {
margin-top: -18px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n18 {
margin-top: -18px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n18 {
margin-top: -18px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n18 {
margin-top: -18px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n18 {
margin-top: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n18 {
margin-top: -18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n18 {
margin-top: -18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n18 {
margin-top: -18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n18 {
margin-top: -18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n18 {
margin-top: -18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n18 {
margin-top: -18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n18 {
margin-top: -18px;
}
}
.u-mt-n20 {
margin-top: -20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n20 {
margin-top: -20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n20 {
margin-top: -20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n20 {
margin-top: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n20 {
margin-top: -20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n20 {
margin-top: -20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n20 {
margin-top: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n20 {
margin-top: -20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n20 {
margin-top: -20px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n20 {
margin-top: -20px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n20 {
margin-top: -20px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n20 {
margin-top: -20px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n20 {
margin-top: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n20 {
margin-top: -20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n20 {
margin-top: -20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n20 {
margin-top: -20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n20 {
margin-top: -20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n20 {
margin-top: -20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n20 {
margin-top: -20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n20 {
margin-top: -20px;
}
}
.u-mt-n25 {
margin-top: -25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n25 {
margin-top: -25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n25 {
margin-top: -25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n25 {
margin-top: -25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n25 {
margin-top: -25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n25 {
margin-top: -25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n25 {
margin-top: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n25 {
margin-top: -25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n25 {
margin-top: -25px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n25 {
margin-top: -25px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n25 {
margin-top: -25px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n25 {
margin-top: -25px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n25 {
margin-top: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n25 {
margin-top: -25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n25 {
margin-top: -25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n25 {
margin-top: -25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n25 {
margin-top: -25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n25 {
margin-top: -25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n25 {
margin-top: -25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n25 {
margin-top: -25px;
}
}
.u-mt-n30 {
margin-top: -30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n30 {
margin-top: -30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n30 {
margin-top: -30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n30 {
margin-top: -30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n30 {
margin-top: -30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n30 {
margin-top: -30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n30 {
margin-top: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n30 {
margin-top: -30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n30 {
margin-top: -30px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n30 {
margin-top: -30px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n30 {
margin-top: -30px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n30 {
margin-top: -30px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n30 {
margin-top: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n30 {
margin-top: -30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n30 {
margin-top: -30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n30 {
margin-top: -30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n30 {
margin-top: -30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n30 {
margin-top: -30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n30 {
margin-top: -30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n30 {
margin-top: -30px;
}
}
.u-mt-n35 {
margin-top: -35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n35 {
margin-top: -35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n35 {
margin-top: -35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n35 {
margin-top: -35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n35 {
margin-top: -35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n35 {
margin-top: -35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n35 {
margin-top: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n35 {
margin-top: -35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n35 {
margin-top: -35px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n35 {
margin-top: -35px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n35 {
margin-top: -35px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n35 {
margin-top: -35px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n35 {
margin-top: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n35 {
margin-top: -35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n35 {
margin-top: -35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n35 {
margin-top: -35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n35 {
margin-top: -35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n35 {
margin-top: -35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n35 {
margin-top: -35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n35 {
margin-top: -35px;
}
}
.u-mt-n40 {
margin-top: -40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n40 {
margin-top: -40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n40 {
margin-top: -40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n40 {
margin-top: -40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n40 {
margin-top: -40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n40 {
margin-top: -40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n40 {
margin-top: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n40 {
margin-top: -40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n40 {
margin-top: -40px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n40 {
margin-top: -40px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n40 {
margin-top: -40px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n40 {
margin-top: -40px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n40 {
margin-top: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n40 {
margin-top: -40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n40 {
margin-top: -40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n40 {
margin-top: -40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n40 {
margin-top: -40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n40 {
margin-top: -40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n40 {
margin-top: -40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n40 {
margin-top: -40px;
}
}
.u-mt-n50 {
margin-top: -50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n50 {
margin-top: -50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n50 {
margin-top: -50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n50 {
margin-top: -50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n50 {
margin-top: -50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n50 {
margin-top: -50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n50 {
margin-top: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n50 {
margin-top: -50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n50 {
margin-top: -50px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n50 {
margin-top: -50px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n50 {
margin-top: -50px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n50 {
margin-top: -50px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n50 {
margin-top: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n50 {
margin-top: -50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n50 {
margin-top: -50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n50 {
margin-top: -50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n50 {
margin-top: -50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n50 {
margin-top: -50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n50 {
margin-top: -50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n50 {
margin-top: -50px;
}
}
.u-mt-n60 {
margin-top: -60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n60 {
margin-top: -60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n60 {
margin-top: -60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n60 {
margin-top: -60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n60 {
margin-top: -60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n60 {
margin-top: -60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n60 {
margin-top: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n60 {
margin-top: -60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n60 {
margin-top: -60px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n60 {
margin-top: -60px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n60 {
margin-top: -60px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n60 {
margin-top: -60px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n60 {
margin-top: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n60 {
margin-top: -60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n60 {
margin-top: -60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n60 {
margin-top: -60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n60 {
margin-top: -60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n60 {
margin-top: -60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n60 {
margin-top: -60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n60 {
margin-top: -60px;
}
}
.u-mt-n70 {
margin-top: -70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n70 {
margin-top: -70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n70 {
margin-top: -70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n70 {
margin-top: -70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n70 {
margin-top: -70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n70 {
margin-top: -70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n70 {
margin-top: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n70 {
margin-top: -70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n70 {
margin-top: -70px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n70 {
margin-top: -70px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n70 {
margin-top: -70px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n70 {
margin-top: -70px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n70 {
margin-top: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n70 {
margin-top: -70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n70 {
margin-top: -70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n70 {
margin-top: -70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n70 {
margin-top: -70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n70 {
margin-top: -70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n70 {
margin-top: -70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n70 {
margin-top: -70px;
}
}
.u-mt-n80 {
margin-top: -80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n80 {
margin-top: -80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n80 {
margin-top: -80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n80 {
margin-top: -80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n80 {
margin-top: -80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n80 {
margin-top: -80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n80 {
margin-top: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n80 {
margin-top: -80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n80 {
margin-top: -80px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n80 {
margin-top: -80px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n80 {
margin-top: -80px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n80 {
margin-top: -80px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n80 {
margin-top: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n80 {
margin-top: -80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n80 {
margin-top: -80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n80 {
margin-top: -80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n80 {
margin-top: -80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n80 {
margin-top: -80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n80 {
margin-top: -80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n80 {
margin-top: -80px;
}
}
.u-mt-n90 {
margin-top: -90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n90 {
margin-top: -90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n90 {
margin-top: -90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n90 {
margin-top: -90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n90 {
margin-top: -90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n90 {
margin-top: -90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n90 {
margin-top: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n90 {
margin-top: -90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n90 {
margin-top: -90px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n90 {
margin-top: -90px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n90 {
margin-top: -90px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n90 {
margin-top: -90px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n90 {
margin-top: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n90 {
margin-top: -90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n90 {
margin-top: -90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n90 {
margin-top: -90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n90 {
margin-top: -90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n90 {
margin-top: -90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n90 {
margin-top: -90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n90 {
margin-top: -90px;
}
}
.u-mt-n100 {
margin-top: -100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mt-xxs-only-n100 {
margin-top: -100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mt-xs-only-n100 {
margin-top: -100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mt-sm-only-n100 {
margin-top: -100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mt-md-only-n100 {
margin-top: -100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mt-lg-only-n100 {
margin-top: -100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mt-xl-only-n100 {
margin-top: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-only-n100 {
margin-top: -100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mt-xs-up-n100 {
margin-top: -100px;
}
}
@media only screen and (min-width: 576px) {
.u-mt-sm-up-n100 {
margin-top: -100px;
}
}
@media only screen and (min-width: 768px) {
.u-mt-md-up-n100 {
margin-top: -100px;
}
}
@media only screen and (min-width: 992px) {
.u-mt-lg-up-n100 {
margin-top: -100px;
}
}
@media only screen and (min-width: 1200px) {
.u-mt-xl-up-n100 {
margin-top: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mt-xxl-up-n100 {
margin-top: -100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mt-xxl-down-n100 {
margin-top: -100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mt-xl-down-n100 {
margin-top: -100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mt-lg-down-n100 {
margin-top: -100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mt-md-down-n100 {
margin-top: -100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mt-sm-down-n100 {
margin-top: -100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mt-xs-down-n100 {
margin-top: -100px;
}
}
.u-mr-n0 {
margin-right: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n0 {
margin-right: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n0 {
margin-right: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n0 {
margin-right: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n0 {
margin-right: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n0 {
margin-right: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n0 {
margin-right: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n0 {
margin-right: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n0 {
margin-right: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n0 {
margin-right: 0px;
}
}
.u-mr-n5 {
margin-right: -5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n5 {
margin-right: -5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n5 {
margin-right: -5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n5 {
margin-right: -5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n5 {
margin-right: -5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n5 {
margin-right: -5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n5 {
margin-right: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n5 {
margin-right: -5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n5 {
margin-right: -5px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n5 {
margin-right: -5px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n5 {
margin-right: -5px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n5 {
margin-right: -5px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n5 {
margin-right: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n5 {
margin-right: -5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n5 {
margin-right: -5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n5 {
margin-right: -5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n5 {
margin-right: -5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n5 {
margin-right: -5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n5 {
margin-right: -5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n5 {
margin-right: -5px;
}
}
.u-mr-n10 {
margin-right: -10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n10 {
margin-right: -10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n10 {
margin-right: -10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n10 {
margin-right: -10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n10 {
margin-right: -10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n10 {
margin-right: -10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n10 {
margin-right: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n10 {
margin-right: -10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n10 {
margin-right: -10px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n10 {
margin-right: -10px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n10 {
margin-right: -10px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n10 {
margin-right: -10px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n10 {
margin-right: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n10 {
margin-right: -10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n10 {
margin-right: -10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n10 {
margin-right: -10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n10 {
margin-right: -10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n10 {
margin-right: -10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n10 {
margin-right: -10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n10 {
margin-right: -10px;
}
}
.u-mr-n15 {
margin-right: -15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n15 {
margin-right: -15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n15 {
margin-right: -15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n15 {
margin-right: -15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n15 {
margin-right: -15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n15 {
margin-right: -15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n15 {
margin-right: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n15 {
margin-right: -15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n15 {
margin-right: -15px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n15 {
margin-right: -15px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n15 {
margin-right: -15px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n15 {
margin-right: -15px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n15 {
margin-right: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n15 {
margin-right: -15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n15 {
margin-right: -15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n15 {
margin-right: -15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n15 {
margin-right: -15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n15 {
margin-right: -15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n15 {
margin-right: -15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n15 {
margin-right: -15px;
}
}
.u-mr-n18 {
margin-right: -18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n18 {
margin-right: -18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n18 {
margin-right: -18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n18 {
margin-right: -18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n18 {
margin-right: -18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n18 {
margin-right: -18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n18 {
margin-right: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n18 {
margin-right: -18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n18 {
margin-right: -18px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n18 {
margin-right: -18px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n18 {
margin-right: -18px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n18 {
margin-right: -18px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n18 {
margin-right: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n18 {
margin-right: -18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n18 {
margin-right: -18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n18 {
margin-right: -18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n18 {
margin-right: -18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n18 {
margin-right: -18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n18 {
margin-right: -18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n18 {
margin-right: -18px;
}
}
.u-mr-n20 {
margin-right: -20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n20 {
margin-right: -20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n20 {
margin-right: -20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n20 {
margin-right: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n20 {
margin-right: -20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n20 {
margin-right: -20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n20 {
margin-right: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n20 {
margin-right: -20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n20 {
margin-right: -20px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n20 {
margin-right: -20px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n20 {
margin-right: -20px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n20 {
margin-right: -20px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n20 {
margin-right: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n20 {
margin-right: -20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n20 {
margin-right: -20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n20 {
margin-right: -20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n20 {
margin-right: -20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n20 {
margin-right: -20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n20 {
margin-right: -20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n20 {
margin-right: -20px;
}
}
.u-mr-n25 {
margin-right: -25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n25 {
margin-right: -25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n25 {
margin-right: -25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n25 {
margin-right: -25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n25 {
margin-right: -25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n25 {
margin-right: -25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n25 {
margin-right: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n25 {
margin-right: -25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n25 {
margin-right: -25px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n25 {
margin-right: -25px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n25 {
margin-right: -25px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n25 {
margin-right: -25px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n25 {
margin-right: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n25 {
margin-right: -25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n25 {
margin-right: -25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n25 {
margin-right: -25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n25 {
margin-right: -25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n25 {
margin-right: -25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n25 {
margin-right: -25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n25 {
margin-right: -25px;
}
}
.u-mr-n30 {
margin-right: -30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n30 {
margin-right: -30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n30 {
margin-right: -30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n30 {
margin-right: -30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n30 {
margin-right: -30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n30 {
margin-right: -30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n30 {
margin-right: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n30 {
margin-right: -30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n30 {
margin-right: -30px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n30 {
margin-right: -30px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n30 {
margin-right: -30px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n30 {
margin-right: -30px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n30 {
margin-right: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n30 {
margin-right: -30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n30 {
margin-right: -30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n30 {
margin-right: -30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n30 {
margin-right: -30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n30 {
margin-right: -30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n30 {
margin-right: -30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n30 {
margin-right: -30px;
}
}
.u-mr-n35 {
margin-right: -35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n35 {
margin-right: -35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n35 {
margin-right: -35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n35 {
margin-right: -35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n35 {
margin-right: -35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n35 {
margin-right: -35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n35 {
margin-right: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n35 {
margin-right: -35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n35 {
margin-right: -35px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n35 {
margin-right: -35px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n35 {
margin-right: -35px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n35 {
margin-right: -35px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n35 {
margin-right: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n35 {
margin-right: -35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n35 {
margin-right: -35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n35 {
margin-right: -35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n35 {
margin-right: -35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n35 {
margin-right: -35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n35 {
margin-right: -35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n35 {
margin-right: -35px;
}
}
.u-mr-n40 {
margin-right: -40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n40 {
margin-right: -40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n40 {
margin-right: -40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n40 {
margin-right: -40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n40 {
margin-right: -40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n40 {
margin-right: -40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n40 {
margin-right: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n40 {
margin-right: -40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n40 {
margin-right: -40px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n40 {
margin-right: -40px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n40 {
margin-right: -40px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n40 {
margin-right: -40px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n40 {
margin-right: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n40 {
margin-right: -40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n40 {
margin-right: -40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n40 {
margin-right: -40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n40 {
margin-right: -40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n40 {
margin-right: -40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n40 {
margin-right: -40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n40 {
margin-right: -40px;
}
}
.u-mr-n50 {
margin-right: -50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n50 {
margin-right: -50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n50 {
margin-right: -50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n50 {
margin-right: -50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n50 {
margin-right: -50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n50 {
margin-right: -50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n50 {
margin-right: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n50 {
margin-right: -50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n50 {
margin-right: -50px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n50 {
margin-right: -50px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n50 {
margin-right: -50px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n50 {
margin-right: -50px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n50 {
margin-right: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n50 {
margin-right: -50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n50 {
margin-right: -50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n50 {
margin-right: -50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n50 {
margin-right: -50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n50 {
margin-right: -50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n50 {
margin-right: -50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n50 {
margin-right: -50px;
}
}
.u-mr-n60 {
margin-right: -60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n60 {
margin-right: -60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n60 {
margin-right: -60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n60 {
margin-right: -60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n60 {
margin-right: -60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n60 {
margin-right: -60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n60 {
margin-right: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n60 {
margin-right: -60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n60 {
margin-right: -60px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n60 {
margin-right: -60px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n60 {
margin-right: -60px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n60 {
margin-right: -60px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n60 {
margin-right: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n60 {
margin-right: -60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n60 {
margin-right: -60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n60 {
margin-right: -60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n60 {
margin-right: -60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n60 {
margin-right: -60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n60 {
margin-right: -60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n60 {
margin-right: -60px;
}
}
.u-mr-n70 {
margin-right: -70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n70 {
margin-right: -70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n70 {
margin-right: -70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n70 {
margin-right: -70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n70 {
margin-right: -70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n70 {
margin-right: -70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n70 {
margin-right: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n70 {
margin-right: -70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n70 {
margin-right: -70px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n70 {
margin-right: -70px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n70 {
margin-right: -70px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n70 {
margin-right: -70px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n70 {
margin-right: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n70 {
margin-right: -70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n70 {
margin-right: -70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n70 {
margin-right: -70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n70 {
margin-right: -70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n70 {
margin-right: -70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n70 {
margin-right: -70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n70 {
margin-right: -70px;
}
}
.u-mr-n80 {
margin-right: -80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n80 {
margin-right: -80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n80 {
margin-right: -80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n80 {
margin-right: -80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n80 {
margin-right: -80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n80 {
margin-right: -80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n80 {
margin-right: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n80 {
margin-right: -80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n80 {
margin-right: -80px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n80 {
margin-right: -80px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n80 {
margin-right: -80px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n80 {
margin-right: -80px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n80 {
margin-right: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n80 {
margin-right: -80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n80 {
margin-right: -80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n80 {
margin-right: -80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n80 {
margin-right: -80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n80 {
margin-right: -80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n80 {
margin-right: -80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n80 {
margin-right: -80px;
}
}
.u-mr-n90 {
margin-right: -90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n90 {
margin-right: -90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n90 {
margin-right: -90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n90 {
margin-right: -90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n90 {
margin-right: -90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n90 {
margin-right: -90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n90 {
margin-right: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n90 {
margin-right: -90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n90 {
margin-right: -90px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n90 {
margin-right: -90px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n90 {
margin-right: -90px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n90 {
margin-right: -90px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n90 {
margin-right: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n90 {
margin-right: -90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n90 {
margin-right: -90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n90 {
margin-right: -90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n90 {
margin-right: -90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n90 {
margin-right: -90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n90 {
margin-right: -90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n90 {
margin-right: -90px;
}
}
.u-mr-n100 {
margin-right: -100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mr-xxs-only-n100 {
margin-right: -100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mr-xs-only-n100 {
margin-right: -100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mr-sm-only-n100 {
margin-right: -100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mr-md-only-n100 {
margin-right: -100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mr-lg-only-n100 {
margin-right: -100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mr-xl-only-n100 {
margin-right: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-only-n100 {
margin-right: -100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mr-xs-up-n100 {
margin-right: -100px;
}
}
@media only screen and (min-width: 576px) {
.u-mr-sm-up-n100 {
margin-right: -100px;
}
}
@media only screen and (min-width: 768px) {
.u-mr-md-up-n100 {
margin-right: -100px;
}
}
@media only screen and (min-width: 992px) {
.u-mr-lg-up-n100 {
margin-right: -100px;
}
}
@media only screen and (min-width: 1200px) {
.u-mr-xl-up-n100 {
margin-right: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mr-xxl-up-n100 {
margin-right: -100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mr-xxl-down-n100 {
margin-right: -100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mr-xl-down-n100 {
margin-right: -100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mr-lg-down-n100 {
margin-right: -100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mr-md-down-n100 {
margin-right: -100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mr-sm-down-n100 {
margin-right: -100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mr-xs-down-n100 {
margin-right: -100px;
}
}
.u-mb-n0 {
margin-bottom: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n0 {
margin-bottom: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n0 {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n0 {
margin-bottom: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n0 {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n0 {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n0 {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n0 {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n0 {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n0 {
margin-bottom: 0px;
}
}
.u-mb-n5 {
margin-bottom: -5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n5 {
margin-bottom: -5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n5 {
margin-bottom: -5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n5 {
margin-bottom: -5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n5 {
margin-bottom: -5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n5 {
margin-bottom: -5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n5 {
margin-bottom: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n5 {
margin-bottom: -5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n5 {
margin-bottom: -5px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n5 {
margin-bottom: -5px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n5 {
margin-bottom: -5px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n5 {
margin-bottom: -5px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n5 {
margin-bottom: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n5 {
margin-bottom: -5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n5 {
margin-bottom: -5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n5 {
margin-bottom: -5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n5 {
margin-bottom: -5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n5 {
margin-bottom: -5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n5 {
margin-bottom: -5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n5 {
margin-bottom: -5px;
}
}
.u-mb-n10 {
margin-bottom: -10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n10 {
margin-bottom: -10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n10 {
margin-bottom: -10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n10 {
margin-bottom: -10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n10 {
margin-bottom: -10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n10 {
margin-bottom: -10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n10 {
margin-bottom: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n10 {
margin-bottom: -10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n10 {
margin-bottom: -10px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n10 {
margin-bottom: -10px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n10 {
margin-bottom: -10px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n10 {
margin-bottom: -10px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n10 {
margin-bottom: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n10 {
margin-bottom: -10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n10 {
margin-bottom: -10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n10 {
margin-bottom: -10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n10 {
margin-bottom: -10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n10 {
margin-bottom: -10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n10 {
margin-bottom: -10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n10 {
margin-bottom: -10px;
}
}
.u-mb-n15 {
margin-bottom: -15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n15 {
margin-bottom: -15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n15 {
margin-bottom: -15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n15 {
margin-bottom: -15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n15 {
margin-bottom: -15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n15 {
margin-bottom: -15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n15 {
margin-bottom: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n15 {
margin-bottom: -15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n15 {
margin-bottom: -15px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n15 {
margin-bottom: -15px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n15 {
margin-bottom: -15px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n15 {
margin-bottom: -15px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n15 {
margin-bottom: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n15 {
margin-bottom: -15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n15 {
margin-bottom: -15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n15 {
margin-bottom: -15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n15 {
margin-bottom: -15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n15 {
margin-bottom: -15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n15 {
margin-bottom: -15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n15 {
margin-bottom: -15px;
}
}
.u-mb-n18 {
margin-bottom: -18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n18 {
margin-bottom: -18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n18 {
margin-bottom: -18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n18 {
margin-bottom: -18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n18 {
margin-bottom: -18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n18 {
margin-bottom: -18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n18 {
margin-bottom: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n18 {
margin-bottom: -18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n18 {
margin-bottom: -18px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n18 {
margin-bottom: -18px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n18 {
margin-bottom: -18px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n18 {
margin-bottom: -18px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n18 {
margin-bottom: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n18 {
margin-bottom: -18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n18 {
margin-bottom: -18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n18 {
margin-bottom: -18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n18 {
margin-bottom: -18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n18 {
margin-bottom: -18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n18 {
margin-bottom: -18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n18 {
margin-bottom: -18px;
}
}
.u-mb-n20 {
margin-bottom: -20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n20 {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n20 {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n20 {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n20 {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n20 {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n20 {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n20 {
margin-bottom: -20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n20 {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n20 {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n20 {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n20 {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n20 {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n20 {
margin-bottom: -20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n20 {
margin-bottom: -20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n20 {
margin-bottom: -20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n20 {
margin-bottom: -20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n20 {
margin-bottom: -20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n20 {
margin-bottom: -20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n20 {
margin-bottom: -20px;
}
}
.u-mb-n25 {
margin-bottom: -25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n25 {
margin-bottom: -25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n25 {
margin-bottom: -25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n25 {
margin-bottom: -25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n25 {
margin-bottom: -25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n25 {
margin-bottom: -25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n25 {
margin-bottom: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n25 {
margin-bottom: -25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n25 {
margin-bottom: -25px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n25 {
margin-bottom: -25px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n25 {
margin-bottom: -25px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n25 {
margin-bottom: -25px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n25 {
margin-bottom: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n25 {
margin-bottom: -25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n25 {
margin-bottom: -25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n25 {
margin-bottom: -25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n25 {
margin-bottom: -25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n25 {
margin-bottom: -25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n25 {
margin-bottom: -25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n25 {
margin-bottom: -25px;
}
}
.u-mb-n30 {
margin-bottom: -30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n30 {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n30 {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n30 {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n30 {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n30 {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n30 {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n30 {
margin-bottom: -30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n30 {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n30 {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n30 {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n30 {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n30 {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n30 {
margin-bottom: -30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n30 {
margin-bottom: -30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n30 {
margin-bottom: -30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n30 {
margin-bottom: -30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n30 {
margin-bottom: -30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n30 {
margin-bottom: -30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n30 {
margin-bottom: -30px;
}
}
.u-mb-n35 {
margin-bottom: -35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n35 {
margin-bottom: -35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n35 {
margin-bottom: -35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n35 {
margin-bottom: -35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n35 {
margin-bottom: -35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n35 {
margin-bottom: -35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n35 {
margin-bottom: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n35 {
margin-bottom: -35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n35 {
margin-bottom: -35px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n35 {
margin-bottom: -35px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n35 {
margin-bottom: -35px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n35 {
margin-bottom: -35px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n35 {
margin-bottom: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n35 {
margin-bottom: -35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n35 {
margin-bottom: -35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n35 {
margin-bottom: -35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n35 {
margin-bottom: -35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n35 {
margin-bottom: -35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n35 {
margin-bottom: -35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n35 {
margin-bottom: -35px;
}
}
.u-mb-n40 {
margin-bottom: -40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n40 {
margin-bottom: -40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n40 {
margin-bottom: -40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n40 {
margin-bottom: -40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n40 {
margin-bottom: -40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n40 {
margin-bottom: -40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n40 {
margin-bottom: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n40 {
margin-bottom: -40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n40 {
margin-bottom: -40px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n40 {
margin-bottom: -40px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n40 {
margin-bottom: -40px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n40 {
margin-bottom: -40px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n40 {
margin-bottom: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n40 {
margin-bottom: -40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n40 {
margin-bottom: -40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n40 {
margin-bottom: -40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n40 {
margin-bottom: -40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n40 {
margin-bottom: -40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n40 {
margin-bottom: -40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n40 {
margin-bottom: -40px;
}
}
.u-mb-n50 {
margin-bottom: -50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n50 {
margin-bottom: -50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n50 {
margin-bottom: -50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n50 {
margin-bottom: -50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n50 {
margin-bottom: -50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n50 {
margin-bottom: -50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n50 {
margin-bottom: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n50 {
margin-bottom: -50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n50 {
margin-bottom: -50px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n50 {
margin-bottom: -50px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n50 {
margin-bottom: -50px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n50 {
margin-bottom: -50px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n50 {
margin-bottom: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n50 {
margin-bottom: -50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n50 {
margin-bottom: -50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n50 {
margin-bottom: -50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n50 {
margin-bottom: -50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n50 {
margin-bottom: -50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n50 {
margin-bottom: -50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n50 {
margin-bottom: -50px;
}
}
.u-mb-n60 {
margin-bottom: -60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n60 {
margin-bottom: -60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n60 {
margin-bottom: -60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n60 {
margin-bottom: -60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n60 {
margin-bottom: -60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n60 {
margin-bottom: -60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n60 {
margin-bottom: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n60 {
margin-bottom: -60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n60 {
margin-bottom: -60px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n60 {
margin-bottom: -60px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n60 {
margin-bottom: -60px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n60 {
margin-bottom: -60px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n60 {
margin-bottom: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n60 {
margin-bottom: -60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n60 {
margin-bottom: -60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n60 {
margin-bottom: -60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n60 {
margin-bottom: -60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n60 {
margin-bottom: -60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n60 {
margin-bottom: -60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n60 {
margin-bottom: -60px;
}
}
.u-mb-n70 {
margin-bottom: -70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n70 {
margin-bottom: -70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n70 {
margin-bottom: -70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n70 {
margin-bottom: -70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n70 {
margin-bottom: -70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n70 {
margin-bottom: -70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n70 {
margin-bottom: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n70 {
margin-bottom: -70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n70 {
margin-bottom: -70px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n70 {
margin-bottom: -70px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n70 {
margin-bottom: -70px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n70 {
margin-bottom: -70px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n70 {
margin-bottom: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n70 {
margin-bottom: -70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n70 {
margin-bottom: -70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n70 {
margin-bottom: -70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n70 {
margin-bottom: -70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n70 {
margin-bottom: -70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n70 {
margin-bottom: -70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n70 {
margin-bottom: -70px;
}
}
.u-mb-n80 {
margin-bottom: -80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n80 {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n80 {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n80 {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n80 {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n80 {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n80 {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n80 {
margin-bottom: -80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n80 {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n80 {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n80 {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n80 {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n80 {
margin-bottom: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n80 {
margin-bottom: -80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n80 {
margin-bottom: -80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n80 {
margin-bottom: -80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n80 {
margin-bottom: -80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n80 {
margin-bottom: -80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n80 {
margin-bottom: -80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n80 {
margin-bottom: -80px;
}
}
.u-mb-n90 {
margin-bottom: -90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n90 {
margin-bottom: -90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n90 {
margin-bottom: -90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n90 {
margin-bottom: -90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n90 {
margin-bottom: -90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n90 {
margin-bottom: -90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n90 {
margin-bottom: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n90 {
margin-bottom: -90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n90 {
margin-bottom: -90px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n90 {
margin-bottom: -90px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n90 {
margin-bottom: -90px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n90 {
margin-bottom: -90px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n90 {
margin-bottom: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n90 {
margin-bottom: -90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n90 {
margin-bottom: -90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n90 {
margin-bottom: -90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n90 {
margin-bottom: -90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n90 {
margin-bottom: -90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n90 {
margin-bottom: -90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n90 {
margin-bottom: -90px;
}
}
.u-mb-n100 {
margin-bottom: -100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mb-xxs-only-n100 {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mb-xs-only-n100 {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mb-sm-only-n100 {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mb-md-only-n100 {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mb-lg-only-n100 {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mb-xl-only-n100 {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-only-n100 {
margin-bottom: -100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mb-xs-up-n100 {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 576px) {
.u-mb-sm-up-n100 {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 768px) {
.u-mb-md-up-n100 {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 992px) {
.u-mb-lg-up-n100 {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 1200px) {
.u-mb-xl-up-n100 {
margin-bottom: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mb-xxl-up-n100 {
margin-bottom: -100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mb-xxl-down-n100 {
margin-bottom: -100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mb-xl-down-n100 {
margin-bottom: -100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mb-lg-down-n100 {
margin-bottom: -100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mb-md-down-n100 {
margin-bottom: -100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mb-sm-down-n100 {
margin-bottom: -100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mb-xs-down-n100 {
margin-bottom: -100px;
}
}
.u-ml-n0 {
margin-left: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n0 {
margin-left: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n0 {
margin-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n0 {
margin-left: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n0 {
margin-left: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n0 {
margin-left: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n0 {
margin-left: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n0 {
margin-left: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n0 {
margin-left: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n0 {
margin-left: 0px;
}
}
.u-ml-n5 {
margin-left: -5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n5 {
margin-left: -5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n5 {
margin-left: -5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n5 {
margin-left: -5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n5 {
margin-left: -5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n5 {
margin-left: -5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n5 {
margin-left: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n5 {
margin-left: -5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n5 {
margin-left: -5px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n5 {
margin-left: -5px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n5 {
margin-left: -5px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n5 {
margin-left: -5px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n5 {
margin-left: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n5 {
margin-left: -5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n5 {
margin-left: -5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n5 {
margin-left: -5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n5 {
margin-left: -5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n5 {
margin-left: -5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n5 {
margin-left: -5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n5 {
margin-left: -5px;
}
}
.u-ml-n10 {
margin-left: -10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n10 {
margin-left: -10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n10 {
margin-left: -10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n10 {
margin-left: -10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n10 {
margin-left: -10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n10 {
margin-left: -10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n10 {
margin-left: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n10 {
margin-left: -10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n10 {
margin-left: -10px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n10 {
margin-left: -10px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n10 {
margin-left: -10px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n10 {
margin-left: -10px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n10 {
margin-left: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n10 {
margin-left: -10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n10 {
margin-left: -10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n10 {
margin-left: -10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n10 {
margin-left: -10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n10 {
margin-left: -10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n10 {
margin-left: -10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n10 {
margin-left: -10px;
}
}
.u-ml-n15 {
margin-left: -15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n15 {
margin-left: -15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n15 {
margin-left: -15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n15 {
margin-left: -15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n15 {
margin-left: -15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n15 {
margin-left: -15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n15 {
margin-left: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n15 {
margin-left: -15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n15 {
margin-left: -15px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n15 {
margin-left: -15px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n15 {
margin-left: -15px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n15 {
margin-left: -15px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n15 {
margin-left: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n15 {
margin-left: -15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n15 {
margin-left: -15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n15 {
margin-left: -15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n15 {
margin-left: -15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n15 {
margin-left: -15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n15 {
margin-left: -15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n15 {
margin-left: -15px;
}
}
.u-ml-n18 {
margin-left: -18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n18 {
margin-left: -18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n18 {
margin-left: -18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n18 {
margin-left: -18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n18 {
margin-left: -18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n18 {
margin-left: -18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n18 {
margin-left: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n18 {
margin-left: -18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n18 {
margin-left: -18px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n18 {
margin-left: -18px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n18 {
margin-left: -18px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n18 {
margin-left: -18px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n18 {
margin-left: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n18 {
margin-left: -18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n18 {
margin-left: -18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n18 {
margin-left: -18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n18 {
margin-left: -18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n18 {
margin-left: -18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n18 {
margin-left: -18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n18 {
margin-left: -18px;
}
}
.u-ml-n20 {
margin-left: -20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n20 {
margin-left: -20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n20 {
margin-left: -20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n20 {
margin-left: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n20 {
margin-left: -20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n20 {
margin-left: -20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n20 {
margin-left: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n20 {
margin-left: -20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n20 {
margin-left: -20px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n20 {
margin-left: -20px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n20 {
margin-left: -20px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n20 {
margin-left: -20px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n20 {
margin-left: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n20 {
margin-left: -20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n20 {
margin-left: -20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n20 {
margin-left: -20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n20 {
margin-left: -20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n20 {
margin-left: -20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n20 {
margin-left: -20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n20 {
margin-left: -20px;
}
}
.u-ml-n25 {
margin-left: -25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n25 {
margin-left: -25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n25 {
margin-left: -25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n25 {
margin-left: -25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n25 {
margin-left: -25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n25 {
margin-left: -25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n25 {
margin-left: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n25 {
margin-left: -25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n25 {
margin-left: -25px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n25 {
margin-left: -25px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n25 {
margin-left: -25px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n25 {
margin-left: -25px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n25 {
margin-left: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n25 {
margin-left: -25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n25 {
margin-left: -25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n25 {
margin-left: -25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n25 {
margin-left: -25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n25 {
margin-left: -25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n25 {
margin-left: -25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n25 {
margin-left: -25px;
}
}
.u-ml-n30 {
margin-left: -30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n30 {
margin-left: -30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n30 {
margin-left: -30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n30 {
margin-left: -30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n30 {
margin-left: -30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n30 {
margin-left: -30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n30 {
margin-left: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n30 {
margin-left: -30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n30 {
margin-left: -30px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n30 {
margin-left: -30px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n30 {
margin-left: -30px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n30 {
margin-left: -30px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n30 {
margin-left: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n30 {
margin-left: -30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n30 {
margin-left: -30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n30 {
margin-left: -30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n30 {
margin-left: -30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n30 {
margin-left: -30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n30 {
margin-left: -30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n30 {
margin-left: -30px;
}
}
.u-ml-n35 {
margin-left: -35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n35 {
margin-left: -35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n35 {
margin-left: -35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n35 {
margin-left: -35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n35 {
margin-left: -35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n35 {
margin-left: -35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n35 {
margin-left: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n35 {
margin-left: -35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n35 {
margin-left: -35px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n35 {
margin-left: -35px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n35 {
margin-left: -35px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n35 {
margin-left: -35px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n35 {
margin-left: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n35 {
margin-left: -35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n35 {
margin-left: -35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n35 {
margin-left: -35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n35 {
margin-left: -35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n35 {
margin-left: -35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n35 {
margin-left: -35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n35 {
margin-left: -35px;
}
}
.u-ml-n40 {
margin-left: -40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n40 {
margin-left: -40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n40 {
margin-left: -40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n40 {
margin-left: -40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n40 {
margin-left: -40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n40 {
margin-left: -40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n40 {
margin-left: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n40 {
margin-left: -40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n40 {
margin-left: -40px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n40 {
margin-left: -40px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n40 {
margin-left: -40px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n40 {
margin-left: -40px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n40 {
margin-left: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n40 {
margin-left: -40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n40 {
margin-left: -40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n40 {
margin-left: -40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n40 {
margin-left: -40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n40 {
margin-left: -40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n40 {
margin-left: -40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n40 {
margin-left: -40px;
}
}
.u-ml-n50 {
margin-left: -50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n50 {
margin-left: -50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n50 {
margin-left: -50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n50 {
margin-left: -50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n50 {
margin-left: -50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n50 {
margin-left: -50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n50 {
margin-left: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n50 {
margin-left: -50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n50 {
margin-left: -50px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n50 {
margin-left: -50px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n50 {
margin-left: -50px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n50 {
margin-left: -50px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n50 {
margin-left: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n50 {
margin-left: -50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n50 {
margin-left: -50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n50 {
margin-left: -50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n50 {
margin-left: -50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n50 {
margin-left: -50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n50 {
margin-left: -50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n50 {
margin-left: -50px;
}
}
.u-ml-n60 {
margin-left: -60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n60 {
margin-left: -60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n60 {
margin-left: -60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n60 {
margin-left: -60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n60 {
margin-left: -60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n60 {
margin-left: -60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n60 {
margin-left: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n60 {
margin-left: -60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n60 {
margin-left: -60px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n60 {
margin-left: -60px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n60 {
margin-left: -60px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n60 {
margin-left: -60px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n60 {
margin-left: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n60 {
margin-left: -60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n60 {
margin-left: -60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n60 {
margin-left: -60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n60 {
margin-left: -60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n60 {
margin-left: -60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n60 {
margin-left: -60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n60 {
margin-left: -60px;
}
}
.u-ml-n70 {
margin-left: -70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n70 {
margin-left: -70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n70 {
margin-left: -70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n70 {
margin-left: -70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n70 {
margin-left: -70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n70 {
margin-left: -70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n70 {
margin-left: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n70 {
margin-left: -70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n70 {
margin-left: -70px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n70 {
margin-left: -70px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n70 {
margin-left: -70px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n70 {
margin-left: -70px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n70 {
margin-left: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n70 {
margin-left: -70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n70 {
margin-left: -70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n70 {
margin-left: -70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n70 {
margin-left: -70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n70 {
margin-left: -70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n70 {
margin-left: -70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n70 {
margin-left: -70px;
}
}
.u-ml-n80 {
margin-left: -80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n80 {
margin-left: -80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n80 {
margin-left: -80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n80 {
margin-left: -80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n80 {
margin-left: -80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n80 {
margin-left: -80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n80 {
margin-left: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n80 {
margin-left: -80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n80 {
margin-left: -80px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n80 {
margin-left: -80px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n80 {
margin-left: -80px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n80 {
margin-left: -80px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n80 {
margin-left: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n80 {
margin-left: -80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n80 {
margin-left: -80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n80 {
margin-left: -80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n80 {
margin-left: -80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n80 {
margin-left: -80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n80 {
margin-left: -80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n80 {
margin-left: -80px;
}
}
.u-ml-n90 {
margin-left: -90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n90 {
margin-left: -90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n90 {
margin-left: -90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n90 {
margin-left: -90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n90 {
margin-left: -90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n90 {
margin-left: -90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n90 {
margin-left: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n90 {
margin-left: -90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n90 {
margin-left: -90px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n90 {
margin-left: -90px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n90 {
margin-left: -90px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n90 {
margin-left: -90px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n90 {
margin-left: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n90 {
margin-left: -90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n90 {
margin-left: -90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n90 {
margin-left: -90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n90 {
margin-left: -90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n90 {
margin-left: -90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n90 {
margin-left: -90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n90 {
margin-left: -90px;
}
}
.u-ml-n100 {
margin-left: -100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-ml-xxs-only-n100 {
margin-left: -100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-ml-xs-only-n100 {
margin-left: -100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-ml-sm-only-n100 {
margin-left: -100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-ml-md-only-n100 {
margin-left: -100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-ml-lg-only-n100 {
margin-left: -100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-ml-xl-only-n100 {
margin-left: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-only-n100 {
margin-left: -100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-ml-xs-up-n100 {
margin-left: -100px;
}
}
@media only screen and (min-width: 576px) {
.u-ml-sm-up-n100 {
margin-left: -100px;
}
}
@media only screen and (min-width: 768px) {
.u-ml-md-up-n100 {
margin-left: -100px;
}
}
@media only screen and (min-width: 992px) {
.u-ml-lg-up-n100 {
margin-left: -100px;
}
}
@media only screen and (min-width: 1200px) {
.u-ml-xl-up-n100 {
margin-left: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-ml-xxl-up-n100 {
margin-left: -100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-ml-xxl-down-n100 {
margin-left: -100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-ml-xl-down-n100 {
margin-left: -100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-ml-lg-down-n100 {
margin-left: -100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-ml-md-down-n100 {
margin-left: -100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-ml-sm-down-n100 {
margin-left: -100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-ml-xs-down-n100 {
margin-left: -100px;
}
}
.u-mx-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n0 {
margin-top: 0px;
margin-bottom: 0px;
}
}
.u-mx-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n5 {
margin-top: -5px;
margin-bottom: -5px;
}
}
.u-mx-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n10 {
margin-top: -10px;
margin-bottom: -10px;
}
}
.u-mx-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n15 {
margin-top: -15px;
margin-bottom: -15px;
}
}
.u-mx-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n18 {
margin-top: -18px;
margin-bottom: -18px;
}
}
.u-mx-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n20 {
margin-top: -20px;
margin-bottom: -20px;
}
}
.u-mx-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n25 {
margin-top: -25px;
margin-bottom: -25px;
}
}
.u-mx-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n30 {
margin-top: -30px;
margin-bottom: -30px;
}
}
.u-mx-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n35 {
margin-top: -35px;
margin-bottom: -35px;
}
}
.u-mx-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n40 {
margin-top: -40px;
margin-bottom: -40px;
}
}
.u-mx-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n50 {
margin-top: -50px;
margin-bottom: -50px;
}
}
.u-mx-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n60 {
margin-top: -60px;
margin-bottom: -60px;
}
}
.u-mx-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n70 {
margin-top: -70px;
margin-bottom: -70px;
}
}
.u-mx-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n80 {
margin-top: -80px;
margin-bottom: -80px;
}
}
.u-mx-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n90 {
margin-top: -90px;
margin-bottom: -90px;
}
}
.u-mx-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-mx-xxs-only-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-mx-xs-only-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-mx-sm-only-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-mx-md-only-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-mx-lg-only-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-mx-xl-only-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-only-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-mx-xs-up-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (min-width: 576px) {
.u-mx-sm-up-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (min-width: 768px) {
.u-mx-md-up-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (min-width: 992px) {
.u-mx-lg-up-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (min-width: 1200px) {
.u-mx-xl-up-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-mx-xxl-up-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-mx-xxl-down-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-mx-xl-down-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-mx-lg-down-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-mx-md-down-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-mx-sm-down-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-mx-xs-down-n100 {
margin-top: -100px;
margin-bottom: -100px;
}
}
.u-my-n0 {
margin-right: 0px;
margin-left: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n0 {
margin-right: 0px;
margin-left: 0px;
}
}
.u-my-n5 {
margin-right: -5px;
margin-left: -5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n5 {
margin-right: -5px;
margin-left: -5px;
}
}
.u-my-n10 {
margin-right: -10px;
margin-left: -10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n10 {
margin-right: -10px;
margin-left: -10px;
}
}
.u-my-n15 {
margin-right: -15px;
margin-left: -15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n15 {
margin-right: -15px;
margin-left: -15px;
}
}
.u-my-n18 {
margin-right: -18px;
margin-left: -18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n18 {
margin-right: -18px;
margin-left: -18px;
}
}
.u-my-n20 {
margin-right: -20px;
margin-left: -20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n20 {
margin-right: -20px;
margin-left: -20px;
}
}
.u-my-n25 {
margin-right: -25px;
margin-left: -25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n25 {
margin-right: -25px;
margin-left: -25px;
}
}
.u-my-n30 {
margin-right: -30px;
margin-left: -30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n30 {
margin-right: -30px;
margin-left: -30px;
}
}
.u-my-n35 {
margin-right: -35px;
margin-left: -35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n35 {
margin-right: -35px;
margin-left: -35px;
}
}
.u-my-n40 {
margin-right: -40px;
margin-left: -40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n40 {
margin-right: -40px;
margin-left: -40px;
}
}
.u-my-n50 {
margin-right: -50px;
margin-left: -50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n50 {
margin-right: -50px;
margin-left: -50px;
}
}
.u-my-n60 {
margin-right: -60px;
margin-left: -60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n60 {
margin-right: -60px;
margin-left: -60px;
}
}
.u-my-n70 {
margin-right: -70px;
margin-left: -70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n70 {
margin-right: -70px;
margin-left: -70px;
}
}
.u-my-n80 {
margin-right: -80px;
margin-left: -80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n80 {
margin-right: -80px;
margin-left: -80px;
}
}
.u-my-n90 {
margin-right: -90px;
margin-left: -90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n90 {
margin-right: -90px;
margin-left: -90px;
}
}
.u-my-n100 {
margin-right: -100px;
margin-left: -100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-my-xxs-only-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-my-xs-only-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-my-sm-only-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-my-md-only-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-my-lg-only-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-my-xl-only-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-only-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-my-xs-up-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (min-width: 576px) {
.u-my-sm-up-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (min-width: 768px) {
.u-my-md-up-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (min-width: 992px) {
.u-my-lg-up-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (min-width: 1200px) {
.u-my-xl-up-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (min-width: 1400px) {
.u-my-xxl-up-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-my-xxl-down-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-my-xl-down-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-my-lg-down-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-my-md-down-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-my-sm-down-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-my-xs-down-n100 {
margin-right: -100px;
margin-left: -100px;
}
}
/* padding */
.u-pt-auto {
padding-top: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-auto {
padding-top: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-auto {
padding-top: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-auto {
padding-top: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-auto {
padding-top: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-auto {
padding-top: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-auto {
padding-top: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-auto {
padding-top: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-auto {
padding-top: auto;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-auto {
padding-top: auto;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-auto {
padding-top: auto;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-auto {
padding-top: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-auto {
padding-top: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-auto {
padding-top: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-auto {
padding-top: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-auto {
padding-top: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-auto {
padding-top: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-auto {
padding-top: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-auto {
padding-top: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-auto {
padding-top: auto;
}
}
.u-pt-0 {
padding-top: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-0 {
padding-top: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-0 {
padding-top: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-0 {
padding-top: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-0 {
padding-top: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-0 {
padding-top: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-0 {
padding-top: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-0 {
padding-top: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-0 {
padding-top: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-0 {
padding-top: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-0 {
padding-top: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-0 {
padding-top: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-0 {
padding-top: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-0 {
padding-top: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-0 {
padding-top: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-0 {
padding-top: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-0 {
padding-top: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-0 {
padding-top: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-0 {
padding-top: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-0 {
padding-top: 0px;
}
}
.u-pt-5 {
padding-top: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-5 {
padding-top: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-5 {
padding-top: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-5 {
padding-top: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-5 {
padding-top: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-5 {
padding-top: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-5 {
padding-top: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-5 {
padding-top: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-5 {
padding-top: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-5 {
padding-top: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-5 {
padding-top: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-5 {
padding-top: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-5 {
padding-top: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-5 {
padding-top: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-5 {
padding-top: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-5 {
padding-top: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-5 {
padding-top: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-5 {
padding-top: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-5 {
padding-top: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-5 {
padding-top: 5px;
}
}
.u-pt-10 {
padding-top: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-10 {
padding-top: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-10 {
padding-top: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-10 {
padding-top: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-10 {
padding-top: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-10 {
padding-top: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-10 {
padding-top: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-10 {
padding-top: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-10 {
padding-top: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-10 {
padding-top: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-10 {
padding-top: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-10 {
padding-top: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-10 {
padding-top: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-10 {
padding-top: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-10 {
padding-top: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-10 {
padding-top: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-10 {
padding-top: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-10 {
padding-top: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-10 {
padding-top: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-10 {
padding-top: 10px;
}
}
.u-pt-15 {
padding-top: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-15 {
padding-top: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-15 {
padding-top: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-15 {
padding-top: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-15 {
padding-top: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-15 {
padding-top: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-15 {
padding-top: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-15 {
padding-top: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-15 {
padding-top: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-15 {
padding-top: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-15 {
padding-top: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-15 {
padding-top: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-15 {
padding-top: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-15 {
padding-top: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-15 {
padding-top: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-15 {
padding-top: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-15 {
padding-top: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-15 {
padding-top: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-15 {
padding-top: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-15 {
padding-top: 15px;
}
}
.u-pt-18 {
padding-top: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-18 {
padding-top: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-18 {
padding-top: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-18 {
padding-top: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-18 {
padding-top: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-18 {
padding-top: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-18 {
padding-top: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-18 {
padding-top: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-18 {
padding-top: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-18 {
padding-top: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-18 {
padding-top: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-18 {
padding-top: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-18 {
padding-top: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-18 {
padding-top: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-18 {
padding-top: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-18 {
padding-top: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-18 {
padding-top: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-18 {
padding-top: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-18 {
padding-top: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-18 {
padding-top: 18px;
}
}
.u-pt-20 {
padding-top: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-20 {
padding-top: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-20 {
padding-top: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-20 {
padding-top: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-20 {
padding-top: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-20 {
padding-top: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-20 {
padding-top: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-20 {
padding-top: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-20 {
padding-top: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-20 {
padding-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-20 {
padding-top: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-20 {
padding-top: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-20 {
padding-top: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-20 {
padding-top: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-20 {
padding-top: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-20 {
padding-top: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-20 {
padding-top: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-20 {
padding-top: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-20 {
padding-top: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-20 {
padding-top: 20px;
}
}
.u-pt-25 {
padding-top: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-25 {
padding-top: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-25 {
padding-top: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-25 {
padding-top: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-25 {
padding-top: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-25 {
padding-top: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-25 {
padding-top: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-25 {
padding-top: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-25 {
padding-top: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-25 {
padding-top: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-25 {
padding-top: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-25 {
padding-top: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-25 {
padding-top: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-25 {
padding-top: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-25 {
padding-top: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-25 {
padding-top: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-25 {
padding-top: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-25 {
padding-top: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-25 {
padding-top: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-25 {
padding-top: 25px;
}
}
.u-pt-30 {
padding-top: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-30 {
padding-top: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-30 {
padding-top: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-30 {
padding-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-30 {
padding-top: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-30 {
padding-top: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-30 {
padding-top: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-30 {
padding-top: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-30 {
padding-top: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-30 {
padding-top: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-30 {
padding-top: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-30 {
padding-top: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-30 {
padding-top: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-30 {
padding-top: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-30 {
padding-top: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-30 {
padding-top: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-30 {
padding-top: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-30 {
padding-top: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-30 {
padding-top: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-30 {
padding-top: 30px;
}
}
.u-pt-35 {
padding-top: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-35 {
padding-top: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-35 {
padding-top: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-35 {
padding-top: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-35 {
padding-top: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-35 {
padding-top: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-35 {
padding-top: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-35 {
padding-top: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-35 {
padding-top: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-35 {
padding-top: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-35 {
padding-top: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-35 {
padding-top: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-35 {
padding-top: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-35 {
padding-top: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-35 {
padding-top: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-35 {
padding-top: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-35 {
padding-top: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-35 {
padding-top: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-35 {
padding-top: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-35 {
padding-top: 35px;
}
}
.u-pt-40 {
padding-top: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-40 {
padding-top: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-40 {
padding-top: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-40 {
padding-top: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-40 {
padding-top: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-40 {
padding-top: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-40 {
padding-top: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-40 {
padding-top: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-40 {
padding-top: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-40 {
padding-top: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-40 {
padding-top: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-40 {
padding-top: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-40 {
padding-top: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-40 {
padding-top: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-40 {
padding-top: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-40 {
padding-top: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-40 {
padding-top: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-40 {
padding-top: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-40 {
padding-top: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-40 {
padding-top: 40px;
}
}
.u-pt-50 {
padding-top: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-50 {
padding-top: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-50 {
padding-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-50 {
padding-top: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-50 {
padding-top: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-50 {
padding-top: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-50 {
padding-top: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-50 {
padding-top: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-50 {
padding-top: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-50 {
padding-top: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-50 {
padding-top: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-50 {
padding-top: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-50 {
padding-top: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-50 {
padding-top: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-50 {
padding-top: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-50 {
padding-top: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-50 {
padding-top: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-50 {
padding-top: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-50 {
padding-top: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-50 {
padding-top: 50px;
}
}
.u-pt-60 {
padding-top: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-60 {
padding-top: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-60 {
padding-top: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-60 {
padding-top: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-60 {
padding-top: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-60 {
padding-top: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-60 {
padding-top: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-60 {
padding-top: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-60 {
padding-top: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-60 {
padding-top: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-60 {
padding-top: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-60 {
padding-top: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-60 {
padding-top: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-60 {
padding-top: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-60 {
padding-top: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-60 {
padding-top: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-60 {
padding-top: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-60 {
padding-top: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-60 {
padding-top: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-60 {
padding-top: 60px;
}
}
.u-pt-70 {
padding-top: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-70 {
padding-top: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-70 {
padding-top: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-70 {
padding-top: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-70 {
padding-top: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-70 {
padding-top: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-70 {
padding-top: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-70 {
padding-top: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-70 {
padding-top: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-70 {
padding-top: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-70 {
padding-top: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-70 {
padding-top: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-70 {
padding-top: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-70 {
padding-top: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-70 {
padding-top: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-70 {
padding-top: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-70 {
padding-top: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-70 {
padding-top: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-70 {
padding-top: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-70 {
padding-top: 70px;
}
}
.u-pt-80 {
padding-top: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-80 {
padding-top: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-80 {
padding-top: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-80 {
padding-top: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-80 {
padding-top: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-80 {
padding-top: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-80 {
padding-top: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-80 {
padding-top: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-80 {
padding-top: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-80 {
padding-top: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-80 {
padding-top: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-80 {
padding-top: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-80 {
padding-top: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-80 {
padding-top: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-80 {
padding-top: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-80 {
padding-top: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-80 {
padding-top: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-80 {
padding-top: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-80 {
padding-top: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-80 {
padding-top: 80px;
}
}
.u-pt-90 {
padding-top: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-90 {
padding-top: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-90 {
padding-top: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-90 {
padding-top: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-90 {
padding-top: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-90 {
padding-top: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-90 {
padding-top: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-90 {
padding-top: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-90 {
padding-top: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-90 {
padding-top: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-90 {
padding-top: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-90 {
padding-top: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-90 {
padding-top: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-90 {
padding-top: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-90 {
padding-top: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-90 {
padding-top: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-90 {
padding-top: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-90 {
padding-top: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-90 {
padding-top: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-90 {
padding-top: 90px;
}
}
.u-pt-100 {
padding-top: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pt-xxs-only-100 {
padding-top: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pt-xs-only-100 {
padding-top: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pt-sm-only-100 {
padding-top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pt-md-only-100 {
padding-top: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pt-lg-only-100 {
padding-top: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pt-xl-only-100 {
padding-top: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-only-100 {
padding-top: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pt-xs-up-100 {
padding-top: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-pt-sm-up-100 {
padding-top: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-pt-md-up-100 {
padding-top: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-pt-lg-up-100 {
padding-top: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-pt-xl-up-100 {
padding-top: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-pt-xxl-up-100 {
padding-top: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pt-xxl-down-100 {
padding-top: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pt-xl-down-100 {
padding-top: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pt-lg-down-100 {
padding-top: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pt-md-down-100 {
padding-top: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pt-sm-down-100 {
padding-top: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pt-xs-down-100 {
padding-top: 100px;
}
}
.u-pr-auto {
padding-right: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-auto {
padding-right: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-auto {
padding-right: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-auto {
padding-right: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-auto {
padding-right: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-auto {
padding-right: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-auto {
padding-right: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-auto {
padding-right: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-auto {
padding-right: auto;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-auto {
padding-right: auto;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-auto {
padding-right: auto;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-auto {
padding-right: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-auto {
padding-right: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-auto {
padding-right: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-auto {
padding-right: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-auto {
padding-right: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-auto {
padding-right: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-auto {
padding-right: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-auto {
padding-right: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-auto {
padding-right: auto;
}
}
.u-pr-0 {
padding-right: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-0 {
padding-right: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-0 {
padding-right: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-0 {
padding-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-0 {
padding-right: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-0 {
padding-right: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-0 {
padding-right: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-0 {
padding-right: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-0 {
padding-right: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-0 {
padding-right: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-0 {
padding-right: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-0 {
padding-right: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-0 {
padding-right: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-0 {
padding-right: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-0 {
padding-right: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-0 {
padding-right: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-0 {
padding-right: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-0 {
padding-right: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-0 {
padding-right: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-0 {
padding-right: 0px;
}
}
.u-pr-5 {
padding-right: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-5 {
padding-right: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-5 {
padding-right: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-5 {
padding-right: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-5 {
padding-right: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-5 {
padding-right: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-5 {
padding-right: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-5 {
padding-right: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-5 {
padding-right: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-5 {
padding-right: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-5 {
padding-right: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-5 {
padding-right: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-5 {
padding-right: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-5 {
padding-right: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-5 {
padding-right: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-5 {
padding-right: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-5 {
padding-right: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-5 {
padding-right: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-5 {
padding-right: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-5 {
padding-right: 5px;
}
}
.u-pr-10 {
padding-right: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-10 {
padding-right: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-10 {
padding-right: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-10 {
padding-right: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-10 {
padding-right: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-10 {
padding-right: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-10 {
padding-right: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-10 {
padding-right: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-10 {
padding-right: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-10 {
padding-right: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-10 {
padding-right: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-10 {
padding-right: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-10 {
padding-right: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-10 {
padding-right: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-10 {
padding-right: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-10 {
padding-right: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-10 {
padding-right: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-10 {
padding-right: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-10 {
padding-right: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-10 {
padding-right: 10px;
}
}
.u-pr-15 {
padding-right: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-15 {
padding-right: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-15 {
padding-right: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-15 {
padding-right: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-15 {
padding-right: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-15 {
padding-right: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-15 {
padding-right: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-15 {
padding-right: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-15 {
padding-right: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-15 {
padding-right: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-15 {
padding-right: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-15 {
padding-right: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-15 {
padding-right: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-15 {
padding-right: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-15 {
padding-right: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-15 {
padding-right: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-15 {
padding-right: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-15 {
padding-right: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-15 {
padding-right: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-15 {
padding-right: 15px;
}
}
.u-pr-18 {
padding-right: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-18 {
padding-right: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-18 {
padding-right: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-18 {
padding-right: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-18 {
padding-right: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-18 {
padding-right: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-18 {
padding-right: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-18 {
padding-right: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-18 {
padding-right: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-18 {
padding-right: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-18 {
padding-right: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-18 {
padding-right: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-18 {
padding-right: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-18 {
padding-right: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-18 {
padding-right: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-18 {
padding-right: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-18 {
padding-right: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-18 {
padding-right: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-18 {
padding-right: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-18 {
padding-right: 18px;
}
}
.u-pr-20 {
padding-right: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-20 {
padding-right: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-20 {
padding-right: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-20 {
padding-right: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-20 {
padding-right: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-20 {
padding-right: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-20 {
padding-right: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-20 {
padding-right: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-20 {
padding-right: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-20 {
padding-right: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-20 {
padding-right: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-20 {
padding-right: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-20 {
padding-right: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-20 {
padding-right: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-20 {
padding-right: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-20 {
padding-right: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-20 {
padding-right: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-20 {
padding-right: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-20 {
padding-right: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-20 {
padding-right: 20px;
}
}
.u-pr-25 {
padding-right: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-25 {
padding-right: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-25 {
padding-right: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-25 {
padding-right: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-25 {
padding-right: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-25 {
padding-right: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-25 {
padding-right: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-25 {
padding-right: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-25 {
padding-right: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-25 {
padding-right: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-25 {
padding-right: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-25 {
padding-right: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-25 {
padding-right: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-25 {
padding-right: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-25 {
padding-right: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-25 {
padding-right: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-25 {
padding-right: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-25 {
padding-right: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-25 {
padding-right: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-25 {
padding-right: 25px;
}
}
.u-pr-30 {
padding-right: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-30 {
padding-right: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-30 {
padding-right: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-30 {
padding-right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-30 {
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-30 {
padding-right: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-30 {
padding-right: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-30 {
padding-right: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-30 {
padding-right: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-30 {
padding-right: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-30 {
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-30 {
padding-right: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-30 {
padding-right: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-30 {
padding-right: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-30 {
padding-right: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-30 {
padding-right: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-30 {
padding-right: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-30 {
padding-right: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-30 {
padding-right: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-30 {
padding-right: 30px;
}
}
.u-pr-35 {
padding-right: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-35 {
padding-right: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-35 {
padding-right: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-35 {
padding-right: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-35 {
padding-right: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-35 {
padding-right: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-35 {
padding-right: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-35 {
padding-right: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-35 {
padding-right: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-35 {
padding-right: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-35 {
padding-right: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-35 {
padding-right: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-35 {
padding-right: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-35 {
padding-right: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-35 {
padding-right: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-35 {
padding-right: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-35 {
padding-right: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-35 {
padding-right: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-35 {
padding-right: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-35 {
padding-right: 35px;
}
}
.u-pr-40 {
padding-right: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-40 {
padding-right: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-40 {
padding-right: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-40 {
padding-right: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-40 {
padding-right: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-40 {
padding-right: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-40 {
padding-right: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-40 {
padding-right: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-40 {
padding-right: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-40 {
padding-right: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-40 {
padding-right: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-40 {
padding-right: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-40 {
padding-right: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-40 {
padding-right: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-40 {
padding-right: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-40 {
padding-right: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-40 {
padding-right: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-40 {
padding-right: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-40 {
padding-right: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-40 {
padding-right: 40px;
}
}
.u-pr-50 {
padding-right: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-50 {
padding-right: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-50 {
padding-right: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-50 {
padding-right: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-50 {
padding-right: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-50 {
padding-right: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-50 {
padding-right: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-50 {
padding-right: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-50 {
padding-right: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-50 {
padding-right: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-50 {
padding-right: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-50 {
padding-right: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-50 {
padding-right: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-50 {
padding-right: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-50 {
padding-right: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-50 {
padding-right: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-50 {
padding-right: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-50 {
padding-right: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-50 {
padding-right: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-50 {
padding-right: 50px;
}
}
.u-pr-60 {
padding-right: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-60 {
padding-right: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-60 {
padding-right: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-60 {
padding-right: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-60 {
padding-right: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-60 {
padding-right: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-60 {
padding-right: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-60 {
padding-right: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-60 {
padding-right: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-60 {
padding-right: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-60 {
padding-right: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-60 {
padding-right: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-60 {
padding-right: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-60 {
padding-right: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-60 {
padding-right: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-60 {
padding-right: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-60 {
padding-right: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-60 {
padding-right: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-60 {
padding-right: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-60 {
padding-right: 60px;
}
}
.u-pr-70 {
padding-right: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-70 {
padding-right: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-70 {
padding-right: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-70 {
padding-right: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-70 {
padding-right: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-70 {
padding-right: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-70 {
padding-right: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-70 {
padding-right: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-70 {
padding-right: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-70 {
padding-right: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-70 {
padding-right: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-70 {
padding-right: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-70 {
padding-right: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-70 {
padding-right: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-70 {
padding-right: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-70 {
padding-right: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-70 {
padding-right: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-70 {
padding-right: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-70 {
padding-right: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-70 {
padding-right: 70px;
}
}
.u-pr-80 {
padding-right: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-80 {
padding-right: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-80 {
padding-right: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-80 {
padding-right: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-80 {
padding-right: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-80 {
padding-right: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-80 {
padding-right: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-80 {
padding-right: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-80 {
padding-right: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-80 {
padding-right: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-80 {
padding-right: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-80 {
padding-right: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-80 {
padding-right: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-80 {
padding-right: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-80 {
padding-right: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-80 {
padding-right: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-80 {
padding-right: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-80 {
padding-right: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-80 {
padding-right: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-80 {
padding-right: 80px;
}
}
.u-pr-90 {
padding-right: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-90 {
padding-right: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-90 {
padding-right: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-90 {
padding-right: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-90 {
padding-right: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-90 {
padding-right: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-90 {
padding-right: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-90 {
padding-right: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-90 {
padding-right: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-90 {
padding-right: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-90 {
padding-right: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-90 {
padding-right: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-90 {
padding-right: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-90 {
padding-right: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-90 {
padding-right: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-90 {
padding-right: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-90 {
padding-right: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-90 {
padding-right: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-90 {
padding-right: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-90 {
padding-right: 90px;
}
}
.u-pr-100 {
padding-right: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pr-xxs-only-100 {
padding-right: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pr-xs-only-100 {
padding-right: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pr-sm-only-100 {
padding-right: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pr-md-only-100 {
padding-right: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pr-lg-only-100 {
padding-right: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pr-xl-only-100 {
padding-right: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-only-100 {
padding-right: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pr-xs-up-100 {
padding-right: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-pr-sm-up-100 {
padding-right: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-pr-md-up-100 {
padding-right: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-pr-lg-up-100 {
padding-right: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-pr-xl-up-100 {
padding-right: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-pr-xxl-up-100 {
padding-right: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pr-xxl-down-100 {
padding-right: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pr-xl-down-100 {
padding-right: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pr-lg-down-100 {
padding-right: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pr-md-down-100 {
padding-right: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pr-sm-down-100 {
padding-right: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pr-xs-down-100 {
padding-right: 100px;
}
}
.u-pb-auto {
padding-bottom: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-auto {
padding-bottom: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-auto {
padding-bottom: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-auto {
padding-bottom: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-auto {
padding-bottom: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-auto {
padding-bottom: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-auto {
padding-bottom: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-auto {
padding-bottom: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-auto {
padding-bottom: auto;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-auto {
padding-bottom: auto;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-auto {
padding-bottom: auto;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-auto {
padding-bottom: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-auto {
padding-bottom: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-auto {
padding-bottom: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-auto {
padding-bottom: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-auto {
padding-bottom: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-auto {
padding-bottom: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-auto {
padding-bottom: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-auto {
padding-bottom: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-auto {
padding-bottom: auto;
}
}
.u-pb-0 {
padding-bottom: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-0 {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-0 {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-0 {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-0 {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-0 {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-0 {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-0 {
padding-bottom: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-0 {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-0 {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-0 {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-0 {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-0 {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-0 {
padding-bottom: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-0 {
padding-bottom: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-0 {
padding-bottom: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-0 {
padding-bottom: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-0 {
padding-bottom: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-0 {
padding-bottom: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-0 {
padding-bottom: 0px;
}
}
.u-pb-5 {
padding-bottom: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-5 {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-5 {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-5 {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-5 {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-5 {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-5 {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-5 {
padding-bottom: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-5 {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-5 {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-5 {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-5 {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-5 {
padding-bottom: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-5 {
padding-bottom: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-5 {
padding-bottom: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-5 {
padding-bottom: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-5 {
padding-bottom: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-5 {
padding-bottom: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-5 {
padding-bottom: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-5 {
padding-bottom: 5px;
}
}
.u-pb-10 {
padding-bottom: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-10 {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-10 {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-10 {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-10 {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-10 {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-10 {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-10 {
padding-bottom: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-10 {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-10 {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-10 {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-10 {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-10 {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-10 {
padding-bottom: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-10 {
padding-bottom: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-10 {
padding-bottom: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-10 {
padding-bottom: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-10 {
padding-bottom: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-10 {
padding-bottom: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-10 {
padding-bottom: 10px;
}
}
.u-pb-15 {
padding-bottom: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-15 {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-15 {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-15 {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-15 {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-15 {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-15 {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-15 {
padding-bottom: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-15 {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-15 {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-15 {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-15 {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-15 {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-15 {
padding-bottom: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-15 {
padding-bottom: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-15 {
padding-bottom: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-15 {
padding-bottom: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-15 {
padding-bottom: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-15 {
padding-bottom: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-15 {
padding-bottom: 15px;
}
}
.u-pb-18 {
padding-bottom: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-18 {
padding-bottom: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-18 {
padding-bottom: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-18 {
padding-bottom: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-18 {
padding-bottom: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-18 {
padding-bottom: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-18 {
padding-bottom: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-18 {
padding-bottom: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-18 {
padding-bottom: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-18 {
padding-bottom: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-18 {
padding-bottom: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-18 {
padding-bottom: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-18 {
padding-bottom: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-18 {
padding-bottom: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-18 {
padding-bottom: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-18 {
padding-bottom: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-18 {
padding-bottom: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-18 {
padding-bottom: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-18 {
padding-bottom: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-18 {
padding-bottom: 18px;
}
}
.u-pb-20 {
padding-bottom: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-20 {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-20 {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-20 {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-20 {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-20 {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-20 {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-20 {
padding-bottom: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-20 {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-20 {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-20 {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-20 {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-20 {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-20 {
padding-bottom: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-20 {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-20 {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-20 {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-20 {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-20 {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-20 {
padding-bottom: 20px;
}
}
.u-pb-25 {
padding-bottom: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-25 {
padding-bottom: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-25 {
padding-bottom: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-25 {
padding-bottom: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-25 {
padding-bottom: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-25 {
padding-bottom: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-25 {
padding-bottom: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-25 {
padding-bottom: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-25 {
padding-bottom: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-25 {
padding-bottom: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-25 {
padding-bottom: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-25 {
padding-bottom: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-25 {
padding-bottom: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-25 {
padding-bottom: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-25 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-25 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-25 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-25 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-25 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-25 {
padding-bottom: 25px;
}
}
.u-pb-30 {
padding-bottom: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-30 {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-30 {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-30 {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-30 {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-30 {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-30 {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-30 {
padding-bottom: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-30 {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-30 {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-30 {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-30 {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-30 {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-30 {
padding-bottom: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-30 {
padding-bottom: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-30 {
padding-bottom: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-30 {
padding-bottom: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-30 {
padding-bottom: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-30 {
padding-bottom: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-30 {
padding-bottom: 30px;
}
}
.u-pb-35 {
padding-bottom: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-35 {
padding-bottom: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-35 {
padding-bottom: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-35 {
padding-bottom: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-35 {
padding-bottom: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-35 {
padding-bottom: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-35 {
padding-bottom: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-35 {
padding-bottom: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-35 {
padding-bottom: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-35 {
padding-bottom: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-35 {
padding-bottom: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-35 {
padding-bottom: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-35 {
padding-bottom: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-35 {
padding-bottom: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-35 {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-35 {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-35 {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-35 {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-35 {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-35 {
padding-bottom: 35px;
}
}
.u-pb-40 {
padding-bottom: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-40 {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-40 {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-40 {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-40 {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-40 {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-40 {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-40 {
padding-bottom: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-40 {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-40 {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-40 {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-40 {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-40 {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-40 {
padding-bottom: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-40 {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-40 {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-40 {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-40 {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-40 {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-40 {
padding-bottom: 40px;
}
}
.u-pb-50 {
padding-bottom: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-50 {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-50 {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-50 {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-50 {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-50 {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-50 {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-50 {
padding-bottom: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-50 {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-50 {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-50 {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-50 {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-50 {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-50 {
padding-bottom: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-50 {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-50 {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-50 {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-50 {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-50 {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-50 {
padding-bottom: 50px;
}
}
.u-pb-60 {
padding-bottom: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-60 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-60 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-60 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-60 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-60 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-60 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-60 {
padding-bottom: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-60 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-60 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-60 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-60 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-60 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-60 {
padding-bottom: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-60 {
padding-bottom: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-60 {
padding-bottom: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-60 {
padding-bottom: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-60 {
padding-bottom: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-60 {
padding-bottom: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-60 {
padding-bottom: 60px;
}
}
.u-pb-70 {
padding-bottom: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-70 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-70 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-70 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-70 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-70 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-70 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-70 {
padding-bottom: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-70 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-70 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-70 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-70 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-70 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-70 {
padding-bottom: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-70 {
padding-bottom: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-70 {
padding-bottom: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-70 {
padding-bottom: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-70 {
padding-bottom: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-70 {
padding-bottom: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-70 {
padding-bottom: 70px;
}
}
.u-pb-80 {
padding-bottom: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-80 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-80 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-80 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-80 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-80 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-80 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-80 {
padding-bottom: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-80 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-80 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-80 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-80 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-80 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-80 {
padding-bottom: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-80 {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-80 {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-80 {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-80 {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-80 {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-80 {
padding-bottom: 80px;
}
}
.u-pb-90 {
padding-bottom: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-90 {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-90 {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-90 {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-90 {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-90 {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-90 {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-90 {
padding-bottom: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-90 {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-90 {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-90 {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-90 {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-90 {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-90 {
padding-bottom: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-90 {
padding-bottom: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-90 {
padding-bottom: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-90 {
padding-bottom: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-90 {
padding-bottom: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-90 {
padding-bottom: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-90 {
padding-bottom: 90px;
}
}
.u-pb-100 {
padding-bottom: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pb-xxs-only-100 {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pb-xs-only-100 {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pb-sm-only-100 {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pb-md-only-100 {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pb-lg-only-100 {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pb-xl-only-100 {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-only-100 {
padding-bottom: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pb-xs-up-100 {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-pb-sm-up-100 {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-pb-md-up-100 {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-pb-lg-up-100 {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-pb-xl-up-100 {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-pb-xxl-up-100 {
padding-bottom: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pb-xxl-down-100 {
padding-bottom: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pb-xl-down-100 {
padding-bottom: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pb-lg-down-100 {
padding-bottom: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pb-md-down-100 {
padding-bottom: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pb-sm-down-100 {
padding-bottom: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pb-xs-down-100 {
padding-bottom: 100px;
}
}
.u-pl-auto {
padding-left: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-auto {
padding-left: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-auto {
padding-left: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-auto {
padding-left: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-auto {
padding-left: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-auto {
padding-left: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-auto {
padding-left: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-auto {
padding-left: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-auto {
padding-left: auto;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-auto {
padding-left: auto;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-auto {
padding-left: auto;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-auto {
padding-left: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-auto {
padding-left: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-auto {
padding-left: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-auto {
padding-left: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-auto {
padding-left: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-auto {
padding-left: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-auto {
padding-left: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-auto {
padding-left: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-auto {
padding-left: auto;
}
}
.u-pl-0 {
padding-left: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-0 {
padding-left: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-0 {
padding-left: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-0 {
padding-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-0 {
padding-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-0 {
padding-left: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-0 {
padding-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-0 {
padding-left: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-0 {
padding-left: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-0 {
padding-left: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-0 {
padding-left: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-0 {
padding-left: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-0 {
padding-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-0 {
padding-left: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-0 {
padding-left: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-0 {
padding-left: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-0 {
padding-left: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-0 {
padding-left: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-0 {
padding-left: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-0 {
padding-left: 0px;
}
}
.u-pl-5 {
padding-left: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-5 {
padding-left: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-5 {
padding-left: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-5 {
padding-left: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-5 {
padding-left: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-5 {
padding-left: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-5 {
padding-left: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-5 {
padding-left: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-5 {
padding-left: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-5 {
padding-left: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-5 {
padding-left: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-5 {
padding-left: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-5 {
padding-left: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-5 {
padding-left: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-5 {
padding-left: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-5 {
padding-left: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-5 {
padding-left: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-5 {
padding-left: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-5 {
padding-left: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-5 {
padding-left: 5px;
}
}
.u-pl-10 {
padding-left: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-10 {
padding-left: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-10 {
padding-left: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-10 {
padding-left: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-10 {
padding-left: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-10 {
padding-left: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-10 {
padding-left: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-10 {
padding-left: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-10 {
padding-left: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-10 {
padding-left: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-10 {
padding-left: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-10 {
padding-left: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-10 {
padding-left: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-10 {
padding-left: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-10 {
padding-left: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-10 {
padding-left: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-10 {
padding-left: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-10 {
padding-left: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-10 {
padding-left: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-10 {
padding-left: 10px;
}
}
.u-pl-15 {
padding-left: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-15 {
padding-left: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-15 {
padding-left: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-15 {
padding-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-15 {
padding-left: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-15 {
padding-left: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-15 {
padding-left: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-15 {
padding-left: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-15 {
padding-left: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-15 {
padding-left: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-15 {
padding-left: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-15 {
padding-left: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-15 {
padding-left: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-15 {
padding-left: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-15 {
padding-left: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-15 {
padding-left: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-15 {
padding-left: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-15 {
padding-left: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-15 {
padding-left: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-15 {
padding-left: 15px;
}
}
.u-pl-18 {
padding-left: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-18 {
padding-left: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-18 {
padding-left: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-18 {
padding-left: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-18 {
padding-left: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-18 {
padding-left: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-18 {
padding-left: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-18 {
padding-left: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-18 {
padding-left: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-18 {
padding-left: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-18 {
padding-left: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-18 {
padding-left: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-18 {
padding-left: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-18 {
padding-left: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-18 {
padding-left: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-18 {
padding-left: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-18 {
padding-left: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-18 {
padding-left: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-18 {
padding-left: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-18 {
padding-left: 18px;
}
}
.u-pl-20 {
padding-left: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-20 {
padding-left: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-20 {
padding-left: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-20 {
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-20 {
padding-left: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-20 {
padding-left: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-20 {
padding-left: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-20 {
padding-left: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-20 {
padding-left: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-20 {
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-20 {
padding-left: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-20 {
padding-left: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-20 {
padding-left: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-20 {
padding-left: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-20 {
padding-left: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-20 {
padding-left: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-20 {
padding-left: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-20 {
padding-left: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-20 {
padding-left: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-20 {
padding-left: 20px;
}
}
.u-pl-25 {
padding-left: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-25 {
padding-left: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-25 {
padding-left: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-25 {
padding-left: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-25 {
padding-left: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-25 {
padding-left: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-25 {
padding-left: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-25 {
padding-left: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-25 {
padding-left: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-25 {
padding-left: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-25 {
padding-left: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-25 {
padding-left: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-25 {
padding-left: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-25 {
padding-left: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-25 {
padding-left: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-25 {
padding-left: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-25 {
padding-left: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-25 {
padding-left: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-25 {
padding-left: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-25 {
padding-left: 25px;
}
}
.u-pl-30 {
padding-left: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-30 {
padding-left: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-30 {
padding-left: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-30 {
padding-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-30 {
padding-left: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-30 {
padding-left: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-30 {
padding-left: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-30 {
padding-left: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-30 {
padding-left: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-30 {
padding-left: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-30 {
padding-left: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-30 {
padding-left: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-30 {
padding-left: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-30 {
padding-left: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-30 {
padding-left: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-30 {
padding-left: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-30 {
padding-left: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-30 {
padding-left: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-30 {
padding-left: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-30 {
padding-left: 30px;
}
}
.u-pl-35 {
padding-left: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-35 {
padding-left: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-35 {
padding-left: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-35 {
padding-left: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-35 {
padding-left: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-35 {
padding-left: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-35 {
padding-left: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-35 {
padding-left: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-35 {
padding-left: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-35 {
padding-left: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-35 {
padding-left: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-35 {
padding-left: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-35 {
padding-left: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-35 {
padding-left: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-35 {
padding-left: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-35 {
padding-left: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-35 {
padding-left: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-35 {
padding-left: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-35 {
padding-left: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-35 {
padding-left: 35px;
}
}
.u-pl-40 {
padding-left: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-40 {
padding-left: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-40 {
padding-left: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-40 {
padding-left: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-40 {
padding-left: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-40 {
padding-left: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-40 {
padding-left: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-40 {
padding-left: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-40 {
padding-left: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-40 {
padding-left: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-40 {
padding-left: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-40 {
padding-left: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-40 {
padding-left: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-40 {
padding-left: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-40 {
padding-left: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-40 {
padding-left: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-40 {
padding-left: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-40 {
padding-left: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-40 {
padding-left: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-40 {
padding-left: 40px;
}
}
.u-pl-50 {
padding-left: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-50 {
padding-left: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-50 {
padding-left: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-50 {
padding-left: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-50 {
padding-left: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-50 {
padding-left: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-50 {
padding-left: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-50 {
padding-left: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-50 {
padding-left: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-50 {
padding-left: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-50 {
padding-left: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-50 {
padding-left: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-50 {
padding-left: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-50 {
padding-left: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-50 {
padding-left: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-50 {
padding-left: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-50 {
padding-left: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-50 {
padding-left: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-50 {
padding-left: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-50 {
padding-left: 50px;
}
}
.u-pl-60 {
padding-left: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-60 {
padding-left: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-60 {
padding-left: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-60 {
padding-left: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-60 {
padding-left: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-60 {
padding-left: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-60 {
padding-left: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-60 {
padding-left: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-60 {
padding-left: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-60 {
padding-left: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-60 {
padding-left: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-60 {
padding-left: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-60 {
padding-left: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-60 {
padding-left: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-60 {
padding-left: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-60 {
padding-left: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-60 {
padding-left: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-60 {
padding-left: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-60 {
padding-left: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-60 {
padding-left: 60px;
}
}
.u-pl-70 {
padding-left: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-70 {
padding-left: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-70 {
padding-left: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-70 {
padding-left: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-70 {
padding-left: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-70 {
padding-left: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-70 {
padding-left: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-70 {
padding-left: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-70 {
padding-left: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-70 {
padding-left: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-70 {
padding-left: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-70 {
padding-left: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-70 {
padding-left: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-70 {
padding-left: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-70 {
padding-left: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-70 {
padding-left: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-70 {
padding-left: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-70 {
padding-left: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-70 {
padding-left: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-70 {
padding-left: 70px;
}
}
.u-pl-80 {
padding-left: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-80 {
padding-left: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-80 {
padding-left: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-80 {
padding-left: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-80 {
padding-left: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-80 {
padding-left: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-80 {
padding-left: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-80 {
padding-left: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-80 {
padding-left: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-80 {
padding-left: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-80 {
padding-left: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-80 {
padding-left: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-80 {
padding-left: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-80 {
padding-left: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-80 {
padding-left: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-80 {
padding-left: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-80 {
padding-left: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-80 {
padding-left: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-80 {
padding-left: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-80 {
padding-left: 80px;
}
}
.u-pl-90 {
padding-left: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-90 {
padding-left: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-90 {
padding-left: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-90 {
padding-left: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-90 {
padding-left: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-90 {
padding-left: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-90 {
padding-left: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-90 {
padding-left: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-90 {
padding-left: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-90 {
padding-left: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-90 {
padding-left: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-90 {
padding-left: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-90 {
padding-left: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-90 {
padding-left: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-90 {
padding-left: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-90 {
padding-left: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-90 {
padding-left: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-90 {
padding-left: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-90 {
padding-left: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-90 {
padding-left: 90px;
}
}
.u-pl-100 {
padding-left: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-pl-xxs-only-100 {
padding-left: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-pl-xs-only-100 {
padding-left: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-pl-sm-only-100 {
padding-left: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-pl-md-only-100 {
padding-left: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-pl-lg-only-100 {
padding-left: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-pl-xl-only-100 {
padding-left: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-only-100 {
padding-left: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-pl-xs-up-100 {
padding-left: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-pl-sm-up-100 {
padding-left: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-pl-md-up-100 {
padding-left: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-pl-lg-up-100 {
padding-left: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-pl-xl-up-100 {
padding-left: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-pl-xxl-up-100 {
padding-left: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-pl-xxl-down-100 {
padding-left: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-pl-xl-down-100 {
padding-left: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-pl-lg-down-100 {
padding-left: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-pl-md-down-100 {
padding-left: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-pl-sm-down-100 {
padding-left: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-pl-xs-down-100 {
padding-left: 100px;
}
}
.u-px-auto {
padding-right: auto;
padding-left: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-auto {
padding-top: auto;
padding-bottom: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-auto {
padding-top: auto;
padding-bottom: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-auto {
padding-top: auto;
padding-bottom: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-auto {
padding-top: auto;
padding-bottom: auto;
}
}
.u-px-0 {
padding-right: 0px;
padding-left: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-0 {
padding-right: 0px;
padding-left: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-0 {
padding-right: 0px;
padding-left: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-0 {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-0 {
padding-right: 0px;
padding-left: 0px;
}
}
.u-px-5 {
padding-right: 5px;
padding-left: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-5 {
padding-right: 5px;
padding-left: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-5 {
padding-right: 5px;
padding-left: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-5 {
padding-right: 5px;
padding-left: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-5 {
padding-right: 5px;
padding-left: 5px;
}
}
.u-px-10 {
padding-right: 10px;
padding-left: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-10 {
padding-right: 10px;
padding-left: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-10 {
padding-right: 10px;
padding-left: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-10 {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-10 {
padding-right: 10px;
padding-left: 10px;
}
}
.u-px-15 {
padding-right: 15px;
padding-left: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-15 {
padding-right: 15px;
padding-left: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-15 {
padding-right: 15px;
padding-left: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-15 {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-15 {
padding-right: 15px;
padding-left: 15px;
}
}
.u-px-18 {
padding-right: 18px;
padding-left: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-18 {
padding-right: 18px;
padding-left: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-18 {
padding-right: 18px;
padding-left: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-18 {
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-18 {
padding-right: 18px;
padding-left: 18px;
}
}
.u-px-20 {
padding-right: 20px;
padding-left: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-20 {
padding-right: 20px;
padding-left: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-20 {
padding-right: 20px;
padding-left: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-20 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-20 {
padding-right: 20px;
padding-left: 20px;
}
}
.u-px-25 {
padding-right: 25px;
padding-left: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-25 {
padding-right: 25px;
padding-left: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-25 {
padding-right: 25px;
padding-left: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-25 {
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-25 {
padding-right: 25px;
padding-left: 25px;
}
}
.u-px-30 {
padding-right: 30px;
padding-left: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-30 {
padding-right: 30px;
padding-left: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-30 {
padding-right: 30px;
padding-left: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-30 {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-30 {
padding-right: 30px;
padding-left: 30px;
}
}
.u-px-35 {
padding-right: 35px;
padding-left: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-35 {
padding-right: 35px;
padding-left: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-35 {
padding-right: 35px;
padding-left: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-35 {
padding-right: 35px;
padding-left: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-35 {
padding-right: 35px;
padding-left: 35px;
}
}
.u-px-40 {
padding-right: 40px;
padding-left: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-40 {
padding-right: 40px;
padding-left: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-40 {
padding-right: 40px;
padding-left: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-40 {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-40 {
padding-right: 40px;
padding-left: 40px;
}
}
.u-px-50 {
padding-right: 50px;
padding-left: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-50 {
padding-right: 50px;
padding-left: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-50 {
padding-right: 50px;
padding-left: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-50 {
padding-right: 50px;
padding-left: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-50 {
padding-right: 50px;
padding-left: 50px;
}
}
.u-px-60 {
padding-right: 60px;
padding-left: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-60 {
padding-right: 60px;
padding-left: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-60 {
padding-right: 60px;
padding-left: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-60 {
padding-right: 60px;
padding-left: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-60 {
padding-right: 60px;
padding-left: 60px;
}
}
.u-px-70 {
padding-right: 70px;
padding-left: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-70 {
padding-right: 70px;
padding-left: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-70 {
padding-right: 70px;
padding-left: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-70 {
padding-right: 70px;
padding-left: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-70 {
padding-right: 70px;
padding-left: 70px;
}
}
.u-px-80 {
padding-right: 80px;
padding-left: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-80 {
padding-right: 80px;
padding-left: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-80 {
padding-right: 80px;
padding-left: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-80 {
padding-right: 80px;
padding-left: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-80 {
padding-right: 80px;
padding-left: 80px;
}
}
.u-px-90 {
padding-right: 90px;
padding-left: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-90 {
padding-right: 90px;
padding-left: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-90 {
padding-right: 90px;
padding-left: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-90 {
padding-right: 90px;
padding-left: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-90 {
padding-right: 90px;
padding-left: 90px;
}
}
.u-px-100 {
padding-right: 100px;
padding-left: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-px-xxs-only-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-px-xs-only-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-px-sm-only-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-px-md-only-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-px-lg-only-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-px-xl-only-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-only-100 {
padding-right: 100px;
padding-left: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-px-xs-up-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-px-sm-up-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-px-md-up-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-px-lg-up-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-px-xl-up-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-px-xxl-up-100 {
padding-right: 100px;
padding-left: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-px-xxl-down-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-px-xl-down-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-px-lg-down-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-px-md-down-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-px-sm-down-100 {
padding-right: 100px;
padding-left: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-px-xs-down-100 {
padding-right: 100px;
padding-left: 100px;
}
}
.u-py-auto {
padding-top: auto;
padding-bottom: auto;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-auto {
padding-right: auto;
padding-left: auto;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-auto {
padding-right: auto;
padding-left: auto;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-auto {
padding-right: auto;
padding-left: auto;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-auto {
padding-right: auto;
padding-left: auto;
}
}
.u-py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
.u-py-5 {
padding-top: 5px;
padding-bottom: 5px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-5 {
padding-top: 5px;
padding-bottom: 5px;
}
}
.u-py-10 {
padding-top: 10px;
padding-bottom: 10px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-10 {
padding-top: 10px;
padding-bottom: 10px;
}
}
.u-py-15 {
padding-top: 15px;
padding-bottom: 15px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-15 {
padding-top: 15px;
padding-bottom: 15px;
}
}
.u-py-18 {
padding-top: 18px;
padding-bottom: 18px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-18 {
padding-top: 18px;
padding-bottom: 18px;
}
}
.u-py-20 {
padding-top: 20px;
padding-bottom: 20px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-20 {
padding-top: 20px;
padding-bottom: 20px;
}
}
.u-py-25 {
padding-top: 25px;
padding-bottom: 25px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-25 {
padding-top: 25px;
padding-bottom: 25px;
}
}
.u-py-30 {
padding-top: 30px;
padding-bottom: 30px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-30 {
padding-top: 30px;
padding-bottom: 30px;
}
}
.u-py-35 {
padding-top: 35px;
padding-bottom: 35px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-35 {
padding-top: 35px;
padding-bottom: 35px;
}
}
.u-py-40 {
padding-top: 40px;
padding-bottom: 40px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-40 {
padding-top: 40px;
padding-bottom: 40px;
}
}
.u-py-50 {
padding-top: 50px;
padding-bottom: 50px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-50 {
padding-top: 50px;
padding-bottom: 50px;
}
}
.u-py-60 {
padding-top: 60px;
padding-bottom: 60px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
.u-py-70 {
padding-top: 70px;
padding-bottom: 70px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-70 {
padding-top: 70px;
padding-bottom: 70px;
}
}
.u-py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
.u-py-90 {
padding-top: 90px;
padding-bottom: 90px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
.u-py-100 {
padding-top: 100px;
padding-bottom: 100px;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-py-xxs-only-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-py-xs-only-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-py-sm-only-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-py-md-only-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-py-lg-only-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-py-xl-only-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-only-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-py-xs-up-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 576px) {
.u-py-sm-up-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) {
.u-py-md-up-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 992px) {
.u-py-lg-up-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1200px) {
.u-py-xl-up-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1400px) {
.u-py-xxl-up-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-py-xxl-down-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (max-width: 1199.8px) {
.u-py-xl-down-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (max-width: 991.8px) {
.u-py-lg-down-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (max-width: 767.8px) {
.u-py-md-down-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (max-width: 575.8px) {
.u-py-sm-down-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (max-width: 320.8px) {
.u-py-xs-down-100 {
padding-top: 100px;
padding-bottom: 100px;
}
}
/* text-align: left; */
.u-text-left {
text-align: left;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-text-xxs-only-left {
text-align: left;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-text-xs-only-left {
text-align: left;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-text-sm-only-left {
text-align: left;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-text-md-only-left {
text-align: left;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-text-lg-only-left {
text-align: left;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-text-xl-only-left {
text-align: left;
}
}
@media only screen and (min-width: 1400px) {
.u-text-xxl-only-left {
text-align: left;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-text-xs-up-left {
text-align: left;
}
}
@media only screen and (min-width: 576px) {
.u-text-sm-up-left {
text-align: left;
}
}
@media only screen and (min-width: 768px) {
.u-text-md-up-left {
text-align: left;
}
}
@media only screen and (min-width: 992px) {
.u-text-lg-up-left {
text-align: left;
}
}
@media only screen and (min-width: 1200px) {
.u-text-xl-up-left {
text-align: left;
}
}
@media only screen and (min-width: 1400px) {
.u-text-xxl-up-left {
text-align: left;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-text-xxl-down-left {
text-align: left;
}
}
@media only screen and (max-width: 1199.8px) {
.u-text-xl-down-left {
text-align: left;
}
}
@media only screen and (max-width: 991.8px) {
.u-text-lg-down-left {
text-align: left;
}
}
@media only screen and (max-width: 767.8px) {
.u-text-md-down-left {
text-align: left;
}
}
@media only screen and (max-width: 575.8px) {
.u-text-sm-down-left {
text-align: left;
}
}
@media only screen and (max-width: 320.8px) {
.u-text-xs-down-left {
text-align: left;
}
}
/* text-align: right; */
.u-text-right {
text-align: right;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-text-xxs-only-right {
text-align: right;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-text-xs-only-right {
text-align: right;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-text-sm-only-right {
text-align: right;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-text-md-only-right {
text-align: right;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-text-lg-only-right {
text-align: right;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-text-xl-only-right {
text-align: right;
}
}
@media only screen and (min-width: 1400px) {
.u-text-xxl-only-right {
text-align: right;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-text-xs-up-right {
text-align: right;
}
}
@media only screen and (min-width: 576px) {
.u-text-sm-up-right {
text-align: right;
}
}
@media only screen and (min-width: 768px) {
.u-text-md-up-right {
text-align: right;
}
}
@media only screen and (min-width: 992px) {
.u-text-lg-up-right {
text-align: right;
}
}
@media only screen and (min-width: 1200px) {
.u-text-xl-up-right {
text-align: right;
}
}
@media only screen and (min-width: 1400px) {
.u-text-xxl-up-right {
text-align: right;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-text-xxl-down-right {
text-align: right;
}
}
@media only screen and (max-width: 1199.8px) {
.u-text-xl-down-right {
text-align: right;
}
}
@media only screen and (max-width: 991.8px) {
.u-text-lg-down-right {
text-align: right;
}
}
@media only screen and (max-width: 767.8px) {
.u-text-md-down-right {
text-align: right;
}
}
@media only screen and (max-width: 575.8px) {
.u-text-sm-down-right {
text-align: right;
}
}
@media only screen and (max-width: 320.8px) {
.u-text-xs-down-right {
text-align: right;
}
}
/* text-align: center; */
.u-text-center {
text-align: center;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-text-xxs-only-center {
text-align: center;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-text-xs-only-center {
text-align: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-text-sm-only-center {
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-text-md-only-center {
text-align: center;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-text-lg-only-center {
text-align: center;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-text-xl-only-center {
text-align: center;
}
}
@media only screen and (min-width: 1400px) {
.u-text-xxl-only-center {
text-align: center;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-text-xs-up-center {
text-align: center;
}
}
@media only screen and (min-width: 576px) {
.u-text-sm-up-center {
text-align: center;
}
}
@media only screen and (min-width: 768px) {
.u-text-md-up-center {
text-align: center;
}
}
@media only screen and (min-width: 992px) {
.u-text-lg-up-center {
text-align: center;
}
}
@media only screen and (min-width: 1200px) {
.u-text-xl-up-center {
text-align: center;
}
}
@media only screen and (min-width: 1400px) {
.u-text-xxl-up-center {
text-align: center;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-text-xxl-down-center {
text-align: center;
}
}
@media only screen and (max-width: 1199.8px) {
.u-text-xl-down-center {
text-align: center;
}
}
@media only screen and (max-width: 991.8px) {
.u-text-lg-down-center {
text-align: center;
}
}
@media only screen and (max-width: 767.8px) {
.u-text-md-down-center {
text-align: center;
}
}
@media only screen and (max-width: 575.8px) {
.u-text-sm-down-center {
text-align: center;
}
}
@media only screen and (max-width: 320.8px) {
.u-text-xs-down-center {
text-align: center;
}
}
/* font family */
.u-font-family-gothic {
font-family: メイリオ, Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", sans-serif;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-family-xxs-only-gothic {
text-align: left;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-family-xs-only-gothic {
text-align: left;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-family-sm-only-gothic {
text-align: left;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-family-md-only-gothic {
text-align: left;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-family-lg-only-gothic {
text-align: left;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-family-xl-only-gothic {
text-align: left;
}
}
@media only screen and (min-width: 1400px) {
.u-font-family-xxl-only-gothic {
text-align: left;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-family-xs-up-gothic {
text-align: left;
}
}
@media only screen and (min-width: 576px) {
.u-font-family-sm-up-gothic {
text-align: left;
}
}
@media only screen and (min-width: 768px) {
.u-font-family-md-up-gothic {
text-align: left;
}
}
@media only screen and (min-width: 992px) {
.u-font-family-lg-up-gothic {
text-align: left;
}
}
@media only screen and (min-width: 1200px) {
.u-font-family-xl-up-gothic {
text-align: left;
}
}
@media only screen and (min-width: 1400px) {
.u-font-family-xxl-up-gothic {
text-align: left;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-family-xxl-down-gothic {
text-align: left;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-family-xl-down-gothic {
text-align: left;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-family-lg-down-gothic {
text-align: left;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-family-md-down-gothic {
text-align: left;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-family-sm-down-gothic {
text-align: left;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-family-xs-down-gothic {
text-align: left;
}
}
.u-font-family-mincho {
font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", メイリオ, Meiryo, serif;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-family-xxs-only-mincho {
text-align: left;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-family-xs-only-mincho {
text-align: left;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-family-sm-only-mincho {
text-align: left;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-family-md-only-mincho {
text-align: left;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-family-lg-only-mincho {
text-align: left;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-family-xl-only-mincho {
text-align: left;
}
}
@media only screen and (min-width: 1400px) {
.u-font-family-xxl-only-mincho {
text-align: left;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-family-xs-up-mincho {
text-align: left;
}
}
@media only screen and (min-width: 576px) {
.u-font-family-sm-up-mincho {
text-align: left;
}
}
@media only screen and (min-width: 768px) {
.u-font-family-md-up-mincho {
text-align: left;
}
}
@media only screen and (min-width: 992px) {
.u-font-family-lg-up-mincho {
text-align: left;
}
}
@media only screen and (min-width: 1200px) {
.u-font-family-xl-up-mincho {
text-align: left;
}
}
@media only screen and (min-width: 1400px) {
.u-font-family-xxl-up-mincho {
text-align: left;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-family-xxl-down-mincho {
text-align: left;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-family-xl-down-mincho {
text-align: left;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-family-lg-down-mincho {
text-align: left;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-family-md-down-mincho {
text-align: left;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-family-sm-down-mincho {
text-align: left;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-family-xs-down-mincho {
text-align: left;
}
}
/* font weight */
.u-font-weight-bold {
font-weight: bold;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-weightxxs-only-bold {
text-align: left;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-weightxs-only-bold {
text-align: left;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-weightsm-only-bold {
text-align: left;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-weightmd-only-bold {
text-align: left;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-weightlg-only-bold {
text-align: left;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-weightxl-only-bold {
text-align: left;
}
}
@media only screen and (min-width: 1400px) {
.u-font-weightxxl-only-bold {
text-align: left;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-weightxs-up-bold {
text-align: left;
}
}
@media only screen and (min-width: 576px) {
.u-font-weightsm-up-bold {
text-align: left;
}
}
@media only screen and (min-width: 768px) {
.u-font-weightmd-up-bold {
text-align: left;
}
}
@media only screen and (min-width: 992px) {
.u-font-weightlg-up-bold {
text-align: left;
}
}
@media only screen and (min-width: 1200px) {
.u-font-weightxl-up-bold {
text-align: left;
}
}
@media only screen and (min-width: 1400px) {
.u-font-weightxxl-up-bold {
text-align: left;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-weightxxl-down-bold {
text-align: left;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-weightxl-down-bold {
text-align: left;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-weightlg-down-bold {
text-align: left;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-weightmd-down-bold {
text-align: left;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-weightsm-down-bold {
text-align: left;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-weightxs-down-bold {
text-align: left;
}
}
.u-font-weight-lighter {
font-weight: lighter;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-weightxxs-only-lighter {
font-weight: lighter;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-weightxs-only-lighter {
font-weight: lighter;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-weightsm-only-lighter {
font-weight: lighter;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-weightmd-only-lighter {
font-weight: lighter;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-weightlg-only-lighter {
font-weight: lighter;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-weightxl-only-lighter {
font-weight: lighter;
}
}
@media only screen and (min-width: 1400px) {
.u-font-weightxxl-only-lighter {
font-weight: lighter;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-weightxs-up-lighter {
font-weight: lighter;
}
}
@media only screen and (min-width: 576px) {
.u-font-weightsm-up-lighter {
font-weight: lighter;
}
}
@media only screen and (min-width: 768px) {
.u-font-weightmd-up-lighter {
font-weight: lighter;
}
}
@media only screen and (min-width: 992px) {
.u-font-weightlg-up-lighter {
font-weight: lighter;
}
}
@media only screen and (min-width: 1200px) {
.u-font-weightxl-up-lighter {
font-weight: lighter;
}
}
@media only screen and (min-width: 1400px) {
.u-font-weightxxl-up-lighter {
font-weight: lighter;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-weightxxl-down-lighter {
font-weight: lighter;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-weightxl-down-lighter {
font-weight: lighter;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-weightlg-down-lighter {
font-weight: lighter;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-weightmd-down-lighter {
font-weight: lighter;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-weightsm-down-lighter {
font-weight: lighter;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-weightxs-down-lighter {
font-weight: lighter;
}
}
.u-font-weight-normal {
font-weight: normal;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-weightxxs-only-normal {
font-weight: normal;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-weightxs-only-normal {
font-weight: normal;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-weightsm-only-normal {
font-weight: normal;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-weightmd-only-normal {
font-weight: normal;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-weightlg-only-normal {
font-weight: normal;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-weightxl-only-normal {
font-weight: normal;
}
}
@media only screen and (min-width: 1400px) {
.u-font-weightxxl-only-normal {
font-weight: normal;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-weightxs-up-normal {
font-weight: normal;
}
}
@media only screen and (min-width: 576px) {
.u-font-weightsm-up-normal {
font-weight: normal;
}
}
@media only screen and (min-width: 768px) {
.u-font-weightmd-up-normal {
font-weight: normal;
}
}
@media only screen and (min-width: 992px) {
.u-font-weightlg-up-normal {
font-weight: normal;
}
}
@media only screen and (min-width: 1200px) {
.u-font-weightxl-up-normal {
font-weight: normal;
}
}
@media only screen and (min-width: 1400px) {
.u-font-weightxxl-up-normal {
font-weight: normal;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-weightxxl-down-normal {
font-weight: normal;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-weightxl-down-normal {
font-weight: normal;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-weightlg-down-normal {
font-weight: normal;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-weightmd-down-normal {
font-weight: normal;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-weightsm-down-normal {
font-weight: normal;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-weightxs-down-normal {
font-weight: normal;
}
}
/* font style */
.u-font-style-normal {
font-style: normal;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-stylexxs-only-normal {
font-style: normal;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-stylexs-only-normal {
font-style: normal;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-stylesm-only-normal {
font-style: normal;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-stylemd-only-normal {
font-style: normal;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-stylelg-only-normal {
font-style: normal;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-stylexl-only-normal {
font-style: normal;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-only-normal {
font-style: normal;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-stylexs-up-normal {
font-style: normal;
}
}
@media only screen and (min-width: 576px) {
.u-font-stylesm-up-normal {
font-style: normal;
}
}
@media only screen and (min-width: 768px) {
.u-font-stylemd-up-normal {
font-style: normal;
}
}
@media only screen and (min-width: 992px) {
.u-font-stylelg-up-normal {
font-style: normal;
}
}
@media only screen and (min-width: 1200px) {
.u-font-stylexl-up-normal {
font-style: normal;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-up-normal {
font-style: normal;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-stylexxl-down-normal {
font-style: normal;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-stylexl-down-normal {
font-style: normal;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-stylelg-down-normal {
font-style: normal;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-stylemd-down-normal {
font-style: normal;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-stylesm-down-normal {
font-style: normal;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-stylexs-down-normal {
font-style: normal;
}
}
.u-font-style-italic {
font-style: italic;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-stylexxs-only-italic {
font-style: italic;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-stylexs-only-italic {
font-style: italic;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-stylesm-only-italic {
font-style: italic;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-stylemd-only-italic {
font-style: italic;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-stylelg-only-italic {
font-style: italic;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-stylexl-only-italic {
font-style: italic;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-only-italic {
font-style: italic;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-stylexs-up-italic {
font-style: italic;
}
}
@media only screen and (min-width: 576px) {
.u-font-stylesm-up-italic {
font-style: italic;
}
}
@media only screen and (min-width: 768px) {
.u-font-stylemd-up-italic {
font-style: italic;
}
}
@media only screen and (min-width: 992px) {
.u-font-stylelg-up-italic {
font-style: italic;
}
}
@media only screen and (min-width: 1200px) {
.u-font-stylexl-up-italic {
font-style: italic;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-up-italic {
font-style: italic;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-stylexxl-down-italic {
font-style: italic;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-stylexl-down-italic {
font-style: italic;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-stylelg-down-italic {
font-style: italic;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-stylemd-down-italic {
font-style: italic;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-stylesm-down-italic {
font-style: italic;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-stylexs-down-italic {
font-style: italic;
}
}
.u-font-style-oblique {
font-style: italic;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-stylexxs-only-oblique {
font-style: italic;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-stylexs-only-oblique {
font-style: italic;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-stylesm-only-oblique {
font-style: italic;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-stylemd-only-oblique {
font-style: italic;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-stylelg-only-oblique {
font-style: italic;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-stylexl-only-oblique {
font-style: italic;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-only-oblique {
font-style: italic;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-stylexs-up-oblique {
font-style: italic;
}
}
@media only screen and (min-width: 576px) {
.u-font-stylesm-up-oblique {
font-style: italic;
}
}
@media only screen and (min-width: 768px) {
.u-font-stylemd-up-oblique {
font-style: italic;
}
}
@media only screen and (min-width: 992px) {
.u-font-stylelg-up-oblique {
font-style: italic;
}
}
@media only screen and (min-width: 1200px) {
.u-font-stylexl-up-oblique {
font-style: italic;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-up-oblique {
font-style: italic;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-stylexxl-down-oblique {
font-style: italic;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-stylexl-down-oblique {
font-style: italic;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-stylelg-down-oblique {
font-style: italic;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-stylemd-down-oblique {
font-style: italic;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-stylesm-down-oblique {
font-style: italic;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-stylexs-down-oblique {
font-style: italic;
}
}
/* text transform */
.u-text-transform-none {
text-transform: none;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-stylexxs-only-none {
text-transform: none;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-stylexs-only-none {
text-transform: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-stylesm-only-none {
text-transform: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-stylemd-only-none {
text-transform: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-stylelg-only-none {
text-transform: none;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-stylexl-only-none {
text-transform: none;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-only-none {
text-transform: none;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-stylexs-up-none {
text-transform: none;
}
}
@media only screen and (min-width: 576px) {
.u-font-stylesm-up-none {
text-transform: none;
}
}
@media only screen and (min-width: 768px) {
.u-font-stylemd-up-none {
text-transform: none;
}
}
@media only screen and (min-width: 992px) {
.u-font-stylelg-up-none {
text-transform: none;
}
}
@media only screen and (min-width: 1200px) {
.u-font-stylexl-up-none {
text-transform: none;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-up-none {
text-transform: none;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-stylexxl-down-none {
text-transform: none;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-stylexl-down-none {
text-transform: none;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-stylelg-down-none {
text-transform: none;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-stylemd-down-none {
text-transform: none;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-stylesm-down-none {
text-transform: none;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-stylexs-down-none {
text-transform: none;
}
}
.u-text-transform-capitalize {
text-transform: capitalize;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-stylexxs-only-capitalize {
text-transform: capitalize;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-stylexs-only-capitalize {
text-transform: capitalize;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-stylesm-only-capitalize {
text-transform: capitalize;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-stylemd-only-capitalize {
text-transform: capitalize;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-stylelg-only-capitalize {
text-transform: capitalize;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-stylexl-only-capitalize {
text-transform: capitalize;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-only-capitalize {
text-transform: capitalize;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-stylexs-up-capitalize {
text-transform: capitalize;
}
}
@media only screen and (min-width: 576px) {
.u-font-stylesm-up-capitalize {
text-transform: capitalize;
}
}
@media only screen and (min-width: 768px) {
.u-font-stylemd-up-capitalize {
text-transform: capitalize;
}
}
@media only screen and (min-width: 992px) {
.u-font-stylelg-up-capitalize {
text-transform: capitalize;
}
}
@media only screen and (min-width: 1200px) {
.u-font-stylexl-up-capitalize {
text-transform: capitalize;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-up-capitalize {
text-transform: capitalize;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-stylexxl-down-capitalize {
text-transform: capitalize;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-stylexl-down-capitalize {
text-transform: capitalize;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-stylelg-down-capitalize {
text-transform: capitalize;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-stylemd-down-capitalize {
text-transform: capitalize;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-stylesm-down-capitalize {
text-transform: capitalize;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-stylexs-down-capitalize {
text-transform: capitalize;
}
}
.u-text-transform-uppercase {
text-transform: uppercase;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-stylexxs-only-uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-stylexs-only-uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-stylesm-only-uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-stylemd-only-uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-stylelg-only-uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-stylexl-only-uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-only-uppercase {
text-transform: uppercase;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-stylexs-up-uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width: 576px) {
.u-font-stylesm-up-uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width: 768px) {
.u-font-stylemd-up-uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width: 992px) {
.u-font-stylelg-up-uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width: 1200px) {
.u-font-stylexl-up-uppercase {
text-transform: uppercase;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-up-uppercase {
text-transform: uppercase;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-stylexxl-down-uppercase {
text-transform: uppercase;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-stylexl-down-uppercase {
text-transform: uppercase;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-stylelg-down-uppercase {
text-transform: uppercase;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-stylemd-down-uppercase {
text-transform: uppercase;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-stylesm-down-uppercase {
text-transform: uppercase;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-stylexs-down-uppercase {
text-transform: uppercase;
}
}
.u-text-transform-lowercase {
text-transform: lowercase;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-stylexxs-only-lowercase {
text-transform: lowercase;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-stylexs-only-lowercase {
text-transform: lowercase;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-stylesm-only-lowercase {
text-transform: lowercase;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-stylemd-only-lowercase {
text-transform: lowercase;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-stylelg-only-lowercase {
text-transform: lowercase;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-stylexl-only-lowercase {
text-transform: lowercase;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-only-lowercase {
text-transform: lowercase;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-stylexs-up-lowercase {
text-transform: lowercase;
}
}
@media only screen and (min-width: 576px) {
.u-font-stylesm-up-lowercase {
text-transform: lowercase;
}
}
@media only screen and (min-width: 768px) {
.u-font-stylemd-up-lowercase {
text-transform: lowercase;
}
}
@media only screen and (min-width: 992px) {
.u-font-stylelg-up-lowercase {
text-transform: lowercase;
}
}
@media only screen and (min-width: 1200px) {
.u-font-stylexl-up-lowercase {
text-transform: lowercase;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-up-lowercase {
text-transform: lowercase;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-stylexxl-down-lowercase {
text-transform: lowercase;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-stylexl-down-lowercase {
text-transform: lowercase;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-stylelg-down-lowercase {
text-transform: lowercase;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-stylemd-down-lowercase {
text-transform: lowercase;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-stylesm-down-lowercase {
text-transform: lowercase;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-stylexs-down-lowercase {
text-transform: lowercase;
}
}
.u-text-transform-full-width {
text-transform: full-width;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-stylexxs-only-full-width {
text-transform: full-width;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-stylexs-only-full-width {
text-transform: full-width;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-stylesm-only-full-width {
text-transform: full-width;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-stylemd-only-full-width {
text-transform: full-width;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-stylelg-only-full-width {
text-transform: full-width;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-stylexl-only-full-width {
text-transform: full-width;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-only-full-width {
text-transform: full-width;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-stylexs-up-full-width {
text-transform: full-width;
}
}
@media only screen and (min-width: 576px) {
.u-font-stylesm-up-full-width {
text-transform: full-width;
}
}
@media only screen and (min-width: 768px) {
.u-font-stylemd-up-full-width {
text-transform: full-width;
}
}
@media only screen and (min-width: 992px) {
.u-font-stylelg-up-full-width {
text-transform: full-width;
}
}
@media only screen and (min-width: 1200px) {
.u-font-stylexl-up-full-width {
text-transform: full-width;
}
}
@media only screen and (min-width: 1400px) {
.u-font-stylexxl-up-full-width {
text-transform: full-width;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-stylexxl-down-full-width {
text-transform: full-width;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-stylexl-down-full-width {
text-transform: full-width;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-stylelg-down-full-width {
text-transform: full-width;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-stylemd-down-full-width {
text-transform: full-width;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-stylesm-down-full-width {
text-transform: full-width;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-stylexs-down-full-width {
text-transform: full-width;
}
}
/* font size */
.u-font-size-0 {
font-size: 0;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-0 {
font-size: 0;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-0 {
font-size: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-0 {
font-size: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-0 {
font-size: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-0 {
font-size: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-0 {
font-size: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-0 {
font-size: 0;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-0 {
font-size: 0;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-0 {
font-size: 0;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-0 {
font-size: 0;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-0 {
font-size: 0;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-0 {
font-size: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-0 {
font-size: 0;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-0 {
font-size: 0;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-0 {
font-size: 0;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-0 {
font-size: 0;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-0 {
font-size: 0;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-0 {
font-size: 0;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-0 {
font-size: 0;
}
}
.u-font-size-0 {
font-size: 0px;
font-size: 0rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-0 {
font-size: 0px;
font-size: 0rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-0 {
font-size: 0px;
font-size: 0rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-0 {
font-size: 0px;
font-size: 0rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-0 {
font-size: 0px;
font-size: 0rem;
}
}
.u-font-size-5 {
font-size: 5px;
font-size: 0.5rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-5 {
font-size: 5px;
font-size: 0.5rem;
}
}
.u-font-size-6 {
font-size: 6px;
font-size: 0.6rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-6 {
font-size: 6px;
font-size: 0.6rem;
}
}
.u-font-size-8 {
font-size: 8px;
font-size: 0.8rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-8 {
font-size: 8px;
font-size: 0.8rem;
}
}
.u-font-size-9 {
font-size: 9px;
font-size: 0.9rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-9 {
font-size: 9px;
font-size: 0.9rem;
}
}
.u-font-size-10 {
font-size: 10px;
font-size: 1rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-10 {
font-size: 10px;
font-size: 1rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-10 {
font-size: 10px;
font-size: 1rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-10 {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-10 {
font-size: 10px;
font-size: 1rem;
}
}
.u-font-size-11 {
font-size: 11px;
font-size: 1.1rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-11 {
font-size: 11px;
font-size: 1.1rem;
}
}
.u-font-size-12 {
font-size: 12px;
font-size: 1.2rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-12 {
font-size: 12px;
font-size: 1.2rem;
}
}
.u-font-size-13 {
font-size: 13px;
font-size: 1.3rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-13 {
font-size: 13px;
font-size: 1.3rem;
}
}
.u-font-size-14 {
font-size: 14px;
font-size: 1.4rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-14 {
font-size: 14px;
font-size: 1.4rem;
}
}
.u-font-size-15 {
font-size: 15px;
font-size: 1.5rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-15 {
font-size: 15px;
font-size: 1.5rem;
}
}
.u-font-size-16 {
font-size: 16px;
font-size: 1.6rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-16 {
font-size: 16px;
font-size: 1.6rem;
}
}
.u-font-size-18 {
font-size: 18px;
font-size: 1.8rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-18 {
font-size: 18px;
font-size: 1.8rem;
}
}
.u-font-size-19 {
font-size: 19px;
font-size: 1.9rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-19 {
font-size: 19px;
font-size: 1.9rem;
}
}
.u-font-size-20 {
font-size: 20px;
font-size: 2rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-20 {
font-size: 20px;
font-size: 2rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-20 {
font-size: 20px;
font-size: 2rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-20 {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-20 {
font-size: 20px;
font-size: 2rem;
}
}
.u-font-size-21 {
font-size: 21px;
font-size: 2.1rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-21 {
font-size: 21px;
font-size: 2.1rem;
}
}
.u-font-size-22 {
font-size: 22px;
font-size: 2.2rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-22 {
font-size: 22px;
font-size: 2.2rem;
}
}
.u-font-size-24 {
font-size: 24px;
font-size: 2.4rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-24 {
font-size: 24px;
font-size: 2.4rem;
}
}
.u-font-size-26 {
font-size: 26px;
font-size: 2.6rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-26 {
font-size: 26px;
font-size: 2.6rem;
}
}
.u-font-size-27 {
font-size: 27px;
font-size: 2.7rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-27 {
font-size: 27px;
font-size: 2.7rem;
}
}
.u-font-size-36 {
font-size: 36px;
font-size: 3.6rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-36 {
font-size: 36px;
font-size: 3.6rem;
}
}
.u-font-size-40 {
font-size: 40px;
font-size: 4rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-40 {
font-size: 40px;
font-size: 4rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-40 {
font-size: 40px;
font-size: 4rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-40 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-40 {
font-size: 40px;
font-size: 4rem;
}
}
.u-font-size-48 {
font-size: 48px;
font-size: 4.8rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-48 {
font-size: 48px;
font-size: 4.8rem;
}
}
.u-font-size-50 {
font-size: 50px;
font-size: 5rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-50 {
font-size: 50px;
font-size: 5rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-50 {
font-size: 50px;
font-size: 5rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-50 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-50 {
font-size: 50px;
font-size: 5rem;
}
}
.u-font-size-72 {
font-size: 72px;
font-size: 7.2rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-72 {
font-size: 72px;
font-size: 7.2rem;
}
}
.u-font-size-85 {
font-size: 85px;
font-size: 8.5rem;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-font-size-xxs-only-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-font-size-xs-only-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-font-size-sm-only-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-font-size-md-only-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-font-size-lg-only-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-font-size-xl-only-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-only-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-font-size-xs-up-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (min-width: 576px) {
.u-font-size-sm-up-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (min-width: 768px) {
.u-font-size-md-up-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (min-width: 992px) {
.u-font-size-lg-up-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (min-width: 1200px) {
.u-font-size-xl-up-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (min-width: 1400px) {
.u-font-size-xxl-up-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-font-size-xxl-down-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (max-width: 1199.8px) {
.u-font-size-xl-down-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (max-width: 991.8px) {
.u-font-size-lg-down-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (max-width: 767.8px) {
.u-font-size-md-down-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (max-width: 575.8px) {
.u-font-size-sm-down-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
@media only screen and (max-width: 320.8px) {
.u-font-size-xs-down-85 {
font-size: 85px;
font-size: 8.5rem;
}
}
/* ==========================================================================
letter-spacing
========================================================================== */
.u-letter-spacing-0 {
letter-spacing: 0;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-letter-spacing-xxs-only-0 {
letter-spacing: 0;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-letter-spacing-xs-only-0 {
letter-spacing: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-letter-spacing-sm-only-0 {
letter-spacing: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-letter-spacing-md-only-0 {
letter-spacing: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-letter-spacing-lg-only-0 {
letter-spacing: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-letter-spacing-xl-only-0 {
letter-spacing: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-letter-spacing-xxl-only-0 {
letter-spacing: 0;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-letter-spacing-xs-up-0 {
letter-spacing: 0;
}
}
@media only screen and (min-width: 576px) {
.u-letter-spacing-sm-up-0 {
letter-spacing: 0;
}
}
@media only screen and (min-width: 768px) {
.u-letter-spacing-md-up-0 {
letter-spacing: 0;
}
}
@media only screen and (min-width: 992px) {
.u-letter-spacing-lg-up-0 {
letter-spacing: 0;
}
}
@media only screen and (min-width: 1200px) {
.u-letter-spacing-xl-up-0 {
letter-spacing: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-letter-spacing-xxl-up-0 {
letter-spacing: 0;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-letter-spacing-xxl-down-0 {
letter-spacing: 0;
}
}
@media only screen and (max-width: 1199.8px) {
.u-letter-spacing-xl-down-0 {
letter-spacing: 0;
}
}
@media only screen and (max-width: 991.8px) {
.u-letter-spacing-lg-down-0 {
letter-spacing: 0;
}
}
@media only screen and (max-width: 767.8px) {
.u-letter-spacing-md-down-0 {
letter-spacing: 0;
}
}
@media only screen and (max-width: 575.8px) {
.u-letter-spacing-sm-down-0 {
letter-spacing: 0;
}
}
@media only screen and (max-width: 320.8px) {
.u-letter-spacing-xs-down-0 {
letter-spacing: 0;
}
}
.u-letter-spacing-s {
letter-spacing: 0.1em;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-letter-spacing-xxs-only-s {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-letter-spacing-xs-only-s {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-letter-spacing-sm-only-s {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-letter-spacing-md-only-s {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-letter-spacing-lg-only-s {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-letter-spacing-xl-only-s {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 1400px) {
.u-letter-spacing-xxl-only-s {
letter-spacing: 0.1em;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-letter-spacing-xs-up-s {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 576px) {
.u-letter-spacing-sm-up-s {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 768px) {
.u-letter-spacing-md-up-s {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 992px) {
.u-letter-spacing-lg-up-s {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 1200px) {
.u-letter-spacing-xl-up-s {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 1400px) {
.u-letter-spacing-xxl-up-s {
letter-spacing: 0.1em;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-letter-spacing-xxl-down-s {
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 1199.8px) {
.u-letter-spacing-xl-down-s {
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 991.8px) {
.u-letter-spacing-lg-down-s {
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 767.8px) {
.u-letter-spacing-md-down-s {
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 575.8px) {
.u-letter-spacing-sm-down-s {
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 320.8px) {
.u-letter-spacing-xs-down-s {
letter-spacing: 0.1em;
}
}
.u-letter-spacing-m {
letter-spacing: 0.2em;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-letter-spacing-xxs-only-m {
letter-spacing: 0.2em;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-letter-spacing-xs-only-m {
letter-spacing: 0.2em;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-letter-spacing-sm-only-m {
letter-spacing: 0.2em;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-letter-spacing-md-only-m {
letter-spacing: 0.2em;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-letter-spacing-lg-only-m {
letter-spacing: 0.2em;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-letter-spacing-xl-only-m {
letter-spacing: 0.2em;
}
}
@media only screen and (min-width: 1400px) {
.u-letter-spacing-xxl-only-m {
letter-spacing: 0.2em;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-letter-spacing-xs-up-m {
letter-spacing: 0.2em;
}
}
@media only screen and (min-width: 576px) {
.u-letter-spacing-sm-up-m {
letter-spacing: 0.2em;
}
}
@media only screen and (min-width: 768px) {
.u-letter-spacing-md-up-m {
letter-spacing: 0.2em;
}
}
@media only screen and (min-width: 992px) {
.u-letter-spacing-lg-up-m {
letter-spacing: 0.2em;
}
}
@media only screen and (min-width: 1200px) {
.u-letter-spacing-xl-up-m {
letter-spacing: 0.2em;
}
}
@media only screen and (min-width: 1400px) {
.u-letter-spacing-xxl-up-m {
letter-spacing: 0.2em;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-letter-spacing-xxl-down-m {
letter-spacing: 0.2em;
}
}
@media only screen and (max-width: 1199.8px) {
.u-letter-spacing-xl-down-m {
letter-spacing: 0.2em;
}
}
@media only screen and (max-width: 991.8px) {
.u-letter-spacing-lg-down-m {
letter-spacing: 0.2em;
}
}
@media only screen and (max-width: 767.8px) {
.u-letter-spacing-md-down-m {
letter-spacing: 0.2em;
}
}
@media only screen and (max-width: 575.8px) {
.u-letter-spacing-sm-down-m {
letter-spacing: 0.2em;
}
}
@media only screen and (max-width: 320.8px) {
.u-letter-spacing-xs-down-m {
letter-spacing: 0.2em;
}
}
.u-letter-spacing-l {
letter-spacing: 0.3em;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-letter-spacing-xxs-only-l {
letter-spacing: 0.3em;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-letter-spacing-xs-only-l {
letter-spacing: 0.3em;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-letter-spacing-sm-only-l {
letter-spacing: 0.3em;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-letter-spacing-md-only-l {
letter-spacing: 0.3em;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-letter-spacing-lg-only-l {
letter-spacing: 0.3em;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-letter-spacing-xl-only-l {
letter-spacing: 0.3em;
}
}
@media only screen and (min-width: 1400px) {
.u-letter-spacing-xxl-only-l {
letter-spacing: 0.3em;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-letter-spacing-xs-up-l {
letter-spacing: 0.3em;
}
}
@media only screen and (min-width: 576px) {
.u-letter-spacing-sm-up-l {
letter-spacing: 0.3em;
}
}
@media only screen and (min-width: 768px) {
.u-letter-spacing-md-up-l {
letter-spacing: 0.3em;
}
}
@media only screen and (min-width: 992px) {
.u-letter-spacing-lg-up-l {
letter-spacing: 0.3em;
}
}
@media only screen and (min-width: 1200px) {
.u-letter-spacing-xl-up-l {
letter-spacing: 0.3em;
}
}
@media only screen and (min-width: 1400px) {
.u-letter-spacing-xxl-up-l {
letter-spacing: 0.3em;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-letter-spacing-xxl-down-l {
letter-spacing: 0.3em;
}
}
@media only screen and (max-width: 1199.8px) {
.u-letter-spacing-xl-down-l {
letter-spacing: 0.3em;
}
}
@media only screen and (max-width: 991.8px) {
.u-letter-spacing-lg-down-l {
letter-spacing: 0.3em;
}
}
@media only screen and (max-width: 767.8px) {
.u-letter-spacing-md-down-l {
letter-spacing: 0.3em;
}
}
@media only screen and (max-width: 575.8px) {
.u-letter-spacing-sm-down-l {
letter-spacing: 0.3em;
}
}
@media only screen and (max-width: 320.8px) {
.u-letter-spacing-xs-down-l {
letter-spacing: 0.3em;
}
}
/* ==========================================================================
line-height
========================================================================== */
.u-line-height-0 {
line-height: 0;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-line-height-xxs-only-0 {
line-height: 0;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-line-height-xs-only-0 {
line-height: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-line-height-sm-only-0 {
line-height: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-line-height-md-only-0 {
line-height: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-line-height-lg-only-0 {
line-height: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-line-height-xl-only-0 {
line-height: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-only-0 {
line-height: 0;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-line-height-xs-up-0 {
line-height: 0;
}
}
@media only screen and (min-width: 576px) {
.u-line-height-sm-up-0 {
line-height: 0;
}
}
@media only screen and (min-width: 768px) {
.u-line-height-md-up-0 {
line-height: 0;
}
}
@media only screen and (min-width: 992px) {
.u-line-height-lg-up-0 {
line-height: 0;
}
}
@media only screen and (min-width: 1200px) {
.u-line-height-xl-up-0 {
line-height: 0;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-up-0 {
line-height: 0;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-line-height-xxl-down-0 {
line-height: 0;
}
}
@media only screen and (max-width: 1199.8px) {
.u-line-height-xl-down-0 {
line-height: 0;
}
}
@media only screen and (max-width: 991.8px) {
.u-line-height-lg-down-0 {
line-height: 0;
}
}
@media only screen and (max-width: 767.8px) {
.u-line-height-md-down-0 {
line-height: 0;
}
}
@media only screen and (max-width: 575.8px) {
.u-line-height-sm-down-0 {
line-height: 0;
}
}
@media only screen and (max-width: 320.8px) {
.u-line-height-xs-down-0 {
line-height: 0;
}
}
.u-line-height-1 {
line-height: 1;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-line-height-xxs-only-1 {
line-height: 1;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-line-height-xs-only-1 {
line-height: 1;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-line-height-sm-only-1 {
line-height: 1;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-line-height-md-only-1 {
line-height: 1;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-line-height-lg-only-1 {
line-height: 1;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-line-height-xl-only-1 {
line-height: 1;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-only-1 {
line-height: 1;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-line-height-xs-up-1 {
line-height: 1;
}
}
@media only screen and (min-width: 576px) {
.u-line-height-sm-up-1 {
line-height: 1;
}
}
@media only screen and (min-width: 768px) {
.u-line-height-md-up-1 {
line-height: 1;
}
}
@media only screen and (min-width: 992px) {
.u-line-height-lg-up-1 {
line-height: 1;
}
}
@media only screen and (min-width: 1200px) {
.u-line-height-xl-up-1 {
line-height: 1;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-up-1 {
line-height: 1;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-line-height-xxl-down-1 {
line-height: 1;
}
}
@media only screen and (max-width: 1199.8px) {
.u-line-height-xl-down-1 {
line-height: 1;
}
}
@media only screen and (max-width: 991.8px) {
.u-line-height-lg-down-1 {
line-height: 1;
}
}
@media only screen and (max-width: 767.8px) {
.u-line-height-md-down-1 {
line-height: 1;
}
}
@media only screen and (max-width: 575.8px) {
.u-line-height-sm-down-1 {
line-height: 1;
}
}
@media only screen and (max-width: 320.8px) {
.u-line-height-xs-down-1 {
line-height: 1;
}
}
.u-line-height-s {
line-height: 1.2;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-line-height-xxs-only-s {
line-height: 1.2;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-line-height-xs-only-s {
line-height: 1.2;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-line-height-sm-only-s {
line-height: 1.2;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-line-height-md-only-s {
line-height: 1.2;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-line-height-lg-only-s {
line-height: 1.2;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-line-height-xl-only-s {
line-height: 1.2;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-only-s {
line-height: 1.2;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-line-height-xs-up-s {
line-height: 1.2;
}
}
@media only screen and (min-width: 576px) {
.u-line-height-sm-up-s {
line-height: 1.2;
}
}
@media only screen and (min-width: 768px) {
.u-line-height-md-up-s {
line-height: 1.2;
}
}
@media only screen and (min-width: 992px) {
.u-line-height-lg-up-s {
line-height: 1.2;
}
}
@media only screen and (min-width: 1200px) {
.u-line-height-xl-up-s {
line-height: 1.2;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-up-s {
line-height: 1.2;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-line-height-xxl-down-s {
line-height: 1.2;
}
}
@media only screen and (max-width: 1199.8px) {
.u-line-height-xl-down-s {
line-height: 1.2;
}
}
@media only screen and (max-width: 991.8px) {
.u-line-height-lg-down-s {
line-height: 1.2;
}
}
@media only screen and (max-width: 767.8px) {
.u-line-height-md-down-s {
line-height: 1.2;
}
}
@media only screen and (max-width: 575.8px) {
.u-line-height-sm-down-s {
line-height: 1.2;
}
}
@media only screen and (max-width: 320.8px) {
.u-line-height-xs-down-s {
line-height: 1.2;
}
}
.u-line-height-m {
line-height: 1.4;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-line-height-xxs-only-m {
line-height: 1.4;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-line-height-xs-only-m {
line-height: 1.4;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-line-height-sm-only-m {
line-height: 1.4;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-line-height-md-only-m {
line-height: 1.4;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-line-height-lg-only-m {
line-height: 1.4;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-line-height-xl-only-m {
line-height: 1.4;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-only-m {
line-height: 1.4;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-line-height-xs-up-m {
line-height: 1.4;
}
}
@media only screen and (min-width: 576px) {
.u-line-height-sm-up-m {
line-height: 1.4;
}
}
@media only screen and (min-width: 768px) {
.u-line-height-md-up-m {
line-height: 1.4;
}
}
@media only screen and (min-width: 992px) {
.u-line-height-lg-up-m {
line-height: 1.4;
}
}
@media only screen and (min-width: 1200px) {
.u-line-height-xl-up-m {
line-height: 1.4;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-up-m {
line-height: 1.4;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-line-height-xxl-down-m {
line-height: 1.4;
}
}
@media only screen and (max-width: 1199.8px) {
.u-line-height-xl-down-m {
line-height: 1.4;
}
}
@media only screen and (max-width: 991.8px) {
.u-line-height-lg-down-m {
line-height: 1.4;
}
}
@media only screen and (max-width: 767.8px) {
.u-line-height-md-down-m {
line-height: 1.4;
}
}
@media only screen and (max-width: 575.8px) {
.u-line-height-sm-down-m {
line-height: 1.4;
}
}
@media only screen and (max-width: 320.8px) {
.u-line-height-xs-down-m {
line-height: 1.4;
}
}
.u-line-height-l {
line-height: 1.6;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-line-height-xxs-only-l {
line-height: 1.6;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-line-height-xs-only-l {
line-height: 1.6;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-line-height-sm-only-l {
line-height: 1.6;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-line-height-md-only-l {
line-height: 1.6;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-line-height-lg-only-l {
line-height: 1.6;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-line-height-xl-only-l {
line-height: 1.6;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-only-l {
line-height: 1.6;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-line-height-xs-up-l {
line-height: 1.6;
}
}
@media only screen and (min-width: 576px) {
.u-line-height-sm-up-l {
line-height: 1.6;
}
}
@media only screen and (min-width: 768px) {
.u-line-height-md-up-l {
line-height: 1.6;
}
}
@media only screen and (min-width: 992px) {
.u-line-height-lg-up-l {
line-height: 1.6;
}
}
@media only screen and (min-width: 1200px) {
.u-line-height-xl-up-l {
line-height: 1.6;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-up-l {
line-height: 1.6;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-line-height-xxl-down-l {
line-height: 1.6;
}
}
@media only screen and (max-width: 1199.8px) {
.u-line-height-xl-down-l {
line-height: 1.6;
}
}
@media only screen and (max-width: 991.8px) {
.u-line-height-lg-down-l {
line-height: 1.6;
}
}
@media only screen and (max-width: 767.8px) {
.u-line-height-md-down-l {
line-height: 1.6;
}
}
@media only screen and (max-width: 575.8px) {
.u-line-height-sm-down-l {
line-height: 1.6;
}
}
@media only screen and (max-width: 320.8px) {
.u-line-height-xs-down-l {
line-height: 1.6;
}
}
.u-line-height-xl {
line-height: 1.8;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-line-height-xxs-only-xl {
line-height: 1.8;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-line-height-xs-only-xl {
line-height: 1.8;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-line-height-sm-only-xl {
line-height: 1.8;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-line-height-md-only-xl {
line-height: 1.8;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-line-height-lg-only-xl {
line-height: 1.8;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-line-height-xl-only-xl {
line-height: 1.8;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-only-xl {
line-height: 1.8;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-line-height-xs-up-xl {
line-height: 1.8;
}
}
@media only screen and (min-width: 576px) {
.u-line-height-sm-up-xl {
line-height: 1.8;
}
}
@media only screen and (min-width: 768px) {
.u-line-height-md-up-xl {
line-height: 1.8;
}
}
@media only screen and (min-width: 992px) {
.u-line-height-lg-up-xl {
line-height: 1.8;
}
}
@media only screen and (min-width: 1200px) {
.u-line-height-xl-up-xl {
line-height: 1.8;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-up-xl {
line-height: 1.8;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-line-height-xxl-down-xl {
line-height: 1.8;
}
}
@media only screen and (max-width: 1199.8px) {
.u-line-height-xl-down-xl {
line-height: 1.8;
}
}
@media only screen and (max-width: 991.8px) {
.u-line-height-lg-down-xl {
line-height: 1.8;
}
}
@media only screen and (max-width: 767.8px) {
.u-line-height-md-down-xl {
line-height: 1.8;
}
}
@media only screen and (max-width: 575.8px) {
.u-line-height-sm-down-xl {
line-height: 1.8;
}
}
@media only screen and (max-width: 320.8px) {
.u-line-height-xs-down-xl {
line-height: 1.8;
}
}
.u-line-height-xxl {
line-height: 2;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-line-height-xxs-only-xxl {
line-height: 2;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-line-height-xs-only-xxl {
line-height: 2;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-line-height-sm-only-xxl {
line-height: 2;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-line-height-md-only-xxl {
line-height: 2;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-line-height-lg-only-xxl {
line-height: 2;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-line-height-xl-only-xxl {
line-height: 2;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-only-xxl {
line-height: 2;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-line-height-xs-up-xxl {
line-height: 2;
}
}
@media only screen and (min-width: 576px) {
.u-line-height-sm-up-xxl {
line-height: 2;
}
}
@media only screen and (min-width: 768px) {
.u-line-height-md-up-xxl {
line-height: 2;
}
}
@media only screen and (min-width: 992px) {
.u-line-height-lg-up-xxl {
line-height: 2;
}
}
@media only screen and (min-width: 1200px) {
.u-line-height-xl-up-xxl {
line-height: 2;
}
}
@media only screen and (min-width: 1400px) {
.u-line-height-xxl-up-xxl {
line-height: 2;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-line-height-xxl-down-xxl {
line-height: 2;
}
}
@media only screen and (max-width: 1199.8px) {
.u-line-height-xl-down-xxl {
line-height: 2;
}
}
@media only screen and (max-width: 991.8px) {
.u-line-height-lg-down-xxl {
line-height: 2;
}
}
@media only screen and (max-width: 767.8px) {
.u-line-height-md-down-xxl {
line-height: 2;
}
}
@media only screen and (max-width: 575.8px) {
.u-line-height-sm-down-xxl {
line-height: 2;
}
}
@media only screen and (max-width: 320.8px) {
.u-line-height-xs-down-xxl {
line-height: 2;
}
}
/* ==========================================================================
text align
========================================================================== */
.u-align-baseline {
vertical-align: baseline;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-xxs-only-baseline {
vertical-align: baseline;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-xs-only-baseline {
vertical-align: baseline;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-sm-only-baseline {
vertical-align: baseline;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-md-only-baseline {
vertical-align: baseline;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-lg-only-baseline {
vertical-align: baseline;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-xl-only-baseline {
vertical-align: baseline;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-only-baseline {
vertical-align: baseline;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-xs-up-baseline {
vertical-align: baseline;
}
}
@media only screen and (min-width: 576px) {
.u-align-sm-up-baseline {
vertical-align: baseline;
}
}
@media only screen and (min-width: 768px) {
.u-align-md-up-baseline {
vertical-align: baseline;
}
}
@media only screen and (min-width: 992px) {
.u-align-lg-up-baseline {
vertical-align: baseline;
}
}
@media only screen and (min-width: 1200px) {
.u-align-xl-up-baseline {
vertical-align: baseline;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-up-baseline {
vertical-align: baseline;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-xxl-down-baseline {
vertical-align: baseline;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-xl-down-baseline {
vertical-align: baseline;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-lg-down-baseline {
vertical-align: baseline;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-md-down-baseline {
vertical-align: baseline;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-sm-down-baseline {
vertical-align: baseline;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-xs-down-baseline {
vertical-align: baseline;
}
}
.u-align-top {
vertical-align: top;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-xxs-only-top {
vertical-align: top;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-xs-only-top {
vertical-align: top;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-sm-only-top {
vertical-align: top;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-md-only-top {
vertical-align: top;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-lg-only-top {
vertical-align: top;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-xl-only-top {
vertical-align: top;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-only-top {
vertical-align: top;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-xs-up-top {
vertical-align: top;
}
}
@media only screen and (min-width: 576px) {
.u-align-sm-up-top {
vertical-align: top;
}
}
@media only screen and (min-width: 768px) {
.u-align-md-up-top {
vertical-align: top;
}
}
@media only screen and (min-width: 992px) {
.u-align-lg-up-top {
vertical-align: top;
}
}
@media only screen and (min-width: 1200px) {
.u-align-xl-up-top {
vertical-align: top;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-up-top {
vertical-align: top;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-xxl-down-top {
vertical-align: top;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-xl-down-top {
vertical-align: top;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-lg-down-top {
vertical-align: top;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-md-down-top {
vertical-align: top;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-sm-down-top {
vertical-align: top;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-xs-down-top {
vertical-align: top;
}
}
.u-align-middle {
vertical-align: middle;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-xxs-only-middle {
vertical-align: middle;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-xs-only-middle {
vertical-align: middle;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-sm-only-middle {
vertical-align: middle;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-md-only-middle {
vertical-align: middle;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-lg-only-middle {
vertical-align: middle;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-xl-only-middle {
vertical-align: middle;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-only-middle {
vertical-align: middle;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-xs-up-middle {
vertical-align: middle;
}
}
@media only screen and (min-width: 576px) {
.u-align-sm-up-middle {
vertical-align: middle;
}
}
@media only screen and (min-width: 768px) {
.u-align-md-up-middle {
vertical-align: middle;
}
}
@media only screen and (min-width: 992px) {
.u-align-lg-up-middle {
vertical-align: middle;
}
}
@media only screen and (min-width: 1200px) {
.u-align-xl-up-middle {
vertical-align: middle;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-up-middle {
vertical-align: middle;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-xxl-down-middle {
vertical-align: middle;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-xl-down-middle {
vertical-align: middle;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-lg-down-middle {
vertical-align: middle;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-md-down-middle {
vertical-align: middle;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-sm-down-middle {
vertical-align: middle;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-xs-down-middle {
vertical-align: middle;
}
}
.u-align-bottom {
vertical-align: bottom;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-xxs-only-bottom {
vertical-align: bottom;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-xs-only-bottom {
vertical-align: bottom;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-sm-only-bottom {
vertical-align: bottom;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-md-only-bottom {
vertical-align: bottom;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-lg-only-bottom {
vertical-align: bottom;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-xl-only-bottom {
vertical-align: bottom;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-only-bottom {
vertical-align: bottom;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-xs-up-bottom {
vertical-align: bottom;
}
}
@media only screen and (min-width: 576px) {
.u-align-sm-up-bottom {
vertical-align: bottom;
}
}
@media only screen and (min-width: 768px) {
.u-align-md-up-bottom {
vertical-align: bottom;
}
}
@media only screen and (min-width: 992px) {
.u-align-lg-up-bottom {
vertical-align: bottom;
}
}
@media only screen and (min-width: 1200px) {
.u-align-xl-up-bottom {
vertical-align: bottom;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-up-bottom {
vertical-align: bottom;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-xxl-down-bottom {
vertical-align: bottom;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-xl-down-bottom {
vertical-align: bottom;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-lg-down-bottom {
vertical-align: bottom;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-md-down-bottom {
vertical-align: bottom;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-sm-down-bottom {
vertical-align: bottom;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-xs-down-bottom {
vertical-align: bottom;
}
}
.u-align-text-top {
vertical-align: text-top;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-xxs-only-text-top {
vertical-align: text-top;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-xs-only-text-top {
vertical-align: text-top;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-sm-only-text-top {
vertical-align: text-top;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-md-only-text-top {
vertical-align: text-top;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-lg-only-text-top {
vertical-align: text-top;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-xl-only-text-top {
vertical-align: text-top;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-only-text-top {
vertical-align: text-top;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-xs-up-text-top {
vertical-align: text-top;
}
}
@media only screen and (min-width: 576px) {
.u-align-sm-up-text-top {
vertical-align: text-top;
}
}
@media only screen and (min-width: 768px) {
.u-align-md-up-text-top {
vertical-align: text-top;
}
}
@media only screen and (min-width: 992px) {
.u-align-lg-up-text-top {
vertical-align: text-top;
}
}
@media only screen and (min-width: 1200px) {
.u-align-xl-up-text-top {
vertical-align: text-top;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-up-text-top {
vertical-align: text-top;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-xxl-down-text-top {
vertical-align: text-top;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-xl-down-text-top {
vertical-align: text-top;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-lg-down-text-top {
vertical-align: text-top;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-md-down-text-top {
vertical-align: text-top;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-sm-down-text-top {
vertical-align: text-top;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-xs-down-text-top {
vertical-align: text-top;
}
}
.u-align-text-bottom {
vertical-align: text-bottom;
}
/* media-only */
@media only screen and (max-width: 320.8px) {
.u-align-xxs-only-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (min-width: 321px) and (max-width: 575.8px) {
.u-align-xs-only-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
.u-align-sm-only-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
.u-align-md-only-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
.u-align-lg-only-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399.8px) {
.u-align-xl-only-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-only-text-bottom {
vertical-align: text-bottom;
}
}
/* media-up */
@media only screen and (min-width: 321px) {
.u-align-xs-up-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (min-width: 576px) {
.u-align-sm-up-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (min-width: 768px) {
.u-align-md-up-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (min-width: 992px) {
.u-align-lg-up-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (min-width: 1200px) {
.u-align-xl-up-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (min-width: 1400px) {
.u-align-xxl-up-text-bottom {
vertical-align: text-bottom;
}
}
/* media-down */
@media only screen and (max-width: 1399.8px) {
.u-align-xxl-down-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (max-width: 1199.8px) {
.u-align-xl-down-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (max-width: 991.8px) {
.u-align-lg-down-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (max-width: 767.8px) {
.u-align-md-down-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (max-width: 575.8px) {
.u-align-sm-down-text-bottom {
vertical-align: text-bottom;
}
}
@media only screen and (max-width: 320.8px) {
.u-align-xs-down-text-bottom {
vertical-align: text-bottom;
}
}
/* ==========================================================================
list-style
========================================================================== */
.u-list {
list-style-position: inside;
}
.u-list > li {
padding-left: 1.7em;
text-indent: -1.7em;
}
/* マーカーなし */
.u-list--none {
list-style-type: none;
}
/* 黒丸 */
.u-list--disc {
list-style-type: disc;
}
/* 白丸 */
.u-list--circle {
list-style-type: circle;
}
/* 黒四角 */
.u-list--square {
list-style-type: square;
}
/* 小文字のローマ数字 */
.u-list--lower-roman {
list-style-type: lower-roman;
}
/* 大文字のローマ数字 */
.u-list--upper-roman {
list-style-type: upper-roman;
}
/* 小文字のギリシャ文字 */
.u-list--lower-greek {
list-style-type: lower-greek;
}
/* 算用数字 */
.u-list--decimal {
list-style-type: decimal;
}
/* 算用数字()付き */
.u-list--decimal--with-brackets {
margin: 0;
padding-left: 2em;
list-style-type: none;
}
.u-list--decimal--with-brackets li {
list-style-position: inside;
counter-increment: cnt;
}
.u-list--decimal--with-brackets li::before {
content: "(" counter(cnt) ")";
display: marker;
}
/* 先頭に0をつけた算用数字 */
.u-list--decimal-leading-zero {
list-style-type: decimal-leading-zero;
}
/* 小文字のアルファベット */
.u-list--lower-latin {
list-style-type: lower-latin;
}
/* 小文字のアルファベット */
.u-list--lower-alpha {
list-style-type: lower-alpha;
}
/* 大文字のアルファベット */
.u-list--upper-latin {
list-style-type: upper-latin;
}
/* 大文字のアルファベット */
.u-list--upper-alpha {
list-style-type: upper-alpha;
}
/* 漢数字 */
.u-list--cjk-ideographic {
list-style-type: cjk-ideographic;
}
/* ひらがなのあいうえお順 */
.u-list--hiragana {
list-style-type: hiragana;
}
/* カタカナのアイウエオ順 */
.u-list--katakana {
list-style-type: katakana;
}
/* ひらがなのいろはにほへと順 */
.u-list--hiragana-iroha {
list-style-type: hiragana-iroha;
}
/* カタカナのイロハニホヘト順 */
.u-list--katakana-iroha {
list-style-type: katakana-iroha;
}
/* ヘブライ数字 */
.u-list--hebrew {
list-style-type: hebrew;
}
/* アルメニア数字 */
.u-list--armenian {
list-style-type: armenian;
}
/* グルジア数字 */
.u-list--georgian {
list-style-type: georgian;
}
/* 任意の1文字 */
.u-list--any {
margin: 0;
list-style-type: none;
}
.u-list--any li {
list-style-position: inside;
}
.u-list--any li::before {
content: attr(data-mark);
display: marker;
}
.u-list--decimal-with-circle {
margin: 0;
list-style-type: none;
}
.u-list--decimal-with-circle > li {
padding-left: 1em;
text-indent: -1.4em;
list-style-position: inside;
}
.u-list--decimal-with-circle > li::before {
display: marker;
margin-right: 0.5em;
}
.u-list--decimal-with-circle > li:nth-of-type(1)::before {
content: "①";
}
.u-list--decimal-with-circle > li:nth-of-type(2)::before {
content: "②";
}
.u-list--decimal-with-circle > li:nth-of-type(3)::before {
content: "③";
}
.u-list--decimal-with-circle > li:nth-of-type(4)::before {
content: "④";
}
.u-list--decimal-with-circle > li:nth-of-type(5)::before {
content: "⑤";
}
.u-list--decimal-with-circle > li:nth-of-type(6)::before {
content: "⑥";
}
.u-list--decimal-with-circle > li:nth-of-type(7)::before {
content: "⑦";
}
.u-list--decimal-with-circle > li:nth-of-type(8)::before {
content: "⑧";
}
.u-list--decimal-with-circle > li:nth-of-type(9)::before {
content: "⑨";
}
.u-list--decimal-with-circle > li:nth-of-type(10)::before {
content: "⑩";
}
.u-list--decimal-with-circle > li:nth-of-type(11)::before {
content: "⑪";
}
.u-list--decimal-with-circle > li:nth-of-type(12)::before {
content: "⑫";
}
.u-list--decimal-with-circle > li:nth-of-type(13)::before {
content: "⑬";
}
.u-list--decimal-with-circle > li:nth-of-type(14)::before {
content: "⑭";
}
.u-list--decimal-with-circle > li:nth-of-type(15)::before {
content: "⑮";
}
.u-list--decimal-with-circle > li:nth-of-type(16)::before {
content: "⑯";
}
.u-list--decimal-with-circle > li:nth-of-type(17)::before {
content: "⑰";
}
.u-list--decimal-with-circle > li:nth-of-type(18)::before {
content: "⑱";
}
.u-list--decimal-with-circle > li:nth-of-type(19)::before {
content: "⑲";
}
.u-list--decimal-with-circle > li:nth-of-type(20)::before {
content: "⑳";
}