.mobile-header {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .09);
	position: relative;
	z-index: 100
}
.mobile-header__search .suggestions {
	padding: 10px 10px;
}

.mobile-header__search .suggestions__group+.suggestions__group {
	margin-top: 10px;
	text-align: left;
}

.mobile-header__search .suggestions__group-title {
	padding: 3px 20px;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	color: #999
}

.mobile-header__search  .suggestions__category {
	display: block;
	padding: 6px 20px;
	color: inherit;
	font-size: 15px;
	line-height: 17px
}

.mobile-header__search .suggestions__category:hover {
	color: inherit;
	background: #f2f2f2
}

.mobile-header__search .suggestions__product {
	display: -ms-flexbox;
	display: flex;
	padding: 6px 6px;
	color: inherit;
	align-items: center;
}

.mobile-header__search .suggestions__product:hover {
	color: inherit;
	background: #f2f2f2
}

.mobile-header__search .suggestions__product-image {
	position: relative;
	border-radius: 1px;
	overflow: hidden;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 53px;
	background: #fff;
	margin-right: 10px;
	height: 100%;
	border-radius: 4px;
}

.mobile-header__search .suggestions__product-image:before {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: inherit;
	pointer-events: none;
	z-index: 1
}

.mobile-header__search .suggestions__product-info {
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	/* padding-top: 4px; */
	min-width: 0
}

.mobile-header__search .suggestions__product-name {
	font-size: 14px;
	line-height: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
}

.mobile-header__search .suggestions__product-rating {
	display: -ms-flexbox;
	display: flex;
	margin-top: 2px
}

.mobile-header__search .suggestions__product-rating-stars {
	margin-right: 8px
}

.mobile-header__search .suggestions__product-rating-label {
	font-size: 13px;
	line-height: 1;
	color: #6c757d
}

.mobile-header__search .suggestions__product-price {
	white-space: nowrap;
	-ms-flex-negative: 0;
	flex-shrink: 1;
	font-size: 13px;
	font-weight: 700;
	padding-top: 3px;
	/* width: 70px; */
	margin-left: 14px;
	text-align: right;
}

@media (min-width:1200px) {
	.mobile-header {
		display: none
	}
}

