.f-cb{ zoom:1; } .f-cb:after{ display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:"."; } .about-num{ margin-top:0px; padding-top:15px; padding-bottom:15px; background:none; } .about-num li{ float:left; width:25%; position:relative; padding-left:1vw; margin-bottom:15px; margin-top:15px; text-align:left; min-height:120px; border-left:1px solid #dddddd; } .about-num li:before{ content:''; position:absolute; left:-1px; top:0; width:3px; height:40%; background:#23ade5; z-index:1; } .about-num li h2{ font-family:"6d5f00f6-3c26-47fd-b3fa-0f78768daa4c",arial,sans-serif !important; font-size:4.5vw; font-weight:700; line-height:120%; color: #23afe5; letter-spacing:0vw; display:inline-block; } .about-num li p{ color:#333333; font-size:16px; line-height:120%; margin-top:10px; } .about-num .count-unit{ font-size:16px; color:#23ade5; text-align:right; display:inline-block; font-style:normal; } .about-num li .bot p{ font-size:16px; color:#666; line-height:24px; } @media only screen and (max-width: 768px){ .about-num li h2{ font-size:40px; line-height: 46px; } .about-num{ margin-top:0px; padding-top:0px; padding-bottom:0px; } .about-num .count-unit{ font-size:14px; } .about-num li p{ font-size:14px; } .about-num li{ width:50%; border-bottom: none; } .about-num li:nth-child(1){ border-top: none; } .about-num li:nth-child(2){ border-top: none; border-right: none; } .about-num li:nth-child(4){ border-right: none; } .about-num li:last-child{ display:block; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .about-num li h2{ font-size:50px;; } .about-num{ margin-top:25px; padding-top:12px; padding-bottom:10px; } .about-num .count-unit{ font-size:14px; } .about-num li p{ font-size:14px; } }