Pārlūkot izejas kodu

extract media queries

alexlcdee 8 gadi atpakaļ
vecāks
revīzija
eee4c2bf6a

+ 416 - 407
src/files/css/main.css

@@ -6522,12 +6522,6 @@ header .menu-mobile ul li a:hover {
   font-weight: 400;
   width: 20%; }
 
-@media (min-width: 992px) {
-  .left-side {
-    padding-right: 20px; } }
-@media (min-width: 768px) {
-  .left-side {
-    padding: 0 2px; } }
 .left-side .info {
   /*padding: 0 10px;*/
   margin-bottom: 20px; }
@@ -7136,9 +7130,6 @@ header .menu-mobile ul li a:hover {
   color: #929292;
   text-align: right; }
 
-@media (min-width: 1200px) {
-  .swiper-container {
-    height: 290px; } }
 /*footer*/
 footer {
   position: absolute;
@@ -7147,7 +7138,8 @@ footer {
   padding-top: 40px;
   padding-bottom: 20px;
   display: inline-block;
-  background: #3b434d; }
+  background: #3b434d;
+  overflow-x: hidden; }
 
 footer .list {
   position: relative;
@@ -7211,191 +7203,6 @@ footer .copyright .logo {
   margin-left: 20px; }
 
 /**/
-@media (min-width: 1200px) {
-  .important {
-    width: 47%; } }
-@media (min-width: 992px) {
-  .today .today-item {
-    width: 50%; }
-
-  .content-right .news-item {
-    width: 50%; } }
-@media (min-width: 768px) {
-  .today .today-item {
-    float: left;
-    width: 50%; }
-
-  .content-right .news-item {
-    float: left;
-    width: 50%; } }
-@media (max-width: 992px) {
-  .left-side {
-    width: 27% !important; }
-
-  .content-a-lot {
-    padding-right: 0; }
-
-  .main-container .col-lg-10 {
-    width: 73% !important; }
-
-  header .circles {
-    position: static !important; }
-
-  header .menu ul li a {
-    font-size: 14.5px; } }
-@media (max-width: 1200px) {
-  .main-title .soc {
-    display: none; }
-
-  footer .admin-button {
-    width: 100%; }
-
-  footer .list {
-    width: 100%;
-    padding-right: 40px; }
-
-  footer .list li {
-    display: none; }
-
-  footer .list li:nth-child(1) {
-    display: block; } }
-@media (max-width: 1200px) {
-  .left-side {
-    width: 20%; }
-
-  .content-left {
-    width: 100%; }
-
-  .content-right .news .news-item .title {
-    left: 20%; }
-
-  .contacts-container .center-content .news-item .inner .image .title {
-    left: 25%; }
-
-  .content-left .clinic {
-    width: 100%; }
-
-  .content-right {
-    width: 100%; }
-
-  .content-right .importants .important .description {
-    padding-top: 30px !important; }
-
-  .content-right .importants .important .important-image {
-    width: 10%; } }
-@media (max-width: 768px) {
-  .left-side .specializations .spec {
-    display: none; }
-
-  .left-side .specializations .more {
-    display: none; }
-
-  .left-side .add-info {
-    display: none; }
-
-  .main-container .main-title {
-    display: none; }
-
-  .content .clinics {
-    display: none; }
-
-  .content-right {
-    padding-right: 0; }
-
-  .content-right .importants {
-    display: none; }
-
-  .left-side {
-    width: 100% !important;
-    margin-bottom: 40px; }
-
-  .main-container .col-lg-10 {
-    width: 100% !important; }
-
-  .main-container .main-title {
-    width: 100% !important; }
-
-  .main-container .content-right {
-    width: 100% !important; }
-
-  .main-container .today {
-    width: 100% !important; }
-
-  .importants {
-    width: 100% !important; }
-
-  .main-container .content-left {
-    width: 100% !important; }
-
-  .main-container .content-left .clinic {
-    width: 100% !important; }
-
-  .main-container .mobile {
-    display: block; }
-
-  .left-side .title {
-    font-size: 32px; }
-
-  .left-side .main-title {
-    padding: 0; }
-
-  .left-side {
-    padding-right: 15px; }
-
-  .left-side .logo-subtitle {
-    width: 50%;
-    margin: 0 auto; }
-
-  .left-side .specializations .spec-header a {
-    transform: rotate(90deg); }
-
-  .content-left .doctor {
-    margin-bottom: 30px; }
-
-  .content-left .about .about-text {
-    margin-bottom: 30px; }
-
-  .main-container .content-a-lot {
-    padding-right: 0; }
-
-  .today .today-item {
-    width: 50%;
-    float: left; }
-
-  .content-right .news .news-item {
-    width: 50%;
-    float: left; }
-
-  .content-right .news .news-item .title {
-    left: 20%; }
-
-  header .menu li {
-    display: none; }
-
-  header .menu ul .circles {
-    display: block;
-    position: absolute !important; }
-
-  header .menu ul .burger {
-    left: 0; }
-
-  header .menu-mobile {
-    position: absolute;
-    width: 100%; }
-
-  header .menu-mobile ul {
-    padding: 0; } }
-@media (max-width: 485px) {
-  .content-right .news .news-item {
-    width: 100%; }
-
-  .today .today-item {
-    margin: 0 auto;
-    width: 100%;
-    margin-bottom: 10px; }
-
-  .content-right .news .news-item .title {
-    left: 25%; } }
 .mobile {
   display: none; }
 
@@ -7632,68 +7439,6 @@ footer .copyright .logo {
 
 /*
 .contacts-container .center-content .*/
-@media (max-width: 1200px) {
-  .contacts-container .left-side {
-    width: 20% !important; }
-
-  .contacts-container .importants .important:nth-child(2) .description {
-    padding-left: 58px; } }
-@media (min-width: 1200px) {
-  .contacts-container .main-title {
-    width: 60%;
-    padding-left: 40px; }
-
-  .contacts-container .focus-content {
-    width: 60%;
-    padding-left: 40px; }
-
-  .contacts-container .important {
-    width: 100%; } }
-@media (max-width: 1200px) {
-  .contacts-container .center-content .callback {
-    margin-bottom: 40px; }
-
-  .contacts-container .left-side {
-    width: 100% !important;
-    margin-bottom: 40px; }
-
-  .contacts-container .left-side .main-title {
-    float: none;
-    width: 100% !important; }
-
-  .contacts-container .center-content {
-    width: 100%; }
-
-  .contacts-container .center-content .to-doctors .personal-doctor {
-    width: 100%; }
-
-  .contacts-container .center-content .callback form .form-button {
-    width: 100%; }
-
-  .contacts-container .main-title {
-    padding-left: 15px; }
-
-  .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image {
-    width: 10%;
-    padding-top: 20px; }
-
-  .contacts-container .left-side .importants .important-image {
-    width: 10%; }
-
-  .contacts-container .left-side .importants .description {
-    padding-top: 20px !important; }
-
-  .contacts-container .right-side-bar .info .logo {
-    display: none; }
-
-  .contacts-container .main-title {
-    display: block; }
-
-  .contacts-container .center-content .title {
-    display: none; }
-
-  .contacts-container .center-content .subtitle {
-    display: none; } }
 /*CONTACTS PAGE END*/
 /*SPECIALISTS PAGE*/
 .specs-container .center-content .classes {
@@ -7843,10 +7588,6 @@ footer .copyright .logo {
 .specs-container .center-content .vacancies .value {
   text-align: right; }
 
-@media (min-width: 768px) {
-  .specs-container .today .today-item {
-    float: left;
-    width: 33.333332%; } }
 /*SPECIALISTS PAGE END*/
 /*NEWS*/
 .left-side .add-info-news {
@@ -8071,50 +7812,6 @@ footer .copyright .logo {
   width: 7.14%;
   text-align: center; }
 
-@media (max-width: 1200px) {
-  .right-side-bar .today .today-item {
-    width: 33.33333%;
-    float: left; }
-
-  .left-side .news-importants {
-    display: none; } }
-@media (min-width: 992px) {
-  .left-side .new-importants {
-    display: none; } }
-@media (max-width: 768px) {
-  .right-side-bar .today .today-item {
-    width: 100%;
-    float: left; }
-
-  .right-side-bar .today {
-    display: none; }
-
-  .center-content .pagination {
-    display: none; }
-
-  .left-side .add-info {
-    display: block; } }
-@media (max-width: 550px) {
-  .center-content .news {
-    padding-left: 0; }
-
-  .center-content .news .news-item {
-    padding-left: 0;
-    width: 93%;
-    float: none;
-    margin: 0 auto;
-    margin-bottom: 20px; }
-
-  .center-content .news .news-item .title {
-    left: 30%; }
-
-  .center-content .news .news-item .image {
-    padding-left: 0;
-    width: 100%;
-    margin: 0 auto; }
-
-  .center-content .news .news-item .image img {
-    margin: 0 auto; } }
 /*NEWS END*/
 /*ABOUT*/
 /*.center-content .about{
@@ -8270,44 +7967,6 @@ footer .copyright .logo {
 .center-content .documents .doc-org {
   width: 25%; }
 
-@media (max-width: 1200px) {
-  .center-content .about {
-    margin-bottom: 20px; }
-
-  .center-content .about .doctor {
-    margin-bottom: 20px; }
-
-  .center-content .about .about-text .title {
-    display: block; } }
-@media (max-width: 768px) {
-  .center-content .documents .doc-item {
-    width: 100%;
-    float: none;
-    padding: 5px; }
-
-  .center-content .documents .row {
-    margin: 20px 0; }
-
-  .center-content .about-main-text .image {
-    display: none; }
-
-  .center-content .about .youtube iframe {
-    width: 100%; }
-
-  .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat {
-    display: none; }
-
-  .center-content .to-doctors-about .personal-doctor .doctor-image {
-    display: none; }
-
-  .center-content .to-doctors .personal-doctor .doctor-header {
-    border-radius: 0 !important; }
-
-  .center-content .to-doctors .personal-doctor .doctor-header .doctor-name {
-    padding-left: 15px !important; } }
-@media (max-width: 768px) {
-  .smi {
-    display: none; } }
 /*ABOUT END*/
 /*SERVICES*/
 .service-text {
@@ -8368,21 +8027,6 @@ footer .copyright .logo {
 .service-more:last-child {
   margin-bottom: 60px; }
 
-@media (max-width: 768px) {
-  .service-more {
-    display: block; }
-
-  .service-item .service-unit {
-    text-align: left !important;
-    width: 100% !important;
-    float: none;
-    padding: 5px; }
-
-  .service-row {
-    margin: 20px 0; }
-
-  .service-item .service-unit:nth-child(1) {
-    display: none; } }
 /*SERVICES END*/
 /*TODAY*/
 .today-page {
@@ -8477,12 +8121,6 @@ footer .copyright .logo {
 .pagination-mobile {
   display: none; }
 
-@media (max-width: 768px) {
-  .center-content .pagination-mobile {
-    display: block; }
-
-  .center-content .pagination-mobile .pagination div {
-    width: 16.66666%; } }
 /*TODAY END*/
 /*PATIENT*/
 .min-title {
@@ -8594,10 +8232,6 @@ footer .copyright .logo {
   font-size: 16px;
   font-family: Cuprum; }
 
-@media (max-width: 420px) {
-  .vacancy .vacancy-data .vacancy-table .vacancy-row div {
-    width: 100%;
-    float: none; } }
 .mini-title-2 {
   font-family: Cuprum;
   font-weight: 600;
@@ -8640,30 +8274,6 @@ footer .copyright .logo {
 .container .importants-unit {
   display: block; }
 
-@media (max-width: 700px) {
-  .content .unit-clinics .clinic {
-    padding-left: 15px; }
-
-  .content .unit-clinics .clinic .title {
-    margin-bottom: 10px; }
-
-  .content .unit-clinics .clinic .subtitle {
-    padding-left: 0; }
-
-  .content .unit-clinics .clinic .clinic-image {
-    display: none; } }
-@media (max-width: 400px) {
-  .container .importants-unit .important .description {
-    font-size: 14px; }
-
-  .container .importants-unit .important:nth-child(5) .description {
-    padding-top: 15px !important; }
-
-  .container .importants-unit .important:nth-child(3) .description {
-    padding-top: 15px !important; }
-
-  .container .importants-unit .important:nth-child(2) .description {
-    padding-left: 55px !important; } }
 /*UNITS END*/
 /*CONTROLS-ORG-PAGE*/
 .control-org {
@@ -8755,12 +8365,6 @@ footer .copyright .logo {
   color: #004d7b;
   text-align: center; }
 
-@media (max-width: 991px) {
-  .control-org .image {
-    text-align: center; }
-
-  .control-org .col-lg-4 {
-    padding-right: 15px; } }
 /*CONTROLS-ORG-PAGE END*/
 /*UNIT*/
 .control-org-unit {
@@ -8885,15 +8489,6 @@ footer .copyright .logo {
 .documents-unit {
   margin-bottom: 30px; }
 
-@media (max-width: 1200px) {
-  .content .today-unit {
-    display: none; }
-
-  .control-org-unit .youtube-unit {
-    display: block; }
-
-  .mobile-invisible-doctors {
-    display: none; } }
 /*UNIT END*/
 /*FAQ*/
 .qa {
@@ -10296,6 +9891,420 @@ footer .copyright .logo {
     font-size: 18px;
     color: #004d7b; }
 
+@media (min-width: 992px) {
+  .left-side {
+    padding-right: 20px; }
+
+  .today .today-item {
+    width: 50%; }
+
+  .content-right .news-item {
+    width: 50%; } }
+@media (min-width: 768px) {
+  .left-side {
+    padding: 0 2px; }
+
+  .today .today-item {
+    float: left;
+    width: 50%; }
+
+  .content-right .news-item {
+    float: left;
+    width: 50%; }
+
+  .specs-container .today .today-item {
+    float: left;
+    width: 33.333332%; } }
+@media (min-width: 1200px) {
+  .swiper-container {
+    height: 290px; }
+
+  .important {
+    width: 47%; }
+
+  .contacts-container .main-title {
+    width: 60%;
+    padding-left: 40px; }
+
+  .contacts-container .focus-content {
+    width: 60%;
+    padding-left: 40px; }
+
+  .contacts-container .important {
+    width: 100%; } }
+@media (max-width: 992px) {
+  .left-side {
+    width: 27% !important; }
+
+  .content-a-lot {
+    padding-right: 0; }
+
+  .main-container .col-lg-10 {
+    width: 73% !important; }
+
+  header .circles {
+    position: static !important; }
+
+  header .menu ul li a {
+    font-size: 14.5px; }
+
+  .left-side .new-importants {
+    display: none; } }
+@media (max-width: 1200px) {
+  .main-title .soc {
+    display: none; }
+
+  footer .admin-button {
+    width: 100%; }
+
+  footer .list {
+    width: 100%;
+    padding-right: 40px; }
+
+  footer .list li {
+    display: none; }
+
+  footer .list li:nth-child(1) {
+    display: block; }
+
+  .left-side {
+    width: 20%; }
+
+  .content-left {
+    width: 100%; }
+
+  .content-right .news .news-item .title {
+    left: 20%; }
+
+  .contacts-container .center-content .news-item .inner .image .title {
+    left: 25%; }
+
+  .content-left .clinic {
+    width: 100%; }
+
+  .content-right {
+    width: 100%; }
+
+  .content-right .importants .important .description {
+    padding-top: 30px !important; }
+
+  .content-right .importants .important .important-image {
+    width: 10%; }
+
+  .contacts-container .left-side {
+    width: 20% !important; }
+
+  .contacts-container .importants .important:nth-child(2) .description {
+    padding-left: 58px; }
+
+  .contacts-container .center-content .callback {
+    margin-bottom: 40px; }
+
+  .contacts-container .left-side {
+    width: 100% !important;
+    margin-bottom: 40px; }
+
+  .contacts-container .left-side .main-title {
+    float: none;
+    width: 100% !important; }
+
+  .contacts-container .center-content {
+    width: 100%; }
+
+  .contacts-container .center-content .to-doctors .personal-doctor {
+    width: 100%; }
+
+  .contacts-container .center-content .callback form .form-button {
+    width: 100%; }
+
+  .contacts-container .main-title {
+    padding-left: 15px; }
+
+  .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image {
+    width: 10%;
+    padding-top: 20px; }
+
+  .contacts-container .left-side .importants .important-image {
+    width: 10%; }
+
+  .contacts-container .left-side .importants .description {
+    padding-top: 20px !important; }
+
+  .contacts-container .right-side-bar .info .logo {
+    display: none; }
+
+  .contacts-container .main-title {
+    display: block; }
+
+  .contacts-container .center-content .title {
+    display: none; }
+
+  .contacts-container .center-content .subtitle {
+    display: none; }
+
+  .right-side-bar .today .today-item {
+    width: 33.33333%;
+    float: left; }
+
+  .left-side .news-importants {
+    display: none; }
+
+  .center-content .about {
+    margin-bottom: 20px; }
+
+  .center-content .about .doctor {
+    margin-bottom: 20px; }
+
+  .center-content .about .about-text .title {
+    display: block; }
+
+  .content .today-unit {
+    display: none; }
+
+  .control-org-unit .youtube-unit {
+    display: block; }
+
+  .mobile-invisible-doctors {
+    display: none; } }
+@media (max-width: 768px) {
+  .left-side .specializations .spec {
+    display: none; }
+
+  .left-side .specializations .more {
+    display: none; }
+
+  .left-side .add-info {
+    display: none; }
+
+  .main-container .main-title {
+    display: none; }
+
+  .content .clinics {
+    display: none; }
+
+  .content-right {
+    padding-right: 0; }
+
+  .content-right .importants {
+    display: none; }
+
+  .left-side {
+    width: 100% !important;
+    margin-bottom: 40px; }
+
+  .main-container .col-lg-10 {
+    width: 100% !important; }
+
+  .main-container .main-title {
+    width: 100% !important; }
+
+  .main-container .content-right {
+    width: 100% !important; }
+
+  .main-container .today {
+    width: 100% !important;
+    padding-left: 0; }
+
+  .content-right .news {
+    padding-left: 0; }
+
+  .importants {
+    width: 100% !important; }
+
+  .main-container .content-left {
+    width: 100% !important;
+    padding: 0; }
+
+  .main-container .content-left .clinic {
+    width: 100% !important; }
+
+  .main-container .mobile {
+    display: block; }
+
+  .left-side .title {
+    font-size: 32px; }
+
+  .left-side .main-title {
+    padding: 0; }
+
+  .left-side {
+    padding-right: 15px; }
+
+  .left-side .logo-subtitle {
+    width: 50%;
+    margin: 0 auto; }
+
+  .left-side .specializations .spec-header a {
+    transform: rotate(90deg); }
+
+  .content-left .doctor {
+    margin-bottom: 30px; }
+
+  .content-left .about .about-text {
+    margin-bottom: 30px; }
+
+  .main-container .content-a-lot {
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-right: 0;
+    margin-left: 0; }
+
+  .today .today-item {
+    width: 50%;
+    float: left; }
+
+  .content-right .news .news-item {
+    width: 50%;
+    float: left; }
+
+  .content-right .news .news-item .title {
+    left: 20%; }
+
+  header .menu li {
+    display: none; }
+
+  header .menu ul .circles {
+    display: block;
+    position: absolute !important; }
+
+  header .menu ul .burger {
+    left: 0; }
+
+  header .menu-mobile {
+    position: absolute;
+    width: 100%; }
+
+  header .menu-mobile ul {
+    padding: 0; }
+
+  .right-side-bar .today .today-item {
+    width: 100%;
+    float: left; }
+
+  .right-side-bar .today {
+    display: none; }
+
+  .center-content .pagination {
+    display: none; }
+
+  .left-side .add-info {
+    display: block; }
+
+  .center-content .documents .doc-item {
+    width: 100%;
+    float: none;
+    padding: 5px; }
+
+  .center-content .documents .row {
+    margin: 20px 0; }
+
+  .center-content .about-main-text .image {
+    display: none; }
+
+  .center-content .about .youtube iframe {
+    width: 100%; }
+
+  .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat {
+    display: none; }
+
+  .center-content .to-doctors-about .personal-doctor .doctor-image {
+    display: none; }
+
+  .center-content .to-doctors .personal-doctor .doctor-header {
+    border-radius: 0 !important; }
+
+  .center-content .to-doctors .personal-doctor .doctor-header .doctor-name {
+    padding-left: 15px !important; }
+
+  .service-more {
+    display: block; }
+
+  .service-item .service-unit {
+    text-align: left !important;
+    width: 100% !important;
+    float: none;
+    padding: 5px; }
+
+  .service-row {
+    margin: 20px 0; }
+
+  .service-item .service-unit:nth-child(1) {
+    display: none; }
+
+  .smi {
+    display: none; }
+
+  .center-content .pagination-mobile {
+    display: block; }
+
+  .center-content .pagination-mobile .pagination div {
+    width: 16.66666%; } }
+@media (max-width: 485px) {
+  .content-right .news .news-item {
+    width: 100%; }
+
+  .today .today-item {
+    margin: 0 auto;
+    width: 100%;
+    margin-bottom: 10px; }
+
+  .content-right .news .news-item .title {
+    left: 25%; } }
+@media (max-width: 550px) {
+  .center-content .news {
+    padding-left: 0; }
+
+  .center-content .news .news-item {
+    padding-left: 0;
+    width: 93%;
+    float: none;
+    margin: 0 auto;
+    margin-bottom: 20px; }
+
+  .center-content .news .news-item .title {
+    left: 30%; }
+
+  .center-content .news .news-item .image {
+    padding-left: 0;
+    width: 100%;
+    margin: 0 auto; }
+
+  .center-content .news .news-item .image img {
+    margin: 0 auto; } }
+@media (max-width: 420px) {
+  .vacancy .vacancy-data .vacancy-table .vacancy-row div {
+    width: 100%;
+    float: none; } }
+@media (max-width: 700px) {
+  .content .unit-clinics .clinic {
+    padding-left: 15px; }
+
+  .content .unit-clinics .clinic .title {
+    margin-bottom: 10px; }
+
+  .content .unit-clinics .clinic .subtitle {
+    padding-left: 0; }
+
+  .content .unit-clinics .clinic .clinic-image {
+    display: none; } }
+@media (max-width: 400px) {
+  .container .importants-unit .important .description {
+    font-size: 14px; }
+
+  .container .importants-unit .important:nth-child(5) .description {
+    padding-top: 15px !important; }
+
+  .container .importants-unit .important:nth-child(3) .description {
+    padding-top: 15px !important; }
+
+  .container .importants-unit .important:nth-child(2) .description {
+    padding-left: 55px !important; } }
+@media (max-width: 991px) {
+  .control-org .image {
+    text-align: center; }
+
+  .control-org .col-lg-4 {
+    padding-right: 15px; } }
 body {
   font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; }
 

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 0
src/files/css/main.css.map


+ 1 - 601
src/files/scss/_base-style.scss

@@ -125,18 +125,6 @@ header .menu-mobile ul li a:hover {
     width: 20%;
 }
 
-@media (min-width: 992px) {
-    .left-side {
-        padding-right: 20px;
-    }
-}
-
-@media (min-width: 768px) {
-    .left-side {
-        padding: 0 2px;
-    }
-}
-
 .left-side .info {
     /*padding: 0 10px;*/
     margin-bottom: 20px;
@@ -860,12 +848,6 @@ header .menu-mobile ul li a:hover {
     text-align: right;
 }
 
-@media (min-width: 1200px) {
-    .swiper-container {
-        height: 290px;
-    }
-}
-
 /*footer*/
 footer {
     position: absolute;
@@ -875,6 +857,7 @@ footer {
     padding-bottom: 20px;
     display: inline-block;
     background: #3b434d;
+    overflow-x: hidden;
 }
 
 footer .list {
@@ -952,270 +935,6 @@ footer .copyright .logo {
 
 /**/
 
-@media (min-width: 1200px) {
-    .important {
-        width: 47%;
-    }
-
-}
-
-@media (min-width: 992px) {
-    .today .today-item {
-        width: 50%;
-    }
-
-    .content-right .news-item {
-        width: 50%;
-    }
-
-}
-
-@media (min-width: 768px) {
-    .today .today-item {
-        float: left;
-        width: 50%;
-    }
-
-    .content-right .news-item {
-        float: left;
-        width: 50%;
-    }
-
-}
-
-@media (max-width: 992px) {
-    .left-side {
-        width: 27% !important;
-    }
-
-    .content-a-lot {
-        padding-right: 0;
-    }
-
-    .main-container .col-lg-10 {
-        width: 73% !important;
-    }
-
-    header .circles {
-        position: static !important;
-    }
-
-    header .menu ul li a {
-        font-size: 14.5px;
-    }
-
-}
-
-@media (max-width: 1200px) {
-    .main-title .soc {
-        display: none;
-    }
-
-    footer .admin-button {
-        width: 100%;
-    }
-
-    footer .list {
-        width: 100%;
-        padding-right: 40px;
-    }
-
-    footer .list li {
-        display: none;
-    }
-
-    footer .list li:nth-child(1) {
-        display: block;
-    }
-}
-
-@media (max-width: 1200px) {
-    .left-side {
-        width: 20%;
-    }
-
-    .content-left {
-        width: 100%;
-    }
-
-    .content-right .news .news-item .title {
-        left: 20%;
-    }
-
-    .contacts-container .center-content .news-item .inner .image .title {
-        left: 25%;
-    }
-
-    .content-left .clinic {
-        width: 100%;
-    }
-
-    .content-right {
-        width: 100%;
-    }
-
-    .content-right .importants .important .description {
-        padding-top: 30px !important;
-    }
-
-    .content-right .importants .important .important-image {
-        width: 10%;
-    }
-}
-
-@media (max-width: 768px) {
-    .left-side .specializations .spec {
-        display: none;
-    }
-
-    .left-side .specializations .more {
-        display: none;
-    }
-
-    .left-side .add-info {
-        display: none;
-    }
-
-    .main-container .main-title {
-        display: none;
-    }
-
-    .content .clinics {
-        display: none;
-    }
-
-    .content-right {
-        padding-right: 0;
-    }
-
-    .content-right .importants {
-        display: none;
-    }
-
-    .left-side {
-        width: 100% !important;
-        margin-bottom: 40px;
-    }
-
-    .main-container .col-lg-10 {
-        width: 100% !important;
-    }
-
-    .main-container .main-title {
-        width: 100% !important;
-    }
-
-    .main-container .content-right {
-        width: 100% !important;
-    }
-
-    .main-container .today {
-        width: 100% !important;
-    }
-
-    .importants {
-        width: 100% !important;
-    }
-
-    .main-container .content-left {
-        width: 100% !important;
-    }
-
-    .main-container .content-left .clinic {
-        width: 100% !important;
-    }
-
-    .main-container .mobile {
-        display: block;
-    }
-
-    .left-side .title {
-        font-size: 32px;
-    }
-
-    .left-side .main-title {
-        padding: 0;
-    }
-
-    .left-side {
-        padding-right: 15px;
-    }
-
-    .left-side .logo-subtitle {
-        width: 50%;
-        margin: 0 auto;
-    }
-
-    .left-side .specializations .spec-header a {
-        transform: rotate(90deg);
-    }
-
-    .content-left .doctor {
-        margin-bottom: 30px;
-    }
-
-    .content-left .about .about-text {
-        margin-bottom: 30px;
-    }
-
-    .main-container .content-a-lot {
-        padding-right: 0;
-    }
-
-    .today .today-item {
-        width: 50%;
-        float: left;
-    }
-
-    .content-right .news .news-item {
-        width: 50%;
-        float: left;
-    }
-
-    .content-right .news .news-item .title {
-        left: 20%;
-    }
-
-    header .menu li {
-        display: none;
-    }
-
-    header .menu ul .circles {
-        display: block;
-        position: absolute !important;
-    }
-
-    header .menu ul .burger {
-        left: 0;
-    }
-
-    header .menu-mobile {
-        position: absolute;
-        width: 100%;
-    }
-
-    header .menu-mobile ul {
-        padding: 0;
-    }
-
-}
-
-@media(max-width: 485px) {
-    .content-right .news .news-item {
-        width: 100%
-    }
-
-    .today .today-item {
-        margin: 0 auto;
-        width: 100%;
-        margin-bottom: 10px;
-    }
-
-    .content-right .news .news-item .title {
-        left: 25%;
-    }
-}
-
 .mobile {
     display: none;
 }
@@ -1501,96 +1220,6 @@ footer .copyright .logo {
 /*
 .contacts-container .center-content .*/
 
-@media (max-width: 1200px) {
-    .contacts-container .left-side {
-        width: 20% !important;
-    }
-
-    .contacts-container .importants .important:nth-child(2) .description {
-        padding-left: 58px;
-    }
-
-}
-
-@media (min-width: 1200px) {
-    .contacts-container .main-title {
-        width: 60%;
-        padding-left: 40px;
-    }
-
-    .contacts-container .focus-content {
-        width: 60%;
-        padding-left: 40px;
-    }
-
-    .contacts-container .important {
-        width: 100%;
-    }
-}
-
-@media (max-width: 1200px) {
-
-    .contacts-container .center-content .callback {
-        margin-bottom: 40px;
-    }
-
-    .contacts-container .left-side {
-        width: 100% !important;
-        margin-bottom: 40px;
-    }
-
-    .contacts-container .left-side .main-title {
-        float: none;
-        width: 100% !important;
-    }
-
-    .contacts-container .center-content {
-        width: 100%;
-    }
-
-    .contacts-container .center-content .to-doctors .personal-doctor {
-        width: 100%;
-    }
-
-    .contacts-container .center-content .callback form .form-button {
-        width: 100%;
-    }
-
-    .contacts-container .main-title {
-        padding-left: 15px;
-    }
-
-    .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image {
-        width: 10%;
-        padding-top: 20px;
-    }
-
-    .contacts-container .left-side .importants .important-image {
-        width: 10%;
-    }
-
-    .contacts-container .left-side .importants .description {
-        padding-top: 20px !important;
-    }
-
-    .contacts-container .right-side-bar .info .logo {
-        display: none;
-    }
-
-    .contacts-container .main-title {
-        display: block;
-    }
-
-    .contacts-container .center-content .title {
-        display: none;
-    }
-
-    .contacts-container .center-content .subtitle {
-        display: none;
-    }
-
-}
-
 /*CONTACTS PAGE END*/
 
 /*SPECIALISTS PAGE*/
@@ -1770,13 +1399,6 @@ footer .copyright .logo {
     text-align: right;
 }
 
-@media (min-width: 768px) {
-    .specs-container .today .today-item {
-        float: left;
-        width: 33.333332%;
-    }
-}
-
 /*SPECIALISTS PAGE END*/
 /*NEWS*/
 
@@ -2039,70 +1661,6 @@ footer .copyright .logo {
     text-align: center;
 }
 
-@media(max-width: 1200px) {
-    .right-side-bar .today .today-item {
-        width: 33.33333%;
-        float: left;
-    }
-
-    .left-side .news-importants {
-        display: none;
-    }
-
-}
-
-@media(min-width: 992px) {
-    .left-side .new-importants {
-        display: none;
-    }
-}
-
-@media(max-width: 768px) {
-    .right-side-bar .today .today-item {
-        width: 100%;
-        float: left;
-    }
-
-    .right-side-bar .today {
-        display: none;
-    }
-
-    .center-content .pagination {
-        display: none;
-    }
-
-    .left-side .add-info {
-        display: block;
-    }
-}
-
-@media(max-width: 550px) {
-    .center-content .news {
-        padding-left: 0;
-    }
-
-    .center-content .news .news-item {
-        padding-left: 0;
-        width: 93%;
-        float: none;
-        margin: 0 auto;
-        margin-bottom: 20px;
-    }
-
-    .center-content .news .news-item .title {
-        left: 30%;
-    }
-
-    .center-content .news .news-item .image {
-        padding-left: 0;
-        width: 100%;
-        margin: 0 auto;
-    }
-    .center-content .news .news-item .image img {
-        margin: 0 auto;
-    }
-}
-
 /*NEWS END*/
 
 /*ABOUT*/
@@ -2292,64 +1850,6 @@ footer .copyright .logo {
     width: 25%;
 }
 
-@media (max-width: 1200px) {
-
-    .center-content .about {
-        margin-bottom: 20px;
-    }
-
-    .center-content .about .doctor {
-        margin-bottom: 20px;
-    }
-
-    .center-content .about .about-text .title {
-        display: block;
-    }
-}
-
-@media (max-width: 768px) {
-
-    .center-content .documents .doc-item {
-        width: 100%;
-        float: none;
-        padding: 5px;
-    }
-
-    .center-content .documents .row {
-        margin: 20px 0;
-    }
-
-    .center-content .about-main-text .image {
-        display: none;
-    }
-
-    .center-content .about .youtube iframe {
-        width: 100%;
-    }
-
-    .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat {
-        display: none;
-    }
-
-    .center-content .to-doctors-about .personal-doctor .doctor-image {
-        display: none;
-    }
-
-    .center-content .to-doctors .personal-doctor .doctor-header {
-        border-radius: 0 !important;
-    }
-
-    .center-content .to-doctors .personal-doctor .doctor-header .doctor-name {
-        padding-left: 15px !important;
-    }
-}
-
-@media (max-width: 768px) {
-    .smi {
-        display: none;
-    }
-}
-
 /*ABOUT END*/
 
 /*SERVICES*/
@@ -2425,28 +1925,6 @@ footer .copyright .logo {
     margin-bottom: 60px;
 }
 
-@media(max-width: 768px) {
-    .service-more {
-        display: block;
-    }
-
-    .service-item .service-unit {
-        text-align: left !important;
-        width: 100% !important;
-        float: none;
-        padding: 5px;
-    }
-
-    .service-row {
-        margin: 20px 0;
-    }
-
-    .service-item .service-unit:nth-child(1) {
-        display: none;
-    }
-
-}
-
 /*SERVICES END*/
 
 /*TODAY*/
@@ -2557,16 +2035,6 @@ footer .copyright .logo {
     display: none;
 }
 
-@media (max-width: 768px) {
-    .center-content .pagination-mobile {
-        display: block;
-    }
-
-    .center-content .pagination-mobile .pagination div {
-        width: 16.66666%;
-    }
-}
-
 /*TODAY END*/
 /*PATIENT*/
 
@@ -2704,13 +2172,6 @@ footer .copyright .logo {
     font-family: Cuprum;
 }
 
-@media(max-width: 420px) {
-    .vacancy .vacancy-data .vacancy-table .vacancy-row div {
-        width: 100%;
-        float: none;
-    }
-}
-
 .mini-title-2 {
     font-family: Cuprum;
     font-weight: 600;
@@ -2762,42 +2223,6 @@ footer .copyright .logo {
     display: block;
 }
 
-@media(max-width: 700px) {
-    .content .unit-clinics .clinic {
-        padding-left: 15px;
-    }
-
-    .content .unit-clinics .clinic .title {
-        margin-bottom: 10px;
-    }
-
-    .content .unit-clinics .clinic .subtitle {
-        padding-left: 0;
-    }
-
-    .content .unit-clinics .clinic .clinic-image {
-        display: none;
-    }
-}
-
-@media(max-width: 400px) {
-    .container .importants-unit .important .description {
-        font-size: 14px;
-    }
-    .container .importants-unit .important:nth-child(5) .description {
-        padding-top: 15px !important;
-    }
-
-    .container .importants-unit .important:nth-child(3) .description {
-        padding-top: 15px !important;
-    }
-
-    .container .importants-unit .important:nth-child(2) .description {
-        padding-left: 55px !important;
-    }
-
-}
-
 /*UNITS END*/
 
 /*CONTROLS-ORG-PAGE*/
@@ -2905,17 +2330,6 @@ footer .copyright .logo {
     text-align: center;
 }
 
-@media(max-width: 991px) {
-    .control-org .image {
-        text-align: center;
-    }
-
-    .control-org .col-lg-4 {
-        padding-right: 15px;
-    }
-
-}
-
 /*CONTROLS-ORG-PAGE END*/
 /*UNIT*/
 .control-org-unit {
@@ -3066,20 +2480,6 @@ footer .copyright .logo {
     margin-bottom: 30px;
 }
 
-@media(max-width: 1200px) {
-    .content .today-unit {
-        display: none;
-    }
-
-    .control-org-unit .youtube-unit {
-        display: block;
-    }
-
-    .mobile-invisible-doctors {
-        display: none;
-    }
-}
-
 /*UNIT END*/
 /*FAQ*/
 

+ 2 - 0
src/files/scss/main.scss

@@ -20,6 +20,8 @@
 @import "flat-links";
 @import "person-page";
 
+@import "media-overrides";
+
 body {
     font-family: $fontopensans;
 }

+ 554 - 0
src/files/scss/media-overrides.scss

@@ -0,0 +1,554 @@
+@media (min-width: 992px) {
+    .left-side {
+        padding-right: 20px;
+    }
+    .today .today-item {
+        width: 50%;
+    }
+
+    .content-right .news-item {
+        width: 50%;
+    }
+}
+
+@media (min-width: 768px) {
+    .left-side {
+        padding: 0 2px;
+    }
+    .today .today-item {
+        float: left;
+        width: 50%;
+    }
+
+    .content-right .news-item {
+        float: left;
+        width: 50%;
+    }
+    .specs-container .today .today-item {
+        float: left;
+        width: 33.333332%;
+    }
+}
+
+@media (min-width: 1200px) {
+    .swiper-container {
+        height: 290px;
+    }
+    .important {
+        width: 47%;
+    }
+    .contacts-container .main-title {
+        width: 60%;
+        padding-left: 40px;
+    }
+
+    .contacts-container .focus-content {
+        width: 60%;
+        padding-left: 40px;
+    }
+
+    .contacts-container .important {
+        width: 100%;
+    }
+}
+
+@media (max-width: 992px) {
+    .left-side {
+        width: 27% !important;
+    }
+
+    .content-a-lot {
+        padding-right: 0;
+    }
+
+    .main-container .col-lg-10 {
+        width: 73% !important;
+    }
+
+    header .circles {
+        position: static !important;
+    }
+
+    header .menu ul li a {
+        font-size: 14.5px;
+    }
+    .left-side .new-importants {
+        display: none;
+    }
+
+}
+
+@media (max-width: 1200px) {
+    .main-title .soc {
+        display: none;
+    }
+
+    footer .admin-button {
+        width: 100%;
+    }
+
+    footer .list {
+        width: 100%;
+        padding-right: 40px;
+    }
+
+    footer .list li {
+        display: none;
+    }
+
+    footer .list li:nth-child(1) {
+        display: block;
+    }
+    .left-side {
+        width: 20%;
+    }
+
+    .content-left {
+        width: 100%;
+    }
+
+    .content-right .news .news-item .title {
+        left: 20%;
+    }
+
+    .contacts-container .center-content .news-item .inner .image .title {
+        left: 25%;
+    }
+
+    .content-left .clinic {
+        width: 100%;
+    }
+
+    .content-right {
+        width: 100%;
+    }
+
+    .content-right .importants .important .description {
+        padding-top: 30px !important;
+    }
+
+    .content-right .importants .important .important-image {
+        width: 10%;
+    }
+    .contacts-container .left-side {
+        width: 20% !important;
+    }
+
+    .contacts-container .importants .important:nth-child(2) .description {
+        padding-left: 58px;
+    }
+    .contacts-container .center-content .callback {
+        margin-bottom: 40px;
+    }
+
+    .contacts-container .left-side {
+        width: 100% !important;
+        margin-bottom: 40px;
+    }
+
+    .contacts-container .left-side .main-title {
+        float: none;
+        width: 100% !important;
+    }
+
+    .contacts-container .center-content {
+        width: 100%;
+    }
+
+    .contacts-container .center-content .to-doctors .personal-doctor {
+        width: 100%;
+    }
+
+    .contacts-container .center-content .callback form .form-button {
+        width: 100%;
+    }
+
+    .contacts-container .main-title {
+        padding-left: 15px;
+    }
+
+    .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image {
+        width: 10%;
+        padding-top: 20px;
+    }
+
+    .contacts-container .left-side .importants .important-image {
+        width: 10%;
+    }
+
+    .contacts-container .left-side .importants .description {
+        padding-top: 20px !important;
+    }
+
+    .contacts-container .right-side-bar .info .logo {
+        display: none;
+    }
+
+    .contacts-container .main-title {
+        display: block;
+    }
+
+    .contacts-container .center-content .title {
+        display: none;
+    }
+
+    .contacts-container .center-content .subtitle {
+        display: none;
+    }
+    .right-side-bar .today .today-item {
+        width: 33.33333%;
+        float: left;
+    }
+
+    .left-side .news-importants {
+        display: none;
+    }
+
+    .center-content .about {
+        margin-bottom: 20px;
+    }
+
+    .center-content .about .doctor {
+        margin-bottom: 20px;
+    }
+
+    .center-content .about .about-text .title {
+        display: block;
+    }
+
+    .content .today-unit {
+        display: none;
+    }
+
+    .control-org-unit .youtube-unit {
+        display: block;
+    }
+
+    .mobile-invisible-doctors {
+        display: none;
+    }
+
+}
+
+@media (max-width: 768px) {
+    .left-side .specializations .spec {
+        display: none;
+    }
+
+    .left-side .specializations .more {
+        display: none;
+    }
+
+    .left-side .add-info {
+        display: none;
+    }
+
+    .main-container .main-title {
+        display: none;
+    }
+
+    .content .clinics {
+        display: none;
+    }
+
+    .content-right {
+        padding-right: 0;
+    }
+
+    .content-right .importants {
+        display: none;
+    }
+
+    .left-side {
+        width: 100% !important;
+        margin-bottom: 40px;
+    }
+
+    .main-container .col-lg-10 {
+        width: 100% !important;
+    }
+
+    .main-container .main-title {
+        width: 100% !important;
+    }
+
+    .main-container .content-right {
+        width: 100% !important;
+    }
+
+    .main-container .today {
+        width: 100% !important;
+        padding-left: 0;
+    }
+
+    .content-right .news {
+        padding-left: 0;
+    }
+
+    .importants {
+        width: 100% !important;
+    }
+
+    .main-container .content-left {
+        width: 100% !important;
+        padding: 0;
+    }
+
+    .main-container .content-left .clinic {
+        width: 100% !important;
+    }
+
+    .main-container .mobile {
+        display: block;
+    }
+
+    .left-side .title {
+        font-size: 32px;
+    }
+
+    .left-side .main-title {
+        padding: 0;
+    }
+
+    .left-side {
+        padding-right: 15px;
+    }
+
+    .left-side .logo-subtitle {
+        width: 50%;
+        margin: 0 auto;
+    }
+
+    .left-side .specializations .spec-header a {
+        transform: rotate(90deg);
+    }
+
+    .content-left .doctor {
+        margin-bottom: 30px;
+    }
+
+    .content-left .about .about-text {
+        margin-bottom: 30px;
+    }
+
+    .main-container .content-a-lot {
+        padding-right: 15px;
+        padding-left: 15px;
+        margin-right: 0;
+        margin-left: 0;
+    }
+
+    .today .today-item {
+        width: 50%;
+        float: left;
+    }
+
+    .content-right .news .news-item {
+        width: 50%;
+        float: left;
+    }
+
+    .content-right .news .news-item .title {
+        left: 20%;
+    }
+
+    header .menu li {
+        display: none;
+    }
+
+    header .menu ul .circles {
+        display: block;
+        position: absolute !important;
+    }
+
+    header .menu ul .burger {
+        left: 0;
+    }
+
+    header .menu-mobile {
+        position: absolute;
+        width: 100%;
+    }
+
+    header .menu-mobile ul {
+        padding: 0;
+    }
+    .right-side-bar .today .today-item {
+        width: 100%;
+        float: left;
+    }
+
+    .right-side-bar .today {
+        display: none;
+    }
+
+    .center-content .pagination {
+        display: none;
+    }
+
+    .left-side .add-info {
+        display: block;
+    }
+    .center-content .documents .doc-item {
+        width: 100%;
+        float: none;
+        padding: 5px;
+    }
+
+    .center-content .documents .row {
+        margin: 20px 0;
+    }
+
+    .center-content .about-main-text .image {
+        display: none;
+    }
+
+    .center-content .about .youtube iframe {
+        width: 100%;
+    }
+
+    .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat {
+        display: none;
+    }
+
+    .center-content .to-doctors-about .personal-doctor .doctor-image {
+        display: none;
+    }
+
+    .center-content .to-doctors .personal-doctor .doctor-header {
+        border-radius: 0 !important;
+    }
+
+    .center-content .to-doctors .personal-doctor .doctor-header .doctor-name {
+        padding-left: 15px !important;
+    }
+
+    .service-more {
+        display: block;
+    }
+
+    .service-item .service-unit {
+        text-align: left !important;
+        width: 100% !important;
+        float: none;
+        padding: 5px;
+    }
+
+    .service-row {
+        margin: 20px 0;
+    }
+
+    .service-item .service-unit:nth-child(1) {
+        display: none;
+    }
+
+    .smi {
+        display: none;
+    }
+
+    .center-content .pagination-mobile {
+        display: block;
+    }
+
+    .center-content .pagination-mobile .pagination div {
+        width: 16.66666%;
+    }
+
+}
+
+@media(max-width: 485px) {
+    .content-right .news .news-item {
+        width: 100%
+    }
+
+    .today .today-item {
+        margin: 0 auto;
+        width: 100%;
+        margin-bottom: 10px;
+    }
+
+    .content-right .news .news-item .title {
+        left: 25%;
+    }
+}
+
+@media(max-width: 550px) {
+    .center-content .news {
+        padding-left: 0;
+    }
+
+    .center-content .news .news-item {
+        padding-left: 0;
+        width: 93%;
+        float: none;
+        margin: 0 auto;
+        margin-bottom: 20px;
+    }
+
+    .center-content .news .news-item .title {
+        left: 30%;
+    }
+
+    .center-content .news .news-item .image {
+        padding-left: 0;
+        width: 100%;
+        margin: 0 auto;
+    }
+    .center-content .news .news-item .image img {
+        margin: 0 auto;
+    }
+}
+
+@media(max-width: 420px) {
+    .vacancy .vacancy-data .vacancy-table .vacancy-row div {
+        width: 100%;
+        float: none;
+    }
+}
+
+@media(max-width: 700px) {
+    .content .unit-clinics .clinic {
+        padding-left: 15px;
+    }
+
+    .content .unit-clinics .clinic .title {
+        margin-bottom: 10px;
+    }
+
+    .content .unit-clinics .clinic .subtitle {
+        padding-left: 0;
+    }
+
+    .content .unit-clinics .clinic .clinic-image {
+        display: none;
+    }
+}
+
+@media(max-width: 400px) {
+    .container .importants-unit .important .description {
+        font-size: 14px;
+    }
+    .container .importants-unit .important:nth-child(5) .description {
+        padding-top: 15px !important;
+    }
+
+    .container .importants-unit .important:nth-child(3) .description {
+        padding-top: 15px !important;
+    }
+
+    .container .importants-unit .important:nth-child(2) .description {
+        padding-left: 55px !important;
+    }
+
+}
+
+@media(max-width: 991px) {
+    .control-org .image {
+        text-align: center;
+    }
+
+    .control-org .col-lg-4 {
+        padding-right: 15px;
+    }
+
+}

Daži faili netika attēloti, jo izmaiņu fails ir pārāk liels