Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2017
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.04 KB | None | 0 0
  1. @media screen and (max-width: 1200px) {
  2. .col-md-3 {
  3. flex: 0 0 100%;
  4. max-width: 100%;
  5. display: flex;
  6. justify-content: center;
  7. }
  8. .vbr .col-md-8.d-flex.flex-wrap.justify-content-between {
  9. flex: 0 0 100%;
  10. max-width: 100%;
  11. }
  12. a.h_color_link {
  13. font-size: 3em;
  14. }
  15. }
  16. @media screen and (max-width: 990px) {
  17. .vbr .col-md-8.d-flex.flex-wrap.justify-content-between {
  18. flex: 0 0 100%;
  19. max-width: 100%;
  20. }
  21. .col-md-8 {
  22. flex: 0 0 100% !important;
  23. max-width: 100% !important;
  24. }
  25. .vbr {
  26. margin-top: 80px;
  27. }
  28. a.h_color_link {
  29. font-size: 2em;
  30. }
  31. a.h_color_link span {
  32. font-size: 0.7em;
  33. }
  34. div.col-md-10 {
  35. flex: 0 0 100%;
  36. max-width: 100%;
  37. }
  38. .h_menu > a {
  39. display: none;
  40. }
  41. a.h_tel {
  42. font-size: 2.6em;
  43. }
  44. body {
  45. overflow-x: hidden;
  46. }
  47. .tac {
  48. font-size: 0.8em;
  49. }
  50. footer .col-md-3 {
  51. display: flex;
  52. justify-content: center;
  53. align-items: center;
  54. }
  55. }
  56. @media screen and (max-width: 768px) {
  57. .vbr .col-md-8.d-flex.flex-wrap.justify-content-between {
  58. justify-content: center;
  59. align-items: center;
  60. display: flex;
  61. flex: none;
  62. }
  63. .vbr_item {
  64. transform: scale(0.7);
  65. width: 33%;
  66. }
  67. a.h_color_link_yl {
  68. background-size: contain;
  69. padding: 5px;
  70. height: 100px;
  71. width: 300px;
  72. }
  73. a.h_color_link_sd {
  74. background-size: contain;
  75. padding: 5px;
  76. height: 100px;
  77. width: 300px;
  78. }
  79. img.o_nas_img_2 img {
  80. margin-left: auto;
  81. }
  82. .o_nas_ind .col-md-6 {
  83. display: flex;
  84. margin: 0 auto;
  85. justify-content: center;
  86. align-items: center;
  87. }
  88. ul.h_menu > li > a {
  89. font-size: 2em;
  90. }
  91. h2.h2_title {
  92. font-size: 3.5em !important;
  93. background-size: contain;
  94. }
  95. .rasp_ind h2.h2_title {
  96. font-size: 3.5em;
  97. }
  98. .s_news_item {
  99. flex-direction: column;
  100. justify-content: center;
  101. align-items: center;
  102. }
  103. div.s_news_item_img {
  104. margin-right: 0;
  105. }
  106. .poch2, .poch3, .poch4 {
  107. left: 0;
  108. }
  109. .poch0 .row {
  110. flex-direction: column-reverse;
  111. }
  112. .poch .poch_img, .poch0 .poch10 {
  113. margin-bottom: 50px;
  114. }
  115. .poch .poch_img {
  116. margin-top: 20px;
  117. }
  118. .poch0 .poch10 {
  119. margin-top: -50px;
  120. }
  121. }
  122. @media screen and (max-width: 620px) {
  123. ul.h_menu > li > a {
  124. font-size: 1.8em;
  125. }
  126. .pasr_ind_menu_ul {
  127. flex-direction: column;
  128. justify-content: center;
  129. align-items: center;
  130. text-align: center;
  131. }
  132. .pasr_ind_menu_ul > li {
  133. width: 100%;
  134. }
  135. div .call_me_ind_wrap_tit h2, div .call_me_ind_wrap_tit h3 {
  136. font-size: 6em;
  137. }
  138. form p {
  139. margin: 10px;
  140. }
  141. div.pasr_ind_menu_sl .op > p {
  142. color: #fff;
  143. }
  144. div.pasr_ind_menu_sl .op > p > strong {
  145. color: #000;
  146. }
  147. .pasr_ind_menu_sl p {
  148. margin: 0;
  149. }
  150. .vbr_item {
  151. transform: scale(0.6);
  152. width: 33%;
  153. }
  154. }
  155. @media screen and (max-width: 480px) {
  156. .vbr_item {
  157. transform: scale(0.8);
  158. width: auto;
  159. }
  160. h2.h2_title {
  161. font-size: 2.8em !important;
  162. display: flex;
  163. justify-content: center;
  164. align-items: center;
  165. }
  166. div.pasr_ind_menu_sl .op > p {
  167. color: #000;
  168. }
  169. div .call_me_ind_wrap_tit h2, div .call_me_ind_wrap_tit h3 {
  170. font-size: 4em;
  171. }
  172. .call_me_ind_wrap_inp {
  173. width: 100% !important;
  174. }
  175. }
  176. @media screen and (max-width: 400px) {
  177. h2.h2_title {
  178. font-size: 2em !important;
  179. }
  180. div .call_me_ind_wrap_tit h2, div .call_me_ind_wrap_tit h3 {
  181. margin-bottom: 1px;
  182. font-size: 3em;
  183. }
  184. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement