/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1440px) {
#map .map-contact {
    width: 50%;
}
}
@media only screen and (max-width : 1200px) {
	header .logo {
		font-size: 24px;
	}
	header h1 span {
		font-size: 24px;
		width: 400px;
	}
	header h1 {
		font-size: 22px;
		width: 400px;
	}
	header h2 {
		font-size: 18px;
	}
	header ul.h-price li {
		font-size: 12px;
		line-height: 24px;
	}
	header ul.h-price li:before {
		width: 18px;
		height: 18px;
		content: '';
		background-size: cover;
		left: -24px;
		bottom: 6px;
	}
	header {
		padding-bottom: 10px;
	}
	header .h-contact .h-tel {
		top: 270px;
		padding: 5px 10px;
	}
	header .h-contact .h-tel h4 {
		font-size: 14px;
	}
	header .h-contact .h-tel p.tel {
		font-size: 30px;
	}
	header .h-contact .h-tel p {
		font-size: 11px;
	}
	.form-zakaz h2 {
		font-size: 18px;
	}
	.form-zakaz {
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.form-zakaz>.slash-fon {
		background-size: 5px;
	}
	.inp, .btn {
		border-radius: 4px;
		height: 36px;
		padding: 9px;
		font-size: 12px;
	}
	.notice {
		font-size: 9px;
		line-height: 1.4;
	}
	#offer {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#offer .block {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#offer .block .txt h3 {
		font-size: 22px;
	}
	#offer .block .txt ul>li {
		line-height: 34px;
		font-size: 11px;
	}
	#reestr-form {
		padding-top: 10px;
		padding-bottom: 10px;
		background-size: cover;
	}
	#reestr-form h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	#numbers {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#numbers .block p {
		width: 68%;
		font-size: 14px;
	}
	#numbers .block p b {
		font-size: 20px;
	}
	#numbers .block img {
		left: 17%;
		width: 44px;
	}
	#garant {
		padding-top: 10px;
		padding-bottom: 20px;
	}
	#garant h2 {
		font-size: 22px;
		margin-bottom: 15px;
	}
	#garant .block .fon h3 {
		font-size: 14px;
	}
	#garant .block .fon p {
		font-size: 12px;
		line-height: 1.2;
	}
	#garant .block .fon {
		height: 250px;
	}
	#garant .block .slash-fon {
		background-size: 6px;
	}
	#plus {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#plus h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	#plus .block h5 {
		font-size: 11px;
		margin-bottom: 10px;
	}
	#plus .block {
		margin-bottom: 10px;
	}
	#plus .block img {
		width: 120px;
	}
	.price-form {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.price-form h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	#map .map-contact {
		padding: 5px 15px;
	}
	footer {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	footer p {
		font-size: 12px;
		line-height: 1.2;
	}
	footer h3 {
		font-size: 12px;
	}
	footer form .inp {
		height: 30px;
	}
	footer form .btn {
		height: 30px;
		padding: 0px;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	ul {
		padding-left: 20px;
	}
	.notice {
		font-size: 8px;
		line-height: 1.2;
	}
	header .logo {
		font-size: 16px;
	}
	header h1 {
		font-size: 16px;
		width: 400px;
	}
	header h1 span {
		font-size: 18px;
	}
	header h1 {
		font-size: 16px;
		width: 400px;
		margin-bottom: 2px;
	}
	header ul.h-price li {
		font-size: 10px;
		line-height: 18px;
	}
	header ul.h-price li:before {
		width: 15px;
		height: 14px;
		content: '';
		left: -18px;
		bottom: 3px;
	}
	header .h-contact .h-tel {
		top: 220px;
		padding: 0px 10px;
	}
	header .h-contact .h-tel h4 {
		font-size: 10px;
	}
	header .h-contact .h-tel p.tel {
		font-size: 25px;
	}
	header .h-contact .h-tel p {
		font-size: 8px;
	}
	.form-zakaz {
		padding-top: 5px;
		padding-bottom: 16px;
		-webkit-background-size: 50%;
		background-size: 50%;
	}
	.form-zakaz h2 {
		font-size: 14px;
	}
	.inp, .btn {
		border-radius: 3px;
		height: 32px;
		padding: 5px;
		font-size: 10px;
	}
	#offer {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#offer .block .txt h3 {
		font-size: 16px;
	}
	#offer .block .txt ul>li {
		line-height: 24px;
		font-size: 10px;
	}
	#offer .block .txt form {
		margin-top: 12px;
	}
	#offer .block .img img {
		box-shadow: 10px 10px 10px #00000040;
	}
	#reestr-form {
		padding-top: 0px;
		padding-bottom: 3px;
	}
	#reestr-form h2 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	#reestr-form form .inp, #reestr-form form .btn {
		margin-bottom: 7px;
	}
	#numbers {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#numbers .block p {
		width: 68%;
		font-size: 10px;
	}
	#numbers .block p b {
		font-size: 15px;
	}
	#numbers .block img {
		left: 20%;
		width: 32px;
	}
	#numbers .block {
		height: 38px;
	}
	#garant h2 {
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	#garant .block img {
		width: 40px;
	}
	#garant .block .fon h3 {
		font-size: 10px;
	}
	#garant .block .fon p {
		font-size: 10px;
	}
	#garant .block .fon {
		height: 180px;
		padding-top: 20px;
	}
	#plus {
		padding-top: 15px;
		padding-bottom: 3px;
	}
	#plus h2 {
		font-size: 18px;
		margin-bottom: 15px;
		margin-top: 5px;
	}
	#plus .block img {
		width: 80px;
	}
	#plus .block h5 {
		font-size: 9px;
		margin-bottom: 5px;
	}
	.price-form h2 {
		font-size: 16px;
		margin-bottom: 15px;
		margin-top: 0;
	}
	#map .map-contact h2 {
		font-size: 38px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	footer {
		padding-top: 10px;
		padding-bottom: 2px;
	}
	footer p {
		font-size: 9px;
		line-height: 1.2;
	}
	footer h3 {
		font-size: 9px;
		margin-bottom: 6px;
	}
	footer form .inp {
		margin-bottom: 6px;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	header h2 {
		font-size: 16px;
		width: 300px;
	}
	header ul.h-price li {
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 7px;
	}
	header h1, header h1 span {
		width: 260px;
	}
	header {
		padding-top: 20px;
	}
	header h1 {
		font-size: 14px;
	}
	header ul.h-price li:before {
		bottom: inherit;
		top: -3px;
	}

	.form-zakaz h2 {
		margin-top: 6px;
	}
	.inp, .btn {
		margin-bottom: 5px;
	}
	.form-zakaz {
		padding-bottom: 0;
	}

	#offer .block .img img {
		width: 60%;
		margin-bottom: 30px;
	}
	#offer .block .txt ul>li {
		line-height: 20px;
		font-size: 10px;
	}
	#offer .block .txt form {
		margin-bottom: 0;
	}
	#plus .block {
		margin-bottom: 10px;
		height: 120px;
	}
	.notice {
		font-size: 10px;
	}
	.inp, .btn {
		border-radius: 6px;
		height: 44px;
		padding: 12px;
		font-size: 13px;
	}
	#reestr-form form .inp, #reestr-form form .btn {
		width: 100%;
	}
	#numbers .block img {
		left: 13%;
	}
	#numbers .block {
		height: 44px;
	}
	#garant h2 {
		font-size: 18px;
	}
	#garant .block {
		margin-bottom: 10px;
	}
	header .h-contact .h-tel {
		position: inherit;
		top: inherit;
		padding: 15px;
		text-align: center;
	}
	#map .map-contact {
	position: inherit;
	width: 100%;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	#garant .block img {
		width: 56px;
	}
	#garant .block .fon h3 {
		font-size: 16px;
	}
	#garant .block .fon p {
		font-size: 14px;
	}
	#garant .block .fon {
		height: 200px;
	}
	#garant .col-xs-6 {
		width: 100%;
	}
	#plus .block.col-xs-6 {
		width: 100%;
		height: inherit;
	}
	#plus h2 {
		font-size: 16px;
	}
	#plus .block h5 {
		font-size: 11px;
	}
	#map .map-contact p {
    font-size: 14px;
}
	#map .map-contact h2 {
    font-size: 32px;
}
	#map .map-contact a {
    font-size: 18px;
}
	footer p {
		font-size: 12px;
	}
	footer h3 {
		font-size: 13px;
	}
	footer form .inp, footer form .btn {
		height: 40px;
		width: 100%;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}