/*=============================================
  Basic/Base SepUp Styles
=============================================*/
*,
*::before,
*::after {
    box-sizing: inherit;
}
/*=============================================
  Media
=============================================*/
img,
video {
    max-width: 100%;
    height: auto;
}
/*=============================================
  Grid
=============================================*/
.row_1 {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
}

.row_1:after {
    content: "";
    display: table;
    clear: both;
}

.row_1 .row_1 {
    width: auto;
    max-width: none;
    margin-left: -20px;
    margin-right: -20px;
}
/*=============================================
  Column Width Classes
=============================================*/
.col-twelve,
.col-full {
    width: 100%;
}
/*=============================================
  Mobile Devices
=============================================*/
@media only screen and (max-width: 600px) {
    .row_1 {
        width: auto;
        padding-left: 25px;
        padding-right: 25px;
    }
    .row_1 .row_1 {
        margin-left: -10px;
        margin-right: -10px;
    }
    [class*="col-"] {
        padding: 0 10px;
    }
}
/*=============================================
  Small Mobile Devices
=============================================*/
@media only screen and (max-width: 400px) {
    .row_1 .row_1 {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    [class*="col-"] {
        width: 100% !important;
        float: none !important;
        clear: both !important;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    [class*="col-"]+[class*="col-"].end {
        float: none;
    }
}