.trx_box { background: #b15234; }
.trx_des { background: #933; margin: 30px 0; padding: 50px 0; }
.trx_list h4 { color: var(--white); font-weight: 400; margin: 0 0 20px; }
.trx_list li { color: var(--white); padding-left: 36px; margin-bottom: 20px; position: relative; }
.trx_list li:before { content: ''; background-image: url(../img/arrow_list_rht.png); background-repeat: no-repeat; background-size: 100%; width: 26px; height: 18px; position: absolute; top: 2px; left: 0; }
.trx_box li, .trx_box p { font-size: 20px; }
.trx_box { overflow: hidden; background: #cda897; position: relative; }
.trx_box .web_wrap { padding: 0 80px; }
.trx_hdr { position: relative; padding: 0; z-index: 11; background: #ce5b3a; }
.trx_hdr:after { content: ""; background-image: url(../img/trx-latest/header_background.png); background-repeat: repeat; background-position: center; background-size: auto; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; }
.trx_ico .store_app { margin: 0; }
.trx_ico .store_app a img { max-width: 90%; }
.trx_hdr:before { background: url(../img/trx-latest/header_bg.png) no-repeat left; background-size: 70%; padding: 35%; position: absolute; content: ""; z-index: 0; top: -50px; left: -15%; }
.trx_bg { margin-top: -8rem; }
.trx_ui_screen { position: relative; top: 130px; }
.trx-details { padding-top: 80px; }
.trx_brief { padding-top: 50px; }
.trx_brief h3 { color: #fff; padding-bottom: 20px; }
.breif_trx { padding-right: 8%; }
.right_block .breif_trx { padding-right: 0; padding-left: 8%; }
.trx_key_tech_list { padding: 70px 0; margin: 50px 0; background: #9c4124; color: #fff; position: relative; }
.trx_key_tech_list:before { background: url(../img/trx-latest/tech_list_before.png) no-repeat center; background-size: cover; position: absolute; content: ""; width: 100%; height: 100%; left: 0; right: 0; top: 0; }
.trx_key_tech_list li { padding-left: 40px; position: relative; padding-bottom: 25px; }
.trx_key_tech_list h4 { padding-bottom: 20px; }
.trx_key_tech_list li:before { position: absolute; content: ""; background: url(../img/trx-latest/li_before.png) no-repeat center; padding: 15px 10px; background-size: contain; left: 0; }
.trx_work { position: relative; padding: 70px 0; }
.trx_work:before { background: url(../img/trx-latest/bottom_bg.png) no-repeat top; background-size: cover; position: absolute; content: ""; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; }

@media (max-width: 1430px){
    .trx_screenshots img { width: 60%; }
}
@media (max-width: 1200px){
    .trx_logo img { max-width: 180px; }
    .trx_ui_screen { top: 100px; }
    .trx_ui_screen img { max-width: 80%; }
    .trx_ico .store_app a img { width: 140px; }
    .breif_trx { padding-right: 4%; }
    .right_block .breif_trx { padding-right: inherit; padding-left: 4%; }
    .trx_box li, .trx_box p { font-size: 18px; }
}
@media (max-width: 1024px){
    .trx_box .web_wrap { padding: 0 40px; }
}
@media (max-width: 991.98px){
    .trx_new_list { padding: 30px 0; }
    .trx_new_list li { margin-bottom: 12px; }
    .trx_logo img { max-width: 140px; }
    .trx_work { padding-top: 0; padding-bottom: 50px; }
    .trx_ui_screen { top: 50px; }
    .trx-details { padding-top: 50px; }
}
@media (max-width: 767.98px){
    .trx_about { padding: 30px 0; }
    .trx_about h4 { margin: 0 0 10px; }
    .trx_about figure { margin: 30px 0 0; }
    .trx_new_list { padding: 25px 0; }
    .trx_new_list li { margin-bottom: 10px; }
    .trx_new_list .col-md-6:first-child { margin-bottom: 20px; }
    .trx_ui_title h4 { font-size: 20px; }
    .trx_ui { padding: 30px 0 15px; }
    .trx_screenshots img { width: 80%; }
    .trx_box .web_wrap { padding: 0 25px; }
    .trx_ui_screen { top: 20px; }
    .trx_logo figure { text-align: center; }
    .trx_ico .store_app { justify-content: center!important; }
    .trx_key_tech_list { padding:0 0 40px 0; }
    .trx_key_tech_list li { padding-bottom: 15px; }
    .trx_key_tech_list h4 { padding-top: 30px; }
}
@media (max-width: 575px){
    .trx_key_tech_list li { padding-bottom: 10px; }
    .trx_ico .store_app a img { max-width: 100%; }
    .trx_brief { padding-top: 20px; }
    .trx_bg { margin-top: -4rem; }
    .trx_box .web_wrap { padding: 0 25px; }
}