media.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. @media screen and (min-width: 320px) {
  2. .page-partner-case:after {
  3. height: 63.5%;
  4. }
  5. .page-whose .whose-desc h3 {
  6. font-size: 18px;
  7. }
  8. .page-whose .whose-desc .athor {
  9. font-size: 13px;
  10. }
  11. .page-whose .whose-desc .didier {
  12. font-size: 13px;
  13. }
  14. .page-whose .whose-list img {
  15. width: 59px;
  16. }
  17. }
  18. @media screen and (min-width: 360px) {
  19. .page-partner-case:after {
  20. height: 65.3%;
  21. }
  22. .page-whose .whose-desc h3 {
  23. font-size: 20px;
  24. }
  25. .page-whose .whose-desc .athor {
  26. font-size: 14px;
  27. }
  28. .page-whose .whose-desc .didier {
  29. font-size: 14px;
  30. }
  31. .page-whose .whose-list img {
  32. width: 66px;
  33. }
  34. }
  35. @media screen and (min-width: 375px) {
  36. .page-partner-case:after {
  37. height: 66%;
  38. }
  39. .page-whose .whose-desc h3 {
  40. font-size: 20px;
  41. }
  42. .page-whose .whose-desc .athor {
  43. font-size: 14px;
  44. }
  45. .page-whose .whose-desc .didier {
  46. font-size: 14px;
  47. }
  48. .page-whose .whose-list img {
  49. width: 68px;
  50. }
  51. }
  52. @media screen and (min-width: 400px) {
  53. .page-partner-case:after {
  54. height: 67%;
  55. }
  56. .page-whose .whose-desc h3 {
  57. font-size: 20px;
  58. }
  59. .page-whose .whose-desc .athor {
  60. font-size: 14px;
  61. }
  62. .page-whose .whose-desc .didier {
  63. font-size: 14px;
  64. }
  65. .page-whose .whose-list img {
  66. width: 75px;
  67. }
  68. }
  69. @media screen and (min-width: 414px) {
  70. .page-partner-case:after {
  71. height: 67.2%;
  72. }
  73. .page-whose .whose-desc h3 {
  74. font-size: 20px;
  75. }
  76. .page-whose .whose-desc .athor {
  77. font-size: 14px;
  78. }
  79. .page-whose .whose-desc .didier {
  80. font-size: 14px;
  81. }
  82. .page-whose .whose-list img {
  83. width: 75px;
  84. }
  85. }
  86. @media screen and (min-width: 440px) {
  87. .page-partner-case:after {
  88. height: 66%;
  89. }
  90. .page-whose .whose-desc h3 {
  91. font-size: 20px;
  92. }
  93. .page-whose .whose-desc .athor {
  94. font-size: 14px;
  95. }
  96. .page-whose .whose-desc .didier {
  97. font-size: 14px;
  98. }
  99. .page-whose .whose-list img {
  100. width: 68px;
  101. }
  102. }
  103. @media screen and (min-width: 480px) {
  104. .page-partner-case:after {
  105. height: 66%;
  106. }
  107. .page-whose .whose-desc h3 {
  108. font-size: 20px;
  109. }
  110. .page-whose .whose-desc .athor {
  111. font-size: 14px;
  112. }
  113. .page-whose .whose-desc .didier {
  114. font-size: 14px;
  115. }
  116. .page-whose .whose-list img {
  117. width: 68px;
  118. }
  119. }
  120. @media screen and (min-width: 520px) {
  121. .page-partner-case:after {
  122. height: 66%;
  123. }
  124. }
  125. @media screen and (min-width: 560px) {
  126. .page-partner-case:after {
  127. height: 66%;
  128. }
  129. }
  130. @media screen and (min-width: 600px) {
  131. .page-partner-case:after {
  132. height: 66%;
  133. }
  134. }
  135. @media screen and (min-width: 640px) {
  136. .page-partner-case:after {
  137. height: 66%;
  138. }
  139. }
  140. @media screen and (min-width: 680px) {
  141. .page-partner-case:after {
  142. height: 66%;
  143. }
  144. }
  145. @media screen and (min-width: 720px) {
  146. .page-partner-case:after {
  147. height: 66%;
  148. }
  149. }
  150. @media screen and (min-width: 760px) {
  151. .page-partner-case:after {
  152. height: 66%;
  153. }
  154. }
  155. @media screen and (min-width: 800px) {
  156. .page-partner-case:after {
  157. height: 66%;
  158. }
  159. }
  160. @media screen and (min-width: 960px) {
  161. .page-partner-case:after {
  162. height: 66%;
  163. }
  164. }