.Storia_box { overflow: hidden; position: relative; }
.Storia_box p, .Storia_key_feat li { font-size: 20px; color: #848484; }
.Storia_box p{color:#ffffff;}
.Storia_box .Storia_des p {color: #848484;}
.storia_hdr { position: relative; background: url(../img/storia/banner_phone.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; overflow-y: hidden; padding-top: 50px; -webkit-filter: drop-shadow(0px 23px 0px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3)); z-index: 1; }
.Storia_ph_btm img { margin-bottom: -10px; margin-left: -60px; }
.Storia_hd img { max-width: 150px; margin-left: 80px; }
.Storia_ph { position: absolute; top: -30px; left: 0; padding-left: 24%; text-align: center; }
.Storia_ph img { max-width: 80%; }
.Storia_icons a img { max-width: 150px; }
.Storia_icons a { margin: 15px 2px; }
.logo_text img { max-width: 45%; }
.Storia_stars { margin: 30px 0 40px; }
.Storia_stars img { max-width: 150px; }
.Storia_mid { position: relative; background: url(../img/storia/project_bg.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; overflow-y: hidden; padding-top: 150px; padding-bottom: 100px; margin-top: -160px; z-index: -2; color: #000; }
.Storia_mid h2 { font-weight: 600; font-size: 3.5rem; }
.Storia_mid h6 { font-weight: 400; }
.Storia_key_feat { position: relative; background: url(../img/storia/key_feature_bg.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; overflow-y: hidden; padding-top: 100px; padding-bottom: 100px; margin-top: -150px; z-index: 1; color: #000; }
.Storia_box .key_feat li { padding-left: 40px; padding-bottom: 25px; position: relative; color: #fff; padding-right: 15px; }
.Storia_box .key_feat li:before { position: absolute; content: ""; background: url(../img/storia/li_before.png) no-repeat center; background-size: contain; padding: 10px; left: 0; top: 6px; }
.storia_title h3 { font-size: 3rem; display: inline-block; position: relative; padding-bottom: 20px; margin-bottom: 40px; color: #fff; }
.storia_title h3:before { position: absolute; content: ""; background: #fff; width: 100%; height: 3px; bottom: 0; max-width: 80%; margin: auto; left: 0; right: 0; }
.Storia_app_tech { position: relative; background: url(../img/storia/technology_stack_before.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; overflow-y: hidden; padding-top: 100px; margin-top: -150px; z-index: 0; color: #000; }
.Storia_mid_bg { position: relative; background: url(../img/storia/img_bg.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; overflow-y: hidden; padding-top: 180px; margin-top: -20%; z-index: 0; color: #000; }
.tech_app_feat { margin-top: -16%; }
.Storia_box .key_feat img { margin-left: -30px; }

@media (max-width:1200px) {
    .Storia_ph img { max-width: 70%; }
    .Storia_ph { padding-left: 19%; }
    .Storia_box p, .Storia_key_feat li { font-size: 19px; }
    .Storia_hd img { margin-left: 30px; }
    .Storia_ph_btm img { margin-left: -30px; }
    .Storia_mid h3, .storia_title h2 { font-size: 2.5rem; }
    .Storia_box .key_feat li { padding-bottom: 15px; }
    .Storia_mid_bg { padding-top: 140px; }
}

@media (max-width: 991px) {
    .Storia_ph { display: none; }
}

@media (max-width: 767px) {
    .Storia_hd .logo-desktop { display: none; }
    .logo_text img { max-width: 34%; }
    .storia_hdr .row.align-items-center.justify-content-end { flex-direction: column-reverse; }
    .Storia_app_tech,   .Storia_key_feat, .storia_hdr { margin-bottom: 60px; background: #f05f5a; position: relative; padding-top: 20px; }
    .Storia_app_tech:before,   .Storia_key_feat:before, .storia_hdr:before { position: absolute; left: 0; right: 0; content: ""; background: url(../img/storia/dota_before.png) repeat center; background-size: contain; width: 100%; height: 100%; }
    .Storia_box .row { padding: 0 25px; }
    .Storia_key_feat { margin-top: -70px; padding-bottom: 50px; }
    .Storia_app_tech { margin-top: 0; margin-bottom: 0; }
    .Storia_mid_bg { padding-top: 70px; }
    .storia_title h3 { font-size: 2rem; padding-bottom: 10px; margin-bottom: 20px; }
}

@media (max-width: 575px) {
    .Storia_icons { padding: 0!important; }
    .Storia_icons a img { max-width: 100px; }
    .Storia_icons a { margin: 5px 2px; padding: 0; }
    .Storia_stars { margin: 20px 0; }
}