@media only screen and (max-width : 1300px) {
	
	.our-map .map {
		width: 100%;
	}
	.our-map .map svg {
		width: 100%;
	}

}
@media only screen and (max-width : 1170px) {
	
	#wrapper {
		overflow: hidden;
	}
	.inner {
		width: 100%;
	}

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

	.main-slider .top .left {
		width: 100%;
		margin-bottom: 30px;
	}
	.main-slider .top .right {
		width: 100%;
	}
	.main-slider .slick-slide .videos {
		display: none;
	}
	.main-slider .slick-dots {
		padding: 0 15px;
	}
	#header {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.header-top {
		width: 100%;
		display: none;
	}
	.header-top .left {
		margin-bottom: 6px;
	}
	.header-top .right {
		width: 100%;
		margin-left: -16px;
	}
	.header-middle {
		padding-left: 15px;
		width: calc(100% - 27px);
		padding-right: 15px;
	}
	.header-middle .inner {
		padding: 0;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.header-middle .logo {
		width: initial;
	}
	.header-middle .social-networks {
		width: initial;
	}
	.header-middle .social-networks div a + a {
		margin-left: 15px;
	}
	.header-middle .phone {
		width: initial;
	}
	.header-middle .callback {
		display: none;
	}
	.header-bottom {
		background: transparent;
		width: 12px;
		margin-right: 15px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-align-items: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.header-bottom .search {
		display: none;
	}
	.header-bottom .inner {
		padding: 0;
	}
	.header-bottom .hamburger {
		display: inline-block;
	}
	.header-bottom nav {
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
		z-index: 6;
	}
	.header-bottom nav > ul {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
	}
	.header-bottom nav > ul > li > a,
	.header-bottom nav > ul > li.catalog-li > a {
		padding: 10px 50px 10px 15px;
		font-size: 1.07em;
		background: #0D204A;
	}
	.header-bottom nav > ul > li > a:hover,
	.header-bottom nav > ul > li.catalog-li > a:hover {
		background: #192F5F;
	}
	.header-bottom nav > ul > li.mobile-list {
		display: block;
	}
	.header-bottom nav > ul > li.catalog-li {
		position: relative;
	}
	.header-bottom nav > ul > li.catalog-li > .hamburger-icon {
		display: none;
	}
	.header-bottom nav > ul > li.catalog-li > span {
		background: #0D204A;
		padding: 10px 89px 10px 15px;
		position: relative;
	}
	.header-bottom nav > ul > li.catalog-li > span:hover {
		background: #192F5F;
	}
	.header-bottom nav > ul > li.catalog-li > span img {
		display: inline-block;
	}
	.header-bottom nav > ul > li.with-arrow > span img {
		right: 20px;
	}
	.header-bottom nav > ul > li.with-arrow > a img {
		display: none;
	}
	.header-bottom nav > ul > li .dropdown-menu {
		width: initial;
		position: initial;
		left: initial;
		top: initial;
		opacity: 1;
		visibility: visible;
		display: none;
	}
	.header-bottom nav > ul > li .dropdown-menu > ul {
		width: 100%;
		padding: 22px 25px 1px;
	}
	.header-bottom nav > ul > li .dropdown-menu:before {
		display: none;
	}
	.header-bottom nav > ul > li .dropdown-menu .right-word {
		display: none;
	}
	.header-bottom nav > ul > li .dropdown-menu > ul > li.title {
		margin-bottom: 20px;
	}
	.header-bottom nav > ul > li .dropdown-menu > ul > li > a {
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
	}
	.header-bottom nav > ul > li.with-arrow .dropdown-menu {
		width: initial;
	}
	.main-slider .slick-slide .tap {
		bottom: 0;
	}
	.our-instagram .list-of-posts a {
		width: 25%;
	}
	.content-with-aside aside {
		width: 100%;
		margin-bottom: 20px;
	}
	aside > div {
		display: none;
	}
	aside .mobile {
		display: block;
	}
	.content-with-aside .content {
		width: 100%;
		padding-left: 0;
	}

}

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

	.catalog-of-cars .list .item:hover {
		width: calc(50% - 5px);
	}
	.catalog-of-cars .list .item {
		width: calc(50% - 15px);
	}
	.cars-in-stock .list {
		-webkit-box-pack: initial;
		-webkit-justify-content: initial;
		    -ms-flex-pack: initial;
		        justify-content: initial;
		margin: 0 -15px 13px;
	}
	.cars-in-stock .list .item {
		width: calc(33.33% - 30px);
		margin: 0 15px 30px;
	}
	.catalog .cars-in-stock .list .item {
		width: calc(33.33% - 30px);
		margin: 0 15px 30px;
	}
	footer .footer-top .list {
		width: 100%;
		margin-bottom: 40px;
	}
	footer .footer-top .list ul li.title {
		padding-right: 15px;
	}
	footer .footer-top .contacts {
		width: 100%;
	}
	footer .footer-top .contacts > p {
		margin-bottom: 34px;
	}

}
@media only screen and (max-width : 769px) {
	
	.our-production h4 {
		margin-bottom: 70px;
		padding-left: 0;
	}
	.our-production .inner:before {
		display: none;
	}
	.our-production .inner {
		padding: 36px 15px 92px;
	}
	.our-production .center .our-production-slider {
		width: 100%;
	}
	.our-production .center .our-production-slider .slick-prev {
		top: -40px;
		left: 0px;
		z-index: 2;
	}
	.our-production .center .our-production-slider .slick-dots {
		top: -30px;
		left: 50px;
		bottom: initial;
	}
	.our-production .center .our-production-slider .slick-next {
		top: -40px;
		left: 290px;
		z-index: 2;
	}
	.our-production .center .text {
		width: 100%;
		padding: 49px 30px 49px 40px;
	}
	.our-production .center .text p {
		max-width: initial;
	}
	.contacts-block .inner:after {
		display: none;
	}
	.contacts-block .text {
		width: calc(100% - 22px);
		margin-bottom: 30px;
	}
	.contacts-block .yandex-map {
		width: 100%;
		min-height: 400px;
	}
	.catalog .top .tabs {
		width: 100%;
		margin-bottom: 20px;
	}
	.catalog .top .right {
		width: 100%;
	}
	.cars-in-stock .list .item {
		width: calc(33.33% - 20px);
		margin: 0 10px 20px;
	}
	.catalog .cars-in-stock .list .item {
		width: calc(33.33% - 20px);
		margin: 0 10px 20px;
	}
	.card-of-product .right ul {
		margin-bottom: 60px;
	}
	.services .left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.services .right {
		width: 100%;
	}
	.contacts-page .info .left {
		width: 100%;
	}
	.contacts-page .info .left:before {
		display: none;
	}
	.contacts-page .info .yandex-map {
		width: 100%;
		min-height: 400px;
	}
	.header-middle .phone {
		margin-top: -9px;
	}
	.header-middle .phone .text {
		display: none;
	}
	.header-middle {
		padding-right: 35px;
	}

}

