.catering_content{
    width: 100%;
    overflow: hidden;
    margin-top: 100px;
}
.catering_item {
    margin: 1%;
    width: 23%;
    height: 200px;
    float: left;
    border-radius: 1%;
    text-align: center;
    float: left;
}
.text_al{
    text-align: justify;
}
.catering_img{
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}
.c_img_1{
    width: 33.3333%;
    height: 300px;
    float: left;
/*    border: 1px solid rgba(0, 0, 0, 0.2);*/
    text-align: center;
    line-height: 300px;
}
.c_img_2{
    width: 33.3333%;
    height: 300px;
    float: left;
/*    border: 1px solid rgba(0, 0, 0, 0.2);*/
    text-align: center;
    line-height: 300px;
}
.c_img_3{
    width: 33.3333%;
    height: 300px;
    float: left;
/*    border: 1px solid rgba(0, 0, 0, 0.2);*/
    text-align: center;
    line-height: 300px;    
}
.c_img_4{
    width: 33.3333%;
    height: 300px;
    float: left;
/*    border: 1px solid rgba(0, 0, 0, 0.2);*/
    text-align: center;
    line-height: 300px;
}
.c_img_5{
    width: 33.3333%;
    height: 300px;
    float: left;
/*    border: 1px solid rgba(0, 0, 0, 0.2);*/
    text-align: center;
    line-height: 300px;    
}
.c_img_6{
    width: 33.3333%;
    height: 300px;
    float: left;
/*    border: 1px solid rgba(0, 0, 0, 0.2);*/
    text-align: center;
    line-height: 300px;    
}

/* responsive 0-1200px */
@media only all and (max-width: 1200px){
    .catering_content {width: 100%;}
}

/* responsive 0-768px */
@media only all and (max-width: 768px){
    .catering_item { width: 300px; float: left; margin: 20px; margin: 0 auto; }
    .c_img_1 { width: 300px; float: left; }
    .c_img_2 { width: 300px; float: left; }
    .c_img_3 { width: 300px; float: left; }
    .c_img_4 { width: 300px; float: left; }
    .c_img_5 { width: 300px; float: left; }
    .c_img_6 { width: 300px; clear: both; }
    
    .catering_content{ width: 100%; margin: 0 auto; }
    .catering_item { width: 100%; margin: 0 auto; }
    
    .catering_img { width: 100%; margin: 0 auto; }
    .c_img_1, .c_img_2, .c_img_3, .c_img_4, .c_img_5, .c_img_6 { width: 100%; margin: 0 auto; }
    
}