@media all and (max-width:1200px) {
	.form,.confirm_msg {padding:30px;}
	.center {width:100%;padding:0 40px;}
	a.button,button,input[type=submit]{
		padding:8px 15px;
		font-size:16px;
		font-weight:bold;
		border:none;
	}
	h1{font-size:34px;margin-bottom:20px;}
	h2{font-size:30px;margin-bottom:20px;}

}
@media all and (min-width:900px) {
	#hdr-topline>ul {display:inline-block!important}
	.center {padding:0 20px;width:100%}
}
@media all and (max-width:900px){
	.form,.confirm_msg {min-width:600px;width:80%;padding:20px;}
	.center {padding:0 20px;width:100%}

	#hdr {height:170px;}
	#hdr-shdw {height:170px;}
	#hdr-lft {width:170px;}
	#hdr-table {font-size:30px;}
	#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:40px 0 15px 0;position:absolute;top:0px;right:0;background:#b0b0b0;list-style:none;margin:0;vertical-align:middle;display:inline-block;font-size:17px;box-shadow:0 5px 5px rgba(0,0,0,0.5);}
	#hdr-menu li{position:relative;display:block;vertical-align:middle;}
	#hdr-menu li a{color:#404040;text-shadow:none;}
	#hdr-menu li:hover>a {color:#ffffff;z-index:1;background:#404040;box-shadow:none;}
	#hdr-menu li.active>a {color: #900000;background:#e0e0e0;text-shadow:none;box-shadow:none;}
	#hdr-menu li.active:hover>a {color: #ff0000;background:#404040;box-shadow:none;}
	#hdr-menu li.intree>a {color: #883311;box-shadow:none;}
	.open{display:block;width:20px;height:20px;background:url('/images/menu.png')no-repeat;background-size:contain;position:absolute;top:10px;right:30px;padding:0;cursor:pointer;}
	#hdr-topline i.close{z-index:1000;font-size:25px;width:25px;height:25px;position:absolute;top:5px;right:25px;}
	#hdr-topline i.close:after {opacity:.6}
	#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){
	html {font-size:16px}
	#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;}
	#hdr-mddl .txtline {font-size:13px;}
}
@media all and (max-width:500px){
	html {font-size:15px!important}
	a.button,button,input[type=submit]{
		padding:5px 10px;
		font-size:15px;
	}

	#hdr {height:100px;}
	#hdr-shdw {height:100px;}
	#hdr-lft {width:100px;}
	#hdr-table {font-size:18px;}
	#hdr-h1 {left:100px;}
	#hdr-mddl .txtline {display:none;}
	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}
}