/*!
 * Copyright 2021 Tyresonline.ae Authors (https://www.tyresonline.ae/)
*/
.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: left 1.5% center;
    background-size: 1.5%;
    padding-left: 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: left 10px center;
        background-size: 16px;
        padding-left: 40px
    }
}

.storelocator .location-search .location-search-wrap .action-save {
    min-height: 1px;
    font-weight: 700;
    font-size: 0.7826086957rem;
    position: absolute;
    right: 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-right: 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: 123px;
    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_left {
    margin-top: 8px
}

.storelocator .installer-list .installer .installer_detail .installer_title .distance {
    padding-left: 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-right: 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-right: 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;
    left: 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-left: auto;
    margin-right: 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%;
    left: 0;
    top: 0;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0.652173913rem;
    padding-right: 0.652173913rem
}

@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
    }
}

@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
    }
}

.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;
    left: 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;
    left: 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%
    }
}