@media only screen and (max-width : 1880px) { 
	.cbp-l-inline {padding: 0 !important;}
	
	/*акционое предложение*/
	ul.proposals li,
	ul.proposals2 li {max-width: 24.5%;}
}


@media only screen and (max-width : 1808px) { 
	
	ul.proposals2 li .bl-bookings h2 { font: 28px/34px BoldCondensed;}
	ul.proposals2 .bl-bookings .butt > a {font: 25px/32px BoldCondensed;}
} 


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

	/*========================
			Блок продукции 
	=======================================*/
	.menu-products > ul > li { max-width: 33.31%; }
	/*модальное окно продукции*/
	.leftSide {max-width: 380px;}

	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 38%;}
}

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

	ul.proposals2 .bl-bookings .butt > a {font: 21px/25px BoldCondensed;}
}


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

	/*акционое предложение*/
	/*кнопка*/
	ul.proposals .bl-bookings .butt > a { font: 27px/35px BoldCondensed;}
}


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

	/*блоки акционого предложения*/
	ul.proposals li,
	ul.proposals2 li {max-width: 24.49%;}
	ul.proposals2 li .bl-bookings {padding: 33px 50px;}
}

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

	/*шапка*/
	.bg-header {padding-bottom: 105px;}
}


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

		/*блоки акционого предложения*/
	ul.proposals li,
	ul.proposals2 li {max-width: 24.29%;}
}

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

	ul.proposals2 li .bl-bookings h2 { font: 23px/29px BoldCondensed;}
	/*кнопка*/
	ul.proposals .bl-bookings .butt > a { font: 16px/20px BoldCondensed;}

	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 36%;}
} 

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

	/*акционое предложение*/
	/*кнопка*/
	ul.proposals .bl-bookings .butt > a,
	ul.proposals2 .bl-bookings .butt > a { font: 24px/30px BoldCondensed;}
}

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

	/*блоки акционого предложения*/
	ul.proposals li,
	ul.proposals2 li {max-width: 24.3%;}

} 





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

	/*меню*/
	/*nav.mmenu > ul > li > a {font: 15px/39px "LightCondensed";}*/
	
	.bl-link-meneger > form {max-width: 50%; min-width: 50%;}
	.bl-link-meneger > form input.name, 
	.bl-link-meneger > form input.tell {font: 19px/48px RegularCondensed;}

	.bl-link-meneger > form input.feedback {font: 25px/60px BoldCondensed; margin-top: 28px;}

	.process .butt a {  font: 25px/60px BoldCondensed;}
	
	/*блок отправки заявки до специалиста*/
	.calcul-special {padding-bottom: 0; padding-top: 35px;}
	.calcul-special div.tc {padding-bottom: 50px;}
	.calcul-special div.tc > h2 {font: 38px/45px BoldCondensed; padding-top: 31px;}
	.calcul-special div.tc > h2 > span { font: 38px/35px BoldCondensed;}
	.calcul-special div.tc > p {padding-top: 40px;  font: 27px/35px BoldCondensed;}
	/*номера телефонов*/
	.left {font: 30px/25px BoldCondensed;}
	.right {font: 30px/25px BoldCondensed;}
	/*формы*/
	.calcul-special form ul.fl-input {padding-bottom: 40px; padding-top: 40px;}
	.calcul-special form ul.fl-input li input {font: 18px/46px LightCondensed;}
	.calcul-special form ul li.butt input,
	.calcul-special div.butt a {font: 25px/60px BoldCondensed;}
	/*контакты под формой*/
	.bl-contac-compani {padding-top: 40px;}
	.bl-contac-compani .time,
	.bl-contac-compani .address .email,
	.bl-contac-compani .address .street {  font: 20px/30px LightCondensed;}
	
	/*500 клиентов*/
	#advantages ul.list-advantages > li, #advantages ul.list-advantages2 > li {padding-bottom: 50px;}
	#advantages {padding-top: 70px; padding-bottom: 70px;}
	
	/*наши работы*/
	.bl-menu-exa nav ul {padding-bottom: 15px;}
	.bg-bl-example-works {padding-top: 70px;}

	.num-meneg {padding-left: 40px;}

	/*отступ в шапке снизу*/
	.bg-header {padding-bottom: 65px;}

	.padd { padding-top: 70px;}
	ul.proposals {padding-top: 30px; padding-bottom: 70px;}
	.bl-product h1,
	.bl-interest h1 {padding-bottom: 50px;}
	.list-products {padding-bottom: 70px;}

	ul.list-process {padding-top: 60px;}

	.name-product p, .name-interest p {font: 16px/15px LightCondensed !important;}
	.bg-proposals {padding-bottom: 70px; background: #151531;}
	.bg-bl-info ul {padding-top: 50px;}
	.bg-bl-info {padding-top: 70px;}

	/*inputs*/
	.bl-link-meneger > form input.name, .bl-link-meneger > form input.tell {font: 18px/38px LightCondensed;   padding: 6px 21px;}

	/*блок процесс создания*/
	ul.list-process li p {font: 20px/25px LightCondensed;}

	/*Блок акционных предлложений*/
	ul.proposals li .bl-bookings h2,
	ul.proposals2 li .bl-bookings h2 {font: 28px/35px BoldCondensed;}


	ul.proposals li .bl-bookings span,
	ul.proposals2 li .bl-bookings span {font: 33px/39px BoldCondensed;}
	/*кнопка*/
	ul.proposals .bl-bookings .butt > a,
	ul.proposals2 .bl-bookings .butt > a { font: 18px/22px BoldCondensed;}

	/*блок менеджера*/
	.bl-meneg {padding-top: 70px; padding-bottom: 70px;}
	.bl-meneg h2.text-color {font: 33px/30px BoldCondensed;}
	.bl-meneg h2.text-shadow {font: 27px/20px LightCondensed;}

	.process {padding-top: 50px; padding-bottom: 70px;}

	/*Блок Заголок*/
	.padd-top {padding-top: 5%;}
	.bl-title { padding-bottom: 29px; padding-top: 12px;}

	.inli-block {padding-bottom: 60px; padding-top: 50px;}

	/*========================
			Блок продукции 
	=======================================*/
	.menu-products > ul > li { max-width: 33.33%; }
	.menu-products > ul > li:first-child {margin-left: -1px;}

	/*предложения*/
	ul.proposals2 li .bl-bookings { padding: 33px 60px;}
	ul.proposals2 li .bl-bookings p {padding-bottom: 16px; font: 25px/38px LightCondensed;}

	.bl-proposal {padding-top: 22px; padding-bottom: 0;}
	.bl-proposal > ul.proposals2 li .bl-bookings h2 {font: 27px/35px BoldCondensed; text-transform: uppercase;}
	.bl-proposal > ul.proposals2 li .bl-bookings span {font: 33px/30px BoldCondensed;}
	.bl-title-proposal h2 {font: 27px/35px LightCondensed; padding-bottom: 64px;}
	.bl-title-proposal h2.text-color {font: 39px/29px BoldCondensed;}

	/*в подвале блок контактов*/
	.quest-manag span {font: 22px/50px LightCondensed;}
	.numb-manag p > span {  font: 22px/50px LightCondensed;}
	.numb-manag p {font: 22px/50px LightCondensed;}
	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 36%;}
}



