@media screen and (max-width:1199px) {
  .breadcrumb-wrap {
    display: flex;
    padding: 8px 0 12px;
    font-size: 14px;
    letter-spacing: 0
  }
  .breadcrumb-wrap .back {
    width: 28px;
    height: 28px;
    text-align: center;
    margin-right: 6px;
    line-height: 28px
  }
  .breadcrumb-wrap .back .bi {
    font-size: 18px
  }
  .breadcrumb-wrap .breadcrumb {
    margin-top: 0;
    line-height: 28px
  }
  .breadcrumb-wrap .breadcrumb li {
    height: 28px;
    padding-right: 6px
  }
  .breadcrumb-wrap .breadcrumb li .link {
    color: #1382c6
  }
  .breadcrumb-wrap .breadcrumb li .link > * {
    color: #1382c6
  }
  .breadcrumb-wrap .breadcrumb li .slash {
    padding: 0 0 0 7px;
    position: static
  }
  .breadcrumb-wrap .breadcrumb li.selected span {
    color: #96abbb
  }
}
.mob-only-visible {
  display: none!important
}
.mobile-filter-wrap {
  display: none
}
@media screen and (max-width:1199px) {
  .car-h-filter {
    padding: 0 12px;
    border: none
  }
  .car-h-filter .btn-filted-additional {
    display: none
  }
  .car-h-filter .car-h-filter-tab {
    display: flex;
    gap: 4px;
    border: none
  }
  .car-h-filter .tablist {
    margin-bottom: 14px
  }
  .car-h-filter .tablist li {
    display: none;
    flex-grow: 1;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px
  }
  .car-h-filter .tablist li.mob-only-visible,
  .car-h-filter .tablist li.mob-visible {
    display: block!important
  }
  .car-h-filter .tablist li a {
    color: #000;
    background-color: transparent;
    padding: 10px 1em;
    min-width: 77px
  }
  .car-h-filter .tablist li a.disabled {
    pointer-events: none;
    color: #6c757d
  }
  .car-h-filter .tablist li a span {
    border: none
  }
  .car-h-filter .tablist li .icon {
    width: 18px;
    color: #1382c6;
    margin-right: 4px
  }
  .car-h-filter .tablist li.active {
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #1382c6
  }
  .car-h-filter .tablist li.active div {
    display: none
  }
  .car-h-filter .tablist li.active a {
    color: #1382c6;
    border: none;
    background-color: transparent
  }
  .car-h-filter .tab-content {
    background-color: transparent;
    padding: 0
  }
  .car-h-filter .filter-row {
    display: none
  }
  .car-h-filter .mobile-filter-wrap {
    display: block
  }
  .car-h-filter .mobile-filter-wrap input {
    border: 1px solid #e1eaf2;
    font-size: 15px;
    padding: 10px 16px;
    line-height: 1;
    border-radius: 5px;
    background: #fff
  }
  .car-h-filter .mobile-filter-wrap input::placeholder {
    color: grey
  }
  .car-h-filter .mobile-filter-wrap input:focus {
    border-color: #1382c6
  }
  .car-h-filter .mobile-filter-wrap input.w-icon {
    padding-left: 38px
  }
  .car-h-filter .mobile-filter-wrap input.w-icon.icon-search {
    background: url(/Content/images/icons/icon-search.png) no-repeat 17px 12px/13px,#fff
  }
  .car-h-filter .mobile-filter-wrap .selectize-control .selectize-input {
    border: 1px solid #e1eaf2;
    border-radius: 8px;
    padding: 13px 16px;
    color: grey;
    font-size: 15px!important
  }
  .car-h-filter .mobile-filter-wrap .selectize-control .selectize-input:after {
    display: block;
    color: #e1eaf2;
    font-size: 20px;
    right: 20px;
    width: auto;
    height: auto;
    top: 15px
  }
  .car-h-filter .mobile-filter-wrap .selectize-control .selectize-input > input {
    display: none!important
  }
  .car-h-filter .mobile-filter-wrap .selectize-control .selectize-input.focus,
  .car-h-filter .mobile-filter-wrap .selectize-control .selectize-input.input-active {
    box-shadow: none;
    border-color: #1382c6
  }
  .car-h-filter .mobile-filter-wrap .selectize-control .selectize-input.dropdown-active {
    border-radius: 8px 8px 0 0
  }
  .car-h-filter .mobile-filter-wrap .selectize-control .selectize-dropdown {
    padding: 0;
    border-radius: 0 0 8px 8px;
    border-color: #1382c6;
    box-shadow: none;
    margin-top: -4px;
    border-top: 0
  }
  .car-h-filter .mobile-filter-wrap .selectize-control .selectize-search-box-wrap {
    padding: 2px 5px
  }
  .car-h-filter .mobile-filter-wrap .selectize-control .selectize-search-box-wrap .selectize-search-box {
    height: 39px
  }
  .car-h-filter .mobile-filter-wrap .selectize-control .selectize-search-box-wrap .selectize-search-box-span:after {
    display: none
  }
  .car-h-filter .mobile-filter-wrap .selectize-control .selectize-dropdown-content .option {
    padding: 8px 16px
  }
  .car-h-filter .mobile-filter-wrap .btn-primary {
    border-radius: 456px;
    color: #fff;
    background: #1382c6;
    padding: 13px 26px
  }
  .car-h-filter .mobile-filter-wrap .btn-outline-secondary {
    border-color: rgba(180,201,217,.5);
    border-radius: 10px;
    color: #000;
    padding: 7px 15px;
    width: 40px;
    height: 41px;
    padding: 8px 0
  }
  .car-h-filter .mobile-filter-wrap .bi-arrow-repeat {
    font-size: 26px;
    line-height: 37px;
    color: #1382c6
  }
  .car-h-filter .mobile-filter-wrap .bi-heart {
    font-size: 24px;
    line-height: 41px
  }
  .car-h-filter a {
    color: #1382c6;
    font-size: 14px;
    text-decoration: none
  }
  .car-h-filter a.btn-sped {
    color: #138ad1;
    background: #fff
  }
  .car-h-filter a.active-sped {
    color: #fff;
    background: #138ad1
  }
  .car-h-filter .filter-row-add {
    height: auto;
    width: auto;
    float: none;
    background: 0 0;
    color: #1382c6;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 24px
  }
  .car-h-filter .filter-row-add:before {
    display: none
  }
  .car-h-filter .filter-row-add img {
    width: 27px;
    margin: 0
  }
  .car-h-filter .filter-row-remove {
    height: auto;
    width: auto;
    float: none;
    background: 0 0;
    color: #1382c6;
    margin: 0;
    padding: 0;
    font-size: 15px;
    border: none
  }
  .car-h-filter .filter-row-remove:before {
    display: none
  }
  .car-h-filter .btn-hide-additional-options,
  .car-h-filter .btn-show-additional-options {
    font-weight: 600
  }
  .car-h-filter .btn-refresh {
    color: #788d9d
  }
  .car-h-filter .btn-primary-tran {
    font-size: 18px!important;
    border: 1px solid #1382c6;
    background: #1382c6;
    color: #fff
  }
  .car-h-filter .selectize-input-price-end,
  .car-h-filter .selectize-input-price-start,
  .car-h-filter .selectize-input-year-end,
  .car-h-filter .selectize-input-year-start {
    flex-grow: 1
  }
  .car-h-filter .selectize-input-price-text,
  .car-h-filter .selectize-input-year-text {
    display: flex;
    align-items: center;
    font-size: 15px
  }
  .car-h-filter .selectize-input-yearr.form-control {
    width: 100%!important
  }
  .car-h-filter .btn-sped {
    padding: 1px 10px
  }
  .car-h-filter .dropdown-location-control .link-location {
    background: #fff;
    border-radius: 8px;
    padding: 13px 16px;
    font-size: 15px;
    border: 1px solid #e1eaf2;
    color: grey
  }
  .car-h-filter .dropdown-location-control .link-location.show {
    border-radius: 8px 8px 0 0
  }
  .car-h-filter .dropdown-location-control .dropdown-menu-control {
    margin-top: -1px!important;
    border-radius: 0 0 8px 8px;
    border-color: #e1eaf2
  }
  .car-h-filter .dropdown-location-control .li-border {
    display: none
  }
  .car-h-filter .dropdown-location-control .list-select-location li {
    height: 34px
  }
  .car-h-filter .dropdown-location-control .list-select-location li a {
    padding: 8px 5px
  }
  .car-h-filter .multicol-menu-dealer .dropdown-toggle:after {
    right: 21px;
    top: 11px;
    color: #e1eaf2
  }
  .car-h-filter .multicol-menu-dealer.selectedLocation .dropdown-toggle:after {
    display: block!important
  }
  .car-h-filter .multicol-menu-dealer .resetLocation {
    right: 6px!important
  }
  .car-h-filter .multicol-menu-dealer-a.multicol-menu-dealer-header.ads-location {
    color: gray;
    background-color: #fff
  }
  .car-h-filter .multicol-menu-dealer-a.multicol-menu-dealer-header.ads-location[data-countryid="1"] {
    background-color: #fff!important
  }
  .car-h-filter .multicol-menu-dealer-a.multicol-menu-dealer-header.ads-location[data-countryid="1"] span {
    color: gray
  }
  .car-h-filter .filter-tag-block {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 12px;
    height: auto;
    align-items: center
  }
  .car-h-filter .filter-tag-block .filter-tag {
    display: inline-block;
    border-radius: 4px;
    background: #fff;
    padding: 2px 4px;
    margin-left: 10px;
    margin-bottom: 5px
  }
  .car-h-filter .selectize-input-price-slider-wrap,
  .car-h-filter .selectize-input-year-slider-wrap {
    padding: 9px 20px;
    margin-top: 12px
  }
  .car-h-filter .selectize-input-price-slider-wrap .ui-slider-horizontal,
  .car-h-filter .selectize-input-year-slider-wrap .ui-slider-horizontal {
    height: 9px;
    background: #f2f5f7;
    border-radius: 31px
  }
  .car-h-filter .selectize-input-price-slider-wrap .ui-slider-horizontal .ui-slider-range,
  .car-h-filter .selectize-input-year-slider-wrap .ui-slider-horizontal .ui-slider-range {
    background: #1382c6
  }
  .car-h-filter .selectize-input-price-slider-wrap .ui-slider-horizontal .ui-slider-handle,
  .car-h-filter .selectize-input-year-slider-wrap .ui-slider-horizontal .ui-slider-handle {
    width: 22px;
    height: 22px;
    border-color: #1382c6;
    border-radius: 50%;
    top: -6.5px
  }
  .car-h-filter .selectize-input-price-slider-wrap .ui-slider-horizontal .ui-state-focus,
  .car-h-filter .selectize-input-price-slider-wrap .ui-slider-horizontal .ui-state-hover,
  .car-h-filter .selectize-input-price-slider-wrap .ui-slider-horizontal .ui-state-hover:hover,
  .car-h-filter .selectize-input-year-slider-wrap .ui-slider-horizontal .ui-state-focus,
  .car-h-filter .selectize-input-year-slider-wrap .ui-slider-horizontal .ui-state-hover,
  .car-h-filter .selectize-input-year-slider-wrap .ui-slider-horizontal .ui-state-hover:hover {
    border-color: #1382c6!important
  }
  .car-h-filter .selectize-input-price-slider-wrap,
  .car-h-filter .selectize-input-year-slider-wrap {
    padding: 8px 26px!important;
    margin: 5px 0 7px
  }
  .car-h-filter .selectize-control .search-button__clear-text-button {
    display: none!important
  }
}
@media screen and (max-width:1199px) {
  .mob-options-modal {
    display: flex;
    flex-direction: column;
    gap: 8px
  }
  .mob-options-modal label {
    background: #fff;
    border-radius: 10px;
    padding: 14px 12px 14px 16px;
    font-size: 16px;
    color: #000
  }
  .mob-options-modal input[type=radio] {
    accent-color: #1382c6;
    width: 18px;
    height: 18px;
    float: right
  }
  .mob-options-modal input[type=radio]:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #1382c6;
    box-sizing: border-box;
    border-radius: 50%
  }
  .mob-options-modal .btn-primary {
    background-color: #1382c6;
    border-radius: 8px!important;
    font-size: 14px!important;
    font-weight: 600
  }
}
@media screen and (max-width:1199px) {
  .mob-categories-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    padding-bottom: 45px
  }
  .mob-categories-grid .card {
    border: 1px solid #e1eaf2;
    border-radius: 8px!important;
    width: calc(33.3333333333% - 3px)
  }
  .mob-categories-grid .card.disabled {
    opacity: .5
  }
  .mob-categories-grid .card svg {
    max-height: 53px;
    color: #1382c6
  }
  .mob-categories-grid .card svg.car {
    width: 60px
  }
  .mob-categories-grid .card svg.moto {
    height: 32px;
    margin: 8px 0 6px
  }
  .mob-categories-grid .card svg.van {
    height: 28px;
    margin: 10px 0 8px
  }
  .mob-categories-grid .card svg.bus {
    height: 49px;
    margin-bottom: -5px
  }
  .mob-categories-grid .card svg.truck {
    width: 70px
  }
  .mob-categories-grid .card svg.farm {
    height: 37px;
    margin-bottom: 11px
  }
  .mob-categories-grid .card svg.plant {
    height: 44px;
    margin-bottom: 7px
  }
  .mob-categories-grid .card svg.boat {
    width: 88px;
    max-height: 88px;
    margin-top: -21px;
    margin-bottom: -16px
  }
  .mob-categories-grid .card .label {
    color: #1382c6;
    font-size: 14px;
    font-weight: 600
  }
}
@media screen and (max-width:1199px) {
  #modal-mob-filter .modal-content {
    border: none
  }
  #modal-mob-filter .modal-header {
    background: #f5f9fc;
    border-radius: 16px 16px 0 0;
    padding: 12px 20px;
    border: none
  }
  #modal-mob-filter .modal-header .btn-link {
    color: #788d9d
  }
  #modal-mob-filter .modal-header .btn-close {
    opacity: 1
  }
  #modal-mob-filter .modal-title .bi {
    color: #1382c6
  }
  #modal-mob-filter .modal-body {
    background: #f5f9fc;
    padding: 0 20px 26px;
    overflow-y: auto
  }
  #modal-mob-filter .modal-footer {
    background: #f5f9fc;
    padding: 20px 15px;
    border: none
  }
  .panel {
    background: #fff;
    padding: 16px 0 0;
    border-radius: 8px
  }
  .panel .header {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px
  }
  .panel .header .collapse-btn {
    color: #e1eaf2
  }
  .panel .header .collapse-btn::before {
    content: "\f286"
  }
  .panel .header .collapse-btn.collapsed::before {
    content: "\f282"
  }
  .panel {
    padding-bottom: 16px;
    margin-bottom: 14px
  }
  .panel .header {
    font-size: 15px;
    margin-bottom: 0
  }
  .panel .header .collapse-btn {
    color: #ccc
  }
  .panel .collapse {
    padding: 0 16px;
    margin-top: 10px
  }
  .panel .collapse.inner {
    padding: 0;
    margin: 0
  }
  .panel .checkbox {
    padding: 2px 0;
    border-bottom: 1px solid #f5f9fc
  }
  .panel .checkbox label {
    width: 100%
  }
  .panel .view-toggle {
    line-height: 1.75;
    padding: 3px;
    font-size: 15px;
    color: #788d9d;
    text-decoration: none;
    display: block;
    margin: 2px 0 -14px
  }
  #body-type-collapse .checkbox label {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 14px;
    color: #1a1b1e
  }
  #body-type-collapse .checkbox .car-icon {
    display: inline-block;
    background: url(/images/car_type_1.png) 0 no-repeat;
    width: 74px;
    height: 32px;
    margin-right: 10px
  }
  #body-type-collapse .checkbox:nth-child(1) .car-icon {
    background-position: -94px -14px
  }
  #body-type-collapse .checkbox:nth-child(2) .car-icon {
    background-position: -9px -14px
  }
  #body-type-collapse .checkbox:nth-child(3) .car-icon {
    background-position: -179px -14px
  }
  #body-type-collapse .checkbox:nth-child(4) .car-icon {
    background-position: -9px -155px
  }
  #body-type-collapse .checkbox:nth-child(5) .car-icon {
    background-position: -94px -155px
  }
  #body-type-collapse .checkbox:nth-child(6) .car-icon {
    background-image: url(/images/cars-body/Crossover.png);
    background-position: center center
  }
  #body-type-collapse .checkbox:nth-child(7) .car-icon {
    background-position: -179px -152px
  }
  #body-type-collapse .checkbox:nth-child(8) .car-icon {
    background-position: -179px -80px
  }
  #body-type-collapse .checkbox:nth-child(9) .car-icon {
    background-position: -9px -80px
  }
  #body-type-collapse .checkbox:nth-child(10) .car-icon {
    background-position: -9px -224px
  }
  #car-max-power-collapse .inputs-wrap {
    display: flex;
    gap: 16px
  }
  #car-max-power-collapse .form-control {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px
  }
  #car-max-power-collapse .slider-wrap {
    padding: 9px 20px;
    margin-top: 12px
  }
  #car-max-power-collapse .slider-wrap .ui-slider-horizontal {
    height: 9px;
    background: #f2f5f7;
    border-radius: 31px
  }
  #car-max-power-collapse .slider-wrap .ui-slider-horizontal .ui-slider-range {
    background: #1382c6
  }
  #car-max-power-collapse .slider-wrap .ui-slider-horizontal .ui-slider-handle {
    width: 22px;
    height: 22px;
    border-color: #1382c6;
    border-radius: 50%;
    top: -6.5px
  }
  #car-max-power-collapse .slider-wrap .ui-slider-horizontal .ui-state-focus,
  #car-max-power-collapse .slider-wrap .ui-slider-horizontal .ui-state-hover,
  #car-max-power-collapse .slider-wrap .ui-slider-horizontal .ui-state-hover:hover {
    border-color: #1382c6!important
  }
  #car-acceleration-collapse .form-control {
    font-weight: 600;
    line-height: 27px
  }
  #car-acceleration-collapse .slider-wrap {
    padding: 9px 20px;
    margin-top: 12px
  }
  #car-acceleration-collapse .slider-wrap .ui-slider-horizontal {
    height: 9px;
    background: #f2f5f7;
    border-radius: 31px
  }
  #car-acceleration-collapse .slider-wrap .ui-slider-horizontal .ui-slider-range {
    background: #1382c6
  }
  #car-acceleration-collapse .slider-wrap .ui-slider-horizontal .ui-slider-handle {
    width: 22px;
    height: 22px;
    border-color: #1382c6;
    border-radius: 50%;
    top: -6.5px
  }
  #car-acceleration-collapse .slider-wrap .ui-slider-horizontal .ui-state-focus,
  #car-acceleration-collapse .slider-wrap .ui-slider-horizontal .ui-state-hover,
  #car-acceleration-collapse .slider-wrap .ui-slider-horizontal .ui-state-hover:hover {
    border-color: #1382c6!important
  }
}
.car-catalog-top-mobile {
  display: none
}
@media screen and (max-width:1199px) {
  .content-wrapper {
    background-color: #f5f9fc!important
  }
  .car-catalog-wrap .car-catalog-left-filter {
    display: none
  }
  .car-catalog-wrap .car-catalog-items .car-catalog-top {
    display: none
  }
  .car-catalog-wrap .car-catalog-items .car-catalog-top-mobile {
    display: block;
    margin-bottom: 30px
  }
  .car-catalog-wrap .car-catalog-items .car-catalog-top-mobile .btn-outline-secondary {
    border-color: rgba(180,201,217,.5);
    border-radius: 10px;
    color: #000;
    padding: 7px 15px;
    width: 100%;
    padding: 7px
  }
  .car-catalog-wrap .car-catalog-items .car-catalog-top-mobile .bi-arrow-down-up {
    font-size: 12px;
    color: #1382c6
  }
  .car-catalog-wrap .car-catalog-items .car-catalog-top-mobile .bi-person {
    font-size: 16px;
    color: #1382c6
  }
  .car-catalog-items {
    overflow: hidden
  }
  .pagination .select-pagesize {
    display: none
  }
  .custom-pagination .current,
  .custom-pagination a {
    padding: 0 8px
  }
  .car-hot-wrap h2 {
    width: 100%;
    padding-left: 4px
  }
  .car-hot-panels {
    padding: 0 40px
  }
  .car-hot-panels .car-hot-tabs-slide-left-wrap {
    margin: 0;
    left: 5px;
    height: 100%;
    display: flex;
    align-items: center
  }
  .car-hot-panels .car-hot-tabs-slide-right-wrap {
    padding: 0;
    right: 5px;
    height: 100%;
    display: flex;
    align-items: center
  }
  .car-hot-panels .owl-item.active {
    display: flex;
    justify-content: space-evenly
  }
  .car-hot-panels .car-hot-item {
    margin: 30px 0!important
  }
  .modal-content {
    width: 100%
  }
  .btn-primary.btn-square {
    background: #1382c6;
    color: #fff;
    font-size: 14px!important;
    border-radius: 4px!important;
    height: 40px;
    padding: 6px 20px
  }
  .hide-after-search {
    display: none!important
  }
  .filter-main-params-group select {
    display: none!important
  }
}
/*# sourceMappingURL=catalog-mobile.css.map */
