@media all and (max-width:1149px) {
	.dd-postcontent .catimg-item .name-cat {
		font-size: 14px;
	}
}

@media all and (max-width:1123px) {
	.dd-postcontent .catimg-item .name-cat {
		font-size: 13px;
	}
}


@media all and (max-width:1024px) {

header .banner-frees {
	width: 98%;
}

header .banner-frees2 {
	width: 98%;
}

.utp .utp-slogan {
	width: 100%;
	padding: 20px 0;
}

.portfol.sertifikat a {
	width: 46%;
	max-width: 46% !important;
}


}


@media all and (max-width:767px) {

header .banner-frees {
	width: 95%;
}

header .banner-frees2 {
	width: 95%;
}

.block35, .block61 {
	width: 98%;
}

.dd-article ul.menu li {
    width: 45%;
    font-size: 16px;
}

.dd-article ul.preim li {
    width: 33%;
    padding: 170px 0.1% 0;
    font-size: 12px;
}

.dd-article .b_block .block2, .dd-article .b_block .block1 {
	font-size: 16px;
}

.portfol a.linkthumb, .portfolio-center a.linkthumb {
    max-width: 96% !important;
}

.dd-article div a .thumb {
    max-width: 100% !important;
    height: 100% !important;
}

.subfooter .button {
	width: 92%;
    padding: 3%;
}

.utp {
    top: 5px;
	position: relative;
}

.utp span {
    line-height: 30px;
	font-size: 18px;
}

.utp .price {
    margin-top: 20px;
    margin-bottom: 30px;
}

.dd-sidebar2 .dd-blockcontent .menu {
    text-align: center;
}

.dd-sidebar2 .dd-block .menu>li {
    padding: 7px 7px 7px 15px;
    display: block;
}

.menu-nav .conteiner label {
	display: block;
}






.menu-nav label .name {
    padding: 13px 0;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 10px 0 52px;
    position: relative;
}

.menu-nav label .name:after {
    content: '';
    position: absolute;
    top: 17px;
    left: -39px;
    width: 15px;
    height: 12px;
    border-radius: 15px;
    background: #fff;
    border: 1px solid #337ab7;
    transition: .7s;
}

.menu-nav label .name:before {
    content: ' ';
    position: absolute;
    top: 14px;
    left: -42px;
    width: 32px;
    height: 16px;
    border: 2px solid #337ab7;
    border-radius: 15px;
}

.menu-nav input[type="checkbox"]:checked ~ .name:after {
    background: #66a7ce;
    border: 1px solid #66a7ce;
	transition: .7s;
	width: 28px;
}

.menu-nav input[type="checkbox"]:checked ~ label .name:after {
    background: #66a7ce;
    border: 1px solid #66a7ce;
    transition: .7s;
    width: 28px;
}

.menu-nav .dd-hmenu {
    display: block;
	background: #fff !important;
    z-index: 9;
}

.menu-nav .dd-hmenu li {
    float: none;
}

.menu-nav .conteiner .dd-nav-menu {display: none;}


.menu-nav input[type="checkbox"]:checked ~ .dd-nav-menu {
	display: block;
}


/* два элемента */
.blue-fon .service li:nth-child(1):nth-last-child(2),
.blue-fon .service li:nth-child(2):nth-last-child(1) {
        width: 50%;
}

/* три элемента */
.blue-fon .service li:nth-child(1):nth-last-child(3),
.blue-fon .service li:nth-child(2):nth-last-child(2),
.blue-fon .service li:nth-child(3):nth-last-child(1) {
        width: 50%;
}
/* четыре элемента */
.blue-fon .service li:nth-child(1):nth-last-child(4),
.blue-fon .service li:nth-child(2):nth-last-child(3),
.blue-fon .service li:nth-child(3):nth-last-child(2),
.blue-fon .service li:nth-child(4):nth-last-child(1) {
        width: 50%;
}



.advantage .advantage_img {display: none;}

.advantage .advantage_left, .advantage .advantage_right {width: 50%;}

.advantage .item {
	padding: 13px 15px;
    width: calc(100% - 17px);
	font-size: 12px;
}


.city-block img {
	display: none;
}

.city-block ul {
	width: 98%;
    margin: 10px 0px;
    padding: 0 1%;
}

.catimg-item.w-min {
    width: 32%;
}

}



