@-webkit-viewport { /*for webkit browser*/
    width: 100%;
	-webkit-width:100%;
}

/* --------MAINMENU-------- */


	#menueskeres{
		height:auto;
		transition: all 300ms;
        border-top-left-radius: 33% 20px;
        border-top-right-radius: 33% 20px;
        background:#fff;
	}


/* --------MAINMENU vege-------- */


/* --------scroll to top-------- */
.scroll {
	opacity: 0.5;
	background-color: var(--maincolor);
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 15px;
	right: 15px;
	border-radius: 5px;
	border: none;
	z-index: 2000;
	cursor: pointer;
	transition: all 300ms;
	transform:scale(0);
}
.scroll:hover {
  opacity: 0.8;
}

.arrow-up {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -11px;
  transform: rotate(90deg);
  font-size:3em;
}

/* --------scroll to top vege-------- */


/* --------LOGINBOX-------- */
#c2_1024 #header #login_box #login_form form#user_login_box label, #c2_1024 #header #login_box #logout_form form#user_login_box label {
    width: 36px;
    line-height: unset;
    margin: 5% 0 0 0;
    padding: 0 0 0 0px;
    float: left;
    font-size: 0.9em;
    color: #464c57;
	text-align: left;
}	

fieldset {
    padding: 10px;
}
fieldset {
    float: none;
    clear: both;
}

#inputs input {
    background: #f1f1f1;
    padding: 6px 5px;
    border-radius: 3px;
    box-shadow: 0 1px 1px #ccc inset;
}

#inputs{
}

#actions{
	box-sizing:border-box;
	margin-top: 10px;
}

#c2_1024 #header #login_box #login_form form#user_login_box input.text, #c2_1024 #header #login_box #logout_form form#user_login_box input.text {
    border: 0;
    width: 70%;
    height: 30%;
    margin: 5px 0 0 0;
    float: right;
}

#c2_1024 #header #login_box #login_form a#registration, 
#c2_1024 #header #login_box #login_form a#settings, 
#c2_1024 #header #login_box #logout_form a#registration, 
#c2_1024 #header #login_box #logout_form a#settings {
    position: unset;
	right: 7px;
	top: 7px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	color: #fff;
	display: block;
	background: #004050;
	border-radius: 3px 3px 0px 0px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	}
	
	#c2_1024 #header #login_box #login_form a#forgottenpwd, 
	#c2_1024 #header #login_box #logout_form a#forgottenpwd {
    position: unset;
	right: 7px;
	top: 7px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	color: #004050;
	display: block;
	background: #fff;
	border-radius: 0px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	}
	
	#c2_1024 #header #login_box #login_form a#tagfelveteli-kerelem, 
	#c2_1024 #header #login_box #logout_form a#tagfelveteli-kerelem {
    position: unset;
	right: 7px;
	top: 7px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	color: #004050;
	display: block;
	background: #fff;
	border-radius: 0px 0px 3px 3px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	}
	
#c2_1024 #header #login_box #login_form form#user_login_box #inputs input#submit,
#c2_1024 #header #login_box #logout_form form#user_login_box #inputs input#submit {
    text-indent: 0px;
    width: 100%;
    color: #fff;
    border: 0;
    margin: 10px 0 0px 0;
    padding: 6px 0 6px 0;
    cursor: pointer;
    font-weight: bold;
    background: #229EBF;
	border-radius: 3px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	font: bold 14px Arial, Helvetica;
	height: 30px;
}

#c2_1024 #header #login_box #login_form form#user_login_box #actions input#submit,
#c2_1024 #header #login_box #logout_form form#user_login_box #actions input#submit {
    text-indent: 0px;
    width: 100%;
    color: #fff;
    border: 0;
    margin: 0px 0 0px 0;
    padding: 6px 0 6px 0;
    cursor: pointer;
    font-weight: bold;
    background: #229EBF;
	border-radius: 3px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	font: bold 14px Arial, Helvetica;
	height: 30px;
}

#c2_1024 #header #login_box #login_form #fullname,
#c2_1024 #header #login_box #logout_form #fullname {
    position: unset;
	right: 7px;
	top: 7px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	color: #004050;
	display: block;
	background: #fff;
	/*border-radius: 3px 3px 0px 0px ;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;*/
	margin-bottom: 10px;
	border-bottom: 2px solid #E1DAD4;
	}

