.stort_head { background: #82101c; padding: 40px 50px; border-radius: 35px 35px 0 0; }
.stort_head .web_btn { background: #c02737; border: 2px solid var(--white); color: var(--white); padding: 18px 40px; display: inline-block; font-weight: 600; border-radius: 7px; }
.stort_head .web_btn:hover { background: #82101c; }
.stort_mid_sec { background: url(../img/stort/stort_bg1.jpg) no-repeat; background-size: cover; }
.red_bg { background: rgba(192, 39, 55, .8); }
.stort_mid_sec, .stort_tech { margin: 0; position: relative; }
.stort_mid_sec:after, .stort_mid_sec:before, .stort_tech:after, .stort_tech:before {
	content: ''; background-image: url(../img/stort/stort_o_icon.png); background-repeat: no-repeat; background-size: 100%; padding: 4%; position: absolute;
}
.stort_mid_sec:before { left: 0; top: 0; transform: scale(-1); -webkit-transform: scale(-1); -moz-transform: scale(-1); }
.stort_mid_sec:after { right: 0; bottom: 0; }
.stort_tech { width: 100%; background: url(../img/stort/stort_tech_bg.jpg) no-repeat; background-size: cover; border-radius: 0 0 40px 40px; overflow: hidden; }
.stort_tech:before {
	bottom: 0; left: 0; transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); opacity: .5;
}
.stort_tech:after { top: 0; right: 0; transform: scaleY(-1); -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); }
.shadow { box-shadow: 0 0 15px rgba(0, 0, 0, .3); }
.stort_feature { clear: both; margin: 30px 0 0; width: 100%; }
.stort-thumb { width: 60%; position: relative; z-index: 1; }
.stort-thumb img { width: 100%; }
.stort_list { background: #c02737; padding: 30px; width: 40%; position: relative; }
.stort_list:before { content: ''; background: #c02737; height: 100%; width: 150px; position: absolute; top: 0; left: -150px; border-radius: 30px 0 0 0; }
.stort_list li { position: relative; padding-left: 30px; margin: 0 0 10px; }
.stort_list li:last-child { margin: 0; }
.stort_list li:after { content: ''; background: var(--white); width: 12px; height: 12px; border-radius: 100%; position: absolute; left: 0; top: 7px; }
.stort_technology { margin: 30px 0 0; width: 100%; }
.stort_technology .stort-thumb { width: 60%; position: relative; }
.stort_technology .stort_list { padding-left: 30px; }
.stort_technology .stort_list:before { left: auto; right: -150px; }
.cross_devices { width: 100%; }
.cross_devices figure { margin-left: -5%; margin-right: -5%; }
.stort_mid_sec .red_bg, .stort_tech .red_bg { padding: 50px 0; }

@media (max-width:1200px){
	.stort_head { padding: 40px; }
	.stort_list, .stort_technology .stort-thumb { width: 100%; }
	.stort-thumb { width: 100%; }
	.stort_list:before { border-radius: 0; }
	.cross_devices figure { margin-left: 0; margin-right: 0; }
}

@media (max-width:767px){
	.stort_head .web_btn { padding: 12px 27px; }
	.web_des.stort_mid_sec { margin: 0; }
}
@media (max-width:575px){
	.stort_head { flex-direction: column; }
	.stort_head .web_btn { margin: 20px 0 0; }
}