@media screen and (min-width: 768px) and (max-width: 1279px) {
	.logo img {width: 180px;}
	.main-header {padding: 10px 0;}
	.h-right-wrap {width: calc(100% - 230px); margin-left: 30px;}
	.h-phone {margin: 0 10px;}
	.h-phone p {font-size: 20px;}
	.btn-callback {font-size: 14px; margin-top: 6px;}
	.parts-cat > li i {line-height: 20px; top: 8px; left: -22px; width: 20px; height: 20px;}
	.feedback-form {width: 100%;}
	.quick-request form > div {display: inline-block; vertical-align: bottom;}
	.quick-request form .qr-left, .quick-request form .qr-right {box-sizing: border-box; width: 50%; margin-bottom: 20px;}
	.quick-request input {width: 100%;}
	.quick-request .easy-autocomplete {display: block; width: 100% !important;}
	.quick-request .qr-left {padding-right: 10px;}
	.quick-request .qr-right {padding-left: 10px;}
	.btn-cart {max-width: 110px; padding: 0;}
	.btn-cart span+span {font-size: 15px;}
	.cart-summary__cell {padding-right: 10px; padding-bottom: 20px;}
}

@media screen and (max-width: 1279px) {
	.cat-sort {
		display: block;
		width: 100%;
		padding-top: 14px;
		margin-top: 14px;
		border-top: 1px solid #ced2d6;
	}
	.btn-quick-request {
    width: 130px;
    text-align: left;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.logo {margin-top: 20px;}
	.wrap {width:960px;}
	nav a, nav span {padding: 12px;}
	header .search {width: 300px;}
	.truck-img {height: 150px;}
	.latest-trucks li {width: calc(33.3% - 21.33px); margin-right: 32px; margin-bottom: 32px;}
	footer table td:first-child {width: 230px; padding-right: 40px;}
	.main-content {margin-left: 284px;}
	.sort-amount, .sort-order {display: block; margin-bottom: 10px;}
	.main-blocks a span {height: 100px;}
}

@media screen and (max-width: 1023px) {
	.brand-filter .custom-select-wrap {
		min-width: 48%;
	}
	.clear-filter-wrap {display: inline-block; width: auto; vertical-align: middle; margin: 10px 0;}
	.clear-filter-wrap .btn { padding-top: 6px; padding-bottom: 8px;}
	[data-apply-filter] {margin: 10px 10px 10px 0;}
	[data-apply-filter] .btn {margin-left: 0; margin-top: 0; vertical-align: middle;}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.btn-see-all {width: 120px;}
	.addphones span {display: block;}
	.btn {font-size: 15px;}
	body, nav li {font-size: 15px;}
	.wrap {width:710px;}
	.main-header {padding: 10px 0;}
	.logo {margin-top: 25px;}
	.logo img {width: 130px;}
	.h-right-wrap {width: calc(100% - 170px); margin-left: 10px;}
	.h-phone {margin: 0 15px;}
	.h-phone p {font-size: 16px;}
header .search {
    width: 270px;
    margin-right: 30px;
    display: block;
}
.h-search-wrap {text-align: left;}
.btn-quick-request {width: auto; margin-top: 7px;}
	.main-content {margin-left: 274px;}
	.btn-menu {display: inline-block; padding: 12px 12px 12px 38px; text-transform: uppercase; color: #fff; border: 0; background: url('images/menu-button-w.svg') no-repeat 12px center transparent; background-size: 18px auto;}
	.btn-menu.open {background-color: rgba(255, 255, 255, 0.39);}
	nav {position: absolute; z-index: 5; top: 44px; display: none; width: 160px; background-color: #fff;}
	nav li {display: block;}
	nav a, nav span, nav li.active span  {color: #000;}
	.submenu {top: 0; left: 100%; border-left: 1px solid #dadada;}
	.brand-submenu a {font-size: 12px;}
	.brand-submenu a img {height: 45px;}
	.latest-trucks li {width: calc(50% - 15px); margin-right: 30px; margin-bottom: 30px;}
	.latest-trucks li:nth-child(3n) {margin-right: 30px;}
	.latest-trucks li:nth-child(2n) {margin-right: 0;}
	.truck-img {height: 160px;}
	.truck-descr {padding: 10px;}
	.latest-news li {display: block; width: 100%; margin-right: 0; margin-bottom: 10px;}
	.latest-news a {padding: 10px;}
	footer table td:first-child {width: 190px;}
	.brands, .sort-filter {float: none; margin-top: 10px;}
	.brands ul {overflow: hidden;}
	.sort-amount, .sort-order {margin-left: 0;}
	.sort-order  {margin-right: 20px;}
	.items .item-title {font-size: 15px;}
	.items td .oem {margin-top: 5px;}
	.item-photo, .item-info {width: 100%; margin-right: 0;}
	.item-photo {margin-top: 15px;}
	.items, .items tr, .items td {display: block;}
	.items td {margin-left: 100px; border-bottom: 0;}
	.items .item-pic {float: left; overflow: hidden; margin-left: 0;}
	.items .td-buy {text-align: left;}
	.items tr {padding-bottom: 10px;border-bottom: 1px solid #ebebeb;}
	.main-blocks > div {width: 50%; margin-bottom: 20px;}
}
@media screen and (min-width: 768px) {
	.subcats-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
	.subcats-list li {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column;}
}

@media screen and (min-width: 1024px) {
	.subcats-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
	.subcats-list li {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column;}
}