@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: 'gotham_probold';
	}
	.atm-block {
		margin-top: 0;
		padding: 140px 0 40px;
	}
	.atm-block h1 {
		font-size: 55px;
	}
	.atm-block .item {
		margin: 0 20px 30px;
	}
	.atm-block .items {
		margin-bottom: 50px;
	}
	.advantages-block .bigbenis {
		margin-bottom: 20px;
	}
	.advantages-block .bigbenis img {
		max-height: 150px;
		width: auto;
	}
	.advantages-block .items {
		padding-top: 0;
		height: auto;
	}
	.advantages-block .item {
		position: static;
		transform: translate(0, 0);
		-moz-transform:translate(0, 0);
		-webkit-transform:translate(0, 0);
		-o-transform:translate(0, 0);
		-ms-transform:translate(0, 0);
		width: 90%;
		text-align: center;
		margin-bottom: 15px;
	}
	.advantages-block .item .img {
		display: block;
		margin: 0 auto 15px;
	}
	.advantages-block .item .txt {
		width: 100%;
	}
	.services-block table, .services-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;
	}
	.form-block .action-block {
		margin-bottom: 30px;
	}
	.form-block .form {
		margin: 0;
	}
	.form-block .form input[type="text"] {
		width: 90%;
	}
	.form-block .form input[type="submit"] {
		padding: 8px 25px;
		font-size: 18px;
	}
	.form-block2 .form {
		margin-bottom: 30px;
	}
	.form-block2 .profit-wrap {
		background: none;
	}
	.form-block2 .profit span {
		color: #2196f3;
	}
	.form-block .items {
		display: inline-block;
		padding-top: 0;
		margin: 0 auto 40px;
	}
	.form-block .item {
		margin-bottom: 0;
	}
	.figures-block .item {
		width: 25%;
    	margin: 0 7% 30px;
	}
	.different-block .item {
		width: 50%;
		height: auto;
		padding-bottom: 30px;
	}
	.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 iframe, .contacts-page iframe {
		width: 100%;
	}
	.contacts-page {
		margin-top: 0;
	}
	.contacts-page .main-title.white {
		text-align: center;
	}
	.contacts-page .main-title.white:after {
	    content: "";
	    display: block;
	    width: 95px;
	    height: 1px;
	    margin: 15px auto 0;
	    position: static;
	}
	.contacts-page .item {
		display: block;
		text-align: center;
	}
	.contacts-page .item.contacts {
		margin-right: 0;
	}
}
@media screen and (max-width: 750px) { 
	.main-title {
		font-size: 26px;
		margin-bottom: 30px;
	}
	section.padding {
		padding: 40px 0;
	}
	.header-mobile ul {
		padding-top: 10%;
	}
	.atm-block {
		padding: 120px 0 30px;
		height: auto;
	}
	.atm-block h1 {
		font-size: 40px;
	}
	.atm-block h2 {
		font-size: 20px;
	}
	.atm-block .img img {
	    max-width: 35px;
    	height: auto;
	}
	.atm-block .btn {
		display: block;
		margin: 0 0 10px 0;
	}
	.atm-block .btn a, .atm-block .btn p {
		font-size: 16px;
		width: 266px;
	}
	.services-block table .top td {
		font-size: 20px;
	}
	.services-block table td {
		font-size: 18px;
	}
	.form-block .main-title {
		font-size: 40px;
	}
	.form-block .form .title {
		font-size: 18px;
	}
	.different-block .item {
		width: 80%;
		margin: 0 auto 30px;
	}
	.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;
	}
	.figures-block .item {
		width: 35%;
	}
	.slick-next {
		right: -10px;
	}
	.slick-prev {
		left: -10px;
	}
}
@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 .item .img {
		margin-bottom: 10px;
	}
	.atm-block .img img {
		max-width: 30px;
	}
	.atm-block .arrow {
	    width: 30px;
	    height: 30px;
	    background: url("../images/arrow-down.png");
	    background-size: 30px;
	}
	.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;
	}
	.services-block table .top td {
		font-size: 18px;
	}
	.services-block table td {
		font-size: 16px;
	}
	.form-block .main-title {
		font-size: 36px;
	}
	.figures-block .item {
		width: 60%;
	}
	.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;
	}
	.popup .main-title {
		font-size: 24px;
	}
}
@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) {
	.popup {
		width: 90%;
	}
	.popup .main-title {
		font-size: 20px;
		margin-bottom: 0;
	}
	.popup .subtitle {
		font-size: 18px;
	}
	.popup form {
		width: 90%;
	}
	.popup input[type='text'] {
		text-align: center;
		margin: 0 auto 15px;
		font-size: 16px;
	}
	.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 {
		padding-top: 100px;
		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 {
		font-family: 'gotham_prolight';
	}
	.advantages-block .item p b {
		display: block;
	}
	.services-block table .top td {
		font-size: 16px;
	}
	.services-block table td {
		padding: 10px 5px;
		width: 33%;
	} 
	.form-block .main-title {
		font-size: 34px;
		padding-bottom: 0;
	}
	.form-block .form {
		display: block;
		width: 380px;
		height: 380px;
		margin: 0 auto 30px;
	}
	.form-block .form .form-inner {
		width: 360px;
		height: 360px;
		padding: 60px 50px 30px;
	}
	.form-block .form .title {
		margin-bottom: 15px;
	}
	.form-block .form input[type="text"] {
		text-align: center;
		height: 35px;
		font-size: 16px;
		margin-bottom: 5px;
	}
	.form-block .items .main-title {
		font-size: 24px;
	}
	.form-block .item {
		text-align: left;
	}
	.form-block .item span {
		width: 50px;
		height: 50px;
		padding-top: 6px;
		vertical-align: middle;
		margin: 0 10px 0 0;
		text-align: center;
	}
	.form-block .item p {
		font-size: 16px;
		display: inline-block;
		vertical-align: middle;
	}
	.form-block .item p small {
		vertical-align: top;
		font-family: 'gotham_prolight';
	}
	.figures-block .item {
		width: 80%;
	}
	.figures-block .item .figure {
	    width: 150px;
	    height: 150px;
	    line-height: 150px;
	}
	.figures-block .item img {
		max-width: 100px;
		height: auto;
	}
	.different-block .main-title {
		padding-bottom: 0;
		margin-bottom: 5px;
	}
	.different-block .title {
		font-size: 18px;
	}
	.different-block .items {
		width: 100%;
	}
	.different-block .item p {
		font-size: 20px;
	}
	.different-block .item span {
		font-size: 14px;
	}
	.steps-block .step {
		width: 100%;
		text-align: center;
		margin: 0 auto 15px;
	}
	.steps-block .num {
		display: block;
		margin: 0 auto 10px;
	}
	.steps-block .desc {
		text-align: center;
	}
	.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;
	}
	.services-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;
	}
	.figures-block .item p {
		margin-bottom: 5px;
	}
	.different-block .item p {
		font-size: 16px;
	}
	.reviews-block .items-googlemaps .item img {
		max-width: 270px;
	}
}
@media screen and (max-width: 350px) { 
	.services-block table td {
		font-size: 12px;
	}
	.form-block .form {
		width: 300px;
		height: 300px;
	}
	.form-block .form .form-inner {
		width: 280px;
		height: 280px;
		padding: 40px 50px 30px;
	}
	.form-block .form .title {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.form-block .form input[type="text"] {
	    height: 30px;
	    font-size: 14px;
	    margin-bottom: 3px;
	}
	.form-block .form input[type="submit"] {
	    padding: 7px 20px;
	    font-size: 14px;
	}
	.reviews-block .items-googlemaps .item img {
		max-width: 240px;
	}
}
















