.tuyap_box li, .tuyap_box p { font-size: 22px; color: #848484; }
.tuyap_box h2, .tuyap_logo h4 { color: #000; font-weight: 700; padding-bottom: 20px; padding-top: 10px; }
.tuyap_logo_image { max-width: 280px; margin: auto; }
.tuyap_box h2 { font-size: 3rem; }
.tuyap_box { position: relative; overflow: hidden; color: #000; }
.tuyap_hdr { position: relative; }
.tuyap_hdr:before { background: url(../img/my-tuyap/top_banner_bg.jpg) no-repeat right; background-size: 100%; padding: 27% 40%; position: absolute; content: ""; right: 0; }
.tuyap-detail { padding-top: 130px; }
.icon_tuyap { margin: auto; }
.key_tuyap_feature { position: relative; }
.tuyap_box .stars img { max-width: 130px; }
.key_tuyap_feature:before { position: absolute; content: ""; left: -15%; right: -15%; padding: 30% 50%; background: url(../img/my-tuyap/bg_key.png) no-repeat center; background-size: contain; }
.icon_tuyap a { margin: 7px; }
.tuyap_brief ul li { padding-left: 35px; padding-bottom: 25px; position: relative; color: #848484; }
.tuyap_brief ul li:before { position: absolute; content: ""; left: 0; background: url(../img/my-tuyap/li_before.png) no-repeat center; background-size: contain; padding: 11px 10px; top: 7px; }
.tuyap_brief { background: #fafafa; padding: 30px 0; position: relative; z-index: 1; }
.tuyap_projects p { padding-bottom: 50px; }
.tuyap_box .web_wrap { padding: 0 80px; }
.chicmic_block_project figure { position: relative; }
.chicmic_block_project:before { position: absolute; left: -28%; content: ""; padding: 15%; background: url(../img/my-tuyap/before.png) no-repeat center; background-size: contain; top: -20%; transform: rotate(22deg); }
.chicmic_block_project .tuyap_project_breif { position: absolute; content: ""; max-width: 40%; right: 11%; bottom: 30%; color: #000; z-index: 1; }
.tuyap_graphic { position: absolute; bottom: -3%; z-index: -1; width: 100%; }
.tuyap_brief .tech_list h2 { padding-top: 35px; }
.chicmic_block_project { position: relative; }
.tuyap_graphic img { width: 100%; }
.chicmic_block_project .tuyap_project_breif img { max-width: 120px; }


@media (max-width: 1280px){
    .tuyap_box .web_wrap { padding: 0 40px; }
    .chicmic_block_project .tuyap_project_breif img { max-width: 106px; }
    .tuyap_logo_image { max-width: 200px; margin: auto; }
}
@media (max-width: 1024px){
    .tuyap_box h2 { font-size: 2.5rem; }
    .tuyap_box .web_wrap { padding: 0 30px; }
    .tuyap_box li, .tuyap_box p { font-size: 20px; }
    .tuyap_logo_image { max-width: 150px; margin: auto; }
    .tuyap-detail { padding-top: 90px; }
    .tuyap_brief ul li { padding-bottom: 15px; }
    .chicmic_block_project .tuyap_project_breif { bottom: 10%; }
}
@media (max-width: 991.98px){
    .tuyap_box .web_wrap { padding: 0 25px; }
    .tuyap_box li, .tuyap_box p { font-size: 18px; }
}
@media (max-width: 767.98px){
    .tuyap_box h2 { font-size: 2rem; }
    .tuyap_brief { padding: 0; }
    .tuyap-detail { padding-top: 30px; }
    .tuyap_projects { padding: 0 0 10px; }
    .chicmic_block_project .tuyap_project_breif { bottom: 4%; max-width: 52%; right: 2%; }
    .tuyap_brief ul li:before { padding: 8px; top: 4px; }
    .tuyap_projects p { padding-bottom: 20px; }
    .tuyap_brief .tech_list h2 { padding-top: 10px; }
    .key_tuyap_feature:before { bottom: 20%; }
}
@media (max-width: 575px){
    .chicmic_block_project .tuyap_project_breif img { max-width: 76px; }
    .chicmic_block_project .tuyap_project_breif { bottom: 0; }
    .chicmic_block_project:before { top: -10%; }
    .tuyap_brief ul li { padding-bottom: 10px; padding-left: 25px; }
    .tuyap_box h2 { font-size: 1.5rem; padding-bottom: 15px; }
    .tuyap_box h3 { font-size: 22px; }
    .tuyap_projects { text-align: left!important; }
    .tuyap_project_breif h3 { font-size: 18px; }
}