@media (max-width: 767px) { .container { width: 100%; } .navBox { display: none; } .navBoxH5 { top: 60px; position: fixed !important; } .contentBox{ margin-top: 140px; } .fa-pencil{ display: none; } ::-webkit-scrollbar { display: none; } } @media (min-width: 768px) { .container { width: 100%; } .contentBox{ margin-top: 40px; } .navBox { display: none; } } @media (min-width: 992px) { .container { width: 970px; } .navBox { display: block; } .navBoxH5 { display: none; } } @media (min-width: 1200px) { .container { width: 1170px; } } @media (min-width: 1366px) { .container { width: 1230px; } } #aboutUs { width: 100%; height: auto; color: #333333; } #aboutUs .contentBox { margin-bottom: 100px; position: relative; } #aboutUs .contentBox .editBox{ position: absolute; right: 0; top: 0; } #aboutUs .contentBox .editBox .fa{ color: green; font-size: 16px; cursor: pointer; } #aboutUs .contentBox .content{ line-height: 30px; padding: 0 15px; } #aboutUs .contentBox .content h4 span{ font-size: 30px !important; color: #3c9cd7; } #aboutUs .contentBox .content img{ max-width: 100%; height: auto; } #aboutUs .contentBox .topBox{ width: 88%; margin: 30px auto 0; overflow: hidden; } #aboutUs .contentBox .topBox .topLeft{ font-size: 14px; line-height: 22px; letter-spacing: 1.5px; } #aboutUs .contentBox .topBox .topRight .img{ width: 100%; } #aboutUs .contentBox .bottomBox{ width: 87%; margin: 40px auto 0; overflow: hidden; } #aboutUs .contentBox .bottomBox .bottomLeft .img{ width: 100%; } #aboutUs .contentBox .bottomBox .bottomRight{ font-size: 14px; line-height: 22px; letter-spacing: 1.5px; margin-top: 20px; } .uploadBtn { width: 135px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: white; font-size: 13px; border-radius: 5px; margin-bottom: 15px; cursor: pointer; } .bgC1 { background-color: #3c9cd7 !important; }