CSS display:inlineが効かない

縦持ちのときはwrap-sns-sns2要素内を2段（display:block）
横持ちのときはwrap-sns-sns2要素内を1段（display:inline）
にしたく、@media screenも用いて下記のように記述しているのですが
display:inlineが効かず、横並び表示になりません
※crromeのデベロッパーツールで確認してもdisplayはblockのままでした。
※確認はスマホデバイス向け(iphone6/7/8用で確認しています)

ただ、cssで強制的にdisplay:inlineにしても
横並びにはならなかったのですが、、、
要素を横並びにする方法を教えてください。

HTML
1
2---------------HTML
3<div class="wrap-sns-sns2">
4  <div class="sns" id="snsShareButtons">
5    <a href="" target="_blank" class="a-inline-block" id="btn_tw">
6      <span class="twitter snsBtn" >
7        <i class="fab fa-twitter"></i>
8      </span>
9      <span class="text-name">Twitter</span>
10    </a>
11    <a href="" target="_blank" class="a-inline-block" id="btn_in">
12      <span class="instagram snsBtn" >
13        <i class="fab fa-instagram"></i>
14      </span>
15      <span class="text-name">Instagram</span>
16    </a>
17    <a href="" target="_blank" class="a-inline-block" id="btn_fa">
18      <span class="facebook snsBtn" >
19        <i class="fab fa-facebook-f"></i>
20      </span>
21      <span class="text-name">Facebook</span>
22    </a>
23    <a href="" target="_blank" class="a-inline-block" id="btn_li">
24      <span class="line snsBtn">
25        <i class="fab fa-line"></i>
26      </span>
27      <span class="text-name">LINE</span>
28    </a>
29  </div>
30  <div class="sns2" id="snsShareButtons2">
31    <a href="" target="_blank" class="a-inline-block">
32      <span class="act snsBtn" href="#" target="_blank">
33        <i class="fas fa-sync"></i>
34      </span>
35      <span class="text-name">Reload</span>
36    </a>
37    <a href="" target="_blank" class="a-inline-block"　id="btn_dw">
38      <span class="act snsBtn" >
39        <i class="fas fa-file-download"></i>
40      </span>
41      <span class="text-name">Download</span>
42    </a>
43  </div>
44</div>
45
46
47---------------CSS
48<style>
49
50.sns {
51    overflow: hidden;
52    width: 100%;
53    justify-content: center;
54    text-align:center
55}
56
57.sns2 {
58    width: 100%;
59    justify-content: center;
60    text-align:center;
61}
62
63 @media screen and (orientation: landscape) {
64  #wrap-sns-sns2 {
65    display:inline;
66  }
67 #sns2 {
68    float: left;
69  }
70}
71</style>
72