@media screen and (max-width: 1220px) {
	#bl3-cnt {
		width: 100%;
	}

	#bl3-cnt img.works {
		width: 24%;
		margin-left: 1.3%;
		margin-top: 1.3%;
	}

	#bl3-cnt h2 {
		padding-left: 2.5%;
	}
}

@media screen and (max-width: 1120px) {
	#header-top,header #header,section #banner,#icons-cnt #icons,#bl2,#bl4-cnt,#bl5,#bl6-cnt,#bl7,#bl8-cnt,#bl9,footer {
		width: 95%;
	}

	#bl2 div.left p {
		padding: 0;
		padding-left: 40px;
		height: 60px;
	}

	#icons-cnt #icons div {
		width: 48%;
		margin: 0 1%;
		margin-top: 10px;
		height: 260px;
	}
}

@media screen and (max-width: 1105px) {
	section #banner .left {
		width: 525px;
	}

	#banner .left h1{
		font-size: 40px;
		line-height: 44px;
	}

	#banner .left p {
		font-size: 18px;
		line-height: 24px;
	}

	#banner div#right {
		width: 400px;
	}

	#banner form div,#bl6-cnt form div {
		width: 320px;
	}

	#banner form div input,#bl6-cnt form div input {
		width: 318px;
		height: 45px;
	}

	#banner form div i,#bl6-cnt form div i {
		font-size: 20px;
		line-height: 47px;
	}

	#banner form button,#bl6-cnt form button {
		width: 320px;
	}

	#bl6-cnt form {
		margin-right: 0;
	}

	#bl6-cnt .left {
		width: 60%;
	}

	footer #company-info {
		width: 54%;
	}

	footer #company-contacts {
		width: 35%;
		padding-right: 5%;
	}

	#bl9 div {
		width: 45%;
		padding-right: 5%;
	}

	#bl9 div a.read-post {
		right: 17%;
	}

	#bl9 div:nth-child(2n+1) {
		float: right;
	}
}

@media screen and (max-width: 1050px) {
	#bl7 a {
		clear: left;
	    float: left;
    	margin-top: 0;
	}
}

@media screen and (max-width: 1020px) {
	#bl8-cnt h2 {
		font-size: 25px;
	}

	#bl8-cnt a {
		padding: 15px 65px;
	}
}

@media screen and (max-width: 990px) {
	#banner .left h1 span,#banner .left p span {
		display: none;
	}

	section #banner .left {
		width: 440px;
	}

	#banner .left h1 {
		font-size: 36px;
		line-height: 40px;
	}

	#banner .left p {
		font-size: 16px;
		line-height: 22px;
		padding-bottom: 45px;
	}

	h2 {
		font-size: 30px;
	}

	#bl2 pre {
		font-size: 24px;
	}

	.navToggle {
		display: block;
	}

	header #header nav {
		display: none;
	}

	#bl4-cnt h2 {
		font-size: 36px;
	}

	#bl5 div {
		width: 46%;
    	padding-right: 4%;
	}

	#bl5 div:nth-child(5) {
		clear: none;
	}

	#bl5 div:nth-child(4),#bl5 div:nth-child(6) {
		clear: left;
	}

	#bl5 #back-img {
		display: none;
	}
}

@media screen and (max-width: 950px) {
	#bl3-cnt .works {
		height: 220px;
	}
}

@media screen and (max-width: 905px) {
	section #banner .left {
		float: none;
	    margin: 0 auto;
	    text-align: center;
	    width: 480px;
	}

	section #tels-number-cnt {
		display: block;
	}

	#banner .left a {
		display: none;
	}

	#banner div#right {
		float: none;
    	margin: 0 auto;
    	background: none;
    	box-shadow: none;
    	margin-top: 30px;
	}

	#banner div#right h3 {
		display: none;
	}

	#banner div#right span {
		color: white;
	}

	#banner form input {
		background: rgba(255,255,255,0.3);
		color: white;
		border: 1px solid #c7c7c7;
	}

	#banner form input::-webkit-input-placeholder {color:white;}
	#banner form input::-moz-placeholder  {color:white;}
	#banner form input:-moz-placeholder {color:white;}
	#banner form input:-ms-input-placeholder {color:white;}

	#banner form input:focus::-webkit-input-placeholder {color: white;}
	#banner form input:focus::-moz-placeholder  {color:white;}
	#banner form input:focus:-moz-placeholder {color:white;}
	#banner form input:focus:-ms-input-placeholder {color:white;}

	#banner form div i {
		color: white;
	}

	#bl2 div.left p {
		font-size: 18px;
	}

	#bl6-cnt form {
		display: none;
	}

	#bl6-cnt .left {
		width: 90%;
	}

	#bl6 {
		height: inherit;
		padding-bottom: 56px;
	}

	#bl6-cnt h2 {
		padding-top: 62px;
	}

	#bl6-cnt a {
		display: inline-block;
	}

}

