@media (max-width: 1400px) {
  .center {
    max-width: 90% !important;
  }
  img {
    height: auto;
    max-width: 100% !important;
  }
	#logo{ max-width: 210px;}
	
	.progUL {
    flex-direction: column;
}
	
	
}
@media (max-width: 1160px) {
	#logo img {
    max-height:  90px;
    height: auto;
    max-width: auto;
}
	#header{ 
	padding: 10px 10px;}	
	
div#maximenuck113.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div#maximenuck113.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator, div#maximenuck113.maximenuckh ul.maximenuck li.maximenuck.level1 > span.nav-header {
    padding-right: 5px !important;
    padding-left: 5px !important;
}	
div#maximenuck113.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck113.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck, div#maximenuck113.maximenuckh ul.maximenuck li.maximenuck.level1 > span.nav-header span.titreck, select#maximenuck113.maximenuckh ul.maximenuck {
    font-size: 1.0rem !important;
}	
	
	
	
}
@media (max-width: 950px) {}
@media (max-width: 768px) {
  body {
    
	  padding-top: 80px;
	  font-size: 1rem;
  }
  img {
    height: auto;
    max-width: 100% !important;
  }
  iframe {
    height: auto;
    max-width: 100% !important;
  }
:root {
    --wm-header-pad-y: 15px;
	--wm-header-pad-x: 20px;
	}	

#header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;

    width: 100%;
    box-sizing: border-box;
    z-index: 9999;

    padding: 10px 10px;
    margin: 0;

    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(12px) saturate(160%);
    -webkit-backdrop-filter: blur(12px) saturate(160%);

            box-shadow: 0 0 25px #0000002b !important;
    transform: none !important;
    transition: none !important;
  }

  body.header-is-scrolled #header {
    position: fixed !important;
    top: 0;
    padding: 20px 20px;
    box-shadow: none;
  }

  #logo,
  body.header-is-scrolled #logo {
    transform: none !important;
    transition: none !important;
  }	
	
	
#header .center {
    
}	
	#menuBar	{width: 85px;}
	#logo img {
    max-height:  70px;
    height: auto;
    max-width: auto;
}
.progUL {
    flex-direction: column;
}	
	
#eksidikefsi h3, #ultrasound h3 {
    margin-bottom: 30px;

    font-size: 2.0rem;
}
.wmItemHeader {
        position: relative;
        aspect-ratio: 16 / 16;
        height: auto !important;
        /* width: 100% !important; */
        min-height: auto !important;
	padding: 30px;
    }
	
	.wmItemHeader .title h1 {
    color: #fff;
    margin-bottom: 1rem;
		font-size: 1.65rem;
    font-weight: 100;
}
.com-content-category-blog h1, .wmArticle__title {
font-size: 1.65rem;
}	
#news .webmacModBody {
    padding: 0 35px;
}	
	.wmBlog .blog-items {
 padding: 0 35px;
}
.wmArticle {
 padding: 0 35px;
}	
	
	
}



/*
 * Responsive fixes για το template webmac.
 * Τα breakpoints αφορούν αναλύσεις περίπου 1399 px, 1350 px, 1200 px και 992 px.
 */

/* Μενού – επιτρέπουμε wrap των συνδέσμων όταν αρχίσει να στενεύει η οθόνη */
@media (max-width: 1399.98px) {
  nav.navbar ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  nav.navbar ul > li {
    margin-right: 1rem;
    margin-bottom: 0.25rem;
  }
}

/* Ενότητα «Τομείς Εξειδίκευσης» – στοίβαξε την εικόνα και το κείμενο */
@media (max-width: 1349.98px) {
  .specialization-section {
    display: flex;
    flex-wrap: wrap;
  }
  .specialization-section .image,
  .specialization-section .content {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .specialization-section .image {
    margin-bottom: 1.5rem;
  }
}

/* «Α’, Β’, Γ’ τρίμηνο» – δύο κάρτες ανά γραμμή κάτω από 1200 px, μία κάτω από 992 px */
@media (max-width: 1199.98px) {
  .trimester-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  .trimester-cards .card {
    flex: 1 1 50%;
    max-width: 50%;
  }
}
@media (max-width: 991.98px) {
  .trimester-cards .card {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* «Τελευταία Νέα» – αντίστοιχο wrap των καρτών */
@media (max-width: 1199.98px) {
  .news-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  .news-cards .card {
    flex: 1 1 50%;
    max-width: 50%;
  }
}
@media (max-width: 991.98px) {
  .news-cards .card {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* Footer – μοιράζουμε τους συνδέσμους σε δύο στήλες κάτω από 1250 px */
@media (max-width: 1249.98px) {
  .footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .footer-links li {
    flex: 1 1 50%;
    max-width: 50%;
  }
}