@media all and (max-width:710px) {

.utp .price {
    margin-top: 10px;
}

.utp .price a {
    width: 90%;
    padding: 2% 3%;
    margin: 0 2% 10px;
    display: block;
}
	
}




@media all and (max-width:700px) {

form.raschet .width33 {
    width: 49%;
}

form.raschet .width25 {
    width: 49%;
}


.catimg-item.w-min, .catimg-item {
	width: 49%;
}

}




@media all and (max-width:620px) {

.dd-article .b_block .block2, .dd-article .b_block .block1 {
	font-size: 14px;
}
	
}

@media all and (max-width:600px) {

header .banner-free {
	height: 370px;
}

header .banner-free2 {
	height: 270px;
}

}

@media all and (max-width:570px) {

.dd-article .b_block .block2, .dd-article .b_block .block1 {
    width: 95%;
    text-align: center;
}

form.raschet .spisok label {
    width: 100%;
}


.menu-nav {
    height: auto;
}

ul.dd-hmenu {
    display: block;
}

ul.dd-hmenu li {
    float: left;
}

.menu-nav .dd-nav-menu {
    height: auto;
}

ul.dd-hmenu {
    border-bottom: 2px solid #337ab7;
}

.dd-postcontent .price span {
    font-size: 14px;
}

}

@media all and (max-width:500px) {

.dd-article ul.menu li {
    width: 97%;
    font-size: 18px;
}

.dd-article ul.preim li {
    width: 49%;
}

.dd-article div a .thumb {
    max-width: 98% !important;
    height: 98% !important;
}

form.raschet .width33 {
    width: 99%;
}

form.raschet .width25 {
    width: 99%;
}

.city-block ul li {
    width: 48%;
    margin-right: 1%;
}

}


@media all and (max-width:480px) {

header .banner-free {
	background-size: 190%;
}

header .banner-free {
    height: 290px;
}

.banner-frees .desc-banner {
    top: 240px;
    left: 60px;
    width: 250px;
}



header .banner-free2 {
	background-size: 190%;
}

header .banner-free2 {
    height: 230px;
}

.banner-frees2 .desc-banner2 {
    top: 170px;
    left: 60px;
    width: 250px;
}

.catimg-item.w-min, .catimg-item {
	width: 100%;
}

}

@media all and (max-width:450px) {

header .banner-free {
    height: 280px;
}

.banner-frees .desc-banner {
    top: 230px;
}


header .banner-free2 {
    height: 200px;
}

.banner-frees2 .desc-banner2 {
    top: 160px;
    left: 60px;
    width: 250px;
}

.banner-frees2 .desc-banner2 {
    padding: 7px 10px;
    font-size: 14px;
}


.utp span {
    line-height: 24px;
	font-size: 16px;
}


.portfol.sertifikat a {
	width: 98%;
}


}

@media all and (max-width:410px) {

header .banner-free {
    height: 255px;
}

.banner-frees .desc-banner {
    top: 205px;
	width: 250px;
}

.dd-article ul.preim li {
	width: 100%;
    padding: 265px 0.1% 0;
}

header .banner-free2 {
    height: 190px;
}

.banner-frees2 .desc-banner2 {
    top: 150px;
	width: 250px;
}

}



@media all and (max-width:380px) {

header .banner-free {
    height: 235px;
}

.banner-frees .desc-banner {
    top: 175px;
	width: 170px;
}



header .banner-free2 {
    height: 180px;
}

.banner-frees2 .desc-banner2 {
    top: 140px;
    width: 200px;
}

}