@media only screen and (max-width : 700px) {
	
	.cars-in-stock .list .item {
		width: calc(50% - 20px);
	}
	.catalog .cars-in-stock .list .item {
		width: calc(50% - 20px);
	}

}

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

	.main-slider .slick-slide {
		padding: 23px 0 0;
		position: relative;
	}
	.main-slider .slick-slide .inner {
		position: initial;
	}
	.main-slider .slick-slide .tap {
		bottom: 100px;
	}
	.catalog-of-cars .list .item {
		width: calc(100% - 10px);
	}
	.catalog-of-cars .list .item:hover {
		width: 100%;
	}
	.about-company .bottom .text {
		padding-left: 30px;
	}
	.card-of-product > .left {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.card-of-product .left .card-of-product-slider .slick-slide img {
		width: 100%;
	}
	.card-of-product .right {
		width: 100%;
		margin-top: 0;
	}
	.card-of-product .right .pluses {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.card-of-product .right .pluses .item {
		width: calc(50% - 15px);
	}
	.our-map .map {
		margin-bottom: -200px;
	}

}

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

	.header-middle .logo span {
		display: none;
	}
	.main-slider .slick-slide {
		height: 90px;
	}
	.main-slider .slick-dots {
	    bottom: 4px;
	}
	.main-slider .slick-slide h1 {
		font-size: 2.42em;
	}
	.main-slider .slick-slide .price {
		padding: 10px 40px;
	}
	.main-slider .top .left h3 {
		font-size: 1.8em;
	}
	.main-slider .top .left > img {
		height: 25px;
	}
	.main-slider .top .right button {
		padding: 10px 30px;
		font-size: 1.14em;
	}
	.cars-in-stock .top h5 {
		width: 100%;
		margin-bottom: 15px;
	}
	.about-company .bottom .about-company-slider {
		width: 100%;
		margin-bottom: 25px;
	}
	.about-company .bottom .text {
		width: 100%;
		padding-left: 0;
	}
	.our-instagram .list-of-posts a {
		width: 33.33%;
	}
	.contacts-block .text {
		padding-left: 30px;
	}
	.contacts-page .info .left .text {
		padding-left: 30px;
	}
	footer .footer-top .list ul {
		width: 50%;
		margin-bottom: 15px;
	}
	.contacts-block .yandex-map {
		min-height: 300px;
	}
	.contacts-page .info .yandex-map {
		min-height: 300px;
	}

}

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

	.header-top .left span {
		max-width: 300px;
	}
	.header-top .right ul {
		margin: 0 0 0 7px;
	}
	.header-top .right ul li {
		padding: 0 8px;
	}
	.main-slider .slick-slide h1 {
		font-size: 2em;
	}
	.main-slider .top .left h3 {
		font-size: 1.6em;
	}
	.cars-in-stock .list .item {
		width: 100%;
		margin: 0 0px 20px;
	}
	.cars-in-stock .list {
		margin: 0 0 13px;
	}
	.about-company {
		padding: 40px 0;
	}
	.our-production .inner {
		padding: 36px 15px 0;
		margin-bottom: 92px;
	}
	.our-map .inner.first {
		padding-top: 0;
	}
	.our-map .inner.first:before {
		display: none;
	}
	.our-map .inner.first div {
		display: none;
	}
	.our-map .inner.first:after {
		display: none;
	}
	.our-map .map {
		margin-top: -280px;
	}
	.catalog .cars-in-stock .list .item {
		width: 100%;
		margin: 0 0 20px;
	}
	.catalog .top .tabs span {
		display: none;
	}
	.card-of-product .right .pluses .item {
		width: 100%;
	}
	.card-of-product .right .pluses .item .text p {
		max-width: initial;
	}
	.contacts-page .info .left {
		padding: 40px 20px;
	}
	.contacts-page .info .left .text {
		padding-left: 20px;
	}

}

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

	.header-top .left {
		-ms-align-items: flex-start;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.header-top .left img {
		margin-top: 3px;
	}
	.header-middle .logo {
		max-width: 130px;
	}
	.header-middle .social-networks {
		margin-left: -40px;
	}
	.main-slider .slick-slide .tap {
		right: -50px;
	}
	.catalog-of-cars .inner {
		padding: 54px 15px 32px;
	}
	.our-production .center .text {
		padding: 30px 20px 30px 20px;
	}
	.our-production .center .text h6:before {
		display: none;
	}
	.our-map {
		display: none;
	}
	.our-instagram .list-of-posts a {
		width: 50%;
	}
	footer .footer-top .list ul {
		width: 100%;
	}
	footer .footer-top .list {
		margin-bottom: 10px;
	}
	footer .footer-top {
		margin-bottom: 30px;
	}
	.catalog h4 {
		font-size: 1.8em;
	}
	.services h4 {
		font-size: 1.8em;
	}
	.services .left {
		padding: 25px 20px;
	}
	.contacts-block .text {
		width: 100%;
		padding-left: 0;
	}
	.contacts-block .social-networks {
		width: 100%;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		        flex-direction: row;
	}
	.contacts-block .social-networks a {
		margin-right: 25px;
	}
	.contacts-block .social-networks a img {
		max-width: 20px;
	}
	.contacts-page .info .left {
		padding: 30px 14px;
	}
	.contacts-page .info .left .social-networks {
		width: 100%;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		        flex-direction: row;
	}
	.contacts-page .info .left .social-networks a {
		margin-right: 25px;
	}
	.contacts-page .info .left .social-networks a img {
		max-width: 20px;
	}
	.contacts-page .info .left .text {
		width: 100%;
		padding-left: 0;
	}

}

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

	.header-top .left img {
		display: none;
	}
	.header-middle {
		padding-right: 25px;
	}
	.catalog-of-cars .list .item .text {
		max-width: 120px;
	}

}




























































































































































































