@media screen and (max-width: 1024px) {
  body {min-width: 100%; padding-top: 0px; overflow-x: hidden;}

  .mobile {display: block!important;}
	.desktop {display: none!important;}

  .cont {padding: 0 20px; margin: 0 auto; width: auto;}

  .btn {padding: 12px 14px;}
  
	::-webkit-scrollbar {
    -webkit-appearance: none;
	}

	::-webkit-scrollbar:vertical {
	    width: 3px;
	}

	::-webkit-scrollbar:horizontal {
	    height: 3px;
	}

	::-webkit-scrollbar-thumb {
	    background-color: #D9D9DE;
	    border-radius: 3px;
	    border: 2px solid #D9D9DE;
	}

	::-webkit-scrollbar-track {
	    border-radius: 10px;
	    background-color: #F0F0F0;
	}

	header {padding-bottom: 12px;}

	.main-page-slider {margin: 0 0 7px 0;}
	.main-page-slider-cont {background: transparent; padding: 0; border: 0; border-radius: 0; display: block; margin: 0;}
	.main-page-slider .cont-text {width: 100%; padding: 0px 0 40px 0;}
	.main-page-slider .cont-text h1 {font-size: 32px; line-height: 40px; margin-bottom: 33px;}
	.main-page-slider .cont-text .short {font-size: 18px; line-height: 32px; margin: 0 0 30px 0;}
	.main-page-slider .cont-text .btn {display: block;}
	.main-page-slider .video-mobile {position: relative; height: 250px; background: #000000 url(../images/slider-image.jpg) no-repeat center; background-size: cover; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 30px; margin: 0 0 30px 0;}
	.main-page-slider .video-mobile .play-btn {position: absolute; margin: auto; right: 0; left: 0; top: 0; bottom: 0; width: 88px; height: 88px; background: url(../images/play-btn.png) no-repeat; background-size: contain;}
	.main-page-slider .column-cont {width: 100%; flex-wrap: wrap;}
	.main-page-slider .column-cont .item-cont {width: 100%; margin: 0 0 0px 0;}
	.main-page-slider .column-cont .cont-bg {width: 100%; height: auto; padding: 18px 10px 10px 20px; margin: 0 0 17px 0; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(15px); border-radius: 26px;}
	.main-page-slider .column-cont .cont-bg-disk {background: rgba(255, 255, 255, 0.06) url(../images/cont-bg-disk.png) no-repeat right bottom; background-size: contain;}
	.main-page-slider .column-cont .cont-bg-car {background: rgba(255, 255, 255, 0.06) url(../images/cont-bg-car.png) no-repeat right bottom; background-size: contain;}
	.main-page-slider .column-cont .cont-bg-shina {background: rgba(255, 255, 255, 0.06) url(../images/cont-bg-shina.png) no-repeat right bottom; background-size: contain;}
	.main-page-slider .column-cont .cont-bg span {font-size: 18px; line-height: 22px; color: rgba(255, 255, 255, 0.9); margin-bottom: 23px;}
	.main-page-slider .column-cont .cont-bg span i {font-size: 58px; line-height: 38px;}
	.main-page-slider .column-cont .cont-bg .select-cont {margin: 0 0 8px -10px;}
	.main-page-slider .column-cont .cont-bg .select-cont .select {background: #484848; color: #fff;}
	.main-page-slider .column-cont .cont-bg .select-cont .select:before {background: #484848; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2);}
	.main-page-slider .column-cont .cont-bg .select-cont .select:after {background-color: #fff;}
	.main-page-slider .column-cont .cont-bg .btn {display: block; padding: 15px 16px; background: #4C4C4C; border-radius: 16px; margin: 0 0 0 -10px;}
	.main-page-slider .column-cont .item-cont {flex-wrap: wrap;}

	.product-line {margin-bottom: 50px;}
	.product-line .title-cont {flex-wrap: wrap; margin-bottom: 13px;}
	.title-cont .title {font-size: 28px; line-height: 35px;}
	.title-cont .tabs {width: 100%; justify-content: space-between;}
	.title-cont .tabs a {margin: 0 0 0 0; text-align: center; width: 48%; font-size: 18px; line-height: 58px; border-color: rgba(255, 255, 255, 0.3);}
	.title-cont .tabs a.active {border-color: #fff;}
	.product-item {width: 45%; margin: 0 7% 30px 0;}
	.product-item .image {width: 100%; height: 184px;}
	.product-item .price b {display: block;}
	.product-line-cont .product-item {m}
	.product-line-cont .product-item:nth-child(2n) {margin-right: 0;}

	.seo-text {position: relative; overflow: hidden; padding-bottom: 20px;}
	.seo-text h2 {font-size: 32px; line-height: 40px; margin: 0 0 2px 0;}
	.seo-text .text-cont-bg-image {padding-bottom: 0; background: url(../images/seo-text-bg-mobile.png) center right no-repeat; background-size: contain;}
	.seo-text .text-cont-bg-image .text {width: 100%; font-size: 18px; line-height: 32px;}
	.seo-text .text-car {margin-bottom: 37px;}
	.seo-text .text-car .car-image {margin: -240px -20px 0 0;}
	.seo-text .text-car .car-image img {max-width: 180%;}
	.seo-text .text-car .text-car-btns {margin: -54px 0 0 0;}
	.seo-text .text-car .text-car-btns .btn {font-size: 19px; width: 48%;}
	.seo-text .icons {}
	.seo-text .icons .icon {display: block; margin: 12px auto 20px auto;}
	.seo-text .icons .icon-item {width: 48%; margin: 0 1.5% 10px 0; height: 160px;}
	.seo-text .icons .icon-item:nth-child(2n) {margin-right: 0;}
	.seo-text .icons .icon-item .icon-text {text-align: center; left: 0px; width: 100%; position: relative; bottom: inherit;}
	.seo-text .icons .icon-item .icon-text b {font-size: 12px; line-height: 15px; width: 100%; margin: 0 0 13px 0;}
	.seo-text .icons .icon-item .icon-text span {font-size: 12px; line-height: 15px;}
	.title-cont .filter {margin: 18px 0 0 0;}
	.title-cont .filter-cont {position: relative; overflow-y: hidden; width: calc(100% + 20px); padding-bottom: 10px; margin-right: -20px;}
	.reviews-columns {flex-wrap: wrap;}
	.reviews-column {width: 100%;}



	footer .top {flex-wrap: wrap;}
	footer .bottom {flex-wrap: wrap;}
	footer .bottom .column {width: 100%; text-align: center;}
	footer .under-bottom {flex-wrap: wrap; text-align: center;}
	footer .under-bottom .copy {flex-wrap: wrap; text-align: center; justify-content: center; margin-bottom: 20px;}
	footer .under-bottom .copy span {display: block; text-align: center; margin: 0 0 20px 0; width: 100%;}
	footer .under-bottom .copy a {display: inline-block;}
	footer .under-bottom .mozg {flex-wrap: wrap; text-align: center; justify-content: center; width: 100%;}
	footer .under-bottom .mozg span {display: block; margin-left: 0; width: 100%; margin-top: 20px;}

	.modal {border-radius: 30px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(70px); width: 91vw;}
	.modal:before {display: none;}
	.modal-cont {padding: 16px 14px 14px 14px;}
	.form-item input[type="text"], 
	.form-item input[type="password"] {padding: 0px 10px; height: 40px; background: #232323; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px; width: calc(100% - 20px);}

	.alerts-block {width: calc(100% - 30px);}

	.profile-page {padding-top: 28px;}
	.profile-menu {display: none;}
	.profile-cont {width: 100%; padding: 0; background: transparent; border: 0;}
	.profile-cont-block .setting-form {padding: 20px 14px 14px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(70px); border-radius: 30px; margin: 0 0 20px 0;}
	.profile-orders h1 {font-size: 28px; margin-bottom: 19px;}
	.form-item {display: block;}
	.form-item:last-child {margin-bottom: 0;}
	.form-item .label {display: block; width: 100%; font-size: 14px; margin: 0 0 10px 0;}
	.form-item .input-cont {width: 100%;}

	.order-item {padding: 13px 14px 14px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(70px); border-radius: 30px; margin: 0 0 20px 0;}
	.profile-orders .product-item {align-items: flex-start;}
	.profile-orders .name-item b {font-size: 16px; line-height: 26px; margin-bottom: -1px;}
	.profile-orders .name-item span {font-size: 14px; line-height: 17px;}
	.profile-orders .name-cont-block {margin: 0 0 15px 0;}
	.profile-orders .product-item .image {width: 48px; height: 48px;}
	.profile-orders .product-item .name-cont {width: calc(100% - 63px); padding: 0 0 2px 0;}
	.profile-orders .product-item .name-cont a {font-size: 14px; line-height: 24px;}
	.profile-orders .product-item .name-cont .count {margin: 6px 0 0 0; font-size: 14px;}
	.profile-orders .btns .btn {font-size: 14px; width: 39%;}

	.profile-help {display: none;}
	.profile-orders {width: 100%;}

	.podbor {padding: 25px 0 0 0;}
	.podbor h1 {font-size: 30px; line-height: 30px;}
	.podbor-car-image {width: calc(100% + 40px); height: 140px; margin: 0 -20px 10px -20px; background: url(../images/car.png) no-repeat center; background-size: 100% auto;}
	.podbor .form-item {width: 100%;}
	.form-item .tabs {padding: 10px; background: rgba(255, 255, 255, 0.1); border-radius: 20px; display: flex; align-items: center; justify-content: space-between;}
	.form-item .tabs a {text-align: center; padding: 10px 14px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.6); width: 40%;}
	.form-item .tabs a.active,
	.form-item .tabs a:hover {background: #FFD000; border: 1px solid rgba(255, 255, 255, 0.3); color: #000;}
	.checkbox-small+label {}
	.checkbox-small+label b {display: block; color: #fff;}
	.checkbox-small+label span {display: block; font-weight: normal;}
	.subtitle {font-family: 'Bounded'; font-weight: 700; font-size: 12px; line-height: 15px; color: #FFD304; margin: 38px 0 26px 0;}
	.info {position: relative; font-weight: 500; font-size: 15px; line-height: 18px; text-decoration-line: underline; color: #FFD304; padding: 0 0 0 31px; margin: 0 0 31px 0;}
	.info:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; width: 20px; height: 20px;
		background-color: #FFD304;
	  -webkit-mask-image: url(../images/info.svg);
	  mask-image: url(../images/info.svg);
	  mask-size: contain;
	  -webkit-mask-size: contain;
	}
	.title {font-family: 'Bounded'; font-weight: 700; font-size: 28px; line-height: 35px; margin: 0 0 20px 0;}
	.product-line-cont-scroll {position: relative; overflow-y: hidden; width: calc(100% + 20px);}
	.product-line-cont-scroll .product-line {width: calc(178px * 5);}
	.product-line-cont-scroll .product-line .product-item {width: 148px; margin-right: 20px;}
	.product-line-cont-scroll .product-line .product-item .image {height: 148px;}

	.mobile-bottom-menu {display: block;}

	.compare-page .title-cont,
	.fav-page .title-cont {display: block;}
	.compare-page .title-cont .title,
	.fav-page .title-cont .title {font-size: 28px; line-height: 35px; margin: 0 0 12px 0;}
	.compare-page,
	.fav-page {padding: 23px 0 0 0;}
	.compare-page .title-cont .small-tabs-cont .select, 
	.fav-page .title-cont .small-tabs-cont .select {margin: 0 10px 0 0px;}

	.small-tabs-cont-scroll {position: relative; overflow-y: hidden; width: calc(100% + 20px); padding-bottom: 10px;}
	.compare-page .title-cont .small-tabs-cont, 
	.fav-page .title-cont .small-tabs-cont {width: 160vw;}

	.compare-line-scroll {position: relative; overflow-y: hidden; width: calc(100% + 20px);}

	.good-order-cont {flex-wrap: wrap;}
	.good-order .info {width: 100%; text-align: center;}
	.good-order .info img {margin-right: auto; margin-left: auto;}
	.good-order .product-line-cart-page {width: 100%; margin: 0 0 20px 0;}

	.cart-page .title {font-size: 30px; line-height: 34px; margin: 0 0 14px 0;}
	.cart-page-cont {margin: auto; flex-wrap: wrap;}
	.cart-form {width: 100%; padding: 20px 14px 14px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(70px); border-radius: 30px;}
	.form-item .input-tabs {width: 100%;}
	.form-item .input-tabs a {font-size: 13px;}
	.form-item .inputs {width: 100%;}
	.form-item select {width: 100%;}
	.cart-body {width: calc(100% - 30px); padding: 20px 14px 14px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(70px); border-radius: 30px;}
	.cart-body .top {justify-content: space-between;}
	.cart-body-item {align-items: flex-start; position: relative;}
	.cart-body-item input[type="checkbox"]+label {position: absolute; right: 0; top: 0; margin-right: 0;}
	.cart-body-item .image {width: 46px; height: 46px; border-radius: 10px; margin-right: 2px;}
	.cart-body-item .name-cont-price {padding: 0px 0 16px 0; width: calc(100% - 57px); display: block;}
	.cart-body-item .name-cont .price b {font-size: 16px;}
	.cart-body-item .name-cont .price i {font-size: 14px;}
	.cart-body-item .name-cont a {font-size: 14px; line-height: 24px; margin: 0 0 10px 0;}

	.product-page {padding-top: 10px;}
	.product-page .bread {font-size: 14px;}
	.bread-cont {margin: 0 0 10px 0;}
	.product-page h1 {font-size: 22px; line-height: 32px;}
	.product-page .icons {display: none;}
	.product-page .name-cont {margin: 0 0 10px 0;}

	.product-page-cont {margin: 0; flex-wrap: wrap;}
	.product-page .small-images {display: none;}
	.product-page .full-image {width: 100%; height: auto; margin-bottom: 20px;}
	.product-page .harakt {width: 100%;}
	.product-page .more-products {padding: 14px 14px 0px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; margin-bottom: 10px;}
	.product-page .more-products .title {font-size: 13px; line-height: 15px;}
	.product-page .product-price {width: 100%;}
	.product-page .product-price .top {padding: 14px 14px 0px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px;}
	.product-page .product-price .recalls {padding: 14px 14px 14px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px;}
	.product-page .product-price .brand {padding: 14px 14px 14px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; margin-bottom: 20px;}
	.product-page .product-harakts .tabs-scroll {position: relative; overflow-y: hidden; width: calc(100% + 20px); margin-bottom: 20px;}
	.product-page .product-harakts .tabs {width: 200vw; margin-bottom: 10px;}
	.product-page .product-harakts .tabs a {font-size: 20px; padding-bottom: 0; border: 0;}
	.product-page .product-harakts .columns {flex-wrap: wrap;}
	.product-page .product-harakts .column {width: 100%;}

	.product-line-product-page .product-item {width: 45%;}
	.product-line-product-page .product-item .image {width: 100%; height: 180px;}

	.catalog-page .bread {font-size: 14px; margin: 0 0 9px 0;}
	.catalog-page h1 {font-size: 29px; line-height: 35px;}
	.catalog-page-cont {padding: 0; border: 0; margin: 0}
	.catalog-page-top {width: calc(100% + 20px); position: relative; overflow-y: hidden;}
	.catalog-page-top .selects {width: 200vw; margin-bottom: 10px;}
	.catalog-page-top .selects select {min-width: 130px;}
	.catalog-page-top .views {display: none;}
	.catalog-page-canter .filter {display: none;}
	.catalog-page-list {width: 100%;}


}