@media all and (min-width:900px){
#hdr-menu {list-style:none;margin:0;padding:0;vertical-align:middle;display:flex!important;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;}
#hdr-menu li{display:inline-block;margin-top:7px;position:relative;display:flex;justify-content:center;vertical-align:middle;}
#hdr-menu li a{display:block;padding:10px 15px;color:var(--main);text-decoration:none;box-sizing:border-box;white-space:nowrap;border:transparent 1px solid;border-radius:7px;}
#hdr-menu li:hover>a {z-index:1;border:var(--button-color) 1px solid;box-shadow:0 0 5px var(--button-color);}
#hdr-menu li.active>a {text-decoration:underline;}
#hdr-menu li.intree>a {border-bottom:1px solid;}
#hdr-topline i.close{display:none}
}
@media all and (max-width:1100px){
	#hdr-lft {width:230px;background-size:80%;}
	.center {padding:0 20px;width:100%}
}
@media all and (max-width:900px){
	.form,.confirm_msg {min-width:600px;width:80%;padding:20px;}

	#hdr-lft {width:210px;background-position-x:right;}
	#hdr-h1 {left:170px;}

	#hdr .profilemenu {z-index:100;right:100px;min-width:auto;}
	#hdr .profilemenu ul{min-width:120px;padding-right:60px;right:-100px;}
	#hdr-topline .profilemenu .name {float:right}
	#hdr-topline .profilemenu .name span {display:none}

	#hdr-topline ul {display:none}
	#hdr-menu {z-index:100;padding:60px 0 15px 0;position:absolute;top:-20px;right:0;background:#ffffff;list-style:none;margin:0;vertical-align:middle;display:inline-block;box-shadow:0 5px 5px rgba(0,0,0,0.5);}
	#hdr-menu li{position:relative;display:block;vertical-align:middle;margin:0;}
	#hdr-menu li a{text-shadow:none;border-radius:0;padding:5px 15px}
	#hdr-menu li:hover>a {color:#ffffff;z-index:1;background:#404040;box-shadow:none;}
	#hdr-menu li.intree>a {box-shadow:none;border:none;color:var(--button-color)}
	.open{display:block;width:20px;height:20px;background:url('/images/menu.png')no-repeat;background-size:contain;position:absolute;top:20px;right:30px;padding:0;cursor:pointer;}
	#hdr-topline i.close{z-index:1000;font-size:25px;width:25px;height:25px;position:absolute;top:15px;right:25px;color:var(--main);}
	#hdr-topline i.close:after {opacity:.7}
	#hdr-menu ul {z-index:1;width:auto;position:absolute;top:0;margin:15px 0 0 -70%;padding:15px 0;left:0;display:none;background:#949494;box-shadow:none;}
	.e_hello {max-width:30%;min-width:0;}
	.e_hello .online a {float:none;margin:0 auto}

}
@media all and (max-width:768px){
	#midpg {padding:30px 10px 120px 10px}
	h1{font-size:28px;margin-bottom:14px;}
	h2{font-size:24px!important;margin-bottom:12px;}
	h3{font-size:20px;}

	.form,.confirm_msg {min-width:auto;width:100%!important;padding:15px;}
	.center{padding:0 10px;}
	.form .input_wrapper input,.form textarea {font-size:15px;padding:5px 10px;}
	.extvideo {max-width:100%!important;width:90%!important;}
	#clocks .tmtm input {width:80px;padding:5px;}
	#clocks .tmtm em {line-height:30px;margin-right:7px;}
	#activities .survey .ttl {padding:0 0 0 30px}
	#activities .survey .ttl span {margin:0 0 0 7px}
	#opros #required_error {font-size:16px;line-height:1.3em;margin:20px auto;}
	#footer .company .text {display:none}
	#footer .lft {margin-left:10px;}
	#footer .lft ul {margin-left:0;padding-left:10px;}
}
@media all and (max-width:500px){
	html {font-size:15px!important}
	a.button,button,input[type=submit]{padding:5px 10px;font-size:15px;}
	#hdr-lft {width:180px;}
	#hdr-h1 {left:100px;}
	h1{font-size:26px;margin-bottom:10px;}
	h2{font-size:22px!important;margin-bottom:8px;}
	h3{font-size:18px!important;}
	.column,.column1,.column2,.column26{display:block; width:100%; height:auto; text-align:left}
	.column5_2{width:100%}
	.column6{width:20%}
	.row {flex-wrap:wrap;display:flex;flex-direction:column;}
	.row .column_image img{max-width:100%;height:auto!important;}
	#opros .form {font-size:16px;}
	#opros .form input,#opros .form select,#opros .form textarea {font-size:16px!important;padding:3px 8px!important}
	#opros .page .quest .frmtmonthyear .year {width:40px}
	#opros .page .quest .frmtnum input {width:90px;}
	#opros .page .quest .frmtnum .edizm {line-height:25px}
	#opros .form input[disabled] {padding-right:0!important;}
	#opros .form h3 {font-weight:600;}

	.form,.confirm_msg {width:100%;pading:10px;}
	.e_hello {float:none;max-width:100%;;width:100%;margin:0;background:none;box-shadow:none;}
	.e_hello .online a {float:left;margin:0}
}