.col-1{
    width:16.666%;
    width: calc(100%/6);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.col-2{
    width:33.333%;
    width: calc(100%/6*2);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.col-3{
    width:50%;
    width: calc(100%/6*3);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.col-4{
    width:66.666%;
    width: calc(100%/6*4);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.col-5{
    width:83.333%;
    width: calc(100%/6*5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.col-6{
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
    .col-1{
        width:16.66%;        
        width: calc(100%/6);
    }
    .col-2{
        width:33.33%;
        width:calc(100%/6*2);
    }
    .col-3{
        width:50%;
        width:calc(100%/6*3);
    }
    .col-4{
        width:66.66%;
        width:calc(100%/6*4);
    }
    .col-5{
        width:100%;
        
    }
    .col-6{
        width: 100%;
        
    }
}

@media screen and (max-width: 800px) {  
       
    .col-1{
        width:100% !important;        
        width: calc(100%/6*6) !important;
    }
    .col-2{
        width:100% !important;  
        width: calc(100%/6*6) !important;
    }
    .col-3{
        width:100% !important;        
        width: calc(100%/6*6) !important;
    }
    .col-4{
        width:100% !important;        
        width: calc(100%/6*6) !important;
    }
    .col-5{
        width:100% !important;        
        width: calc(100%/6*6) !important;
    }
    .col-6{
        width: 100% !important;        
        width: calc(100%/6*6) !important;
    }
    
    
}