media.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. @media screen and (max-width: 640px) {
  2. .logo--header {
  3. width: 185px;
  4. }
  5. .logo--header .logo__img {
  6. width: 175px;
  7. }
  8. .region__section-box {
  9. width: 300px;
  10. }
  11. .region__section__items-list {
  12. display: block;
  13. width: calc(100% - 20px);
  14. }
  15. .search-float {
  16. display: none !important;
  17. }
  18. .leftbar {
  19. display: none !important;
  20. }
  21. .doctors__photo {
  22. margin: 0 auto;
  23. }
  24. .organization-info__container .vrach-info{
  25. margin: 15px 0;
  26. min-height: auto;
  27. }
  28. .grid-dis-col-33:last-child, .grid-dis-col-66:last-child, .grid-dis-col-1:last-child {
  29. width: 100%;
  30. margin-top: 15px !important;
  31. }
  32. .vrachi-border {
  33. border-left: none;
  34. }
  35. .vrach-title-dolznosti {
  36. border-bottom: none;
  37. }
  38. .organization-media {
  39. display: none !important;
  40. }
  41. .wrapper--footer {
  42. display: block !important;
  43. }
  44. .footer-logo {
  45. display: inline-block;
  46. margin-left: 10px;
  47. }
  48. .copyright {
  49. display: inline-block;
  50. width: calc(100% - 140px);
  51. margin-right: 0;
  52. }
  53. .copyright span {
  54. display: block;
  55. }
  56. .aferta {
  57. display: block;
  58. width: calc(100% - 20px);
  59. margin:0 10px;
  60. }
  61. .footer__right {
  62. display: block;
  63. width: calc(100% - 20px);
  64. margin:0 10px;
  65. }
  66. .footer__right .mainlinks {
  67. display: block;
  68. }
  69. .footer__right .mainlinks li {
  70. display: inline-block;
  71. }
  72. }