@CHARSET "UTF-8";

@media screen and (max-width: 1080px) {

	#logo {width:40%;}
	#logo a .logoText {font-size:38px; }
	#logo a .logoDescr {left:120px; line-height:18px; top:8px;}
	
	#headerSlogan {width:35%;}
	#headerSlogan span {font-size:21px;}
	
	#phone .number {font-size:22px;}
	.mainMenuData .item > a {font-size:12px; }
	.mainMenuData .item .child .childData a {font-size:12px; font-weight:normal; }

	#docItemData .itemData {font-size:18px;}
	
}


@media screen and (max-width: 920px) {
	
	.maxWidth {padding-left:10px; padding-right:10px;}
	
	#pageFrames {padding-top:44px; box-sizing:border-box;}
	#header {position: absolute; left:0; top:0; width:160px; z-index:10; padding:10px;}
	#logo {width:auto;}
	#logo a .logoText {font-size:18px; line-height:22px; color:#fff; }
	#logo a .logoDescr {display:none;}
	#headerSlogan {display:none;}
	
	#phone {width:auto; position:absolute; left:70px; top:12px;}
		#phone .number {font-size:13px; line-height:20px; color:#fff; }
		#phone a.faq {display:none;}
	
	#mainMenu {position:absolute; left:0; top:0; width:100%; height:44px; background:#195e9e; border:none;}
	#mainMenu .mainMenuItems {display:none; }
	
	#mobileMenuBtn {display:block;}
	#mainMenu.isOpen .mainMenuData {padding-top:44px; margin:0 -10px;}
	#mainMenu.isOpen .mainMenuItems {display:block; background:#195e9e; position:relative; z-index:1; border-top:1px solid #fff; }
		#mainMenu.isOpen .mainMenuData .item {display:block; width:100%; float:none; line-height:normal; }
		#mainMenu.isOpen .mainMenuData .item.active > a { color:#e83636; }
		#mainMenu.isOpen .mainMenuData .item > a {font-size:16px; padding:6px 10px; text-transform:none; text-align:left; color:#fff; }
	#mainMenu.isOpen .mainMenuData .item .child {position:relative; left:auto; top:auto; opacity:1; visibility:visible; width:auto; padding-top:0; }
	#mainMenu.isOpen .mainMenuData .item .child .childData a {padding:5px 15px 5px 30px; text-align:left; }
	
	
	#insexSliderData .slide .data .bg .table .td .text {padding:10px 15px; }
	#insexSliderData .slide .data .bg .table .td .text .name {font-size:28px; line-height:34px; }
	#insexSliderData .slide .data .bg .table .td .text .description {font-size:16px; }
	
	
	#pageContent {padding:10px;}
	#devLink {right:10px;}
	
	.textstyle h1 {font-size:24px; padding-bottom:8px; line-height:28px; }
	.textstyle h2 {font-size:20px; padding-bottom:6px; line-height:24px; }
	.textstyle h3 {font-size:18px; padding:3px 0 5px 0; line-height:22px; }
	.textstyle p {padding-bottom:5px; line-height:21px;}
	.textstyle ul {margin-left:15px; padding-bottom:6px;}
	.textstyle ol {margin-left:20px; padding-bottom:6px;}
	.textstyle li {padding-bottom:2px; line-height:20px;}
	.textstyle .siteMapTree ul {padding-bottom:2px;}
	
}



@media screen and (max-width: 700px) {
	
	#insexSliderData .slide .data .bg .table .td {padding:6px 20px 50px 20px;}
	#insexSliderData .slide .data .bg .table .td .text .name {font-size:15px; line-height:18px; }
	#insexSliderData .slide .data .bg .table .td .text .description {font-size:13px; }
	
	#pageFrames {margin-bottom:-150px;}
	#footerProtect {height:160px;}
	#footer {height:150px;}
	#footerData {display:block;}
	#footerData .cols {display:block; width:100%;}
	#footerData .cols.cols1 {text-align:center; padding:10px 0 0 0;}
	#footerData .cols.cols2 {text-align:center; padding:10px 0 0 0;}
	
}


@media screen and (max-width: 540px) {
	
	#stdElementList .data .anons .name {font-size:14px; line-height:16px; display:block; }
	#stdElementList .data .anons div {font-size:13px; line-height:16px;}
	
	.stdFormCaption {width:100%; float:none; }
	.stdFormInput {width:100%; }
	
	#docItemData .item {width:100%;}
	
}