@media screen and (max-width: 1100px) {
	.container {
		width: 90%;
	}
	.button a, .button p, input[type="submit"] {
		font-size: 18px;
	}
	header {
		display: none;
	}
	.header-mobile {
		display: block;
		position: relative;
	}
	.header-mobile .phones {
		position: absolute;
		top: 5px;
		right: 0;
	}
	.header-mobile .menu-bt {
		width: 40px;
		height: 40px;
		background: url("../images/mobile/bars.png") center no-repeat;
		position: fixed;
		top: 12px;
		left: 5%;
		z-index: 11;
		cursor: pointer;
	}
	.header-mobile .menu-bt.active {
		background: url("../images/mobile/cancel.png") center no-repeat;
		background-size: 35px;
	}
	.header-mobile ul {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.9);
		list-style: none;
		position: fixed;
		left: 0;
		top: -2000px;
		padding-top: 35%;
		text-align: center;
		z-index: 10;
	}
	.header-mobile ul li {
		margin-bottom: 16px;
		color: #9cbf00;
	}
	.header-mobile ul li:last-child {
		margin-bottom: 0;
	}
	.header-mobile ul li a, header .nav-mobile ul li p {
		font-size: 18px;
		color: #fff;
		text-transform: uppercase;
		border-bottom: 2px dashed transparent;
	}
	.header-mobile ul li p {
		color: #a3db5c;
	}
	.header-mobile ul li a:hover {
		border-color: #fff;
	}
	.header-mobile ul li.phone a {
		font-family: 'HelveticaNeueCyr-Bold';
	}
	.atm-block {
		margin-top: 0;
		padding: 140px 0 40px;
	}
	.atm-block h1 {
		font-size: 55px;
	}
	.price-block table, .price-block .button {
		width: 100%;
	}
	.form-block .text {
		width: auto;
		width: 100%;
		text-align: center;
	}
	.form-block .main-title {
		text-align: center;
		font-size: 45px;
		margin-bottom: 10px;
	}
	.form-block .title {
	    font-size: 20px;
	    margin-bottom: 30px;
	    text-align: center;
	}
	.reviews-block .items .item {
	    width: 43%;
	    margin: 0 3% 40px;
	}
	.reviews-block .author {
		display: block;
		margin-bottom: 20px;
	}
	.reviews-block .review {
		width: 100%;
	}
	footer .contacts {
		width: 90%;
		display: block;
		margin: 0 auto 30px;
		text-align: center;
	}
	footer .main-title.white {
		text-align: center;
	}
	footer .main-title.white:after {
		margin: 15px auto 0;
		left: 0%;
	}
	footer .item {
		margin-bottom: 5px;
		text-align: center;
	}
	footer .social {
		margin-top: 10px;
	}
	footer .map {
		display: block;
		width: 90%;
		margin: 0 auto 30px;
	}
	footer .map iframe {
		width: 100%;
		max-width: 100%;
	}
	footer .map img {
		width: 90%;
		height: auto;
		max-height: 100%;
	}
}
@media screen and (max-width: 750px) { 
	.goUp {
		right: 20px;
		bottom: 30px;
	}
	.main-title {
		font-size: 28px;
		margin-bottom: 30px;
		font-family: 'HelveticaNeueCyr-Bold';
	}
	.title {
		font-size: 18px;
	}
	section.padding {
		padding: 40px 0;
	}
	.header-mobile ul {
		padding-top: 10%;
	}
	.atm-block {
		padding: 90px 0;
		/*height: 530px;*/
	}
	.atm-block .logo-hidden {
		display: block;
	}
	.atm-block .logo-hidden img {
		max-height: 80px;
		width: auto;
	}
	.atm-block h1 {
		font-size: 40px;
	}
	.atm-block h2 {
		font-size: 20px;
	}
	.services-block .item {
		width: 200px;
		height: 200px;
	}
	.services-block .item img {
		max-height: 50px;
		width: auto;
	}
	.services-block .item .service {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.services-block .item .price {
		font-size: 14px;
	}
	.price-block table .top td {
		font-size: 20px;
	}
	.price-block table td {
		font-size: 18px;
	}
	.form-block {
		background-attachment: initial;
	}
	.form-block .main-title {
		font-size: 40px;
	}
	.reviews-block .items-letters {
		display: none;
	}
	.reviews-block .items-letters-mobile {
		display: block;
	}
	.reviews-block .items-letters .item img, .reviews-block .items-letters .item.horizontal img {
		max-width: 80%;
		height: auto;
	}
}
@media screen and (max-width: 600px) {  
	.button a, .button p, input[type="submit"] {
		font-size: 17px;
	}
	.atm-block {
		background: url("../images/atm/bg-mobile.jpg") center no-repeat;
		background-size: cover;
	}
	.atm-block h1 {
		font-size: 36px;
		margin-bottom: 30px;
	}
	.atm-block h2 {
		font-size: 18px;
	}
	.atm-block h2 p {
		display: block;
		margin-bottom: 15px;
		font-size: 20px;
	}
	.atm-block h2 span {
		display: none;
	}
	.advantages-block .item {
		width: 100%;
		text-align: center;
	}
	.advantages-block .item .img {
		display: block;
		margin: 0 auto 20px;
	}
	.advantages-block .item .txt {
		display: block;
		width: 100%;
	}
	.advantages-block .item span {
		font-size: 16px;
	}
	.price-block table .top td {
		font-size: 18px;
	}
	.price-block table td {
		font-size: 16px;
	}
	.form-block .main-title {
		font-size: 36px;
	}
	.reviews-block .items .item {
		width: 80%;
	}
	.reviews-block .item:last-child {
		margin-bottom: 10px;
	}
	.reviews-block .author {
		margin-bottom: 10px;
	}
	.reviews-block .text {
		margin-bottom: 5px;
	}
	.reviews-block .name {
		font-size: 20px;
	}
	footer .copyright {
		font-size: 12px;
	}
}
@media screen and (max-width: 550px) {
	.contacts-page .info .tal {
		text-align: center;
	}
	.contacts-page .info .dib {
		display: block;
		margin: 0 auto;
	}
	.contacts-page iframe {
		height: 300px;
	}
}
@media screen and (max-width: 500px) {
	.main-title {
		font-size: 26px;
		padding-bottom: 15px;
		margin-bottom: 25px;
	}
	section.padding {
		padding: 50px 0;
	} 
	.button a, .button p, input[type="submit"] {
		font-size: 15px;
	}
	.header-mobile ul {
		padding-top: 35%;
	}
	.atm-block {
		margin-top: 0;
	}
	.atm-block h1 {
		font-size: 32px;
	}
	.atm-block .btn1 {
		display: block;
		margin: 0 0 10px 0;
	}
	.atm-block .item, .atm-block .item:last-child {
		display: block;
		width: 90%;
		margin: 0 auto 20px;
	}
	.advantages-block .item p b {
		display: block;
	}
	.price-block table .top td {
		font-size: 14px;
	}
	.price-block table td {
		font-size: 12px;
		padding: 10px 5px;
		width: 33%;
	} 
	.form-block .main-title {
		font-size: 34px;
		padding-bottom: 0;
	}
	.reviews-block .items .item {
		width: 98%;
		text-align: center;
	}
	.reviews-block .author {
		width: 100px;
		height: 100px;
		margin: 0 auto 10px;
	}
	.reviews-block .author img {
		max-width: 100px;
		height: auto;
	}
	.reviews-block .review, .reviews-block .info {
		text-align: center;
	}
	.reviews-block .items-googlemaps .item img {
		max-width: 320px;
	}
	footer p {
		font-size: 16px;
	}
	footer .social a {
		margin-right: 5px;
	}
	/*footer .social img {
		max-height: 35px;
		width: auto;
	}*/
}

@media screen and (max-width: 400px) {
	.button a, .button p, input[type="submit"] {
		padding: 6px 10px;
	}
	.main-title {
		font-size: 21px;
		margin-bottom: 15px;
	}
	.atm-block h1 {
		font-size: 26px;
	}
	.atm-block h2 {
		font-size: 16px;
	}
	.atm-block .item img {
		margin-bottom: 5px;
	}
	.advantages-block .item {
		margin-bottom: 15px;
	}
	.advantages-block .item .img {
		margin-bottom: 10px;
	}
	.advantages-block .item p {
		font-size: 18px;
	}
	.price-block table td {
		padding: 10px 0;
		font-size: 14px;
	}
	.form-block .main-title {
		font-size: 26px;
	}
	.form-block .title {
		font-size: 18px;
	}
	.form-block .form .title {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.form-block .form {
		width: 330px;
		height: 330px;
	}
	.form-block .form .form-inner {
		width: 310px;
		height: 310px;
		padding: 40px 50px 30px;
	}
	.form-block .form .title {
		margin-bottom: 10px;
	}
	.form-block .form input[type="submit"] {
	    padding: 7px 20px;
	    font-size: 16px;
	}
	.form-block .item p {
		font-size: 14px;
	}
	.reviews-block .items-googlemaps .item img {
		max-width: 270px;
	}
}
@media screen and (max-width: 350px) { 
	.price-block table td {
		font-size: 12px;
	}
	.form-block .form .title {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.reviews-block .items-googlemaps .item img {
		max-width: 240px;
	}
}