div.row_legend{
    margin-top: 50px;
}
.col_service {
    position: relative;
}

label.lbl_service {
    width: initial;
    display: inline-block;
    line-height: 30px;
}
img.img_arrow_head {
    position: absolute;
    width: 20px;
    top: 30px;
    right: 15px;
}
div.div_info_service {
    position: absolute;
    width: 35%;
    background-color: rgba(0,0,0,0.7);
    padding: 40px;
    min-height: 30%;
    top: 20%;
}
div.div_info_service:hover {
    background-color: rgba(0,0,0,1);
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
}
div.div_ali_right{
    left: 50%;
}
div.div_ali_left{
    left: 10%;
}
div.txt_area_lines {
    margin-top: 10px;
}
div.txt_area_lines table,
div.txt_area_lines tbody,
div.txt_area_lines td,
div.txt_area_lines tr{
    background-color: transparent;
    border: none;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
}
div.txt_area_lines li,
div.txt_area_lines li:hover{
    color: white;
}

.div_ani_right,
.div_ani_left,
.div_ali_right,
.div_ali_left{
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
}

/* Small screens and Medium screens */
/* max-width 640px, mobile-only, 641px - 1024px, tablet-only */
@media only screen and (max-width: 39.9375em), only screen and (min-width: 40em) and (max-width: 63.9375em){
    div.div_info_service {
        width: 73%;
        padding: 20px;
        min-height: 30%;
        top: 5%;
    }
    div.div_ali_right{
        left: 27%;
    }
    div.div_ali_left{
        left: 5%;
    }
    img.img_arrow_head {
        top: 13px;
    }
}