_media-overrides.scss 11 KB

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