* {
margin: 0;
padding: 0;
}
*::after,
*::before,
.container-table,
.container-table-cell {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
ul,ol {
list-style-type: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
input,button,select,textarea {
border-radius: 0;
box-sizing: border-box;
}
fieldset {
border: 0;
}
textarea {
resize: vertical;
}
.button,
button,
input[type="email"],
input[type="number"],
input[type="reset"],
input[type="search"]input[type="submit"]input[type="tel"],
input[type="text"],
select,
textarea {
box-sizing: border-box;
-moz-appearance: none;
-webkit-appearance: none;
}
select {
box-sizing: border-box;
}
.responsive-media {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 0;
position: relative;
}
.responsive-media iframe,
.responsive-media object,
.responsive-media embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.clearfix::after {
clear: both;
content: "";
display: table;
}
.row {
margin: 0px -20px 0 -20px;
position: relative;
}
.row::after,
.row::before,
.clearfix::after,
.clearfix::before {
clear: both;
content: "";
display: table;
}
.global-wrapper {
max-width: 1920px;
}
.container-fixed,
.container-fluid {
box-sizing: border-box;
margin: 0 auto 0 auto;
max-width: 2000px;
padding: 0 20px;
}
.col-01,
.col-02,
.col-03,
.col-04,
.col-05,
.col-06,
.col-07,
.col-08,
.col-09,
.col-10,
.col-11,
.col-12 {
box-sizing: border-box;
padding: 0 20px 0 20px;
}
@media(min-width:768px) {
.col-01,.col-02,.col-03,.col-04,.col-05,.col-06,.col-07,.col-08,.col-09,.col-10,.col-11,.col-12 {
float: left;
}
.col-01 {
width: 8.333333%;
}
.col-02 {
width: 16.666667%;
}
.col-03 {
width: 25%;
}
.col-04 {
width: 33.333333%;
}
.col-05 {
width: 41.666667%;
}
.col-06 {
width: 50%;
}
.col-07 {
width: 58.333333%;
}
.col-08 {
width: 66.666666%;
}
.col-09 {
width: 75%;
}
.col-10 {
width: 83.333333%;
}
.col-11 {
width: 91.666667%;
}
.col-12 {
width: 100%;
}
}
@media(min-width:768px) {
.container-fixed {
width: 700px;
}
}
@media(min-width:1024px) {
.container-fixed {
width: 100%;
}
}
@media(min-width:1280px) {
.container-fixed {
width: 1200px;
}
}
ul.products:before,
ul.products:after {
clear: both;
content: "";
display: table;
}
.button, button, input[type="submit"], input[type="reset"],
.list-social-media li a,
ul.products li {
box-sizing: border-box;
} @media (min-width:768px) {
.container-table {
display: table;
height: 100%;
width: 100%;
}
.container-table-cell {
display: table-cell;
height: 100%;
vertical-align: middle;
word-wrap: break-word;
width: 100%;
}
}