media.scss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. @media (min-width: 641px) and (max-width: 960px) {
  2. .wrapper--content {
  3. display: block;
  4. }
  5. .leftbar {
  6. width: 100%;
  7. max-width: 230px;
  8. float: left;
  9. display: inline-block;
  10. margin-right: 20px;
  11. }
  12. .centerbar {
  13. width: calc(100% - 250px);
  14. display: inline-block;
  15. float: left;
  16. vertical-align: top;
  17. }
  18. .grid-dis-col-33:last-child, .grid-dis-col-66:last-child, .grid-dis-col-1:last-child {
  19. width: 100%;
  20. margin-top: 15px !important;
  21. max-width: 100%;
  22. }
  23. .doctors__photo {
  24. margin: 0 auto;
  25. }
  26. .organization-info__vrach-img {
  27. max-width: 270px;
  28. margin: 0 auto;
  29. }
  30. .wrapper--footer {
  31. display: block !important;
  32. }
  33. .footer__logo {
  34. display: inline-block;
  35. margin-left: 10px;
  36. }
  37. .copyright {
  38. display: inline-block;
  39. width: calc(100% - 140px);
  40. margin-right: 0;
  41. }
  42. .copyright span {
  43. display: block;
  44. }
  45. .aferta {
  46. display: block;
  47. width: calc(100% - 20px);
  48. margin:0 10px;
  49. }
  50. .footer__right {
  51. display: block;
  52. width: calc(100% - 20px);
  53. margin:0 10px;
  54. }
  55. .footer__right .mainlinks {
  56. display: block;
  57. }
  58. .footer__right .mainlinks li {
  59. display: inline-block;
  60. }
  61. }
  62. @media screen and (max-width: 640px) {
  63. .logo--header {
  64. width: 185px;
  65. }
  66. .logo--header .logo__img {
  67. width: 175px;
  68. }
  69. .region__section-box {
  70. width: 300px;
  71. }
  72. .region__section__items-list {
  73. display: block;
  74. width: calc(100% - 20px);
  75. }
  76. .search-float {
  77. display: none !important;
  78. }
  79. .leftbar {
  80. display: none !important;
  81. }
  82. .doctors__photo {
  83. margin: 0 auto;
  84. }
  85. .organization-info__vrach-img {
  86. max-width: 270px;
  87. margin: 0 auto;
  88. }
  89. .organization-info__container .vrach-info{
  90. margin: 15px 0;
  91. min-height: auto;
  92. }
  93. .grid-dis-col-33:last-child, .grid-dis-col-66:last-child, .grid-dis-col-1:last-child {
  94. width: 100%;
  95. margin-top: 15px !important;
  96. }
  97. .vrachi-border {
  98. border-left: none;
  99. }
  100. .vrach-title-dolznosti {
  101. border-bottom: none;
  102. }
  103. .organization-media {
  104. display: none !important;
  105. }
  106. .wrapper--footer {
  107. display: block !important;
  108. }
  109. .footer__logo {
  110. display: inline-block;
  111. margin-left: 10px;
  112. }
  113. .copyright {
  114. display: inline-block;
  115. width: calc(100% - 140px);
  116. margin-right: 0;
  117. }
  118. .copyright span {
  119. display: block;
  120. }
  121. .aferta {
  122. display: block;
  123. width: calc(100% - 20px);
  124. margin:0 10px;
  125. }
  126. .footer__right {
  127. display: block;
  128. width: calc(100% - 20px);
  129. margin:0 10px;
  130. }
  131. .footer__right .mainlinks {
  132. display: block;
  133. }
  134. .footer__right .mainlinks li {
  135. display: inline-block;
  136. }
  137. }