@media only screen and (max-width : 1290px) { 
	
	/*заголовок в шапке*/
	.bl-title h1, .bl-title h2 { font: 44px/57px BoldCondensed;}

	/*услуги в шапке*/
	.service-first, .service-two, .service-third, .service-fourth { padding: 20px 0 20px 30px;}

	#proposal {background: #151531; padding-bottom: 90px; padding-top: 40px;}
	#proposal > img {display: none;}
	ul.proposals2 li .bl-bookings { padding: 33px 40px;}
} 


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

	/*logo*/
	.logo {max-width: 130px; padding-top: 9px;}

	/*номер телефона в подложке
	.bl-numbers {display: none;}*/

	/*модальное  окно*/
	.rightSide {max-width: 570px;}
	.rightSide .modal_close {right: -65%;}
}


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

	.bg-proposals > img {display: none;}
}


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

	/*menu*/
	nav.mmenu {
		position: absolute; 
		top: 100%;
		left: 20%;
		display: none;
		padding: 0 37px 0 37px;
		background: #6193EE;
		border: 1px solid #fff;
		min-width: 229px;
	}
	/*кнопка*/
	.butt-mmenu {position: absolute; left: 20%; top: 33%; margin-top: 0;}

	/*email в подложке*/
	.bl-connection {float: right;}

	.bl-proposal > ul.proposals2 li .bl-bookings h2 { font: 24px/32px BoldCondensed;}
}



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

	/*список услуг в шапке*/
	.service-first span, .service-two span, .service-third span, .service-fourth span { font: 19px/25px LightCondensed;}

	/*акционое предложение*/
	ul.proposals li .bl-bookings p,
	ul.proposals2 li .bl-bookings p  { padding-bottom: 14px; font: 20px/39px LightCondensed;}
} 


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

	/*акционое предложение*/
	ul.proposals .bl-bookings .butt > a { font: 15px/18px BoldCondensed;}

	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 { left: 32.4%;}
}


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

	ul.proposals li, 
	ul.proposals2 li { max-width: 24%;}
	.bl-proposal > ul.proposals2 li .bl-bookings h2 { font: 21px/28px BoldCondensed;}
}

@media only screen and (max-width : 1050px) { 
	
	/*акционое предложение*/
	ul.proposals li .bl-bookings span,
	.bl-proposal > ul.proposals2 li .bl-bookings span { font: 25px/33px BoldCondensed;}

}


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

	#proposal { padding-bottom: 40px;}
}


