* {
    -webkit-font-smoothing: antialiased;
}
div,
li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.column {
    padding: 10px;
    float: left;
    position: relative;
}
.one-third {
    width: 33.33%;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .one-third {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .one-third {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .one-third {
        width: 100%;
    }
}
.two-thirds {
    width: 66.66%;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .two-thirds {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .two-thirds {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .two-thirds {
        width: 100%;
    }
}
.one-fourth {
    width: 25%;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .one-fourth {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .one-fourth {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .one-fourth {
        width: 100%;
    }
}
.half {
    width: 50%;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .half {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .half {
        width: 100%;
    }
}
.three-fourths {
    width: 75%;
}
@media (max-width: 1023px) {
    .three-fourths {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .three-fourths {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .three-fourths {
        width: 100%;
    }
}
.one-fifth {
    width: 20%;
}
@media (max-width: 767px) {
    .one-fifth {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .one-fifth {
        width: 100%;
    }
}
.two-fifths {
    width: 40%;
}
@media (max-width: 767px) {
    .two-fifths {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .two-fifths {
        width: 100%;
    }
}
.three-fifths {
    width: 60%;
}
@media (max-width: 1023px) {
    .three-fifths {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .three-fifths {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .three-fifths {
        width: 100%;
    }
}
.four-fifths {
    width: 80%;
}
@media (max-width: 767px) {
    .four-fifths {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .four-fifths {
        width: 100%;
    }
}
.one-sixth {
    width: 16.66%;
}
@media (max-width: 767px) {
    .one-sixth {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .one-sixth {
        width: 100%;
    }
}
.full {
    width: 100%;
}
.np {
    padding: 0;
}
.npt {
    padding-top: 0;
}
.npr {
    padding-right: 0;
}
.npb {
    padding-bottom: 0;
}
.npl {
    padding-left: 0;
}
.nm {
    margin: 0;
}
.mobile {
    display: none;
}
@media (max-width: 1023px) {
    .mobile {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .mobile {
        display: none;
    }
}
@media (max-width: 767px) {
    .mobile {
        display: block;
    }
}
@media (max-width: 480px) {
    .mobile {
        display: block;
    }
}
.tablet {
    display: none;
}
@media (max-width: 1023px) {
    .tablet {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .tablet {
        display: block;
    }
}
@media (max-width: 767px) {
    .tablet {
        display: none;
    }
}
@media (max-width: 480px) {
    .tablet {
        display: none;
    }
}
.desktop {
    display: block;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .desktop {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .desktop {
        display: none !important;
    }
}
@media (max-width: 480px) {
    .desktop {
        display: none !important;
    }
}
.desktop-tablet {
    display: block;
}
@media (max-width: 1023px) {
    .desktop-tablet {
        display: block;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .desktop-tablet {
        display: block;
    }
}
@media (max-width: 767px) {
    .desktop-tablet {
        display: none;
    }
}
@media (max-width: 480px) {
    .desktop-tablet {
        display: none;
    }
}
.tablet-mobile {
    display: none !important;
}
@media (max-width: 1023px) {
    .tablet-mobile {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .tablet-mobile {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .tablet-mobile {
        display: block !important;
    }
}
@media (max-width: 480px) {
    .tablet-mobile {
        display: block !important;
    }
}