.container {
    margin: auto;
    padding: 20px 20px;
    box-sizing: border-box;
    position: relative;
}

/*.row {
	margin-left: -10px;
	margin-right: -10px;
}*/
.row {
     margin-right: 0px; 
     margin-left: 0px; 
}
.row::after {
    content: "";
    display: table;
    clear: both;
}

[class*=col-] {
    float: left;
    min-height: 1px;
    padding: 0 10px;
    box-sizing: border-box;
}
.col-no-padding{
    padding: 0 2px;
}
.col-0 {
    display: none;
}

.col-1 {
    width: 100%;
}

.col-1-2 {
    width: 50%;
}

.col-1-3 {
    width: 33.33%;
}

.col-2-3 {
    width: 66.66%;
}

.col-1-4 {
    width: 25%;
}
.col-1-5 {
    width: 20%;
}
.col-2-5{
    width: 40%;
}
.col-3-5{
    width: 60%;
}

.col-3-4 {
    width: 75%;
}

.col-1-6 {
    width: 16.66%;
}
.col-1-8 {
    width: 12.5%;
}
.col-1-9 {
    width: 11.11%;
}
.col-5-9{
    width: 55.55%;
}
.col-4-9{
    width: 44.44%;
}
.col-5-8 {
    width: 62.5%;
}
.col-3-8 {
    width: 37.5%;
}
.col-5-6 {
    width: 83.34%;
}
.col-4-5{
    width: 80%;
}
.col-1-12{
    width: 8.33%
}

[class*=col-].valign{
    display: inline-block;
    vertical-align: middle;
    float: none;
}
[class*=col-].valign .text-center [class*=col-],
[class*=col-].valign.text-center [class*=col-]{
    float: none;
}

@media screen and (max-width: 800px) {
    .md-0 {
        display: none;
    }
    .md-1 {
        width: 100% ;
    }
    .md-1-important {
        width: 100% !important;
    }
    .md-1-2 {
        width: 50%;
    }
    .md-1-3 {
        width: 33.33%;
    }
    .md-2-3 {
        width: 66.66%;
    }
}

@media screen and (max-width: 480px) {
    .sm-0 {
        display: none;
    }
    .sm-1 {
        width: 100%;
    }
    .sm-1-2 {
        width: 50%;
    }
    .sm-text-left{
        text-align: left;
    }
}