@media only screen and (max-width : 1024px) { 
	
	/*основной блок шапки*/
	.bl-title {padding-top: 40px;}
	.bg-header {padding-bottom: 50px; background: #4e4e8f;}
	.bg-header > img {display: none;}

	/*лого*/
	.bl-nav-top a.logo {max-width: 18%; padding-top: 10px;}

	/*меню*/
	/*nav.mmenu > ul > li > a {font: 16px/38px "LightCondensed";}*/
	nav.mmenu {
		position: absolute;
		top: 100%;
		left: 20%;
		z-index: 10;
		display: none;
		padding: 0 67px 0 50px;
		background: #6193EE;
		border-bottom: 1px solid #fff;
  		border-left: 1px solid #fff;
  		border-right: 1px solid #fff;
	}

	/*содержимое подложки*/
	#scroll-top.fixed {display: block;}


	/*блок контактов на подложке*/
	.bl-connection {float: right;}

	/*кнопка меню при малых экранах*/
	.butt-mmenu {position: absolute; top: 25%; left: 20%; margin-top: 0;}

	/*заголовок в шапке*/
	.bl-title h1, .bl-title h2 {font: 36px/42px BoldCondensed;}

	/*список услуг в шапке*/
	.service-first span, .service-two span, .service-third span, .service-fourth span {font: 21px/0 BoldCondensed;}
	.service-first, .service-two, .service-third, .service-fourth {  padding: 23px 0 23px 30px; background: rgba(0,0,0,0.35);}

	/*основной блок акционого предложения*/
	.bg-proposals {padding-bottom: 0; background: #151531;}
	.padd {padding-top: 40px; padding-bottom: 0;}
	.padd > div > h1 {font: 26px/26px BoldCondensed;}
	
	/*блоки акционого предложения*/
	ul.proposals2 {padding-left: 15px;}
	ul.proposals {padding-bottom: 50px; padding-left: 15px;}
	ul.proposals li .bl-bookings {padding: 25px 55px;}
	ul.proposals li .bl-bookings h2 {font: 17px/24px BoldCondensed;}
	ul.proposals li .bl-bookings p {font: 17px/31px RegularCondensed; padding-bottom: 17px;}
	ul.proposals li .bl-bookings span {font: 25px/30px BoldCondensed;}
	ul.proposals .bl-bookings .butt > a {font: 13px/17px BoldCondensed;}

	/*блоки продукции*/
	/*полосы по сторонам*/
	.bl-product h2:before {left: -82%; top: 24%;}
	.bl-product h2:after {right: -82%; top: 24%;}
	.bl-product h2, .bl-interest h2 {padding-bottom: 30px; font: 26px/26px BoldCondensed;}
	.list-products {padding-top: 0; padding-bottom: 40px;}
	.name-interest,
	.name-product {padding-top: 5px; padding-bottom: 5px;}
	.name-product p, 
	.name-interest p {font: 12px/16px LightCondensed !important;}

	/*второй блок продукции*/
	.bl-interest h2 {font: 26px/26px BoldCondensed;}
	.list-interest {
		padding-bottom: 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-around;
	}

	/*боковые полоски на заголовке*/
	.bl-interest h2:before {left: -33%; top: 24%;}
	.bl-interest h2:after {right: -33%; top: 24%;}

	/*ширина блоков раздела привлечь клиентов*/
	.bg-bl-info h2 {font: 26px/26px BoldCondensed; padding-bottom: 22px;}
	.bg-bl-info h2 > span {font: 36px/42px BoldCondensed;}
	.bg-bl-info {padding-top: 50px; padding-bottom: 50px;}
	/*размер текста*/
	.bl-info > p {padding-top: 30px; font: 17px/22px LightCondensed;}

	/*блок менеджера*/
	.bl-meneg {padding-top: 50px; padding-bottom: 50px;}
	.bg-bl-info ul {padding-top: 30px;}
	.bl-info > img {margin: 0 auto 30px auto;}
	.bl-title-meneg h2.text-color {padding-top: 30px; padding-bottom: 15px; font: 26px/26px BoldCondensed;}
	.bl-title-meneg {padding-bottom: 30px;}
	.bl-meneg h2.text-shadow {font: 20px/23px LightCondensed;}
	/*норме менеджера*/
	.num-meneg {padding-top: 20px; padding-left: 0;}
	.num-meneg p,
	.num-meneg p > span {font: 34px/50px RegularCondensed;}
	/*форма отправки заявки*/
	.bl-link-meneger > form { padding-top: 20px;}
	/*inputs*/
	.bl-link-meneger > form input.name, .bl-link-meneger > form input.tell {font: 15px/38px LightCondensed;   padding: 0 21px;}
	/*кнопка*/
	.bl-link-meneger > form input.feedback {font: 22px/50px BoldCondensed; margin-top: 20px;}

	/*блок процесс создания*/
	.process {padding-top: 50px; padding-bottom: 50px;}
	.process h2 {font: 26px/26px BoldCondensed;}
	ul.list-process {padding-top: 30px; padding-bottom: 50px;}
	ul.list-process li p { padding-top: 30px; font: 19px/22px LightCondensed;}
	/*кнопка*/
	.process .butt a {  font: 22px/50px BoldCondensed;}


	#interest, #product {background: #7e8ecb; margin-top: -2px;}
	#interest {padding-bottom: 40px;}
	#product  {padding-top: 40px;}

	/*Блок наши работы*/
	.bg-bl-example-works {padding-top: 50px;}
	.bg-bl-example-works h2 {font: 26px/26px BoldCondensed;}
	/*портфолио*/
	.bl-menu-exa {padding-top: 30px;}
	.bl-menu-exa nav ul li {font: 17px/20px LightCondensed;}

	/*блок выгодное предложение*/
	.bl-proposal {padding-top: 10px; padding-bottom: 16px;}
	.bl-title-proposal h2 {padding-top: 20px; padding-bottom: 20px;  font: 20px/28px LightCondensed;}
	.bl-title-proposal h2.text-color {  padding-top: 0; font: 26px/26px BoldCondensed;}
	.bl-proposal > ul.proposals2 li .bl-bookings h2 {font: 17px/18px BoldCondensed;}
	.bl-proposal > ul.proposals2 li .bl-bookings span {font: 25px/30px BoldCondensed;}

	/*блоки акционого предложения*/
	ul.proposals2 li .bl-bookings {padding: 14px 47px;}
	ul.proposals2 li .bl-bookings h2 {font: 17px/24px BoldCondensed;}
	ul.proposals2 li .bl-bookings p {font: 16px/30px RegularCondensed; padding-bottom: 7px;}
	ul.proposals2 li .bl-bookings span {font: 23px/30px BoldCondensed;}
	ul.proposals2 .bl-bookings .butt > a {font: 13px/17px BoldCondensed;}


	/*блок преимуществ*/
	#advantages {padding-top: 50px; padding-bottom: 50px;}
	#advantages ul.list-advantages { padding-top: 30px;	}
	#advantages h2 {  font: 26px/26px BoldCondensed;}
	#advantages ul.list-advantages > li div.text > p {font: 17px/22px LightCondensed;}

	/*блок отправки заявки до специалиста*/
	.calcul-special {padding-top: 50px; padding-bottom: 50px;}
	.calcul-special div.tc {padding-bottom: 0;}
	.calcul-special div.tc > h2 {  font: 28px/40px BoldCondensed; padding-top: 22px; }
	.cbp-l-inline .calcul-special div.tc > h2 {  font: 28px/30px BoldCondensed; padding-top: 22px; color: #fff;}
	.calcul-special div.tc > h2 > span {font: 33px/28px BoldCondensed;}
	.calcul-special div.tc > p {padding-top: 30px;   font: 26px/32px LightCondensed;}
	.cbp-l-inline .calcul-special div.tc > p {font: 26px/32px LightCondensed; color: #fff;}
	.calcul-special form ul li.butt {margin-top: 0;}

	.cbp-l-inline .calcul-special form ul.fl-input li input::-webkit-input-placeholder   {color: #fff;opacity: 1;}
	.cbp-l-inline .calcul-special form ul.fl-input li input:-moz-placeholder 		     {color: #fff;opacity: 1;}
	.cbp-l-inline .calcul-special form ul.fl-input li input::-moz-placeholder 		     {color: #fff;opacity: 1;}
	.cbp-l-inline .calcul-special form ul.fl-input li input:-ms-input-placeholder        {color: #fff;opacity: 1;}
	/*форма*/
	.calcul-special form ul.fl-input {padding-top: 30px; padding-bottom: 30px;}
	.calcul-special form ul.fl-input li input {font: 16px/42px LightCondensed;}
	/*контакты под формой*/
	.num-center {display: none;}
	.bl-contac-compani .time,
	.bl-contac-compani .address .email,
	.bl-contac-compani .address .street {  font: 20px/30px LightCondensed;}

	/*блок контактов в футере*/
	.inli-block {padding-bottom: 50px;}


	/*модальное окно*/
	.rightSide {max-width: 570px; }

	#modal6,
	#modal {border-radius: 0;}

	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 31%;}
}

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

	.bl-proposal { padding-top: 0;}
	.calcul-special {background: #4e4e8f;}

	.rightSide {max-width: 430px;}
	.leftSide { max-width: 296px;}
	.leftSide h2 { padding-bottom: 12px; font: 26px/37px BoldCondensed;}
	.leftSide li.sub > input[name='send'], .Side li.sub > input[name='send'] { font: 20px/50px BoldCondensed;}
	.rightSide .modal_close { right: -67.4%; top: 1%;}
}


@media only screen and (max-width : 992px) { 
	#process {background: #151531;}
	#meneger {background: #4e4e8f;}

	.num-meneg p, .num-meneg p > span {color: #fff;}
	.bl-info > p {padding-bottom: 30px;}

	.bl-meneg {padding-bottom: 50px;}
	.bl-title-meneg h2.text-color {color: #fff;}
	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 29%;}


}


@media only screen and (max-width : 955px) { 
	
	/*акционое предложение*/
	ul.proposals li .bl-bookings p,
	ul.proposals2 li .bl-bookings p { font: 14px/24px RegularCondensed; padding-bottom: 12px;}
	/*цена*/
	ul.proposals li .bl-bookings span,
	.bl-proposal > ul.proposals2 li .bl-bookings span { font: 16px/24px BoldCondensed;}
	/*кнопка*/
	ul.proposals .bl-bookings .butt > a,
	ul.proposals2 .bl-bookings .butt > a { font: 11px/13px BoldCondensed;}

	.bl-meneg h2.text-shadow {color: #fff;}
}


@media only screen and (max-width : 869px) { 
		
	/*акционое предложение*/
	ul.proposals li .bl-bookings p,
	ul.proposals2 li .bl-bookings p { font: 12px/16px RegularCondensed; padding-bottom: 12px;}
	/*цена*/
	ul.proposals li .bl-bookings span,
	.bl-proposal > ul.proposals2 li .bl-bookings span { font: 16px/26px BoldCondensed;}
	/*кнопка*/
	ul.proposals .bl-bookings .butt > a,
	ul.proposals2 .bl-bookings .butt > a { font: 9px/14px BoldCondensed;}
	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 26%;}

}

@media only screen and (max-width : 818px) { 
	.bg-bl-info {padding-bottom: 10px;}
	ul.proposals li .bl-bookings {padding: 25px 50px;}

	ul.proposals2 li .bl-bookings { padding: 14px 34px;}
	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 24.3%;}
}

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

	/*акционое предложение*/
	#proposal {padding-bottom: 20px;}
	ul.proposals li,
	ul.proposals2 li { max-width: 48%; margin-bottom: 30px;}

	ul.proposals li .bl-bookings h2,
	.bl-proposal > ul.proposals2 li .bl-bookings h2 { font: 25px/33px BoldCondensed;}

	ul.proposals li .bl-bookings p ,
	ul.proposals2 li .bl-bookings p { font: 24px/30px RegularCondensed; padding-bottom: 22px;}
	/*цена*/
	ul.proposals li .bl-bookings span,
	.bl-proposal > ul.proposals2 li .bl-bookings span { font: 27px/35px BoldCondensed;}
	/*кнопка*/
	ul.proposals .bl-bookings .butt > a,
	ul.proposals2 .bl-bookings .butt > a { font: 22px/26px BoldCondensed;}
	
	.calcul-special div.tc {padding-bottom: 0;}
	.calcul-special div.tc > p { font: 23px/32px LightCondensed;}

	.rightSide .modal_close {background: url(../img/close-fff.png) no-repeat 0 0;}
	#modal12, #modal13, #modal14, #modal15, #modal17, #modal18 {max-width: 100%;}

	.inli-block {padding-top: 40px; padding-bottom: 40px;}
	.butt-mmenu {left: 30%;}

} 



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


	#advantages ul.list-advantages > li > i {left: 0;}
	/*услуги в шапке*/
	.service-first, .service-two, .service-third, .service-fourth  { padding: 20px 0 20px 30px;}
	.service-first span, .service-two span, .service-third span, .service-fourth span { font: 18px/0 BoldCondensed;}

	#advantages { padding-top: 40px;}
	.bl-title-proposal h2 {font: 14px/21px LightCondensed;}


}

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

	/*кнопка*/
	.form-horizontal .butt {background: transparent;}
	.form-horizontal .butt input {background: transparent; font: 21px/47px BoldCondensed; margin-left: 0;}

	/*блок контактов в подложке*/
	.bl-connection {padding: 0;}

	/*меню в шапке*/
	/*nav.mmenu > ul > li > a {font: 14px/38px "LightCondensed";}*/

	/*выпадающее меню в подложке*/
	nav.mmenu {padding: 0 25px;}

	/*зоголовок в шапке*/
	.bl-title h1, .bl-title h2 {font: 20px/27px BoldCondensed;}

	/*акционные предложение*/
	.padd {padding-top: 40px; padding-bottom: 0;}

	/*блоки продукции*/
	.bg-proposals {background: #151531;}
	.bl-product h2 {font: 26px/26px BoldCondensed;}
	/*полосы по сторонам*/
	.bl-product h2:before {left: -80%; top: 25%;}
	.bl-product h2:after {right: -80%; top: 25%;}
	.bl-product h2, .bl-interest h2 {padding-bottom: 30px; font: 26px/26px BoldCondensed;}
	.list-products {
		padding-top: 0;
		padding-bottom: 40px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	/*выравнивание блока по-центру*/
	.list-products li,
	.list-interest li {text-align: center; padding-bottom: 30px;}
	.list-products li:last-child,
	.list-interest li:last-child {padding-bottom: 0;}
	.list-products li img, .list-interest li img {padding-bottom: 15px;}
	.list-products li a,
	.list-interest li a {display: inline-block;}

	.name-interest,
	.name-product {padding-top: 5px; padding-bottom: 5px; border-top: 1px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(255,255,255,.25);}
	.name-product p, 
	.name-interest p {font: 12px/16px LightCondensed !important;}

	/*второй блок продукции*/
	.bl-interest h2 {font: 26px/26px BoldCondensed;}
	.list-interest {
		padding-bottom: 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	/*боковые полоски на заголовке*/
	.bl-interest h2:before {left: -33%; top: 24%;}
	.bl-interest h2:after {right: -33%; top: 24%;}

	/*раздела привлечь клиентов*/
	.bg-bl-info {padding-top: 40px; padding-bottom: 10px;}
	.bl-info > p {padding-top: 15px; padding-bottom: 30px;}

	/*блок менеджера*/
	.bl-meneg {padding-top: 40px; padding-bottom: 40px;}
	.bl-title-meneg h2.text-shadow {padding-top: 10px; padding-bottom: 10px;   font: 16px/18px LightCondensed;}
	.bl-title-meneg h2.text-color {padding-top: 20px; padding-bottom: 15px; font: 26px/30px BoldCondensed; color: #fff;}
	/*номер телефонов*/
	.num-meneg { float: none; margin-left: 0;  padding-top: 15px;  padding-left: 0; }
	.num-meneg p, .num-meneg p > span {  font: 18px/32px RegularCondensed; color: #fff;}
	/*форма*/
	.bl-link-meneger > form {display: inline-block; float: none; margin-top: 20px; }
	/*inputs*/
	.bl-link-meneger > form ul li.first-padd-b {padding-bottom: 15px;}
	.bl-link-meneger > form input.name, .bl-link-meneger > form input.tell {  font: 15px/38px LightCondensed; width: 100%; padding: 0 10px;}	
	/*кнопка*/
	.bl-link-meneger > form input.feedback { font: 22px/50px BoldCondensed; color: #fff;}

	ul.proposals {padding-bottom: 20px; padding-top: 40px;}

	/*преимущества*/
	#advantages {padding-top: 40px; padding-bottom: 40px;}
	#advantages ul.list-advantages > li > i {left: 0;}

	/*менеджер*/
	#calculations {background: #151531;}
	.calcul-special {padding-bottom: 40px; padding-top: 40px;}
	.calcul-special div.tc > p {display: none;}

	/*модальное окно*/
		.Side h2, .Side h2.h2 {font: 24px/40px BoldCondensed;}
	.Side ul li{padding-bottom: 10px;}
	.leftSide {float: none; margin: 2px; clear: both; max-width: 99.4%; width: 100%; background: #151531;}
	.leftSide h2 { clear: both;  padding-top: 25px;padding-bottom: 22px;font: 31px/54px BoldCondensed;}
	.leftSide img {display: none;}
	.leftSide li.sub > input[name='send'], .Side li.sub > input[name='send'] {padding: 7px;   font: 20px/30px BoldCondensed;}
	.leftSide form {display: inline-block; padding: 20px 20px 0 20px;}
	.leftSide form ul li.sub:before, .Side form ul li.sub:before {background-image: none;}
	.leftSide ul > li {padding-right: 0;}
	.leftSide ul > li:last-child {padding-right: 0;}
	.leftSide ul > li > input {width: 270px;}
	.leftSide form > ul {padding: 0 0 40px 0;}

	.prod .modal_close {right: 1.2%; top: 0.4%; background: url(../img/close.png) no-repeat 0 0;}
	.bl-mod {padding: 0;}
	.rightSide {width: 100%; max-width: 100%; padding-right: 15px;padding-left: 33px; margin-top: -5px;}
	.rightSide img {right: 0;}
	.rightSide > ul {max-width: 100%; padding-left: 20px;}
	.rightSide > h2 {padding: 40px 0 13px 0; font: 25px/22px BoldCondensed;}
	.rightSide > p, .rightSide > ul > li {padding-bottom: 24px;font: 18px/20px LightCondensed;}
	/*хрестик*/
	.modal_close {top: -5.3%; right: 1%;}
	.form-horizontal {padding-top: 5px;}
	.modal-header .modal-title {padding-top: 15px;}



	#modal12, #modal13, #modal14, #modal15, #modal16, #modal17, #modal18 {max-width: 96%; padding: 0;}

	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 24.3%;}
	
	.process {padding-top: 40px; padding-bottom: 40px;}
	.process h2 {font: 26px/28px BoldCondensed;}
	#proposal  {padding-bottom: 20px;}
	.bl-proposal {padding-bottom: 0;}
	.inli-block {padding-top: 30px; padding-bottom: 30px;}

	.calcul-special form ul li.butt input,
	.calcul-special div.butt a {  font: 22px/50px BoldCondensed;}
	
}


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

	/*модальное окно*/
	.modal-content {min-width: 370px;padding: 0 55px;}
	/*хрестик*/
	.modal_close { top: 1.6%;  right: 2%;}


}


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


	/*заголовок*/
	.bl-title {padding-bottom: 16px;}

	/*выпадающее меню*/
	nav.mmenu {padding: 0 5px; margin-top: 5px;}

	/*продукция*/
	.bg-proposals {background: #151531;}

	/*inputs*/
	.bl-meneg {padding-bottom: 40px;}

	/*наши работы*/
	.bg-bl-example-works {padding-top: 40px;}

	/*преимущества*/
	#advantages {padding-top: 40px;}
	#advantages ul.list-advantages {max-width: 100%;}
	#advantages ul.list-advantages > li div.text > h4 {  font: 17px/23px BoldCondensed;}
	#advantages ul.list-advantages > li div.text > p {  font: 14px/20px LightCondensed;}

	/*менеджер*/
	.calcul-special div.tc > p {display: none;}
	.calcul-special div.tc > h2 > span {  font: 25px/28px BoldCondensed;}
	#calculations .calcul-special {padding-bottom: 40px;}

	/*подвал с контактами*/
	.numb-manag p > span {  font: 22px/36px LightCondensed;}
	.quest-manag h3 {font: 22px/36px LightCondensed;}
	.inli-block {padding-bottom: 0; padding-top: 20px;}

	/*модальное окно*/
	.Side h2, .Side h2.h2 {font: 24px/40px BoldCondensed;}
	.Side ul li{padding-bottom: 10px;}
	#modal12, #modal13, #modal14, #modal15, #modal16, #modal17, #modal18 {margin: 0 20px 0 10px;}
	.leftSide h2 {  padding-top: 20px;padding-bottom: 15px;font: 31px/54px BoldCondensed;}
	.leftSide img {display: none;}
	.leftSide li.sub > input[name='send'], .Side li.sub > input[name='send'] {padding: 7px;   font: 20px/30px BoldCondensed;}
	.leftSide form ul li.sub:before, .Side form ul li.sub:before {background-image: none;}


	.rightSide > p, .rightSide > ul > li {padding-bottom: 24px;font: 18px/20px LightCondensed;}
	/*крестик в модальном окне*/
	.rightSide img {top: 0; right: 0;}


		/*модальное окно*/
	.modal-content {min-width: 345px;padding: 0 35px;}

}



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

	/*кактегории услуг в шапке*/
	.service-first, .service-two, .service-third,
	.service-fourth {  padding: 12px 0 12px 30px;}

	/*выпадающее меню*/
	nav.mmenu > ul > li {float: none;}
	nav.mmenu > ul > li {padding-right: 40px;padding: 0;}
	/*кнопка*/
	.icon-menu {height: 4px;}

		/*продукция*/
	.bg-proposals {background: #151531;}

	/*блок менеджера*/
	.num-meneg {padding-left: 0;}
	.bl-meneg {padding-bottom: 40px;}
	.bl-title-meneg {padding-bottom: 19px;}
	/*inputs*/

	/*процесс*/
	.process {padding-top: 40px; padding-bottom: 40px;}
	ul.list-process li p { padding-top: 16px; font: 16px/19px LightCondensed;}
	ul.list-process {padding-top: 22px; padding-bottom: 30px;}

	/*наши работы*/
	.bg-bl-example-works {padding-top: 40px;}

	/*преимущества*/
	#advantages {padding-top: 40px;	padding-bottom: 40px;}
	#advantages ul.list-advantages {text-align: center;}
	#advantages ul.list-advantages > li > i {top: 0; left: 43%;}
	#advantages ul.list-advantages > li{padding-left: 0; padding-top: 55px;}

	/*менеджер*/
	.calcul-special div.tc {padding-bottom: 40px;}
	.calcul-special {padding-top: 0; padding-bottom: 10px;}
	.calcul-special div.tc > h2,
	.calcul-special div.tc > h2 > span { font: 24px/28px BoldCondensed;}
	.calcul-special form ul.fl-input li {float: none; padding-bottom: 20px; margin-right: 0;}
	.calcul-special form ul.fl-input li input {max-width: 100%;}
	.calcul-special form ul li.butt input,
	.calcul-special div.butt a {  font: 21px/51px BoldCondensed; padding-right: 30px; padding-left: 30px;}
	.calcul-special form ul.fl-input {padding-top: 20px; padding-bottom: 20px;}

	/*подвал с контактами*/
	.numb-manag p > span {  font: 22px/36px LightCondensed;}
	.quest-manag h3 {font: 22px/36px LightCondensed;}
	.inli-block {padding-bottom: 0; padding-top: 20px;}

	/*модальное окно*/
	.leftSide h2 {  padding-top: 20px;padding-bottom: 22px;font: 31px/54px BoldCondensed;}
	.leftSide img {display: none;}
	.leftSide li.sub > input[name='send'], .Side li.sub > input[name='send'] {padding: 7px;   font: 20px/30px BoldCondensed;}
	.leftSide form ul li.sub:before, .Side form ul li.sub:before {background-image: none;}
	.leftSide ul > li:last-child {padding-right: 0;}
	.rightSide > p, .rightSide > ul > li {padding-bottom: 24px;font: 18px/20px LightCondensed;}
	.centr {display: block;}
	/*хрестик в модальном окне продукции*/
	.rightSide .modal_close { right: 1%; top: 1%; background: url("../img/close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}

	.bl-contac-compani .address {
		text-align: center;
	    float: none !important;
	    padding-bottom: 20px;
	}

	.bl-contac-compani .time {text-align: center;  float: none !important;}

	.inli-block {padding-top: 40px; padding-bottom: 40px;}

	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 22.3%;	}
	.modal-header .modal-title { font: 19px/25px BoldCondensed;}

}


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

	.cbp-l-inline .calcul-special form ul.fl-input li input {  min-width: 260px;}
	.cbp-l-inline .calcul-special div.tc > h2 {background: none;}
	.calcul-special div.tc {padding-top: 25px;}
	#calculations div.tc {padding-top: 0;}
	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 21.3%;}
}


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

	/*акционое предложение*/
	ul.proposals li .bl-bookings p,
	ul.proposals2 li .bl-bookings p { font: 18px/26px RegularCondensed; padding-bottom: 14px;}
	/*цена*/
	ul.proposals li .bl-bookings span,
	ul.proposals2 li .bl-bookings span { font: 22px/30px BoldCondensed;}
	/*кнопка*/
	ul.proposals .bl-bookings .butt > a,
	ul.proposals2 .bl-bookings .butt > a { font: 17px/20px BoldCondensed;}
}





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

	/*шапка*/
	.bg-header {padding-bottom: 52px;}

	/*услуги в шапке*/
	.service-first span, .service-two span, .service-third span, .service-fourth span {  font: 15px/0 BoldCondensed;}

	/*заголовок*/
	.padd-top {padding-top: 6%;}


	/*продукция*/
	.bg-proposals {background: #151531;}
	/*боковые полосы в заголовках*/
	.bl-product h2:after,
	.bl-product h2:before,
	.bl-interest h2:after,
	.bl-interest h2:before {display: none;}


	/*блок привлечь клиентов*/
	.bg-bl-info {padding-top: 34px;}
	.bl-info li:last-child > p {padding-bottom: 0;}
	.bg-bl-info h2,
	.bg-bl-info h2 span {font: 26px/26px BoldCondensed;}
	.bl-info > p {font: 16px/20px LightCondensed;}

	/*менеджер*/
	.bl-meneg {padding-bottom: 40px; padding-top: 40px;}
	/*форма*/
	.bl-link-meneger > form {max-width: 100%; min-width: 100%;}
	.bl-link-meneger > form ul {display: block;}
	.bl-link-meneger > form input.name, .bl-link-meneger > form input.tell { font: 16px/38px LightCondensed; width: 100%;}
	.bl-link-meneger > form input.feedback { font: 22px/50px BoldCondensed;}

	/*наши работы*/
	.bl-menu-exa nav ul li { font: 13px/20px LightCondensed;}

	/*преимущества*/
	#advantages ul.list-advantages > li > i {left: 42%;}
	#advantages h2 {font: 23px/21px BoldCondensed;}
	
	/*заказать вівеску у нас*/
	.calcul-special form ul.fl-input li {padding-bottom: 10px; max-width: 100%;}
	.bl-contac-compani .time, .bl-contac-compani .address .email, .bl-contac-compani .address .street {font: 17px/30px LightCondensed;}
	.calcul-special form ul.fl-input li input {min-width: 240px;} 
	.calcul-special form ul.fl-input {padding-bottom: 15px;}


	/*модальное окно*/
	
	/*хрестик в модальном окне продукции*/
	.prod .modal_close { background: url(../img/close.png) no-repeat 0 0;}


	/*процесс*/
	.process h2 {  font: 26px/28px BoldCondensed;}
	ul.list-process li {padding-bottom: 30px;}

		/*footer*/
	.numb-manag,
	.quest-manag {float: none; padding-right: 0; text-align: center;}
}





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

	/*кнопка меню*/
	.butt-mmenu {left: 31%;}

	/*номер телефонов в подложке*/
	.bl-numbers {display: none;}

	/*logo*/
	.bl-nav-top a.logo {max-width: 29%;}

	/*продукция*/
	.bg-proposals {background: #151531;}
	/*кнопка*/
	ul.proposals .bl-bookings .butt > a { font: 14px/17px BoldCondensed;}

	/*заголовок*/
	.bl-title {padding-top: 40px;}

	/*модальное окно*/
	.form-group {max-width: 100%; float: none; padding-bottom: 10px;}
	.modal-body {padding: 0 !important;}
	.form-horizontal .form-group {margin: 0 !important;}
	.leftSide form > ul > li.sub {margin-top: 0;}
	.modal-header .modal-title {padding-bottom: 15px; font: 19px/25px BoldCondensed;}
	.form-horizontal {padding-bottom: 20px;}


	/*иконки*/
	#advantages ul.list-advantages > li > i {left: 42%;}

	/*footer*/
	.numb-manag,
	.quest-manag {float: none; padding-right: 0; text-align: center;}

	ul.proposals { padding-bottom: 10px;}

	.cbp-l-inline .calcul-special div.tc > h2 {padding-top: 40px; padding-bottom: 0; font: 22px/30px BoldCondensed; background: none;}
	.cbp-l-inline .calcul-special div.tc > p { font: 21px/32px LightCondensed;}
	.cbp-popup-singlePageInline .cbp-popup-close {right: 6px; top: 16px;}
	.cbp-l-inline .calcul-special form ul.fl-input li input {min-width: 260px;}

	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 17.3%;}
	
	.prod .modal_close
}



@media only screen and (max-width : 526px) { 
	
	/*акционое предложение*/
	ul.proposals,
	ul.proposals2 {padding-left: 15px; padding-right: 15px;}

	ul.proposals li,
	ul.proposals2 li {max-width: 100%; margin-right: 0;}

	ul.proposals li .bl-bookings h2,
	ul.proposals2 li .bl-bookings h2 { font: 36px/56px BoldCondensed;}

	ul.proposals li .bl-bookings p,
	ul.proposals2 li .bl-bookings p { font: 24px/33px RegularCondensed; padding-bottom: 14px;}
	/*цена*/
	ul.proposals li .bl-bookings span,
	ul.proposals2 li .bl-bookings span { font: 30px/53px BoldCondensed;}
	/*кнопка*/
	ul.proposals .bl-bookings .butt > a,
	ul.proposals2 .bl-bookings .butt > a  { font: 21px/25px BoldCondensed;}

	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 14.3%;}

}


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

	#calculations .calcul-special div.tc {padding-top: 0;}
	.leftSide {max-width: 99%; }
	.rightSide {padding-left: 22px;}
	.prod .modal_close { right: 2.4%; top: 0.7%;}
	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 10.3%;}
}



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

	/*акционых предложений*/
	ul.proposals li,
	ul.proposals2 li {margin-bottom: 20px;}
	ul.proposals .bl-bookings .butt > a,
	ul.proposals2 .bl-bookings .butt > a { font: 19px/21px BoldCondensed;}
	.leftSide form > ul {padding: 0 0 33px 0;}

	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {left: 8.3%;}
} 


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

	/*кнопка меню*/
	.butt-mmenu {left: 33%;}

	/*продукция*/
	.padd {padding-top: 40px;}
	.bg-proposals {background: #151531;}

	/*блок номера телефона в подложке*/
	.bl-numbers {display: none;}

	/*боковые полосы в заголовках*/
	.bl-product h2:after,
	.bl-product h2:before,
	.bl-interest h2:after,
	.bl-interest h2:before {display: none;}
	/*заголовки в продукциях*/
	.bl-product h2, 
	.bl-interest h2,
	.padd > div > h1{  font: 20px/20px BoldCondensed;}

	ul.proposals li {margin-right: 0;}

	/**/
	.bg-bl-info h2, .bg-bl-info h2 span {  font: 20px/20px BoldCondensed;}
	.process .butt {width: 100%;}

	/*блок процесс*/
	.process h2,
	.bl-title-meneg h2.text-color,
	.bl-title-proposal h2.text-color,
	.calcul-special div.tc  h2, 
	.calcul-special div.tc h2 span {font: 18px/24px BoldCondensed;}
	ul.list-process li p {  font: 18px/13px LightCondensed;}

	/*преимущества*/
	#advantages h2 {font: 18px/20px BoldCondensed;}
	#advantages ul.list-advantages, #advantages ul.list-advantages2 {max-width: 100%;}
	
	.calcul-special form ul li.butt,
	.calcul-special div.butt,
	.calcul-special form ul.fl-input {display: block;}
	.calcul-special form ul.fl-input li input {max-width: 100%; min-width: 100%;}
	.calcul-special div.butt a {width: 100%;}
	.cbp-l-inline .calcul-special form ul.fl-input li input {min-width: 100%;}

	/*модальное окно*/
	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {margin-left: 0;}

	/*иконки*/
	#advantages ul.list-advantages > li > i {left: 38%;}

	/*контакты*/
	.bl-contac-compani .address,
	.bl-contac-compani .time  {text-align: center; float: none !important; font: 15px/30px LightCondensed;}

	/*footer*/
	.quest-manag {padding-right: 0; text-align: center; float: none;}

	.rightSide > ul {padding-left: 20px;}
	.rightSide .modal_close { right: 2.6%;  top: 1%;}
	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {width: 83%;}

	.modal-header .modal-title {font: 22px/25px BoldCondensed;}
	.calcul-special form ul li.butt input {width: 100%;}
	.cbp-popup-singlePageInline .cbp-popup-close {right: 10px; top: 20px;}

	.modal-content {min-width: 100%; padding: 0 10px;}
	

}



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

	.bl-connection {display: none;}
	.mmenu ul li:last-child {display: block;}
	.mmenu ul li:last-child span {display: inline-block !important;}
	.butt-mmenu { left: 80%;}
	nav.mmenu {left: 16%; right: 0%;padding: 0;margin-top: 20px;}

	#modal12, #modal13, #modal14, #modal15, #modal16, #modal17, #modal18 { max-width: 88%;}
	.leftSide ul > li > input { width: 240px;}
	.prod .modal_close {top: 0; right: 1.5%;}
}


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

	.bl-link-meneger > form input.feedback { font: 22px/50px BoldCondensed;}

	ul.list-process li, {padding-bottom: 40px;}
	ul.list-process li:last-child {padding-bottom: 0;}

	.modal-content { padding: 0 0;}

	.rightSide .modal_close { right: 2.6%; top: 0.8%;}
}


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

	/*шапка*/
	.bg-header {padding-bottom: 36px;}

	.bg-bl-info h2, .bg-bl-info h2 span {  font: 19px/26px BoldCondensed;}

	/*иконки в блоке преимуществ*/
	#advantages ul.list-advantages > li > i {left: 37%;}

	/*footer*/
	.quest-manag {padding-right: 0; text-align: center;}

	.modal-header .modal-title {padding: 20px 15px 12px 15px;}

	.leftSide ul > li > input {width: 100%;}

	.form-horizontal .butt input {max-width: 100%; padding-right: 17px; padding-left: 17px;   font: 21px/47px BoldCondensed;}
	.modal-header .modal-title {font: 16px/25px BoldCondensed;}
	.in .form-control {max-width: 100% !important;}
}


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

	/*header*/
	.bg-header {padding-bottom: 40px;}
	.bg-proposals {padding-top: 0;}
	
	/*подложка*/
	/*лого*/
	.bl-nav-top a.logo {max-width: 40%;}
	/*меню*/
	.butt-mmenu {left: 80%;}

	/*заголовок*/
	.bl-title h1, .bl-title h2 {font: 15px/25px BoldCondensed;}
	/*заголовки*/
	.bl-product h2, .bl-interest h2 {padding-bottom: 20px;}

	.form-control {width: 100% !important;}
	.form-horizontal .butt {display: block;}
	.form-horizontal .butt input {width: 100%; padding-right: 15px; padding-left: 15px;   font: 21px/47px BoldCondensed;}
	.modal-header .modal-title {padding-bottom: 14px; padding-top: 15px;}
	.form-horizontal {padding-top: 0;}

	ul.proposals {padding-bottom: 30px;}

	/*продукция*/
	.bg-proposals {background: #151531;}
	.padd {padding-top: 40px; padding-bottom: 0;}
	/*шрифт в блоках*/
	.name-product p, .name-interest p {font: 11px/16px LightCondensed !important;}
	/*отступ внизу первого блока продукций*/
	.list-products {padding-bottom: 30px;}
	/*заголовки*/
	.bl-product h2, .bl-interest h2 {  font: 17px/20px BoldCondensed;}


	/*привлечь клиентов*/
	.bg-bl-info {padding-top: 30px; padding-bottom: 0;}
	.bg-bl-info h2,
	.bg-bl-info h2 span {font: 17px/19px BoldCondensed;}
	.bl-info > p {font: 16px/20px LightCondensed;}
	.bl-info li:last-child p {padding-bottom: 0;}

	/*менеджер*/
	.bl-link-meneger > form input.feedback {font: 21px/50px BoldCondensed;}
	/*форма*/
	.bl-link-meneger > form {max-width: 100%; min-width: 100%;}
	.bl-link-meneger > form ul li {max-width: 100%;}
	.bl-contac-compani {display: none;}

	/*процесс*/
	.process h2 {font: 16px/19px BoldCondensed;}
	/*текст в блоке*/
	ul.list-process li p { font: 18px/20px LightCondensed;}
	/*блоки*/
	ul.list-process li {padding-bottom: 40px;}
	ul.list-process li:last-child {padding-bottom: 0;}
	/*кнопка*/
	.process .butt {width: 100%;}

	/*наши работы*/
	.bg-bl-example-works {padding-top: 30px;}
	.bg-bl-example-works h2 {display: block; font: 20px/19px BoldCondensed;}
	.bl-menu-exa nav ul {display: block;}
	.bl-menu-exa nav ul li { font: 15px/28px LightCondensed;}

	/*преимущества*/
	#advantages {padding-bottom: 30px;}
	#advantages h2 {font: 16px/19px BoldCondensed;}
	/*иконки*/
	#advantages ul.list-advantages > li > i {left: 33%;}
	#advantages ul.list-advantages, #advantages ul.list-advantages2 {max-width: 100%; margin-right: 0;}

	/*блок заказать вывеску*/
	.calcul-special div.butt,
	.calcul-special form ul li.butt, {width: 100%;}

	.calcul-special form ul li.butt input,
	.calcul-special div.butt a {padding: 0;  font: 22px/50px BoldCondensed;}
	/*заголовок*/
	.calcul-special div.tc > h2, .calcul-special div.tc > h2 > span {  font: 16px/19px BoldCondensed;}
	/*input*/
	.calcul-special form ul.fl-input li input {max-width: 100%; min-width: 100%;   font: 17px/42px LightCondensed;}

	/*подвал*/
	.quest-manag span { font: 18px/28px LightCondensed;}

	/*выпадающая форма при клике на продукт в наших работах*/
	.cbp-l-inline .calcul-special form ul.fl-input li input {max-width: 100%; min-width: 100%;}
	/*заголовок*/
	.cbp-l-inline .calcul-special div.tc > h2 {font: 28px/30px BoldCondensed;}
	.cbp-l-inline .calcul-special div.tc > p {font: 21px/25px RegularCondensed;}

	.bl-title-meneg h2.text-color,
	.bl-title-proposal h2.text-color {font: 16px/23px BoldCondensed;}
	/*кнопка*/


	/*footer*/
	.quest-manag h3 {display: block;}
	.quest-manag {padding-right: 0; float: none !important;}

	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {width: 86%; }
	#modal12, #modal13, #modal14, #modal15, #modal17, #modal18 {max-width: 90%;   margin: 0 20px 0 0;}
	.rightSide > h2 {  font: 22px/30px BoldCondensed;}
	.rightSide {padding-left: 15px;}
	.rightSide .modal_close { right: 2.6%; top: 0.6%;}
	.leftSide ul > li > input {margin-bottom: 10px;}
	.leftSide h2 {  padding-bottom: 4px; font: 19px/45px BoldCondensed;}
	
	ul.proposals li .bl-bookings {padding: 25px 43px;}

	.in .form-horizontal .butt {padding: 0;}

} 