#c2_1024 #header #login_box #login_form a#modifyuser, 
	#c2_1024 #header #login_box #logout_form a#modifyuser {
    position: unset;
	right: 7px;
	top: 7px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	color: #004050;
	display: block;
	background: #fff;
	border-radius: 3px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	/*box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;*/
	}
	
#c2_1024 #header #login_box #login_form a#tagdijbefizeteseim, 
	#c2_1024 #header #login_box #logout_form a#tagdijbefizeteseim {
    position: unset;
	right: 7px;
	top: 7px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	color: #fff;
	display: block;
	background: #004050;
	border-radius: 3px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	}
	
/* --------LOGINBOX vege-------- */
@media screen and (max-width: 1430px) and (min-width: 769px)  {
    #header {
        /*height:160px;*/
    }
}
@media screen and (max-width: 1080px) {
	div#vidsboxes,
	div#podcastboxes {
        padding:15px;
        flex-direction: column;
    }
	div#vidsboxes .MainRovatBox,
	div#podcastboxes .MainRovatBox {
        width: 100%;
        padding: 15px;
        color:var(--white);
        text-align: justify;
        box-sizing: border-box;
    }
	.arnyekkeretmini {
		display:unset;
	}
	.arnyekkeretduo {
		display:none;
	}
}
@media screen and (max-width: 768px) {
    html {
        overflow-x:hidden;
        
    }
	.glide__arrow {
		transform: translateY(-50%) translateX(2px) !important;
	}
	.glide__arrow--left {
		left: -2em !important;
	  }
	.glide__arrow--right {
		right: -2em !important;
	}

	.glide .titleea {
		font-size: 0.6em;
	}
    #mainbody {
        /*background-position: center -350px;*/
    	/*background-size: 250%;*/
		/*padding:1px 0 0 0;*/
    }
    
    #mainimage {
		/*margin: 85px 25px 85px 25px;
		width: auto;
		border-radius: 50px;
		padding: 30px;*/
	}

	#mainimageflex {
		flex-direction: column;
		transition: all 300ms;
	}

	#maintitlebox {
		font-size: 7vw;
		margin: 100px 0;
	}
    
    #c2_1024 #footer {
        /*height: 310px;*/
    }
    
    
	#c2_1024 div#cikk div#login_in_article_view {
		padding: 10px 15px;
	}
	
    #header {
        justify-content: flex-start;
        flex-direction: column;
        height:90px;
    }
    
    #header #logo {
		top: 25px;
		left: 25px;
	}
    #header #logo img {
        height: 40px;
        
    }
    
    #curvedheader {
    background: url(/images/dental/header.jpg) no-repeat center center;
    background-size: cover;
}
	
	/*#logo {
		background: url(/images/szemorvos/LOGO-S.png) no-repeat left center;
		background-size: contain;
		left:10px;
	}*/
	
	
	#hamburgernav {
        flex-direction: column;
        justify-content: center;
        position: relative;
        top: -500px;
        background: var(--maincolor);
        padding:20px 0px;
		box-shadow: 0px 5px 25px var(--grey75);
        opacity: 0;
        z-index:30;
    }
    
    
    
    div.hamburgericon {
        display:unset;
        cursor: pointer;
        position: absolute;
        top: 25px;
        right: 25px;
    }

    .bar1, .bar2, .bar3 {
      width: 35px;
      height: 5px;
      background-color: var(--alternate2);
      margin: 6px 0;
      transition: 0.4s;
    }
    .bar4 {
      width: 35px;
      height: 5px;
      background-color: var(--alternate3);
      margin: 6px 0;
      transition: 0.4s;
    }

    .change .bar1 {
      -webkit-transform: rotate(-45deg) translate(-9px, 6px);
      transform: rotate(-45deg) translate(-9px, 6px);
    }

    .change .bar2 {opacity: 0;}

    .change .bar3 {
      -webkit-transform: rotate(45deg) translate(-8px, -8px);
      transform: rotate(45deg) translate(-8px, -8px);
    }
    .change .bar4 {
      -webkit-transform: rotate(45deg) translate(-8px, -8px);
      transform: rotate(45deg) translate(-8px, -8px);
    }
    
	#menueskeres{
		height:10px;
		overflow:hidden;
	}
	
	#mainmenudiv{
		border-bottom:3px solid var(--maincolor);
		position:relative;
	}
    
    #mainmenu { flex-direction: column; }
    
    #login_box{
        position: relative;
        right: auto;
        top: auto;
    }

	
	#category-search input.text {
		height: 30px;
		margin: 10px 0 0 10px;
		padding: 1px 4px;
		width: 160px;
		border-radius: 3px;
		font-size: 14px;
	}
	
	#category-search select {
		height: 34px;
		width: 100px;
		border-radius: 3px;
	}
	
	#category-search a {
		padding-right: 17px;
	}
	
	#mainmenu {
        width: 100%;
		/*display: flex;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling:touch;
		overflow-y: visible;
		-ms-overflow-style: none;
		scrollbar-width: none;*/
	}
	
    #mainmenu li, #mainmenu ul li a  {
        line-height: 56px;
    }
    
	#mainmenu li a {
		font-size: 1.2em;
        display: block;
	}
	
	#mainmenu::-webkit-scrollbar {
		display: none;
	}
	
	#mainmenu ul {
        
    }
	#mainmenu ul.wide {right: 0; left: unset;}
	/*******/
    #mainmenu .submenu > li:hover > a > .arrow {
      transform: rotate(315deg);
    }
    #mainmenu > li > a {
    
  }
  #mainmenu .submenu > li > a {
      padding:0px;
  }

