/*-------------------- 20 Grid system ------------------------*/
.grid_0, .grid_1, .grid_2, .grid_3, .grid_4, .grid_5,
.grid_6, .grid_7, .grid_8, .grid_9, .grid_10,
.grid_11, .grid_12, .grid_13, .grid_14, .grid_15,
.grid_16, .grid_17, .grid_18, .grid_19, .grid_20 {
     display:inline-block;
     vertical-align:top;
}


/* Grid 20 div ---------------------------------*/
.grid_0 {
    width: 0%;
}

.grid_1 {
    width: 5%;
    /*   51px / 1020px = 5% */
}

.grid_2 {
    width: 10%;
}



/*   51px / 1020px = 5% */
.grid_3 {
    width: 15%;
}

.grid_4 {
    width: 20%;
}

.grid_5,.col-4 {
    width: 25%;
    margin-top: 0;
}

.grid_6 {
    width: 30%;
}
.col-3{
	width:33.3%;
}
.grid_7 {
    width: 35%;
}

.grid_8 {
    width: 40%;
}

.grid_9 {
    width: 45%;
}

.grid_10,.col-2 {
    width: 50%;
}

.grid_11 {
    width: 55%;
}

.grid_12 {
    width: 60%;
}

.grid_13 {
    width: 65%;
}

.grid_14 {
    width: 70%;
}

.grid_15 {
    width: 75%;
}

.grid_16 {
    width: 80%;
}

.grid_17 {
    width: 85%;
}

.grid_18 {
    width: 90%;
}

.grid_19 {
    width: 95%;
}

.grid_20,.col-1 {
    width: 100%;
}
/*-------------------- 20 Grid system ------------------------*/