/* --------------------
Semmelweis University Department of Biophysics
Responsive stylesheet
Author: mentatea.hu
-------------------- */



@media screen and (max-width: 960px) {
	/* ---------- tablazatok ----------  */
	table.munkatarsak td.munkatars-nev {
		width: auto;
	}
	table.munkatarsak,
	table.eloadasok,
	table.dokumentumok {
		display: block;
		width: auto;
		margin: 0 0 1em 0;
	}
	table.munkatarsak tr,
	table.munkatarsak thead,
	table.munkatarsak tbody,
	table.eloadasok tr,
	table.eloadasok tbody,
	table.eloadasok thead,
	table.dokumentumok tr,
	table.dokumentumok tbody
	{
		display: block;
	}
	table.dokumentumok thead {
		display: none;
	}

	table.munkatarsak td,
	table.eloadasok td,
	table.dokumentumok td {
		display: block;
		padding: 0 0 0.2em 0;
		border-bottom: 0;
	}

	table.munkatarsak tr td:first-child,
	table.eloadasok tr td:first-child,
	table.dokumentumok tr td:first-child {
		padding-top: 1em;
	}

	table.munkatarsak tr td:last-child,
	table.eloadasok tr td:last-child,
	table.dokumentumok tr td:last-child {
		padding-bottom: 1em;
		border-bottom: 1px solid #ddd;
	}
	table.dokumentumok tr td:last-child {
		padding-bottom: 0.5em;
	}
	table.munkatarsak tr:last-of-type td:last-child,
	table.eloadasok tr:last-of-type td:last-child,
	table.dokumentumok tr:last-of-type td:last-child {
		border-bottom: 0 none;
	}



	table.munkatars-adatlap {
		margin-left: 0;
	}
	#munkatarskep {
		margin-right: 0;
	}
	#munkatarslap {
		margin-left: 15px;
	}

	table.dokumentumok td.filedatum {
		font-size: 14px;
		text-align: left;
		padding-left: 20px;
	}

	table.eloadasok td.cim {
		font-weight: bold;
	}

	#content table.eloadasok td.file {
		width: 100%;
		max-width: 300px;
	}
	#content table.eloadasok td.file a {
		display: block;
		margin-right: 1em;
	}

}
@media screen and (max-width: 1100px) {
	#main .page-title {
		font-size: 2.55vw;
	}

}
@media screen and (max-width: 1015px) {
	#main header.content-header.with-tabbs {

	}
	.content-inner.with-tabbs, .menu-content-inner {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (max-width: 900px) {
	/* body.noside #content {
		float: none;
		width: 100%;
		margin-left: 0;
	} */
	#main .page-title {
		font-size: 23px;
	}
	#site-title-title h1 {
		font-size: 3.6vw;
	}
	#site-title-title h3 {
		font-size: 2.3vw;
	}
	h2.box-title {
		font-size: 3vw;
	}
	h2.section-title{
		font-size: 4.25vw;
	}
	#nav {}
	#home-intro p {
		font-size: 16px;
	}

	#home-contact address,
	.hirek-hir,
	#nav,
	#top-nav-inner,
	#header-top,
	#home-intro {
		padding-left: 15px;
		padding-right: 15px;
	}
	#home-slider, #main, #footer, #header, #top-nav {
		width: calc(100% - 20px);
	}
	#top-nav {
		margin-top: 10px;
	}
	.ontop-notify {
		margin-bottom: 15px;
	}
	#site-title-logo {
		padding-right: 2vw;
	}
}



@media screen and (max-width: 880px) {
	.content-dokumentumtar-inner h2 {
		font-size: 16px;
	}
	.content-dokumentumtar-inner h3 {
		font-size: 14px;
	}

	#dokumentumtar #main header {
		display: none;
		min-height: 50px;
	}
	.side-title-dokumentumtar {
		display: block;
	}
	.content-dokumentumtar-inner {
		padding-left: 15px;
		padding-right: 15px;
	};
	.dokumentumok .filenev {
		font-size: 14px;
	}
	#dokumentumtar #main {
		display: block;
		flex-direction: unset;
		position: relative;
	}
	#dokumentumtar #side {
		width: 100%;
	}
	#dokumentumtar #main-inner {
		flex: unset;
	}
	.side-content-dokumentumtar {
		position: relative;
		max-height: calc(60vh - 210px - 50px);
		overflow: auto;
		background: #426EA1 linear-gradient(0deg, rgba(0,0,0,0.3), transparent);
		scrollbar-width: thin;
	}
  .side-content-dokumentumtar {
    scrollbar-width: thin;
    scrollbar-color: #ababab #e8e8e8;
  }

  .side-content-dokumentumtar::-webkit-scrollbar {
    width: 8px;
  }
  .side-content-dokumentumtar:hover::-webkit-scrollbar {
		width: 10px;
	}
  .side-content-dokumentumtar::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(255,255,255,0.2);
  }

  .side-content-dokumentumtar::-webkit-scrollbar-thumb {
		background: rgba(0, 123, 255, 0.5);
    border-radius: 10px;
    border: 0 none;
  }
	.side-content-dokumentumtar::-webkit-scrollbar-thumb:hover {
		background-color: #007bff;
	}

	#home-contact,
	.hirek-hir {
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px;
	}
	/* hide top-nav menu list */
	#top-nav-menu-list {
		display: none;
	}
	#top-nav-menu ul li:first-child {

	}
	/* show responsive menu */
	#top-nav .slicknav_menu {
		display: block;
	}
	#top-nav-inner {
		padding-left: 0;
		padding-right: 0;
	}

	#util {
		width: 100%;
		text-align: left;
