flexboxでsafariだけmargin-right:autoが効きません

前提・実現したいこと

flexboxを使い、サイトのヘッダを作ったのですが、safariだけmargin-right:autoがきかず、ロゴが左に寄りません。
ベンダープレフィックスを色々調べたりしているのですがうまくいかず困っています。
どなたか解決方法をご存じないでしょうか。

発生している問題・エラーメッセージ

safariで見た時だけロゴが左に寄らず、センターのまま。IE/Firefox/Chromeは問題ありません。

該当のソースコード

html
1<header>
2 <div class="container-fluid">
3   <div class="row">
4      <div class="header-inner col-sm-12">
5       
6        <h1 class="top_logo"><a href="/"><img src="common/img/top/logo2.png" class="img-responsive" alt=""></a></h1>
7       
8      <div class="header_navi">
9         <ul class="navi_list">
10          <li><a href="#">テキスト</a></li>
11          <li><a href="#">テキスト</a></li>
12          <li><a href="#">テキスト</a></li>
13          <li><a href="#">テキスト</a></li>
14          <li><a href="#">テキスト</a></li>
15          <li><a href="#">テキスト</a></li>
16         </ul>
17      </div>
18     
19       <div class="header_language">
20          <p class="list_language"><a href="/"><img src="common/img/top/lan_jp.jpg"  class="img-responsive" alt="Japanese"></a></p>
21          <p class="list_language"><a href="#"><img src="common/img/top/lan_cn.jpg"  class="img-responsive" alt="Chinese"></a></p>
22          <p class="list_language"><a href="#"><img src="common/img/top/lan_tw.jpg"  class="img-responsive" alt="Chinese2"></a></p>
23          <p class="list_language"><a href="#"><img src="common/img/top/lan_kr.jpg"  class="img-responsive" alt="Korean"></a></p>
24       </div>
25       
26       <div class="header_sns">
27          <p class="sns_list"><a href="#" target="_blank"><img src="common/img/top/insta.png" alt="instagram"></a></p>
28          <p class="sns_list"><a href="#" target="_blank"><img src="common/img/top/fb.png" alt="facebook"></a></p>
29          <p class="sns_list"><a href="#" target="_blank"><img src="common/img/top/ta.png" alt="tripadvisor"></a></p>
30       </div>
31       
32       </div><!-- ./header-inner-->
33    </div>
34  </div>
35</header>
36
37CSS
38header {
39  background: rgba(255,255,255,0.8);
40  width: 100%;
41}
42.header-inner {
43  display: -webkit-box;
44  display: -webkit-flex;
45  display: -ms-flexbox;
46  display: flex;
47  -webkit-justify-content: flex-end;
48  -webkit-box-pack: end;
49}
50
51 .header-inner >:first-child {
52  margin-right: auto;
53}
54h1.top_logo {
55  margin-top: 8px;
56}
57.header_navi {
58  margin-top: 23px;
59  margin-right: 5px;
60}
61ul.navi_list li {
62  display: inline-block;
63  padding-right: 10px;
64  padding-left: 10px;
65}
66.header_navi ul {
67  display: inline;
68}
69.header_language {
70  display: flex;
71  display:-webkit-box;
72  display: -webkit-flex;
73  display:-ms-flexbox;
74  margin: 15px 10px 0px 10px;
75}
76p.list_language {
77  margin-right: 5px;
78}
79.header_sns {
80  display: flex;
81  display:-webkit-box;
82  display: -webkit-flex;
83  display:-ms-flexbox;
84  margin: 15px 0px 0px 0px;
85}
86p.sns_list {
87  margin-right: 5px;	
88}
89ul.language_list li {
90  display: inline;
91  background: #c0c0c0;
92  padding: 3px;
93  margin: 5px 1px 1px 1px;
94  width:100%;
95}