ul.photo {margin-top: 30px;}
ul.photo li{margin-bottom: 10px;}


#about .hotline{text-align: center; font-size: 18px; font-weight: 600; padding: 10px; background: #0080df; color: #fff; margin-top: 30px; }
#about .hotline a{font-size: 22px; font-family: 'Poppins', sans-serif; letter-spacing: 0 ; color: #fff;}
#about .hotline img{width: 6%; max-width: 45px; margin-top: 8px; margin-right: 8px;}
#about .left p{margin-bottom: 15px;}

@media only screen and (min-width:500px) {
#about .hotline{text-align: center; font-size: 20px; font-weight: 600; padding: 15px 0;}
#about .hotline a{font-size: 35px;}
}


@media only screen and (min-width:740px) {
#about .left{display: inline-block; vertical-align: top; width: 59%;  }
ul.photo{display: inline-block; vertical-align: top; width: 39%;  justify-content: space-around; margin-top: 0; margin-left: 1%;}
#about .hotline img{width: 10%; max-width: 45px; margin-top:15px; margin-right: 8px;}
}

@media only screen and (min-width:769px) {
#about .hotline{text-align: center; font-size: 25px; font-weight: 600; max-width: 550px; margin: 0 auto ;margin-top: 30px;}
#about .hotline a{font-size: 42px;}
ul.photo {margin-top: 0;}

}

@media only screen and (min-width:900px) {
#about .hotline a{font-size: 42px;}
}