.sub {overflow:hidden;}
.sub ul li {font-size: 17px;
    font-weight: 300;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;}
.sub ul li:before{display:inline-block; content:'';  width:3px; height:3px; background:#333; border-radius:10px; margin-bottom:7px; margin-right:10px;}
.sub ul li span {font-weight:500; margin-right:10px;}

.sub h3 {
    font-size: 24px;
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 30px;
}
.sub h3:before {
    content: '';
    display: inline-block;
    background: #1d6da7;
    width: 7px;
    height: 20px;
    border-radius: 20px;
}
.cont {width:60%; float: left; margin-right:50px;}
.img { width:35%; float: left; }
.img img {width:100%;margin-bottom:20px;}



/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .cont { width: 58%;}
}

/* mobile */
@media screen and (max-width:767px){

    .cont {width:100%;}    
    .sub ul li {
        font-size: 15px;}
    .mo {display:none;}

    .img {width:100%;}

}