/*!
 * Copyright 2021 Tyresonline.ae Authors (https://www.tyresonline.ae/)
*/



@media screen and (min-width: 1400px){
	.custom-width-1240 {
		max-width: 53.9130434783rem;
	}
	}
	
	@media screen and (min-width: 1400px) and (min-width: 1500px){
	.custom-width-1240 {
		max-width: 64.5833333333vw;
	}
	}
	
	.storelocator .sub-banner .image-wrap {
		text-align: center
	}
	
	.storelocator .sub-banner .image-wrap img {
		height: 19.1304347826rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.storelocator .sub-banner .image-wrap img {
			height: 23.1578947368rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.storelocator .sub-banner .image-wrap img {
			height: 22.9166666667vw
		}
	}
	
	@media screen and (max-width: 767px) {
		.storelocator .sub-banner .image-wrap img {
			height: auto;
			width: 100%
		}
	}
	
	.storelocator .location-search h1 {
		font-size: 1.3913043478rem;
		font-weight: 900;
		text-align: center;
		letter-spacing: 0.0869565217rem;
		margin-bottom: 1.0869565217rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.storelocator .location-search h1 {
			font-size: 1.6842105263rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.storelocator .location-search h1 {
			font-size: 1.6666666667vw
		}
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.storelocator .location-search h1 {
			letter-spacing: 0.1052631579rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.storelocator .location-search h1 {
			letter-spacing: .1041666667vw
		}
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.storelocator .location-search h1 {
			margin-bottom: 1.3157894737rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.storelocator .location-search h1 {
			margin-bottom: 1.3020833333vw
		}
	}
	
	.storelocator .location-search .location-search-wrap {
		position: relative
	}
	
	.storelocator .location-search .location-search-wrap input {
		background-color: #ebebeb;
		border: 1px solid #ebebeb;
		height: 2.6086956522rem;
		font-weight: bold;
		color: #000;
		border-radius: 100px;
		font-size: 0.6956521739rem;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.248 20.242"><path id="search" d="M79.416,21.707l-5.153-5.153A8.1,8.1,0,1,0,72.115,18.7l5.153,5.153a1.013,1.013,0,0,0,1.429,0l.714-.714A1.014,1.014,0,0,0,79.416,21.707Zm-11.852-4.64a5.061,5.061,0,1,1,5.061-5.061A5.061,5.061,0,0,1,67.564,17.067Z" transform="translate(-59.463 -3.907)"/></svg>');
		background-repeat: no-repeat;
		background-position: right 1.5% center;
		background-size: 1.5%;
		padding-right: 5%
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.storelocator .location-search .location-search-wrap input {
			height: 3.1578947368rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.storelocator .location-search .location-search-wrap input {
			height: 3.125vw
		}
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.storelocator .location-search .location-search-wrap input {
			font-size: 0.8421052632rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.storelocator .location-search .location-search-wrap input {
			font-size: .8333333333vw
		}
	}
	
	@media screen and (max-width: 1199px) {
		.storelocator .location-search .location-search-wrap input {
			background-position: right 10px center;
			background-size: 16px;
			padding-right: 40px
		}
	}
	
	.storelocator .location-search .location-search-wrap .action-save {
		min-height: 1px;
		font-weight: 700;
		font-size: 0.7826086957rem;
		position: absolute;
		left: 0;
		top: 0
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.storelocator .location-search .location-search-wrap .action-save {
			font-size: 0.9473684211rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.storelocator .location-search .location-search-wrap .action-save {
			font-size: .9375vw
		}
	}
	
	.storelocator .location-search .location-search-wrap .action-save span {
		padding: 0.7826086957rem 2.2608695652rem 0.7826086957rem 2.2608695652rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.storelocator .location-search .location-search-wrap .action-save span {
			padding: 0.9473684211rem 2.7368421053rem 0.9473684211rem 2.7368421053rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.storelocator .location-search .location-search-wrap .action-save span {
			padding: .9375vw 2.7083333333vw .9375vw 2.7083333333vw
		}
	}
	
	.storelocator .location-search .location-search-wrap .serach-distance {
		margin-left: 10px
	}
	
	.storelocator .location-search .location-search-wrap .serach-distance .input_select {
		background-color: #eee;
		border: 1px solid #b3b3b3;
		padding: 5px 15px;
		height: 47px;
		font-weight: bold;
		color: #000;
		min-width: 140px;
		border-radius: 10px
	}
	
	.storelocator .location-search .location-search-wrap .clear-btn{
		margin-top: 10px;
		justify-content: flex-end;
	}
	
	.storelocator .location-search .location-search-wrap .clear-btn .clear-input{
		display: block;
		min-width: 100px;
		text-align: center;
		font-size: 12px;
	}
	
	.storelocator .installer-list {
		margin-top: 2.1739130435rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.storelocator .installer-list {
			margin-top: 2.6315789474rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.storelocator .installer-list {
			margin-top: 2.6041666667vw
		}
	}
	
	.storelocator .installer-list .installer {
		border: 1px solid #ddd;
		border-radius: 10px;
		height: calc(100% - 20px);
		margin-bottom: 20px
	}
	
	.storelocator .installer-list .installer:hover {
		border-color: #000
	}
	
	.storelocator .installer-list .installer .installer_detail {
		position: relative;
		height: 100%;
		padding-bottom: 43px
	}
	
	.storelocator .installer-list .installer .installer_detail .installer_title {
		padding: 15px
	}
	
	.storelocator .installer-list .installer .installer_detail .installer_title .installer_name {
		font-size: 18px;
		font-weight: bold;
		font-size: 16px
	}
	
	.storelocator .installer-list .installer .installer_detail .installer_title .upper_right {
		margin-top: 8px
	}
	
	.storelocator .installer-list .installer .installer_detail .installer_title .distance {
		padding-right: 28px;
		font-weight: 600
	}
	
	.storelocator .installer-list .installer .installer_detail .installer_title .address {
		margin-top: 10px;
		font-size: 14px
	}
	
	.storelocator .installer-list .installer .installer_detail .installer_title .address .location-icon {
		width: 18px;
		margin-left: 10px;
		display: block;
		text-align: center
	}
	
	.storelocator .installer-list .installer .installer_detail .installer_title .address svg {
		height: 18px
	}
	
	.storelocator .installer-list .installer .installer_detail .shop_timing_block {
		margin-top: 15px;
		font-size: 14px;
		border-top: 1px solid #ddd;
		padding-top: 15px
	}
	
	.storelocator .installer-list .installer .installer_detail .shop_timing_block .installer_date_time div {
		margin-bottom: 5px
	}
	
	.storelocator .installer-list .installer .installer_detail .shop_timing_block .installer_date_time .icon {
		width: 18px;
		margin-left: 10px;
		display: block;
		text-align: center
	}
	
	.storelocator .installer-list .installer .installer_detail .shop_timing_block .installer_date_time .icon svg {
		height: 15px
	}
	
	.storelocator .installer-list .installer .installer_detail .installer-action-custom {
		background-color: #eee;
		padding: 5px 15px;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		border-top: 1px solid #ddd;
		border-radius: 0px 0px 10px 10px
	}
	
	.storelocator .installer-list .installer .installer_detail .installer-action-custom .google-map-direction img {
		width: 32px;
		border-radius: 50%;
		border: 2px solid #ddd
	}
	
	.storelocator .installer-list .installer .installer_detail .installer-action-custom .google-map-direction span {
		font-weight: 600
	}
	
	.storelocator .installer-list .installer .installer_detail .installer-action-custom:hover .google-map-direction img {
		animation: pulse 1s linear infinite
	}
	
	.tyres-fitting-text {
		margin-top: 2.6086956522rem;
		margin-bottom: 7.8260869565rem;
		text-align: center
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.tyres-fitting-text {
			margin-top: 3.1578947368rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.tyres-fitting-text {
			margin-top: 3.125vw
		}
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.tyres-fitting-text {
			margin-bottom: 9.4736842105rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.tyres-fitting-text {
			margin-bottom: 9.375vw
		}
	}
	
	.tyres-fitting-text h2 {
		font-size: 1.3913043478rem;
		font-weight: 900;
		text-align: center;
		letter-spacing: 0.0869565217rem;
		text-transform: uppercase
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.tyres-fitting-text h2 {
			font-size: 1.6842105263rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.tyres-fitting-text h2 {
			font-size: 1.6666666667vw
		}
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.tyres-fitting-text h2 {
			letter-spacing: 0.1052631579rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.tyres-fitting-text h2 {
			letter-spacing: .1041666667vw
		}
	}
	
	.tyres-fitting-text p {
		font-size: 1.0434782609rem;
		font-weight: 300;
		line-height: 1.5;
		padding: 0rem 2.6086956522rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.tyres-fitting-text p {
			font-size: 1.2631578947rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.tyres-fitting-text p {
			font-size: 1.25vw
		}
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.tyres-fitting-text p {
			padding: 0rem 3.1578947368rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.tyres-fitting-text p {
			padding: 0vw 3.125vw
		}
	}
	
	@media screen and (max-width: 767px) {
		.tyres-fitting-text p {
			padding: 0
		}
	}
	
	.welcome .image-wrap.aspect-custom {
		padding-bottom: 67%
	}
	
	.welcome .heading-style6 p {
		margin-right: auto;
		margin-left: auto
	}
	
	.welcome .heading-style6 p.cw1 {
		max-width: 20.8695652174rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.welcome .heading-style6 p.cw1 {
			max-width: 25.2631578947rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.welcome .heading-style6 p.cw1 {
			max-width: 25vw
		}
	}
	
	.welcome .heading-style6 p.cw2 {
		max-width: 11.9565217391rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.welcome .heading-style6 p.cw2 {
			max-width: 14.4736842105rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.welcome .heading-style6 p.cw2 {
			max-width: 14.3229166667vw
		}
	}
	
	.welcome .banner-content {
		position: absolute;
		width: 100%;
		height: 100%;
		right: 0;
		top: 0;
		padding-top: 0%;
		padding-bottom: 0%;
		padding-right: 0.652173913rem;
		padding-left: 0.652173913rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.welcome .banner-content {
			padding-right: 0.7894736842rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.welcome .banner-content {
			padding-right: .78125vw
		}
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.welcome .banner-content {
			padding-left: 0.7894736842rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.welcome .banner-content {
			padding-left: .78125vw
		}
	}
	
	.welcome .banner-content .top {
		padding-top: 2.6086956522rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.welcome .banner-content .top {
			padding-top: 3.1578947368rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.welcome .banner-content .top {
			padding-top: 3.125vw
		}
	}
	
	.welcome .banner-content .top .shape {
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 2;
		top: 0;
		margin-top: -5rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.welcome .banner-content .top .shape {
			margin-top: -6.0526315789rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.welcome .banner-content .top .shape {
			margin-top: -5.9895833333vw
		}
	}
	
	.welcome .banner-content .top .shape img {
		height: 5rem;
		width: auto
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.welcome .banner-content .top .shape img {
			height: 6.0526315789rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.welcome .banner-content .top .shape img {
			height: 5.9895833333vw
		}
	}
	
	.welcome .banner-content .bottom {
		padding-bottom: 1.9565217391rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.welcome .banner-content .bottom {
			padding-bottom: 2.3684210526rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.welcome .banner-content .bottom {
			padding-bottom: 2.34375vw
		}
	}
	
	.welcome .banner-content .bottom .shape {
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 2;
		bottom: 0;
		margin-bottom: -6.0869565217rem
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.welcome .banner-content .bottom .shape {
			margin-bottom: -7.3684210526rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.welcome .banner-content .bottom .shape {
			margin-bottom: -7.2916666667vw
		}
	}
	
	.welcome .banner-content .bottom .shape img {
		height: 6.0869565217rem;
		width: auto
	}
	
	@media screen and (min-width: 1200px)and (max-width: 1499px) {
		.welcome .banner-content .bottom .shape img {
			height: 7.3684210526rem
		}
	}
	
	@media screen and (min-width: 1500px) {
		.welcome .banner-content .bottom .shape img {
			height: 7.2916666667vw
		}
	}
	
	@media screen and (max-width: 767px) {
		.welcome .image-wrap.aspect-custom {
			padding-bottom: 96%
		}
	
		.welcome .banner-content .top {
			padding-top: 1.5625rem
		}
	
		.welcome .banner-content .top .shape {
			margin-top: -2.8125rem
		}
	
		.welcome .banner-content .top .shape img {
			height: 2.8125rem
		}
	
		.welcome .banner-content .bottom {
			padding-bottom: 1.5625rem
		}
	
		.welcome .banner-content .bottom .shape {
			margin-bottom: -4.375rem
		}
	
		.welcome .banner-content .bottom .shape img {
			height: 4.375rem
		}
	}
	
	@media screen and (max-width: 575px) {
		.welcome .image-wrap.aspect-custom {
			padding-bottom: 137%
		}
	}
	
	@media screen and (min-width: 768px)and (max-width: 1199px) {
		.welcome .image-wrap.aspect-custom {
			padding-bottom: 90%
		}
	}