/*		background: #f1f1f1;
		box-shadow: -25rem 0 0 #f1f1f1, 25rem 0 0 #f1f1f1;*/
	}
	#nav .slicknav_nav {
		margin: 1em 0;
	}
	table#title {
		clear: both;
		width: 100%;
		margin: 0;
	}

	#content {
		width: 100%;
		margin-left: 0;
	}


	#side p.vissza {
		display: block;
		padding: 0 10px;
	}



	table#title {
		margin: 10px 0 10px 0;
	}

	body.department #nav {
		margin: 10px 0 0 0;
	}

	body.department #nav ul li {
		padding-right: 3%;
		margin: 0 0 12px 0;
	}
	.content-munkatars-inner {
		flex-direction: row-reverse;
		justify-content: start;
	}
	#munkatarslap {
		margin-left: 30px;
	}


	table.munkatars-adatlap {
		width: 100%;
		display: block;
	}
	table.munkatars-adatlap tbody {
		display: block;
	}

	table.munkatars-adatlap tr {
		display: block;
		padding: 0.5em 0;
		margin-bottom: 0.5em;
		border-bottom: 1px solid #eee;
	}
	table.munkatars-adatlap th {
		border-bottom: 0 none;
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 500;
		padding: 0 0 0.5em 0;
	}
	table.munkatars-adatlap td {
		display: block;
		width: auto;
		border-bottom: 0;
		padding: 0;
	}

	table.munkatars-adatlap .adatneve {
		margin: 0;
	}

	#title-title h1 {
		font-size: 24px;
		font-size: 2.4rem;
	}



	#map_canvas {
		width: 96% !important;
		margin: 0 0 20px 0;
		border: 1px solid #cccccc;
		font-size: 0.9em;
		background: transparent url(../img/static-map.gif) left top no-repeat;
	}

	.esemenyek-esemeny .esemenyek-datum {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.esemenyek-esemeny .esemenyek-datum:after {
		content: "";
		display: table;
		clear: both;
	}

	.esemenyek-esemeny .esemenyek-adatok {
		float: none;
		clear: both;
		width: 100%;
	}

	table#title {
		margin: 0 0 10px 0;
	}

	td#title-logo {
		vertical-align: top;
		padding-top: 3px;
	}

	td#title-title {
		vertical-align: top;
	}

	/* hide nav menu list */
	#nav-list {
		display: none;
	}

	/* show responsive menu */
	#nav .slicknav_menu {
		display: block;
	}


	td#title-logo {
		width: 24%;
	}

	#title-title h1 {
		font-size: 21px;
		font-size: 2.1rem;
	}

	#title-title h3 {
		font-size: 12px;
		font-size: 1.2rem;
	}

	body.department #nav,
	body.nanogroup #nav {
		width: 100%;
		background-color: #ddd;
	}

	body.department #nav ul li,
	body.nanogroup #nav ul li {
		margin: 2px 0;
		font-size: 24px;
	}

	body.department #nav ul li a,
	body.nanogroup #nav ul li a {
		padding: 0.33em 0.5em;
	}
	/* ---------- oldalsav ----------  */



	/* ---------- fulek ----------  */


	#content ul.tabbernav li {
	}

	#content ul.tabbernav li a {
	}


	/* ---------- kepek ----------  */

	#content img.left,
	#content  p.left,
	#content  img.right,
	#content  p.right {
		float: none;
		display: block;
		margin:10px 0;
	}

	#content img {
		max-width: 96% !important;
		height: auto !important;
	}

	/* ---------- urlapok ----------  */

	form div label {
		float: none;
		display: block;
		width: 96%;
		margin: 0;
	}

	form div input,
	form div textarea {
		float: none;
		width: 97%;
	}

	/* ---------- lablec ----------  */

	#footer #footer-links menu {
		text-align: center;
	}
	#footer #footer-links .copyright {
		text-align: center;
	}

	#footer #footer-contact {
		border-bottom: 0;
	}

	/* ---------- hirek, esemenyek ----------  */

	#content ul.elozokovetkezo li.lista a {
		padding-left: 0;
		background-image: none;
	}

	.hirek-noitems,
	.esemenyek-noitems,
	#nanohome .esemenyek-noitems {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
}


