.show-grid [class^=ls-xs], .show-grid [class^=ls-sm], .show-grid [class^=ls-md], .show-grid [class^=ls-lg] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    background-color: rgba(86,61,124,.15);
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
}
.ls-container-fluid, .ls-container {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}
.ls-container-fluid{
    width: 100%;
}
.ls-row {
    margin-right: -10px;
    margin-left: -10px;
}
.ls-row:after, .ls-row:before{
    display: table;
    content: " ";
}
.ls-row:after {
    clear: both;
}
.ls-sm-6-5,
.ls-sm-6-6,
.ls-md-6-5,
.ls-md-6-6,
.ls-xs-1, .ls-xs-2, .ls-xs-3, .ls-xs-4, .ls-xs-5, .ls-xs-6, .ls-xs-7, .ls-xs-8, .ls-xs-9, .ls-xs-10, .ls-xs-11, .ls-xs-12, .ls-xs-13, .ls-xs-14, .ls-xs-15, .ls-xs-16, .ls-xs-17, .ls-xs-18, .ls-xs-19, .ls-xs-20,
.ls-sm-1, .ls-sm-2, .ls-sm-3, .ls-sm-4, .ls-sm-5, .ls-sm-6, .ls-sm-7, .ls-sm-8, .ls-sm-9, .ls-sm-10, .ls-sm-11, .ls-sm-12, .ls-sm-13, .ls-sm-14, .ls-sm-15, .ls-sm-16, .ls-sm-17, .ls-sm-18, .ls-sm-19, .ls-sm-20,
.ls-md-1, .ls-md-2, .ls-md-3, .ls-md-4, .ls-md-5, .ls-md-6, .ls-md-7, .ls-md-8, .ls-md-9, .ls-md-10, .ls-md-11, .ls-md-12, .ls-md-13, .ls-md-14, .ls-md-15, .ls-md-16, .ls-md-17, .ls-md-18, .ls-md-19, .ls-md-20,
.ls-lg-1, .ls-lg-2, .ls-lg-3, .ls-lg-4, .ls-lg-5, .ls-lg-6, .ls-lg-7, .ls-lg-8, .ls-lg-9, .ls-lg-10, .ls-lg-11, .ls-lg-12, .ls-lg-13, .ls-lg-14, .ls-lg-15, .ls-lg-16, .ls-lg-17, .ls-lg-18, .ls-lg-19, .ls-lg-20{
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}
@media (max-width: 767px) {
    .ls-container{
        width: 100%;
    }
    .ls-xs-1{
        width: 5%;
    }
    .ls-xs-2 {
        width: 10%;
    }
    .ls-xs-3 {
        width: 15%;
    }
    .ls-xs-4{
        width: 20%;
    }
    .ls-xs-5{
        width: 25%;
    }
    .ls-xs-6{
        width: 30%;
    }
    .ls-xs-7{
        width: 35%;
    }
    .ls-xs-8{
        width: 40%;
    }
    .ls-xs-9{
        width: 45%;
    }
    .ls-xs-10{
        width: 50%;
    }
    .ls-xs-11{
        width: 55%;
    }
    .ls-xs-12{
        width: 60%;
    }
    .ls-xs-13{
        width: 65%;
    }
    .ls-xs-14{
        width: 70%;
    }
    .ls-xs-15{
        width: 75%;
    }
    .ls-xs-16{
        width: 80%;
    }
    .ls-xs-17{
        width: 85%;
    }
    .ls-xs-18{
        width: 90%;
    }
    .ls-xs-19{
        width: 95%;
    }
    .ls-xs-20{
        width: 100%;
    }
}
@media (min-width: 768px) {
    .ls-container{
        width: 750px;
    }
    .ls-sm-1{
        width: 5%;}
    .ls-sm-2 {
        width: 10%;
    }
    .ls-sm-3 {
        width: 15%;
    }
    .ls-sm-4{
        width: 20%;
    }
    .ls-sm-5{
        width: 25%;
    }
    .ls-sm-6{
        width: 30%;
    }
    .ls-sm-6-5{
        width: 32.5%;
    }
    .ls-sm-6-6{
        width: 33.33%;
    }
    .ls-sm-7{
        width: 35%;
    }
    .ls-sm-8{
        width: 40%;
    }
    .ls-sm-9{
        width: 45%;
    }
    .ls-sm-10{
        width: 50%;
    }
    .ls-sm-11{
        width: 55%;
    }
    .ls-sm-12{
        width: 60%;
    }
    .ls-sm-13{
        width: 65%;
    }
    .ls-sm-14{
        width: 70%;
    }
    .ls-sm-15{
        width: 75%;
    }
    .ls-sm-16{
        width: 80%;
    }
    .ls-sm-17{
        width: 85%;
    }
    .ls-sm-18{
        width: 90%;
    }
    .ls-sm-19{
        width: 95%;
    }
    .ls-sm-20{
        width: 100%;
    }
    .no-padding-sm{
        padding: 0;
        overflow: hidden;
    }
}
@media (min-width: 992px) {
    .ls-container{
        width: 992px;
    }
    .ls-md-1{
        width: 5%;}
    .ls-md-2 {
        width: 10%;
    }
    .ls-md-3 {
        width: 15%;
    }
    .ls-md-4{
        width: 20%;
    }
    .ls-md-5{
        width: 25%;
    }
    .ls-md-6{
        width: 30%;
    }
    .ls-md-6-5{
        width: 32.5%;
    }
    .ls-md-6-6{
        width: 33.33%;
    }
    .ls-md-7{
        width: 35%;
    }
    .ls-md-8{
        width: 40%;
    }
    .ls-md-9{
        width: 45%;
    }
    .ls-md-10{
        width: 50%;
    }
    .ls-md-11{
        width: 55%;
    }
    .ls-md-12{
        width: 60%;
    }
    .ls-md-13{
        width: 65%;
    }
    .ls-md-14{
        width: 70%;
    }
    .ls-md-15{
        width: 75%;
    }
    .ls-md-16{
        width: 80%;
    }
    .ls-md-17{
        width: 85%;
    }
    .ls-md-18{
        width: 90%;
    }
    .ls-md-19{
        width: 95%;
    }
    .ls-md-20{
        width: 100%;
    }
}
@media (min-width: 1230px) {
    .ls-container{
        width: 1230px;
    }
    .ls-lg-1{
        width: 5%;}
    .ls-lg-2 {
        width: 10%;
    }
    .ls-lg-3 {
        width: 15%;
    }
    .ls-lg-4{
        width: 20%;
    }
    .ls-lg-5{
        width: 25%;
    }
    .ls-lg-6{
        width: 30%;
    }
    .ls-lg-7{
        width: 35%;
    }
    .ls-lg-8{
        width: 40%;
    }
    .ls-lg-9{
        width: 45%;
    }
    .ls-lg-10{
        width: 50%;
    }
    .ls-lg-11{
        width: 55%;
    }
    .ls-lg-12{
        width: 60%;
    }
    .ls-lg-13{
        width: 65%;
    }
    .ls-lg-14{
        width: 70%;
    }
    .ls-lg-15{
        width: 75%;
    }
    .ls-lg-16{
        width: 80%;
    }
    .ls-lg-17{
        width: 85%;
    }
    .ls-lg-18{
        width: 90%;
    }
    .ls-lg-19{
        width: 95%;
    }
    .ls-lg-20{
        width: 100%;
    }
}