_media-overrides.scss 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614
  1. @media (min-width: 992px) {
  2. .left-side {
  3. padding-right: 20px;
  4. }
  5. .today .today-item {
  6. width: 50%;
  7. }
  8. .content-right .news-item {
  9. width: 50%;
  10. }
  11. }
  12. @media (min-width: 768px) {
  13. .left-side {
  14. padding-right: 15px;
  15. padding-left: 15px;
  16. }
  17. .today .today-item {
  18. float: left;
  19. width: 50%;
  20. }
  21. .content-right .news-item {
  22. float: left;
  23. width: 50%;
  24. }
  25. .specs-container .today .today-item {
  26. float: left;
  27. width: 33.333332%;
  28. }
  29. .info {
  30. min-height: 50vh;
  31. }
  32. }
  33. @media (min-width: 1200px) {
  34. .swiper-container {
  35. height: 290px;
  36. }
  37. .important {
  38. width: 47%;
  39. }
  40. .contacts-container .main-title {
  41. width: 60%;
  42. padding-left: 40px;
  43. }
  44. .contacts-container .focus-content {
  45. width: 60%;
  46. padding-left: 40px;
  47. }
  48. .contacts-container .important {
  49. width: 100%;
  50. }
  51. }
  52. @media (max-width: 992px) {
  53. body{
  54. padding-bottom: 420px;
  55. }
  56. .left-side {
  57. width: 30% !important;
  58. }
  59. .content-a-lot {
  60. padding-right: 0;
  61. }
  62. .main-container .col-lg-10 {
  63. width: 70% !important;
  64. }
  65. header .circles {
  66. //position: static !important;
  67. }
  68. header .burger {
  69. display: block;
  70. }
  71. header .menu ul li a {
  72. font-size: 14.5px;
  73. }
  74. .left-side .new-importants {
  75. display: none;
  76. }
  77. .special-items__item--one-third{
  78. width: calc(50% - 10px);
  79. }
  80. .shortnews__item--one-third {
  81. width: calc(50% - 10px);
  82. }
  83. }
  84. @media (max-width: 1200px) {
  85. .main-title .soc {
  86. display: none;
  87. }
  88. footer .admin-button {
  89. width: 100%;
  90. }
  91. footer .list {
  92. width: 100%;
  93. padding-right: 40px;
  94. }
  95. footer .list li {
  96. display: none;
  97. }
  98. footer .list li:nth-child(1) {
  99. display: block;
  100. }
  101. .left-side {
  102. width: 20%;
  103. }
  104. .content-left {
  105. width: 100%;
  106. }
  107. .content-right .news .news-item .title {
  108. left: 20%;
  109. }
  110. .contacts-container .center-content .news-item .inner .image .title {
  111. left: 25%;
  112. }
  113. .content-left .clinic {
  114. width: 100%;
  115. }
  116. .content-right {
  117. width: 100%;
  118. }
  119. .content-right .importants .important .description {
  120. padding-top: 30px !important;
  121. }
  122. .content-right .importants .important .important-image {
  123. width: 10%;
  124. }
  125. .contacts-container .left-side {
  126. width: 20% !important;
  127. }
  128. .contacts-container .importants .important:nth-child(2) .description {
  129. padding-left: 58px;
  130. }
  131. .contacts-container .center-content .callback {
  132. margin-bottom: 40px;
  133. }
  134. .contacts-container .left-side {
  135. width: 100% !important;
  136. margin-bottom: 40px;
  137. }
  138. .contacts-container .left-side .main-title {
  139. float: none;
  140. width: 100% !important;
  141. }
  142. .contacts-container .center-content {
  143. width: 100%;
  144. }
  145. .contacts-container .center-content .to-doctors .personal-doctor {
  146. width: 100%;
  147. }
  148. .contacts-container .center-content .callback form .form-button {
  149. width: 100%;
  150. }
  151. .contacts-container .main-title {
  152. padding-left: 15px;
  153. }
  154. .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image {
  155. width: 10%;
  156. padding-top: 20px;
  157. }
  158. .contacts-container .left-side .importants .important-image {
  159. width: 10%;
  160. }
  161. .contacts-container .left-side .importants .description {
  162. padding-top: 20px !important;
  163. }
  164. .contacts-container .right-side-bar .info .logo {
  165. display: none;
  166. }
  167. .contacts-container .main-title {
  168. display: block;
  169. }
  170. .contacts-container .center-content .title {
  171. display: none;
  172. }
  173. .contacts-container .full-news .title {
  174. display: block;
  175. }
  176. .contacts-container .center-content .subtitle {
  177. display: none;
  178. }
  179. .right-side-bar .today .today-item {
  180. width: 33.33333%;
  181. float: left;
  182. }
  183. .left-side .news-importants {
  184. display: none;
  185. }
  186. .center-content .about {
  187. margin-bottom: 20px;
  188. }
  189. .center-content .about .doctor {
  190. margin-bottom: 20px;
  191. }
  192. .center-content .about .about-text .title {
  193. display: block;
  194. }
  195. .content .today-unit {
  196. display: none;
  197. }
  198. .control-org-unit .youtube-unit {
  199. display: block;
  200. }
  201. .mobile-invisible-doctors {
  202. display: none;
  203. }
  204. }
  205. @media (max-width: 768px) {
  206. .container {
  207. padding: 60px 15px 0;
  208. footer & {
  209. padding-top: 0;
  210. }
  211. }
  212. .left-side .specializations .spec {
  213. display: none;
  214. }
  215. .left-side .specializations .more {
  216. display: none;
  217. }
  218. .left-side .add-info {
  219. display: none;
  220. }
  221. .main-container .main-title {
  222. //display: none;
  223. }
  224. .content .clinics {
  225. display: none;
  226. }
  227. .content-right {
  228. padding-right: 0;
  229. }
  230. .content-right .importants {
  231. display: none;
  232. }
  233. .left-side {
  234. width: 100% !important;
  235. margin-bottom: 40px;
  236. padding-left: 0;
  237. padding-right: 0;
  238. }
  239. .main-container {
  240. .col-lg-10 {
  241. width: 100% !important;
  242. }
  243. .main-title {
  244. width: 100% !important;
  245. padding-left: 0;
  246. padding-right: 0;
  247. }
  248. .content-right {
  249. width: 100% !important;
  250. }
  251. .today {
  252. width: 100% !important;
  253. padding-left: 0;
  254. }
  255. .content-left {
  256. width: 100% !important;
  257. padding: 0;
  258. }
  259. .content-left .clinic {
  260. width: 100% !important;
  261. }
  262. .logo {
  263. display: none;
  264. }
  265. .mobile {
  266. display: block;
  267. }
  268. .no-mobile {
  269. display: none;
  270. }
  271. }
  272. .content-right .news {
  273. padding-left: 0;
  274. }
  275. .importants {
  276. width: 100% !important;
  277. }
  278. .left-side .title {
  279. font-size: 32px;
  280. }
  281. .left-side .main-title {
  282. padding: 0;
  283. }
  284. .left-side {
  285. }
  286. .left-side .logo-subtitle {
  287. width: 50%;
  288. margin: 0 auto;
  289. }
  290. .left-side .specializations .spec-header a {
  291. transform: rotate(90deg);
  292. }
  293. .content-left .doctor {
  294. margin-bottom: 30px;
  295. }
  296. .content-left .about .about-text {
  297. margin-bottom: 30px;
  298. }
  299. .main-container .content-a-lot {
  300. padding-right: 15px;
  301. padding-left: 15px;
  302. margin-right: 0;
  303. margin-left: 0;
  304. }
  305. .today .today-item {
  306. width: 50%;
  307. float: left;
  308. }
  309. .content-right .news .news-item {
  310. width: 50%;
  311. float: left;
  312. }
  313. .content-right .news .news-item .title {
  314. left: 20%;
  315. }
  316. header .menu li {
  317. display: none;
  318. }
  319. header .menu ul .circles {
  320. display: block;
  321. position: absolute !important;
  322. }
  323. header .menu ul .burger {
  324. left: 0;
  325. }
  326. header .menu-mobile {
  327. position: absolute;
  328. width: 100%;
  329. }
  330. header .menu-mobile ul {
  331. padding: 0;
  332. }
  333. .right-side-bar .today .today-item {
  334. width: 100%;
  335. float: left;
  336. }
  337. .right-side-bar .today {
  338. display: none;
  339. }
  340. .center-content .pagination {
  341. display: none;
  342. }
  343. .left-side .add-info {
  344. display: block;
  345. }
  346. .center-content .documents .doc-item {
  347. width: 100%;
  348. float: none;
  349. padding: 5px;
  350. }
  351. .center-content .documents .row {
  352. margin: 20px 0;
  353. }
  354. .center-content .about-main-text .image {
  355. display: none;
  356. }
  357. .center-content .about .youtube iframe {
  358. width: 100%;
  359. }
  360. .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat {
  361. display: none;
  362. }
  363. .center-content .to-doctors-about .personal-doctor .doctor-image {
  364. display: none;
  365. }
  366. .center-content .to-doctors .personal-doctor .doctor-header {
  367. border-radius: 0 !important;
  368. }
  369. .center-content .to-doctors .personal-doctor .doctor-header .doctor-name {
  370. padding-left: 15px !important;
  371. }
  372. .service-more {
  373. display: block;
  374. }
  375. .service-item .service-unit {
  376. text-align: left !important;
  377. width: 100% !important;
  378. float: none;
  379. padding: 5px;
  380. }
  381. .service-row {
  382. margin: 20px 0;
  383. }
  384. .service-item .service-unit:nth-child(1) {
  385. display: none;
  386. }
  387. .smi {
  388. display: none;
  389. }
  390. .center-content .pagination-mobile {
  391. display: block;
  392. }
  393. .center-content .pagination-mobile .pagination div {
  394. width: 16.66666%;
  395. }
  396. .special-items__item-container-230 {
  397. width: 100%;
  398. }
  399. }
  400. @media(max-width: 485px) {
  401. .content-right .news .news-item {
  402. width: 100%
  403. }
  404. .today .today-item {
  405. margin: 0 auto;
  406. width: 100%;
  407. margin-bottom: 10px;
  408. }
  409. .content-right .news .news-item .title {
  410. left: 25%;
  411. }
  412. }
  413. @media(max-width: 550px) {
  414. .center-content .news {
  415. padding-left: 0;
  416. }
  417. .center-content .news .news-item {
  418. padding-left: 0;
  419. width: 93%;
  420. float: none;
  421. margin: 0 auto;
  422. margin-bottom: 20px;
  423. }
  424. .center-content .news .news-item .title {
  425. left: 30%;
  426. }
  427. .center-content .news .news-item .image {
  428. padding-left: 0;
  429. width: 100%;
  430. margin: 0 auto;
  431. }
  432. .center-content .news .news-item .image img {
  433. margin: 0 auto;
  434. }
  435. }
  436. @media(max-width: 420px) {
  437. .vacancy .vacancy-data .vacancy-table .vacancy-row div {
  438. width: 100%;
  439. float: none;
  440. }
  441. }
  442. @media(max-width: 700px) {
  443. .content .unit-clinics .clinic {
  444. padding-left: 15px;
  445. }
  446. .content .unit-clinics .clinic .title {
  447. margin-bottom: 10px;
  448. }
  449. .content .unit-clinics .clinic .subtitle {
  450. padding-left: 0;
  451. }
  452. .content .unit-clinics .clinic .clinic-image {
  453. display: none;
  454. }
  455. .special-items__item--half-size,
  456. .special-items__item--one-third{
  457. width: 100%;
  458. }
  459. .shortnews__item--half-size,
  460. .shortnews__item--one-third {
  461. width: 100%;
  462. }
  463. }
  464. @media(max-width: 400px) {
  465. .container .importants-unit .important .description {
  466. font-size: 14px;
  467. }
  468. .container .importants-unit .important:nth-child(5) .description {
  469. padding-top: 15px !important;
  470. }
  471. .container .importants-unit .important:nth-child(3) .description {
  472. padding-top: 15px !important;
  473. }
  474. .container .importants-unit .important:nth-child(2) .description {
  475. padding-left: 55px !important;
  476. }
  477. body{
  478. padding-bottom: 510px;
  479. }
  480. }
  481. @media(max-width: 991px) {
  482. .control-org .image {
  483. text-align: center;
  484. }
  485. .control-org .col-lg-4 {
  486. padding-right: 15px;
  487. }
  488. }