.mobile-header__body {
	height: 50px;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.mobile-header__menu-button {
	width: 52px;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	border: none;
	background: #fff;
	fill: #404040
}

.mobile-header__menu-button:hover {
	background: #f2f2f2
}

.mobile-header__menu-button:active {
	background: #ededed
}

.mobile-header__menu-button:focus {
	outline: none
}

.mobile-header__logo {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 14px
}

.mobile-header__logo-part-one {
	fill: #284293
}

.mobile-header__logo-part-two {
	fill: #404040
}

.mobile-header__search {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	max-width: 440px;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 12px;
	margin: 0 auto
}

.mobile-header__indicators {
	display: -ms-flexbox;
	display: flex;
	/* margin-left: auto; */
}

@media (max-width:767.98px) {
    .banner-area img{
        border-radius: 10px;
    }
    .banner-form{
        position: static;
        transform: none;
        /* display: none; */
        background: #ffffff;
        border: 1px solid #ececec;
        margin-top: 20px;
        padding: 20px 0;
    }
	.mobile-header {
		position: relative
	}

	.mobile-header .container {
		padding: 0 8px
	}

	.mobile-header__menu-button {
		width: 44px
	}

	.mobile-header__logo {
		padding-left: 10px;
		padding-right: 10px
	}
    	.mobile-header__logo img{
	    width:100px;
	}

	.mobile-header__search {
		top: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		max-width: none;
		padding: 0;
		z-index: 1;
		transform: translateY(-100%);
		transition: transform .3s;
		left: 0
	}

	.mobile-header__search--open {
		transform: none
	}
}

.mobile-indicator {
	position: relative
}

.mobile-indicator__button {
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-ms-flex-pack: center;
	justify-content: center;
	height: 50px;
	width: 44px;
	color: inherit;
	background: transparent;
	border: none
}

.mobile-indicator__button:focus {
	outline: none
}

.mobile-indicator__button:hover {
	color: inherit;
	text-decoration: none
}

.mobile-indicator__icon {
	display: block;
	position: relative
}

.mobile-indicator__icon svg {
	display: block;
	transform: scaleX(1)
}

.mobile-indicator__counter {
	position: absolute;
	top: -7px;
	font-size: 10px;
	line-height: 1;
	padding: 2px 3px 1px;
	border-radius: 6.5px;
	text-align: center;
	z-index: 0;
	right: -7px
}

.mobile-indicator__counter:before {
	display: block;
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 2.5px;
	left: 0;
	right: 0;
	transform: skewX(-11deg)
}

.mobile-indicator__title,
.mobile-indicator__value {
	display: block;
	margin-left: 50px
}

.mobile-indicator__title {
	padding-top: 3px;
	margin-bottom: -3px;
	font-size: 13px
}

.mobile-indicator__value {
	font-size: 18px
}

.mobile-indicator__icon {
	fill: #262626
}

.mobile-indicator__title {
	color: #999
}

.mobile-indicator__value {
	font-weight: 500
}

.mobile-indicator:hover .mobile-indicator__button {
	background: #f2f2f2
}

.mobile-indicator__counter {
	color: #fff;
	font-weight: 500
}

@media (-webkit-max-device-pixel-ratio:1),
(max-resolution:1dppx) {
	.mobile-indicator__counter {
		font-weight: 400
	}
}

.mobile-indicator__counter:before {
	background-color: #284293
}

.mobile-menu {
	visibility: hidden;
	transition: visibility 0s .25s
}

.mobile-menu__backdrop {
	right: 0;
	background: rgba(51, 51, 51, .8);
	opacity: 0;
	will-change: opacity;
	transition: opacity .25s cubic-bezier(.25, .46, .45, .94)
}

.mobile-menu__backdrop,
.mobile-menu__body {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 1000
}

.mobile-menu__body {
	background: #fff;
	width: 300px;
	transition: transform .25s cubic-bezier(.25, .46, .45, .94);
	will-change: transform;
	overflow: hidden;
	transform: translateX(-100%)
}

.mobile-menu--open {
	visibility: visible;
	transition-delay: 0s
}

.mobile-menu--open .mobile-menu__backdrop {
	opacity: 1
}

.mobile-menu--open .mobile-menu__body {
	transform: translateX(0)
}

.mobile-menu__close {
	position: absolute;
	top: 0;
	width: 48px;
	height: 50px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 2;
	border: none;
	padding: 0;
	fill: rgb(0 0 0);
	transition: background-color .15s, color .15s;
	background-color: #fff;
	color: #ccc;
	right: 0
}

.mobile-menu__close:hover {
	background-color: #f2f2f2;
	color: #4d4d4d
}

.mobile-menu__close:active {
	background-color: #ebebeb;
	color: #4d4d4d
}

.mobile-menu__close:focus {
	outline: none
}

.mobile-menu__panel {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #fff;
	z-index: 1;
	transition: transform .25s cubic-bezier(.25, .46, .45, .94)
}

.mobile-menu__panel--hide {
	transform: translateX(-100%)
}

.mobile-menu__panel--hidden {
	transform: translateX(100%)
}

.mobile-menu__panel-header {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 51px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 2px;
	position: relative;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.mobile-menu__panel-back,
.mobile-menu__panel-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.mobile-menu__panel-back {
	position: absolute;
	top: 0;
	width: 48px;
	height: 50px;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1;
	border: none;
	fill: currentColor;
	transition: background-color .15s, color .15s;
	background-color: #fff;
	color: #ccc;
	left: 0;
	padding: 0 2px 0 0
}

.mobile-menu__panel-back:hover {
	background-color: #f2f2f2;
	color: #4d4d4d
}

.mobile-menu__panel-back:active {
	background-color: #ebebeb;
	color: #4d4d4d
}

.mobile-menu__panel-back svg {
	transform: scaleX(1)
}

.mobile-menu__panel-back:focus {
	outline: none
}

.mobile-menu__panel-arrow {
	position: absolute
}

.mobile-menu__panel-title {
	text-align: center;
	/* margin: auto; */
	font-size: 15px;
	font-weight: 500
}

.mobile-menu__panel-body {
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow-y: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.mobile-menu__divider {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 1px;
	background: #ebebeb
}

.mobile-menu__spring {
	-ms-flex-positive: 1;
	flex-grow: 1
}

.mobile-menu__indicators {
	display: -ms-flexbox;
	display: flex;
	padding: 8px 11px
}

.mobile-menu__indicator {
	width: calc((100% - 0px * 3) / 4);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	fill: #404040;
	border-radius: 2px;
	padding: 8px 0 6px
}

.mobile-menu__indicator:hover {
	background: #f2f2f2
}

.mobile-menu__indicator+.mobile-menu__indicator {
	margin-left: 0
}

.mobile-menu__indicator-title {
	font-size: 9px;
	font-weight: 500;
	text-transform: uppercase;
	color: #999;
	margin-top: 5px
}

.mobile-menu__indicator-icon {
	position: relative
}

.mobile-menu__indicator-icon svg {
	display: block
}

.mobile-menu__indicator-counter {
	position: absolute;
	bottom: calc(100% - 7px);
	color: #fff;
	font-size: 10px;
	line-height: 1;
	padding: 2px 3px 1px;
	border-radius: 6.5px;
	text-align: center;
	z-index: 0;
	font-weight: 500;
	left: calc(100% - 4px)
}

@media (-webkit-max-device-pixel-ratio:1),
(max-resolution:1dppx) {
	.mobile-menu__indicator-counter {
		font-weight: 400
	}
}

.mobile-menu__indicator-counter:before {
	display: block;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #284293;
	z-index: -1;
	border-radius: 2.5px;
	transform: skewX(-11deg)
}

.mobile-menu__links {
	list-style: none;
	padding: 10px 0;
	margin: 0;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500
}

.mobile-menu__links>li>a,
.mobile-menu__links>li>button {
	position: relative;
	color: inherit;
	width: 100%;
	border: none;
	background: transparent;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 7px 33px 7px 20px;
	text-align: left
}

.mobile-menu__links>li>a:hover,
.mobile-menu__links>li>button:hover {
	background: #f2f2f2
}

.mobile-menu__links>li>a:focus,
.mobile-menu__links>li>button:focus {
	outline: none
}

.mobile-menu__links>li>a svg,
.mobile-menu__links>li>button svg {
	position: absolute;
	top: calc(50% - 6px);
	fill: #bfbfbf;
	right: 16px;
	transform: scaleX(1)
}

/*.mobile-menu__links>li>a.highlight:before,*/
/*.mobile-menu__links>li>button.highlight:before {*/
/*	position: absolute;*/
/*	display: block;*/
/*	content: "";*/
/*	width: 5px;*/
/*	height: 5px;*/

/*	background: #284293;*/
/*	top: 15px;*/
/*	left: 8px*/
/*}*/

.mobile-menu__links-image {
	display: block;
	width: 22px;
	height: 16px;
	border-radius: 1.5px;
	position: relative;
	overflow: hidden;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 9px
}

.mobile-menu__links-image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.mobile-menu__contacts {
	text-align: center;
	padding: 16px 20px 14px;
	transition: background .2s
}

.mobile-menu__contacts:hover {
	background: #f2f2f2
}

.mobile-menu__contacts,
.mobile-menu__contacts:hover {
	color: inherit
}

.mobile-menu__contacts-subtitle {
	font-size: 13px;
	color: #999
}

.mobile-menu__contacts-title {
	font-size: 18px;
	font-weight: 500
}

.mobile-menu__settings-list {
	display: -ms-flexbox;
	display: flex
}

.mobile-menu__setting {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 50%
}

.mobile-menu__setting+.mobile-menu__setting {
	border-left: 1px solid #ebebeb
}

.mobile-menu__setting-button {
	background: transparent;
	border: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: inherit;
	color: inherit;
	position: relative;
	width: 100%;
	padding: 9px 26px 9px 14px
}

.mobile-menu__setting-button:hover {
	background: #f2f2f2
}

.mobile-menu__setting-button:focus {
	outline: none
}

.mobile-menu__setting-panel {
	display: none
}

.mobile-menu__setting-icon {
	display: block;
	width: 22px;
	height: 16px;
	border-radius: 1.5px;
	position: relative;
	overflow: hidden;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 7px
}

.mobile-menu__setting-icon img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.mobile-menu__setting-icon--currency {
	background: #5c6266;
	color: #fff;
	font-size: 10px;
	line-height: 16px
}

.mobile-menu__setting-title {
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left
}

.mobile-menu__setting-arrow {
	position: absolute;
	top: calc(50% - 5px);
	fill: #bfbfbf;
	right: 12px;
	transform: scaleX(1)
}

.mobile-menu__setting-arrow svg {
	display: block
}

.mobile-search__body {
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 0;
	width: 100%
}

.mobile-search__button,
.mobile-search__input {
	background: transparent;
	border: none;
	font-family: inherit;
	color: inherit
}

.mobile-search__button:focus,
.mobile-search__input:focus {
	outline: none
}

.mobile-search__input {
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 15px
}

.mobile-search__field {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: -1;
	transition: color .2s, background .2s, border-color .2s
}

.mobile-search__button {
	width: 38px;
	padding: 0;
	transition: color .2s;
	fill: currentColor
}

.mobile-search__button,
.mobile-search__vehicle-picker {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.mobile-search__vehicle-picker {
	-ms-flex-order: -1;
	order: -1;
	background: #dc3545;
	color: #ffffff;
	min-width: 44px;
	padding: 0 12px;
	white-space: nowrap;
	font-size: 15px;
	font-weight: 500;
	border-radius: 2.5px;
	border: none;
	transition: color .15s, background-color .15s
}

/*.mobile-search__vehicle-picker:hover {*/
/*	background: #ffd226*/
/*}*/

/*.mobile-search__vehicle-picker:active {*/
/*	background: #ffca16*/
/*}*/

/*.mobile-search__vehicle-picker:focus {*/
/*	outline: none*/
/*}*/

.mobile-search__vehicle-picker svg {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	fill: rgb(255 255 255);
}

.mobile-search__vehicle-picker svg+.mobile-search__vehicle-picker-label {
	margin-left: 8px
}

@media (min-width:768px) {
	.mobile-search__input {
		height: 36px;
		padding: 0 11px;
		border-radius: 3px;
		transition: color .2s, background .2s, border-color .2s;
		color: #262626;
		background-color: #f0f0f0;
		border: 1px solid #f0f0f0;
		padding-left: 11px;
		padding-right: 37px
	}

	.mobile-search__input::-webkit-input-placeholder {
		color: #6c757d
	}

	.mobile-search__input::-moz-placeholder {
		color: #6c757d
	}

	.mobile-search__input:-ms-input-placeholder,
	.mobile-search__input::-ms-input-placeholder {
		color: #6c757d
	}

	.mobile-search__input::placeholder {
		color: #6c757d
	}

	.mobile-search__input:hover {
		border-color: #d9d9d9
	}

	.mobile-search__input:focus {
		background-color: #fff;
		border-color: #d9d9d9
	}

	.mobile-search__button--close {
		display: none
	}

	.mobile-search__button--search {
		position: absolute;
		top: 0;
		height: 100%;
		right: 0
	}

	.mobile-search__vehicle-picker {
		margin-right: 6px
	}

	.mobile-search__button--search {
		color: #b2b2b2
	}

	.mobile-search__button--search:hover {
		color: #284293
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.mobile-search__vehicle-picker-label {
		display: none
	}
}

@media (max-width:767.98px) {
	.mobile-search__body {
		height: 100%
	}

	.mobile-search__input {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		width: 0;
		padding: 0 0 0 12px
	}

	.mobile-search__button {
		width: 52px
	}

	.mobile-search__button--close {
		border-width: 0;
		border-style: solid;
		border-left-width: 1px
	}

	.mobile-search__input {
		color: #262626
	}

	.mobile-search__input::-webkit-input-placeholder {
		color: #6c757d
	}

	.mobile-search__input::-moz-placeholder {
		color: #6c757d
	}

	.mobile-search__input:-ms-input-placeholder,
	.mobile-search__input::-ms-input-placeholder {
		color: #6c757d
	}

	.mobile-search__input::placeholder {
		color: #6c757d
	}

	.mobile-search__input~.mobile-search__field {
		background: #fff
	}

	.mobile-search__input~.mobile-search__button--close {
		border-color: #ebebeb
	}

	.mobile-search__button {
		color: #b2b2b2
	}

	.mobile-search__button:hover {
		color: #284293
	}

	.mobile-search__vehicle-picker {
		margin: 8px 0;
		margin-left: 8px
	}
	.header-social-link {
    display: flex;
    justify-content: end;
}



}

@media (max-width:440px) {
	.mobile-search__vehicle-picker-label {
		display: none
	}
	.header-social-link {
    display: flex;
    justify-content: end;
}


.header-social-link a {
	color: #fff;
	height: 25px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	margin: 0 5px;
	font-size: 12px;
	transition: all 0.3s ease;
	text-align: center;
	}
  
  /* Facebook */
  .header-social-link a.facebook {
	background-color: #1877F2;
  }
  
  /* YouTube */
  .header-social-link a.youtube {
	background-color: #FF0000;
  }
  
  /* Instagram */
  .header-social-link a.instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, 
				#fd5949 45%, #d6249f 60%, #285AEB 90%);
  }
  
  /* Twitter */
  .header-social-link a.twitter {
	background-color: #1DA1F2;
  }
  
  /* Optional: Hover effect */
  .header-social-link a:hover {
	opacity: 0.8;
	transform: scale(1.1);
  }
  .mobile-menu__panel .header-social-link {
    display: flex;
    justify-content: start;
    padding: 12px 15px;
    border-top: 1px solid #ebebeb;
}
}

.header-social-link a {
	color: #fff;
	height: 25px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	margin: 0 5px;
	font-size: 12px;
	transition: all 0.3s ease;
	text-align: center;
	}
  
  /* Facebook */
  .header-social-link a.facebook {
	background-color: #1877F2;
  }
  
  /* YouTube */
  .header-social-link a.youtube {
	background-color: #FF0000;
  }
  
  /* Instagram */
  .header-social-link a.instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, 
				#fd5949 45%, #d6249f 60%, #285AEB 90%);
  }
  
  /* Twitter */
  .header-social-link a.twitter {
	background-color: #1DA1F2;
  }
  
  /* Optional: Hover effect */
  .header-social-link a:hover {
	opacity: 0.8;
	transform: scale(1.1);
  }
  .mobile-menu__panel .header-social-link {
    display: flex;
    justify-content: start;
    padding: 12px 15px;
    border-top: 1px solid #ebebeb;
}