media_query.css 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. @charset "utf-8";
  2. /* CSS Document */
  3. @media(min-width:320px) and (max-width:480px) {
  4. .padding_786 {
  5. padding-left: 0 !important;
  6. padding-right: 0 !important;
  7. }
  8. .fh5co_mediya_setting {
  9. display: block;
  10. text-align: center;
  11. padding: 10px 0;
  12. }
  13. .treding_btn {
  14. background: #f5bc04;
  15. color: #fff;
  16. margin: 0 10px;
  17. display: inline-block;
  18. padding: 5px 40px;
  19. }
  20. .fh5co_treding_position_absolute {
  21. display: none;
  22. }
  23. .fh5co_mediya_center {
  24. text-align: center;
  25. }
  26. .fh5co_logo_width {
  27. display: none!important;
  28. }
  29. .fh5co_mediya_right {
  30. text-align: center!important;
  31. }
  32. .fh5co_padding_menu {
  33. padding: 0px 0;
  34. padding-top: 10px;
  35. }
  36. .mobile_logo_width {
  37. width: 100px;
  38. display: block!important;
  39. margin-left: 20px;
  40. padding-bottom: 10px;
  41. }
  42. .fh5co_padd_mediya {
  43. padding-top: 0px;
  44. }
  45. .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.active {
  46. -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  47. clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  48. }
  49. .navbar-light .navbar-nav .nav-link {
  50. -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  51. clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  52. }
  53. .fh5co_display_table {
  54. height: 25px;
  55. width: 25px;
  56. display: table;
  57. color: #777;
  58. font-size: 18px;
  59. border: 1px solid #fff!important;
  60. cursor: pointer;
  61. border-radius: 50%;
  62. transition: 1s;
  63. margin: 0 10px;
  64. color: #777!important;
  65. }
  66. .fh5co_conty_width {
  67. margin-top: 10px;
  68. }
  69. .fh5co_good_font {
  70. font-size: 16px;
  71. }
  72. .fh5co_good_font_2 {
  73. font-size: 14px;
  74. }
  75. .fh5co_suceefh5co_height_2 {
  76. height: 200px;
  77. overflow: hidden;
  78. width: 100%;
  79. position: relative;
  80. }
  81. .fh5co_suceefh5co_height_2 > img {
  82. height: 200px;
  83. width: 100%;
  84. }
  85. .fh5co_suceefh5co_height {
  86. height: auto;
  87. overflow: hidden;
  88. width: 100%;
  89. position: relative;
  90. }
  91. .fh5co_suceefh5co_height > img {
  92. height: auto;
  93. width: 100%;
  94. }
  95. .fh5co_suceefh5co_height_position_absolute_font {
  96. position: absolute;
  97. width: 100%;
  98. height: 100%;
  99. color: #fff;
  100. z-index: 7;
  101. top: 60%;
  102. left: 5%;
  103. padding: 0 10px;
  104. }
  105. .fh5co_footer_bg {
  106. background: #222;
  107. color: #fff;
  108. -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  109. clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  110. }
  111. .spdp_right {
  112. text-align: center;
  113. }
  114. .footer_img_post_6 {
  115. height: 30px;
  116. width: 50px;
  117. overflow: hidden;
  118. margin: 10px 10px;
  119. display: inline-block;
  120. }
  121. .footer_img_post_6 > img {
  122. width: 50px;
  123. height: 30px;
  124. }
  125. .Reserved {
  126. text-align: center;
  127. }
  128. .btn_mange_pagging {
  129. background: #f1f1f1;
  130. padding: 12px 5px;
  131. color: #222!important;
  132. font-weight: 800;
  133. margin: 0 5px;
  134. transition: 0.5s;
  135. font-size: 12px;
  136. }
  137. .btn_pagging {
  138. background: #f1f1f1!important;
  139. color: #222;
  140. padding: 12px 10px!important;
  141. font-weight: 800;
  142. margin: 0 5px;
  143. transition: 0.5s;
  144. font-size: 12px;
  145. }
  146. .btn_mange_pagging:hover, .btn_mange_pagging:focus {
  147. background: #222;
  148. color: #fff!important;
  149. font-weight: 800;
  150. }
  151. .btn_pagging:hover, .btn_pagging:focus {
  152. background: #222!important;
  153. color: #fff;
  154. }
  155. }
  156. @media(min-width:480px) and (max-width:767px) {
  157. .fh5co_latest_trading_img {
  158. height: 226px;
  159. }
  160. .fh5co_latest_trading_img > img {
  161. height: 240px;
  162. }
  163. .fh5co_img_special_relative {
  164. right: 0;
  165. }
  166. .fh5co_logo_width {
  167. display: none;
  168. }
  169. .mobile_logo_width {
  170. width: 100px;
  171. display: block!important;
  172. margin-left: 20px;
  173. padding-bottom: 10px;
  174. }
  175. .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.active {
  176. -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  177. clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  178. }
  179. .navbar-light .navbar-nav .nav-link {
  180. -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  181. clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  182. }
  183. @media(min-width:768px) and (max-width:1024px) {
  184. .fh5co_mediya_center {
  185. font-size: 12px;
  186. }
  187. .fh5co_logo_width {
  188. display: none;
  189. }
  190. .fh5co_mediya_right {
  191. padding-top: 20px;
  192. }
  193. .mobile_logo_width {
  194. width: 100px;
  195. display: block!important;
  196. margin-left: 20px;
  197. padding-bottom: 10px;
  198. }
  199. .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.active {
  200. -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  201. clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  202. }
  203. .navbar-light .navbar-nav .nav-link {
  204. -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  205. clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)!important;
  206. }
  207. .fh5co_good_font {
  208. font-size: 18px;
  209. }
  210. .fh5co_good_font_2 {
  211. font-size: 16px;
  212. }
  213. .fh5co_contact_us_no_icon_difh5co_hover_2{
  214. text-align: right;
  215. }
  216. }
  217. @media(min-width:1025px) and (max-width:1170px) {
  218. }
  219. @media(min-width:991px) and (max-width:1024px) {
  220. .mobile_logo_width {
  221. display: none;
  222. }
  223. .fh5co_logo_width {
  224. display: block;
  225. }
  226. .fh5co_good_font {
  227. font-size: 20px;
  228. }
  229. .fh5co_good_font_2 {
  230. font-size: 14px;
  231. }
  232. }