#mainmenu .submenu {
    top: 0;
    padding-left: 15%;
    border-left: 1px dotted var(--white);
  }
  #mainmenu .submenu .submenu {
      border-left: 1px dotted var(--white);
    left: 0;
    top: 0;
      padding-left:0px;
  }
  #mainmenu .submenu .submenu .submenu {
    left: 0;
    top: 0;
  }

  #mainmenu > li:hover > a + .submenu,
  #mainmenu .submenu > li:hover > a + .submenu {
    position: relative;
  }
    /*******/
    
    
    
	#hamburgermenu {
		display:block;
	}
	
	.banner_920x {
		background: url(/images/hirdetes.gif) no-repeat scroll 0 center transparent;
		margin: 0 auto;
		padding: 0px;
		width: 100%;
		box-sizing: border-box;
	}
	
	#category-search {
		width: 100%;
	}
	
	div.two_col_boxes div.leftcol {
		float: none;
	}
	
	div.two_col_boxes div.rightcol {
		float: none;
	}
	
	div.two_col_boxes div.leftcol, div.two_col_boxes div.rightcol {
		width: auto;
		margin:0;
        max-width: 100%;
	}
	
	#c2_1024 #container {
		box-sizing: border-box;
		width:100%;
	}
	
	#left-column {
		float: none;
		width: 100%;
		font-size: 1em;
		/*font-size: 14px;*/
	}
	
	#c2_1024 #mainpage {
		width: 100%;
		/*font-size:1.2em;*/
	}
	
	.clear_floats {
		overflow: visible;
		width: 100%;
	}
	
    #container #eloszo, #container #onlinetovabbkepzes {
        padding:15px;
    }

	#container #onlinetovabbkepzes{
		background-position: right bottom, left top;
	}
    
    #container .contentszoveg{
        padding: 25px 15px;

    }
    
    #container #onlinetovabbkepzestop {
        padding:30px 30px;
        max-height: 130px;
		font-size: 0.85em;
    }
    
	#container #onlinetovabbkepzestop h1, #container #cikk #onlinetovabbkepzestop h1 {
		padding: unset;
		font-size: 2em;
	}
	#container #onlinetovabbkepzestop h3, #container #cikk #onlinetovabbkepzestop h3 {
		padding: unset;
	}

    #container #onlinetovabbkepzes .otflex {
      display:block;
        flex-wrap: wrap;
    }

    #container #onlinetovabbkepzes .otflex .otimg {
        width:100%;
    }
    #container #onlinetovabbkepzes .otflex .otimg img {
        width:100%;
        
    }

    #container #onlinetovabbkepzes .otflex .ottxt {
        width:100%;
        
    }

	.otbuttcontainer{
		flex-direction: column;
	}

    #container #onlinetovabbkepzes .otflex .otbutton {
        width:100%;
    }

    #container #onlinetovabbkepzes .otflex .otbutton a {
        width:70%;
        font-size: 1em;
        line-height: 1em;
        margin-top:20px;
    }

	.lipidboxes {
		gap:30px;
		flex-direction: column;
	}
    
    div#vidsboxes .MainRovatBox,
	div#podcastboxes .MainRovatBox {
        width: 100%;
        padding: 15px;
        color:var(--white);
        text-align: justify;
        box-sizing: border-box;
    }
    
	
	/* ------------ Article rotate ------------ */
	
	#articleRotate {
		min-height: 644px;
		width: 100%;
	}
	
	#articleRotate .rotate_article {
		/*position: relative;
		z-index: 2;*/
		/*width: calc(100% - 16px);*/
	}
	
	#articleRotate .articleRotateLead {
		background: white;
		float: none;
		min-height: 320px;
		overflow: hidden;
		position: relative;
		width: 100%;
        max-width: 100%;
		border-bottom: 3px solid #004050;
        height: auto;
	}
	
    #articleRotate .articleRotateSmall .smallPanel:last-child a.more {
	    bottom: 15px;
    }
    
	#articleRotate .articleRotateLead img {
		width: 100%;
        max-width: 100%;
    }
	
	#articleRotate .articleRotateSmall {
		float: none;
		min-height: 311px;
		position: static;
		width: 100%;
        max-width: 100%;
	}
	
    #articleRotate .articleRotateSmall .smallPanel:last-child {
        border-bottom-left-radius: 33% 20px;
        border-bottom-right-radius: 33% 20px;
        height:67px;
    }
    
	/*#articleRotate .articleRotateSmall .smallPanel a.more {
		right: 80px;
	}*/
	
	#articleRotate .articleRotateLead .lead, #articleRotate .articleRotateSmall .smallPanel .lead {
		font-size: inherit;
		line-height: inherit;
	}
	
	#articleRotate .articleRotateLead h1, #articleRotate .articleRotateSmall .smallPanel h2 {
    font-size: medium;
}
	
	
	/* ------------ Article rotate vége ------------ */
	/* ------------ regisztráció ------------ */
	div#module_registration table tr td {
		display: block;
	}
	div#module_registration label {
		width: 47%;
        font-size: medium;
        line-height: normal;
	}
	div#module_registration select {
        width: 49%;
    }
	
    div#module_registration input {
        width: 49%;
    }
	
	
	
	/* ------------ CIKK ------------ */
	div.w700 {
		width: 100%;
		box-sizing: border-box;
		padding:0px;
	}
	
    #container #cikk .cikk_head_box {
        padding: 10px 10px;
    }
    
	#container #cikk .titles {
        padding:0 10px;
    }

    #container #cikk .lead {
        padding:0 10px 10px 10px;
    }
	#container #cikk .date {
        padding:0 10px;
    }
    
    #container #cikk .cikktartalom {
    padding:10px 20px;
    }
    
    #container #left-column #cikk .cikkcontent{
        padding:10px 20px;
    }
    
	.cikk_content p img{
		width: 100%;
		height: auto;
	}
	
	
	#c2_1024 div#cikk div#login_in_article_view table td {
		display: block;
	}
	
	#cikk div.ertekeles {
		padding: 0;
	}
	#cikk #comments {
		padding: 0;
	}
	
	#article_list div.clear_floats {
		border-right: 0px;
		float: none;
		padding: 0;
		width: 100%;
	}
	
	#cikk .jwplayer {
		width: 100% !important;
		height: 56.25% !important;
		padding-bottom: 56.25%;
	}
	
	/* ------------ CIKK vége ------------ */
	/* ------------ kereses ------------ */
	
	#article_list #article_search_box div#search_form {
		width: 100%;
	}
	
	/* ------------ kereses vége ------------ */
    
    /* ------------ OTK ------------ */
	
	#container #cikk .vpotkkoszonto {
        padding:15px;
    }
    
    #container #cikk .vpvideobox {
        padding: 15px;
    }
    
    #container #cikk .titletext {
        margin-left: 15px;
    }
    
    #container #cikk .vpvideotitle {
        margin-left: 0px;
    }
	
	/* ------------ OTK vége ------------ */
	/* ------------ Rovat ------------ */
	
	#container .rovatpadding {
        padding:15px 30px;
    }


    #container .leftcol {
        display: flex;
        flex-wrap: wrap;
        padding: 15px;


    }

    #container .leftcol .block {
        width: 100%;
        padding: 15px;
    }
    
    #container .leftcol img.bbor {
        width:100%;
        height:auto;
		float:none;
    }
    
    
    div.w700 a.left_thumb {
		float:none;
	}
	
	div.w700 a.left_thumb img {
		width: 100%;
		height: auto;
	}
	
	div.w700 .rovatpadding {
		padding: 10px 15px;
	}
	
	div.w700 .block {
		margin: 0;
		width: 100%;
		box-sizing: border-box;
		height:auto;
		padding: 10px 15px;
		border-bottom: 2px solid var(--grey25);
	}
	
	#body div.w700 .block {
		height: auto;
	}
	
	div.two_cols div.rightcol, div.two_cols div.leftcol {
		float: none;
		padding: 0;
		width: 100%;
	}
	
	
	/* ------------ Rovat vége ------------ */
	/* ------------ Right ------------ */
	#right-column {
		float: none;
		width: 100%;
        max-width: unset;
	}
	
	#video {
		width: 100%;
	}
	
	#video .video_controller {
		padding: 0px;
		width: 100%;
		height:auto;
	}
	
	#video .list-of-videos {
		/*-webkit-overflow-scrolling: touch;
		overflow-scrolling:touch;*/
		width: 100%;
	}
	
	#video .list-of-videos .nav-left {
		cursor: pointer;
		float: left;
		position: sticky;
	}
	
	#video .list-of-videos .nav-right {
		cursor: pointer;
		float: right;
		position: sticky;
	}
	
	#video .image-wrapper img {
		height: auto;
		width: 100%;
	}
	
	#video a.jw-video-player, #video a.video_player {
		display: block;
		height: 100%;
		left: 0;
		line-height: 100%;
		overflow: hidden;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
	}
	
	#video a.jw-video-player img {
		display: block;
		line-height: 100%;
		vertical-align: middle;
		transform: translate(-50%,-50%);
		top: 50%;
		position: relative;
		left: 50%;
	}
	
	#js-jw-container {
		top: 0px;
		border-top: 4px solid white;
		border-bottom: 4px solid white;
	}
	/* ------------ Right vége ------------ */
	
	/* ------------ esemenyek ------------ */
	
	#c2_1024 #esemenyekView {
		width: calc(100% - 130px);
	}
	
	#c2_1024 #esemenyekView #upcomingEvents .viewEvents {
		width: 100%;
	}
	
	#c2_1024 #esemenyekView #upcomingEvents .eventPagers {
		width: 100%;
	}
	
	.width130 {
		width: 100%;
	}
	
	/* ------------ esemenyek vége ------------ */
	
	
	/* ------------ szemeszet ------------ */
	
	#cikk #szemeszetdiv {
		padding:10px 15px;
		font-size:0.8em;
	}
	
	#cikk #szemeszetdiv .issue_box li {
		line-height:2em;
	}
	
	/* ------------ szemeszet vége ------------ */
	
	
	
	
	
	/*#c2_1024 #footer {

		background: white;
		color: #48423d;
		height: 60px;
		margin: 0 auto;
		padding: 15px 0 0;
		text-align: center;
		width: 100%;
		box-shadow: 0 0 3px 0px #737373;
		-webkit-box-shadow: 0 0 3px 0px #737373;
		-moz-box-shadow: 0 0 3px 0px #737373;
	}
	
	#c2_1024 #footer ul {
		margin-top:10px;
	}
	
	
	#c2_1024 #footer li {
		float: none;
		list-style: none;
		display: inline-block;
	}
	
	#c2_1024 #footer .leftcol, #c2_1024 #footer ul {
		float: none;
	}*/
	
	
	
	
	
}