@media screen and (max-width: 780px) {
	#home-contact address {
		width: 100%;
		margin: 0;
		padding: 30px;
	}
	#home-contact iframe {
		width: calc(100% - 2px);
		margin: 0 auto 1px auto;
	}
	.munkatars-group,
	.oktatas-parent > li {
		width: 100%;
	}
	.munkatars-group:nth-child(2n+1)::before,
	.oktatas-parent > li:nth-child(2n+1)::before {
		display: none;
	}
	#top-nav-menu ul li {
		border-left: 0 none;
	}
}
@media screen and (max-width: 680px) {
	#site-title-logo {
		width: 15vw;
		min-width: 80px;
	}
	h2.box-title {
		font-size: 24px;
	}

}

@media screen and (max-width: 600px) {
	#munkatarslap {
		margin-left: 0;
	}
	#home-intro p {
		font-size: 16px;
		line-height: 1.7;
	}
	#content #munkatarskep img {
		border: 0 none;
	}
	body.department #nav ul li,
	body.nanogroup #nav ul li {
		margin: 2px 0;
		font-size: 20px;
	}
	.content-munkatarsak-inner {
		padding-left: 15px;
		padding-right: 15px;
	}
	#main header,
	.content-inner {
		padding-left: 15px;
		padding-right: 15px;
	}

	#home-slider, #main, #footer, #header, #top-nav {
		width: calc(100% - 6px);
	}
	#header-top {
		padding-left: 10px;
		padding-right: 10px;
	}
	#top-nav {
		margin-top: 3px;
	}

	h2.section-title {
		margin-left: 10px;
		width: calc(100% - 10px);
	}
	.munkatars-group,
	.oktatas-parent > li {
		padding: 15px 0;
	}
	.munkatars-group::after,
	.oktatas-parent > li::after {
		width: 100%;
		display: none;
	}
	.oktatas-parent > li h2 {
		font-size: 18px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 560px) {
	#main header .page-title {
		font-size: 22px;
	}
	h2.section-title {
		font-size: 24px;
	}
	h2.box-title {
		font-size: 22px;
	}
	#site-title-title h1 {
		font-size: 4vw;
	}
	#site-title-title h3 {
		font-size: 2.5vw;
	}

}
@media screen and (max-width: 520px) {
	#main header .page-title {
		font-size: 20px;
	}
	h2.section-title {
		font-size: 22px;
	}
	/* #site-title-title h1 {
		font-size: 4vw;
	}
	#site-title-title h3 {
		font-size: 2.5vw;
	} */

	#util p.links {
		margin: 5px 0 0 0;
		font-size: 11px;
		line-height: 1.4em;
	}
	.lang-select li a {
		font-size: 13px;
		border-color: rgba(255,255,255,0.2);
	}
}

@media screen and (max-width: 460px) {
	#content ul.tabbernav {
		/* justify-content: center; */
		font-size: 13px;
	}
	#content ul.tabbernav li a {
		padding: 9px 15px;
	}
	#content ul.tabbernav li {
		margin-right: 6px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	#content ul.tabbernav li.tabberactive a, #content ul.tabbernav li.tabberactive a:hover {
			background: none;
		  background-color: #4C82C1;
	}
}
@media screen and (max-width: 450px) {

}
@media screen and (max-width: 410px) {
	#main header {
		min-height: 65px;
	}
	#dokumentumtar #main header {
		min-height: 0;
	}
	#main header .page-title {
		font-size: 18px;
	}
	h2.section-title {
		font-size: 18px;
	}

}

@media screen and (max-width: 350px) {
	#site-title {
		flex-wrap: wrap;
	  margin-top: 0;
	  margin-bottom: 0;
	}
	#site-title-logo {
		margin: 10px 0;
	}
	#site-title-title {
	}
	#site-title-title h1 {
		font-size: 14px;
	}
	#site-title-title h3 {
		font-size: 12px;
	}
}