@media all and (max-width:350px) {

header .banner-free {
    height: 215px;
	background-size: 200%;
}

.banner-frees .desc-banner {
    left: 40px;
	top: 165px;
}


header .banner-free2 {
	height: 155px;
}

.banner-frees2 .desc-banner2 {
    top: 120px;
}

.shapka .header-right .tel a {font-size: 22px;}


.dd-postcontent .b_block .block3 a {font-size: 14px;}
}



@media (min-device-width:200px)and (max-width:1023px) {
 .dd-shapes .dd-slider .utp-all {
	padding: 0;
}

.utp-all ul {
    padding: 0 10px;
}

.utp-all .price {
	display: none;
}

.dd-header .menu-all {
	width: 96%;
    padding: 0 2%;
}	
	
.dd-header .menu-all .menu li {
	width: 23%;
}	

.karta-form .map {
	display: none;
}


.dd-block.clearfix_menu {
    margin-right: 0px;
}

.dd-sheet .dd-sidebar1 {
    width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.dd-sidebar1 .dd-blockheader {
	cursor: pointer;
}

.dd-sidebar1 .dd-blockheader .t {
	margin: 0 10px 0 52px;
	text-align: left;
}

.dd-sidebar1 .dd-blockheader .t:before {
    content: ' ';
    position: absolute;
    top: -2px;
    left: -42px;
    width: 32px;
    height: 16px;
    border: 2px solid #337ab7;
    border-radius: 15px;
}

.dd-sidebar1 .dd-blockheader .t:after {
    content: '';
    position: absolute;
    top: 1px;
    left: -39px;
    width: 15px;
    height: 12px;
    border-radius: 15px;
    background: #fff;
    border: 1px solid #337ab7;
    transition: .7s;
}

.dd-sidebar1 input[type="checkbox"]:checked ~ .dd-blockheader .t:after {
    background: #66a7ce;
    border: 1px solid #66a7ce;
	transition: .7s;
	width: 28px;
}




.dd-sidebar1 .dd-blockcontent {display: none;}


.dd-sidebar1 input[type="checkbox"]:checked ~ .dd-blockcontent {
	display: block;
}


.dd-content {
    width: 98%;
}

}

@media (min-device-width:768px)and (max-width:991px) {
.menu-nav .dd-nav-menu .dd-hmenu .item-20 {display: none;}

.dd-nav-menu .dd-hmenu>li>a {
	font-size: 16px;
}

}






@media (min-device-width:768px)and (max-width:1023px) {

.dd-content h1 {
	font-size: 24px;
}
	
.dd-content h2 {
	font-size: 22px;
}

.dd-content h3 {
	font-size: 20px;
}	
	
.dd-post .dd-article .custom-form {
	background: url(/images/linear.png) no-repeat 0%;
	background-size: 220px;
}	

.dd-post .callback {
	width: 64%;
}

.dd-post .callback .zag {
	font-size: 16px;
	margin-top: 5px;
	line-height: 18px;
}

.dd-post .callback [type="text"] {
	margin-bottom: 5px;
}

.dd-article ul.preim li {
font-size: 13px;	
}
	
.dd-post .dd-postcontent .inUs li {
	width: 18%;
    padding: 90px 2px 0;
    font-size: 14px;
}	
	
.dd-footer .dd-footer-inner {
	width: 768px;
}
	
.dd-post .dd-postcontent ul>li, .dd-post .dd-post ul>li, .dd-post .dd-textblock ul>li {
	padding-left: 0px;
}	

.dd-article ul.menu {
	margin: 0px;
}

.dd-article ul.menu li {
	width: 31%;
	font-size: 12px;
}




}









@media (min-device-width:320px)and (max-width:767px) {
	
table.raschet_table {
	overflow-x: auto;
    max-width: 100%;
    position: relative;
    display: block;
}

.menu-nav ul.dd-hmenu {
	background: linear-gradient(to bottom, #4377B6 0, #274468 100%) no-repeat;
    -svg-background: linear-gradient(top, #4377B6 0, #274468 100%) no-repeat;
}	

	
header .dd-hmenu>li>a, header .dd-hmenu>li>a:link, header .dd-hmenu>li>a:visited, header .dd-hmenu>li>a.active, header .dd-hmenu>li>a:hover {
	font-size: 14px;
}	
	
#dd-main .dd-sheet {
	width: 100%;
}	
	
.dd-sheet .dd-sidebar1 {
    float: none;
    width: 100%;
}	
	
.dd-sheet .dd-sidebar1 .clearfix {
	display:none;
}
	
.dd-sheet .dd-content {
    width:98%;
    float: none;
    margin-bottom: 10px;
}	
	
.dd-content h1 {
	font-size: 22px;
}
	
.dd-content h2 {
	font-size: 20px;
}

.dd-content h3 {
	font-size: 18px;
}		


.dd-post .dd-postcontent .inUs li, .dd-post .dd-postcontent .inUs2 li  {
    width: 100%;
    padding: 80px 0px 20px;
    font-family: Tahoma;
    font-size: 14px;	
}

.dd-post .dd-article .custom-form {
	background: none;
	margin: 30px 0px;
}

.dd-post .callback {
	width: 100%;
	float: none;
	margin: 0px;
}	

.dd-post .callback .zag {
	font-size: 14px;
    line-height: 18px;
}

.dd-post .callback [type="text"] {
	margin-bottom: 5px;
}

.dd-post .callback [type="text"], .dd-post .callback [type="phone"], .dd-post .callback [type="submit"] {
	width: 85%;
}

.dd-post .dd-postcontent ul>li, .dd-post .dd-post ul>li, .dd-post .dd-textblock ul>li {
	padding-left: 0px;
}

.dd-post .dd-article img	{
	max-width: 95% !important;
}

.dd-sheet .subfooter form {
    width: 98%;
	
}

.subfooter .text {
    width: 92%;
	padding: 3%;
}

.subfooter textarea.text {
    width: 92%;
    max-width: 92%;
	padding: 3%;
}

.subfooter .contacts .place {
    background: none;
}

.dd-sheet .subfooter	 {
	height: auto;
	margin: 0px;
	padding: 30px 0 0 0;
}

.dd-sheet .subfooter .contacts {
    width: 100%;
    height: auto;
    margin: 30px 0px 0px;
	padding: 30px 0px;
    background: #fff;
    position: initial;
	text-align: center;
}

.dd-footer .dd-footer-inner {
    width: 100%;
}

.karta-form .subfooter .zag {
	margin: 0px;
	text-align: center;
}

.karta-form .subfooter .contacts .place {
	background-size: 20px;
}

.dd-article .partner tr td a img {
	border: 0px;
	margin: 0px;
	box-shadow: none;
}

.dd-article ul.menu {
	margin: 0px;
}

ul.dd-hmenu ul.dd-hmenu-right-to-left {
	    display: none;
}





.tabl-price tr th, .price-all tr td, .tabl-price table tr th {
	float: left;
    width: 100%;
	padding: 10px 0;
	text-align: center;
	border-bottom: 0px solid #ddd;
}

.tabl-price tr td:first-of-type {
	font-weight: 700;
}

.tabl-price tr th:first-of-type, .tabl-price tr td {
    width: 100%;
    text-align: center;
	float: left;
	padding: 10px 0;
}


.price-all tr th:before {
	display: none;
}

.price-all tr:nth-child(2n+2) {
    background: #fff;
}

.fon .flex .img {display: none;}
.fon .flex .comm {width: 100%;}



.project .col-lf-100 {
	margin: 0;
    padding: 10px 0;
}

.project .col-lf-100 .name {padding: 0 5px;}

.subfooter .contacts a.mail {background: none;}


.utp-all span {
	font-size: 15px;
    line-height: 1.3;
    font-weight: 500;
    padding: 0 10px;
    display: inline-block;
}

.utp-all ul li {
    font-size: 14px;
    line-height: 1.3;
}

.utp-all ul li span {
	font-size: 14px;
}

}