@media screen and (max-width: 800px) {
	#post-cnt {
		width: 90%;
	}
}

@media screen and (max-width: 750px) {
	#bl7 #vk_comments {
		width: 100%!important;
		float: none;
	}

	#bl7 #vk_groups {
		float: none;
		margin-top: 30px;
	}
}

@media screen and (max-width: 700px) {
	#header-top-cnt,#bl2 pre,#bl3,#bl4-cnt img,#bl7 a,footer #company-contacts h2 {
		display: none;
	}

	/*section #tels-number-cnt {
		display: block;
	}*/

	#bl2 div.left:nth-child(3) {
		display: none;
		margin-top: 0;
		margin-bottom: 62px;
	}

	#bl2 div.left {
		width: 96%;
	}

	#bl2 div.left p {
		padding: 12px 0;
		padding-left: 40px;
		height: inherit;
	}

	#bl4 {
		height: inherit;
		padding-bottom: 80px;
	}

	#bl4-cnt h2 {
		padding-top: 139px;
	}

/*	#bl5 div {
		width: 46%;
    	padding-right: 4%;
	}

	#bl5 div:nth-child(5) {
		clear: none;
	}

	#bl5 div:nth-child(4),#bl5 div:nth-child(6) {
		clear: left;
	}*/

	#bl7 div.left, #bl7 div.right {
		width: 70%;
		padding-left: 10%;
	}

	#bl7 div.right {
		float: left;
		clear: left;
	}

	#bl8 {
		height: inherit;
		padding-top: 39px;
    	padding-bottom: 45px
	}

	#bl8-cnt h2 {
		float: none;
		line-height: inherit;
		padding-bottom: 45px;
	}

	#bl8-cnt a {
		float: none;
	}

	footer {
		padding-top: 50px;
		padding-bottom: 29px;
	}

	footer #company-contacts {
		float: left;
		clear: left;
		width: 98%;
		padding-right: 2%;
		border-top: 1px solid rgba(0,0,0,0.1);
		margin-top: 22px;
	}

	footer #company-info {
		width: 98%;
		padding-right: 2%;
	}

	#footer-bottom {
		padding-top: 42px;
	}

	header,header.fixed {
		position: fixed;
	    height: 65px;
	    top: 0;
	    border-bottom: 1px solid rgba(0,0,0,0.1);
	}

	header #header a#logo {
		margin-top: 9px;
	}

	header #header a#logo img {
		width: 120px;
	}

	header .navToggle,header.fixed .navToggle {
	    top: 18px;
	}

	header #header p {
		display: block;
	}

	#bl9 div {
		width: 50%;
	}

	#bl9 div a.read-post {
		right: 17%;
	}

	#bl9 div:nth-child(2n+1) {
		float: left;
	}

}

@media screen and (max-width: 590px) {
	#bl9 div {
		height: 370px;
	}

	#bl4-cnt h2 {
		font-size: 26px;
		line-height: 36px;
	}

	#bl4-cnt h2 span {
		display: none;
	}

	#bl4-cnt p {
		font-size: 22px;
	}

	#bl5 div {
		width: 95%;
    	padding-right: 5%;
	}

	#bl6-cnt .left {
		width: 100%;
	}

	#icons-cnt #icons div {
		width: 100%;
		height: inherit;
	}

}

@media screen and (max-width: 540px) {
	#bl9 div {
		width: 100%;
		height: 330px;
	}

	section #banner .left {
		width: 100%;
	}

	#banner .left h1 {
		font-size: 26px;
		line-height: 32px;
	}

	#banner .left p {
		font-size: 14px;
		line-height: 20px;
	}

	#bl2 div.left p {
		font-size: 16px;
		line-height: 20px;
	}

	#bl6-cnt p {
		font-size: 18px;
		line-height: 24px;
	}

	#bl7 div p.quote {
		font-size: 14px;
		line-height: 18px;
	}

	#bl7 div p.person-name,#bl7 div p.person-prof {
		font-size: 12px;
		line-height: 18px;
	}
}

@media screen and (max-width: 450px) {
	#banner div#right,#callback-form-cnt #callback-form {
		width: 90%;
	}

	#banner div#right a#call-sant {
		width: 100%;
	}

	#callback-form-cnt #callback-form form h3 span,#callback-form-cnt #callback-form form p span,#callback-form-cnt #callback-form #thanks p span {
		display: none;
	}

	#callback-form-cnt #callback-form form h3,#callback-form-cnt #callback-form form p,#callback-form-cnt #callback-form #thanks p {
		width: 90%;
		margin: 0 auto;
	}

	#banner form div,#banner form div input,#banner form button,#callback-form-cnt #callback-form form div input {
		width: 100%;
	}

	#callback-form-cnt #callback-form form div,#callback-form-cnt #callback-form form button {
		width: 90%;
	}

	#bl7 div.left, #bl7 div.right {
		width: 85%;
		padding-left: 15%;
	}

	#bl6-cnt a {
		width: 100%;
	}

}