.container {
	max-width: 1200px;
}

.header {
	background-color: #ffffff;
	width: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

.services {
	width: 78%;
}

.service {
	background-color: #ff585d;
	width: 48%;
}

.proj {
	width: 32%;
	/* background-color: #1a3b6e; */
	background-color: #ffffff;
	/* background-color: #ffb549; */
}

/* 1000px */
@media all and (max-width: 1000px) {
	.service {
		background-color: #ff585d;
		width: 48%;
	}
	.col1 {
		width: 48%;
		margin: 5px 0 0 5px;
	}
	.col2 {
		width: 48%;
		margin: 5px 0 0 5px;
	}
	.window {
		width: 100%;
	}
	.proj {
		width: 32%;
		background-color: #ffffff;
	}
}

/* 800px */
@media all and (max-width: 800px) {
	.zhurnal h6 {
		font-size: 85%;
		/* height: 26px; */
		margin: 2px 0 10px;
		line-height: 110%;
	}
	.zhurnal .pcimg {
		margin: 0 5px;
		padding: 0;
	}
	.alfavit ul {
		margin: 10px 0;
	}
	.services {
		width: 80%;
		display: inline-block;
	}
	.services_2 {
		text-align: center;
		width: 21%;
		display: inline-block;
		margin: 10px 0;
	}
	.service {
		background-color: #ff585d;
		width: 46%;
	}
	.blogHdrBio {
		width: 220px;
	}
	.blogHdrStats {
		width: 100%;
		float: none;
	}
	.alfavit ul li {
		font-size: 12px;
	}
	.col1 {
		width: 48%;
		margin: 5px 0 0 5px;
	}
	.col1_default {
		width: 58%;
		margin: 5px 5px 5px 0;
	}
	.colcontlong h1 {
		font-size: 125%;
	}
	h2 {
		font-size: 90%;
	}
	h3 {
		font-size: 16px;
		line-height: 90%;
	}
	h5 {
		font-size: 100%;
	}
	.col1_default h3 span {
		padding-top: 6px;
	}
	.colcontlong h5 {
		font-size: 100%;
		margin: 5px;
		padding: 0;
	}
	.colcontlong .pcimg {
		text-indent: 0px;
		font-size: 14px;
		text-align: center;
		line-height: 125%;
		color: #ad2910;
		font-family: "Comic Sans MS";
		margin: 5px;
		padding: 5px;
	}
	.col2 {
		width: 48%;
		margin: 5px 0 0 5px;
	}
	.col2_default {
		width: 39%;
		margin: 5px 0;
	}
	.col3 {
		margin: 5px 0;
	}
	div.ssylka {
		width: 300px;
	}
	.window {
		width: 100%;
	}
	.projects {
		width: 100%;
	}
	.proj {
		width: 32%;
		background-color: #ffffff;
	}
	table {
		width: 98%;
	}
}

/* 768px */
@media all and (max-width: 768px) {
	.services {
		width: 80;
		display: inline-block;
	}
	.services_2 {
		text-align: center;
		width: 22%;
		display: inline-block;
		/* position: absolute; */
		position: relative;
	}
	.service {
		background-color: #ff585d;
		width: 46%;
	}
	.zhurnal h6 {
		font-size: 80%;
		/* height: 26px; */
		margin: 2px 0 10px;
		line-height: 110%;
	}
	.alfavit ul {
		margin: 10px 0px;
		/* margin: 10px 5px; */
	}
	.zhurnal .pcimg {
		margin: 0 5px;
		padding: 0;
	}
	.content_left {
		width: 76%;
	}
	.col1 {
		width: 49%;
		margin: 5px 0;
	}
	.col1_default {
		width: 58%;
		margin: 5px 5px 5px 0;
	}
	.col2 {
		width: 49%;
		margin: 5px 0;
	}
	div.ssylka {
		width: 300px;
	}
	.col2_default {
		width: 38%;
		margin: 5px 0;
	}
	h2 {
		font-size: 80%;
	}
	.colcontlong h5 {
		font-size: 100%;
		margin: 5px;
		padding: 0;
	}
	.window {
		width: 100%;
	}
	.proj {
		width: 32%;
		background-color: #ffffff;
		display: inline-block;
	}
}

/* 600px */
@media all and (max-width: 600px) {
	.container {
		width: 100%;
	}
	.service {
		background-color: #ff585d;
		width: 46%;
		display: inline-block;
	}
	.col1 {
		width: 49%;
		margin: 5px 0;
	}
	.col1_default {
		width: 58%;
		margin: 5px 5px 5px 0;
	}
	.col2 {
		width: 49%;
		margin: 5px 0;
	}
	.col2_default {
		width: 38%;
		margin: 5px 0;
	}
	.window {
		width: 100%;
	}
	.proj {
		width: 32%;
		background-color: #ffffff;
		margin: 5px 0;
	}
}

/* 540px Начало мобильного контента */
@media all and (max-width: 540px) {
	.services {
		width: 100%;
		margin: 5px 0;
		text-align: center;
	}
	.service {
		background-color: #ff585d;
		width: 100%;
		display: inline-block;
	}
	.colcontlong .pcimg {
		text-indent: 0px;
		font-size: 14px;
		text-align: center;
		line-height: 125%;
		color: #ad2910;
		font-family: "Comic Sans MS";
		margin: 5px;
		padding: 5px;
	}
	.colcontlong .plimg {
		font-size: 14px;
		text-indent: 0px;
		text-align: center;
		line-height: 125%;
		/* float: left; */
		float: inherit;
		color: #ad2910;
		font-family: "Comic Sans MS";
		margin: 5px;
		padding: 5px;
	}
	.colcontlong .primg {
		text-indent: 0px;
		font-size: 14px;
		text-align: center;
		line-height: 125%;
		float: inherit;
		color: #ad2910;
		font-family: "Comic Sans MS";
		margin: 5px;
		padding: 5px;
	}
	.colcontlong blockquote {
		padding: 0px;
		margin: 5px;
		border-left: #ccc 1px solid;
	}
	.content_left table td {
		text-align: left;
	}
	.content_left {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.col1 .pcimg {
		text-indent: 0px;
		font-size: 14px;
		text-align: center;
		line-height: 125%;
		color: #ad2910;
		font-family: "Comic Sans MS";
		margin: 5px;
		padding: 5px;
	}
	.col2 .pcimg {
		text-indent: 0px;
		font-size: 14px;
		text-align: center;
		line-height: 125%;
		color: #ad2910;
		font-family: "Comic Sans MS";
		margin: 5px;
		padding: 5px;
	}
	.services_2 {
		width: 100%;
		display: inline-block;
		position: relative;
		margin: 0;
	}
	.zhurnal {
		width: 100%;
		height: auto;
		margin: 5px 0;
	}
	.alfavit {
		background: url(bg_blogHdrBtm_800x150.gif) #fff repeat-x left bottom;
		width: 100%;
		height: auto;
	}
	.col1 {
		width: 100%;
		margin: 5px auto;
	}
	.col1_default {
		width: 100%;
	}
	.col2 {
		width: 100%;
		margin: 5px auto;
	}
	.col2_default {
		width: 100%;
	}
	.col3 {
		width: 100%;
		height: auto;
		background-color: #ffffff;
		margin: 5px auto;
	}
	div.ssylka {
		width: 100%;
		float: none;
		margin: 5px 0;
		padding: 0;
		background-color: #c6f1dd;
	}
	.window {
		width: 100%;
	}
	.proj {
		width: 100%;
		height: 5px;
		background-color: #ffffff;
	}
	.infoblock {
		width: 100%;
	}
	.footer_services ul {
		text-align: center;
	}
}

/* 450px мобильные */
@media all and (max-width: 450px) {
	.services {
		width: 100%;
		margin: 5px 0;
		text-align: center;
	}
	.service {
		background-color: #ff585d;
		width: 100%;
		display: inline-block;
		margin: 5px 0;
		text-align: center;
	}
	.content_left {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	h2 {
		font-size: 65%;
	}
	.col1_default h2 span {
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 20px;
		padding-top: 10px;
	}
	.colcontlong h2 span {
		padding-top: 10px;
		font-size: 14px;
	}
	h3 {
		font-size: 85%;
	}
	.col1_default h3 {
		padding-top: 0px;
		font-size: 85%;
	}
	.col1_default h3 span {
		margin-top: 6px;
	}
	.services_2 {
		width: 100%;
		display: inline-block;
		position: relative;
	}
	.col1 {
		width: 100%;
		margin: 5px auto;
	}
	.col2 {
		width: 100%;
		margin: 5px auto;
	}
	.col3 {
		width: 100%;
		height: auto;
		background-color: #ffffff;
		margin: 5px auto;
	}
	.window {
		width: 100%;
	}
	.proj {
		width: 100%;
		height: 5px;
		background-color: #ffffff;
	}
}

/* 414px мобильные */
@media all and (max-width: 414px) {
	.services {
		width: 100%;
		margin: 5px 0;
		text-align: center;
	}
	.service {
		background-color: #ff585d;
		width: 100%;
		display: inline-block;
	}
	.zhurnal {
		width: 100%;
		margin: 0;
	}
	.alfavit {
		background: url(bg_blogHdrBtm_800x150.gif) #fff repeat-x left bottom;
		width: 100%;
		margin: 0;
	}
	.zhurnal h6 {
		margin: 5px 0;
	}
	.breadcrumb h3 {
		margin: 5px;
		padding: 0px;
		height: auto;
		font-size: 80%;
	}
	.content_left {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.services_2 {
		width: 100%;
		display: inline-block;
		position: relative;
		margin: 0;
	}
	.zhurnal {
		width: 100%;
		height: auto;
		margin: 5px 0;
	}
	.alfavit {
		width: 100%;
		height: auto;
	}
	.col1 {
		width: 100%;
		margin: 5px auto;
	}
	.col1_default {
		width: 100%;
	}
	.col2 {
		width: 100%;
		margin: 5px auto;
	}
	.col2_default {
		width: 100%;
	}
	.col3 {
		width: 100%;
		height: auto;
		background-color: #ffffff;
		margin: 5px auto;
	}
	.hotspot li span {
		display: block;
		font-weight: bold;
		font-size: 14px;
	}
	.window {
		width: 100%;
	}
	.proj {
		width: 100%;
		height: 5px;
		background-color: #ffffff;
	}
	.footer_services {
		font-size: 14px;
	}
}

/* 375px мобильные */
@media all and (max-width: 375px) {
	.services {
		width: 100%;
	}
	.services_left {
		width: 100%;
	}
	.service {
		background-color: #ff585d;
		width: 100%;
		display: inline-block;
		margin: 5px 0;
	}
	.content_left {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.services_left {
		width: 100%;
	}
	h2 {
		font-size: 65%;
	}
	.colcontlong h2 span {
		padding-top: 10px;
		font-size: 14px;
	}
	.header_min {
		width: 100%;
		height: auto;
	}
	.colcontlong h1 {
		font-size: 125%;
	}
	.colcontlong h3 {
		font-size: 16px;
		line-height: 90%;
	}
	.col1_default h3 span {
		padding-top: 10px;
	}
	.zhurnal h3 {
		margin: 0;
		background: none;
		font-size: 150%;
		margin: 10px 0;
		color: #c66b00;
		padding: 0;
		height: 24px;
	}
	.zhurnal {
		width: 100%;
		height: auto;
		margin: 5px 0;
	}
	.alfavit {
		width: 100%;
		height: auto;
	}
	.breadcrumb h3 {
		margin: 5px;
		padding: 0px;
		height: auto;
		font-size: 80%;
	}
	.col1 {
		width: 100%;
		margin: 5px auto;
	}
	.col1_default {
		width: 100%;
	}
	.col2 {
		width: 100%;
		margin: 5px auto;
	}
	.col2_default {
		width: 100%;
	}
	.col3 {
		width: 100%;
		height: auto;
		background-color: #ffffff;
		margin: 5px auto;
	}
	.colcontlong p.photo {
		float: none;
		text-indent: 0px;
		margin: 0px;
		padding: 0px 10px 0px 5px;
		font-size: 12px;
		font-style: italic;
		text-align: center;
		color: #003399;
		margin: 0;
	}
	div.ssylka {
		width: 100%;
		float: none;
		margin: 5px 0;
		padding: 0;
		background-color: #c6f1dd;
	}
	.proj {
		width: 100%;
		height: 5px;
		background-color: #ffffff;
		margin: 5px auto;
	}
	.footer {
		width: 100%;
		height: auto;
		/* height: 100px; */
		background-color: #ffffff;
		margin: 5px 0;
	}
}

/* 360px мобильные */
@media all and (max-width: 360px) {
	.services {
		width: 100%;
	}
	.services_left {
		width: 100%;
	}
	h2 {
		font-size: 65%;
	}
	.colcontlong h2 span {
		padding-top: 10px;
		padding-right: 20px;
	}
	.service {
		background-color: #ff585d;
		width: 100%;
		display: inline-block;
		margin: 5px 0;
	}
	.content_left {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.header_min {
		width: 100%;
		height: 180%;
	}
	.zhurnal {
		width: 100%;
		margin: 0;
	}
	.alfavit {
		margin: 0;
	}
	.blogHdr {
		visibility: hidden;
		height: 0;
	}
	.Tier1 {
		background: url(bg_blogHdrBtm_800x150.gif) #fff no-repeat left bottom;
	}
	.col1 {
		width: 100%;
		margin: 5px auto;
	}
	.col1_default {
		width: 100%;
	}
	.col2 {
		width: 100%;
		margin: 5px auto;
	}
	.col2_default {
		width: 100%;
	}
	.colcontlong h1 {
		line-height: 1em;
	}

	div.ssylka {
		width: 100%;
		float: none;
		margin: 5px 0;
		padding: 0;
		background-color: #c6f1dd;
	}
	.services_2 {
		width: 100%;
		display: inline-block;
		position: relative;
		margin: 0;
	}
	.col3 {
		width: 100%;
		height: auto;
		background-color: #ffffff;
		display: inline-block;
		margin: 0;
	}
	.hotspot {
		background: url(women.jpg) no-repeat 50% 5px;
	}
	.window {
		width: 100%;
	}
	.colcontlong p.photo {
		float: none;
		text-indent: 0px;
		margin: 0px;
		padding: 0px 10px 0px 5px;
		font-size: 12px;
		font-style: italic;
		text-align: center;
		color: #003399;
		margin: 0;
	}
	.proj {
		width: 100%;
		background-color: #ffffff;
		margin: 5px 0;
	}
	.blogHdrBio_h {
		width: 120px;
	}
	.titleBar {
		width: 100%;
	}
	.titleBarInner {
		width: 100%;
		padding: 6px;
	}
	.breadcrumb {
		width: 100%;
		padding: 6px;
	}
	.breadcrumb h3 {
		margin: 5px;
		padding: 0px;
		height: auto;
		font-size: 70%;
		line-height: 110%;
	}
}

/* 330px мобильные */
@media all and (max-width: 330px) {
	h2 {
		font-size: 65%;
	}
	.colcontlong h2 span {
		padding-top: 6px;
		padding-right: 20px;
	}
	.breadcrumb h3 {
		margin: 5px;
		padding: 0px;
		height: auto;
		font-size: 65%;
		line-height: 110%;
	}
	.breadcrumb p {
		font-size: 16px;
	}
}

/* 300px мобильные */
@media all and (max-width: 300px) {
h2 {
		font-size: 60%;
		/* font-size: 70%; */
	}
}

/* 280px мобильные */
@media all and (max-width: 280px) {
	.breadcrumb h3 {
		margin: 5px;
		padding: 0px;
		height: auto;
		font-size: 75%;
		line-height: 110%;
	}
	.breadcrumb {
		width: 100%;
		padding: 3px;
	}
	.breadcrumb p {
		margin: 3px;
		font-size: 14px;
	}
	.zhurnal {
		width: 100%;
		margin: 0;
	}
	.zhurnal h3 {
		font-size: 120%;
	}
	.alfavit {
		width: 100%;
		margin: 0;
	}
	.header_min .alfavit h3 {
		height: auto;
	}
	h2 {
		font-size: 56%;
		line-height: normal;
		/* font-size: 70%; */
	}
	h5 {
		font-size: 90%;
	}
	h6 {
		font-size: 12px;
	}
	.col1_default p {
		margin: 0px;
		font-size: 12px;
		padding: 0 5px;
	}
	.col1_default.plimg {
		margin: 0px;
		font-size: 12px;
		padding: 0;
	}
	h3 {
		font-size: 16px;
		line-height: 90%;
	}
	.col1_default h3 span {
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 20px;
		padding-top: 10px;
	}
	div.ssylka h4 {
		font-size: 80%;
		margin: 5px;
	}
	div.ssylka h5 {
		font-size: 80%;
	}
	img {
		max-width: 100%;
	}
	#powerItems {
		height: auto;
	}
}