.story_res_box { overflow: hidden; position: relative; }
.story_res_box li, .story_res_box p { font-size: 20px; line-height: 25px; }
.story_res_hdr { background: url(img/story_reposter/tob-banner.jpg) center no-repeat; background-size: cover; padding-top: 90px; }
.story_res_hdr .story_logo figure img { max-width: 110px; }
.story_res_box .web_wrap { padding: 0 80px; }
.story_res_hdr p { color: #fff; }
.story_res_box h4 { padding: 15px 0; margin-bottom: 0; }
.story_res_hdr .app_stores { margin: 20px 0; }
.story_res_hdr .app_stores a { margin-right: 10px; }
.story_sum h4 { color: #000; text-transform: capitalize; }
.story_sum p { color: #858585; }
.story_res_brief { padding-top: 110px; }
.story_sum { background: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); padding: 60px 20px 20px; position: relative; min-height: 250px; }
.story_sum i img { max-width: 150px; }
.story_sum i { position: absolute; top: -28%; left: 0; right: 0; margin: auto; }
.story_res_key li { position: relative; padding-left: 35px; padding-bottom: 30px; color: #858585; }
.story_res_key li:before { position: absolute; content: ""; left: 0; background: url(img/story_reposter/li_before.png) no-repeat center; background-size: contain; padding: 10px; }
.story_res_title h4 { font-size: 2.6rem; color: #000; padding-bottom: 25px; }
.story_res_key { padding-top: 100px; }
.story_res_left { position: relative; }
.story_res_left:before { position: absolute; content: ""; padding: 72% 80%; background: url(img/story_reposter/key_before.png) no-repeat left; background-size: contain; left: -30%; z-index: -1; top: 0; }
.story_res_right { position: relative; }
.story_res_right:before { position: absolute; content: ""; padding: 75% 80%; background: url(img/story_reposter/key_after.png) no-repeat right; background-size: contain; right: -30%; z-index: -1; top: -13%; }
.story_res_pro p { padding: 0 50px 30px; }
.tech_str .story_res_right:before { padding: 62% 80%; }
.tech_str { padding-bottom: 50px; }

@media (max-width:1200px){
	.story_res_hdr { padding-top: 60px; padding-bottom: 65px; }
	.story_res_box .web_wrap { padding: 0 60px; }
	.story_sum { padding: 40px 10px 20px; }
}
@media (max-width:1024px){
	.story_res_key { padding-top: 60px; }
	.story_res_title h4 { font-size: 2.4rem; }
	.story_res_box li, .story_res_box p { font-size: 18px; }
}
@media (max-width:991px){
	.story_res_box .web_wrap { padding: 0 40px; }
	.story_res_title h4 { font-size: 2.2rem; }
}
@media (max-width:767px){
	.story_res_key.key_feat .story_res_title { margin-top: -40px; }
	.tech_str { padding-bottom: 0; }
	.story_res_hdr { padding-top: 40px; }
	.story_serv .row { flex-direction: column-reverse; }
	.story_res_key li { padding-bottom: 15px; }
	.story_res_pro p { padding: 0 0 30px; }
	.story_res_hdr .story_logo figure img { max-width: 80px; }
	.story_res_box .web_wrap { padding: 0 25px; }
	.story_sum { min-height: auto; margin-bottom: 20px; padding: 20px 10px; }
	.story_sum i { top: 0; position: relative; }
	.story_sum i img { max-width: 110px; }
	.story_res_brief { padding-top: 0; }
	.story_res_key { padding-top: 0; }
	.story_res_title h4 { font-size: 2rem; }
	.story_res_left:before, .story_res_right:before { padding: 55% 80%; }
}