@media only screen and (max-width : 275px) { 
	
	/*акционое предложение*/
	ul.proposals li .bl-bookings h2, .bl-proposal > ul.proposals2 li .bl-bookings h2 {font: 20px/26px BoldCondensed;}
	ul.proposals .bl-bookings .butt > a, ul.proposals2 .bl-bookings .butt > a { font: 15px/18px BoldCondensed;}

	.leftSide ul > li > input { width: 100%;}
	.leftSide { max-width: 98%;}

	.bl-link-meneger > form input.feedback,
	.process .butt a { font: 19px/50px BoldCondensed;}

	.prod .modal_close { right: 2.1%; top: 0;}

	.in .form-control {width: 100% !important;}
	.form-horizontal .butt input {font: 18px/47px BoldCondensed;}
}



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

	/*заголовок в шапке*/
	.bl-title {padding-bottom: 0;}
	.bl-title h1, .bl-title h2 { font: 10px/17px BoldCondensed;}

	/*меню в шапке*/
	nav.mmenu {left: 40%;}
	/*кнопка меню*/
	.icon-menu {height: 3px;}
	.butt-mmenu {width: 20px; left: 82%;}

	#advantages ul.list-advantages > li > i {left: 30%;}
	#proposal {padding-top: 30px;}



	ul.proposals li .bl-bookings {padding: 25px 10px;}
	ul.proposals li .bl-bookings h2, .bl-proposal > ul.proposals2 li .bl-bookings h2 { font: 16px/22px BoldCondensed;}
	ul.proposals .bl-bookings .butt > a, ul.proposals2 .bl-bookings .butt > a { font: 16px/17px BoldCondensed;}
	ul.proposals li .bl-bookings p, ul.proposals2 li .bl-bookings p { font: 19px/30px RegularCondensed;}
	.calcul-special form ul li.butt {display: block;}
	.calcul-special form ul li.butt input {padding-left: 10px; padding-right: 10px;   font: 18px/51px BoldCondensed;}
	#modal, #modal1, #modal2, #modal3, #modal4, #modal5, #modal6, #modal7, #modal8, #modal9, #modal10, #modal11 {margin-left: 0; width: 88%;}

	.bl-link-meneger > form input.feedback { padding: 0; font: 15px/34px BoldCondensed;}
	.form-group { max-width: 100%; float: none;}
	.form-control {  font-size: 13px !important;}
	.form-horizontal {padding-top: 0;}
	.form-horizontal .butt input {width: 100%;   padding-left: 10px; padding-right: 10px;   font: 13px/38px BoldCondensed;}
	.modal-header .modal-title {padding-bottom: 7px;   font: 15px/20px BoldCondensed;}
	.rightSide > h2 { font: 18px/27px BoldCondensed; padding-bottom: 15px;}
	.leftSide ul > li > input {width: 90%; float: none;}
	.leftSide li.sub > input[name='send'], .Side li.sub > input[name='send'] { font: 17px/30px BoldCondensed;}
	.leftSide {max-width: 98%;}
	.leftSide form {padding: 20px 0 0 0;}
	.rightSide > p, .rightSide > ul > li { font: 15px/20px LightCondensed;}

	.process .butt a { font: 16px/34px BoldCondensed;}

	.cbp-l-inline .calcul-special div.tc > h2 { font: 20px/30px BoldCondensed;}
	.cbp-l-inline .calcul-special div.tc > p { font: 17px/25px RegularCondensed;}
	.cbp-l-inline .calcul-special form ul.fl-input li input {  font: 16px/39px RegularCondensed;}

	ul.proposals li, ul.proposals2 li {margin-right: 0;}
	ul.proposals2 li .bl-bookings {padding: 14px 17px;}

	.calcul-special form ul li.butt input,
	.calcul-special div.butt a {  font: 16px/34px BoldCondensed;}

	.modal-content {  padding: 0 2.6px;}

}