﻿.product-info-item {
    min-height: 100px;
    margin-top: 20px
}

.stock-img {
    width: 233px;
    height: 233px;
    object-fit: cover;
    object-position: center;
}

.btn-whatsapp {
    width: -webkit-fill-available;
    background-color: #25D366;
    color: white
}
.btn-whatsapp:hover {
    width: -webkit-fill-available;
    background-color: #25D366;
    color: white
}


.search-button {
    border-radius: 0 10px 10px 0;
    width: 65px;
    height: 65px;
    background-color: #d1cfcf;
    margin-left: -3px;
    border: none;
    margin-left: -20px
}
.search-box {
    border-radius: 10px 0 0 10px !important;
}
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    background-color: #25D366;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: transform 0.2s ease-in-out;
    margin-bottom: 40px;
    margin-left: 10px
}

    .whatsapp-float:hover {
        transform: scale(1.1);
    }

    .whatsapp-float img {
        width: 35px;
        height: 35px;
    }

.footer-logo{
    width:300px;
}
.img-spare-parts{
   max-width:80% !important;
   width:296px;
   height:198px;
}

.spare-item-position {
    min-height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-acc {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}
    .btn-acc:after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "";
/*        background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
*/        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out;
    }
.blog-btn {
    margin-bottom: 100px;
    display: flex;
    justify-content: center;
}

.btn-spare-part{
    padding:8px 25px !important;
}

.spare-item {
    border-top: none !important;
}

.error{
    color:red;
    margin-bottom:10px
}
.branch-info-item{
    min-height:464px
}
@media (max-width:767px) {
    .mobile-map{
        margin-top:50px
    }
    .mobile-copyright-area {
        justify-content: center !important;
    }
}

.footer-logo-location {
    display: flex;
    justify-content: center;
}

.modal-backdrop.show {
    opacity: 0.75;
    background-color: #000;
}

#searchModal .modal-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    max-width: 700px;
    width: 100%;
    z-index: 1055;
}

.modal-content {
    max-height: none !important;
}

body.modal-open {
    overflow: hidden !important;
}

@media (min-width: 344px) {
    .header-logo {
        width: 130px;
    }

    .header-logo-brand {
        width: 40px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: normal;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}

@media (min-width: 360px) {
    .header-logo {
        width: 140px;
    }

    .header-logo-brand {
        width: 45px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: normal;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap{
        margin:0
    }
}


@media (min-width: 375px) {
    .header-logo {
        width: 145px;
    }

    .header-logo-brand {
        width: 50px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: normal;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}

@media (min-width: 390px) {
    .header-logo {
        width: 155px;
    }

    .header-logo-brand {
        width: 50px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: normal;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}

@media (min-width: 412px) {
    .header-logo {
        width: 160px;
    }

    .header-logo-brand {
        width: 60px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: normal;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}

@media (min-width: 414px) {
    .header-logo {
        width: 160px;
    }

    .header-logo-brand {
        width: 63px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: normal;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}

@media (min-width: 430px) {
    .header-logo {
        width: 170px;
    }

    .header-logo-brand {
        width: 66px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: normal;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}

@media (min-width: 540px) {
    .header-logo {
        width: 200px;
    }

    .header-logo-brand {
        width: 70px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: space-between;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}

@media (min-width: 768px) {
    .header-logo {
        width: 250px;
    }

    .header-logo-brand {
        width: 90px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: space-between;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}

@media (min-width: 820px) {
    .header-logo {
        width: 260px;
    }

    .header-logo-brand {
        width: 100px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: space-between;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}

@media (min-width: 853px) {
    .header-logo {
        width: 260px;
    }

    .header-logo-brand {
        width: 100px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: space-between;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}

@media (min-width: 1024px) {
    .header-logo {
        width: 260px;
    }

    .header-logo-brand {
        width: 100px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: space-between;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}

@media (min-width: 1300px) {
    .header-logo {
        width: 240px;
    }

    .header-logo-brand {
        width: 75px;
    }

    .ltn__header-middle-area > .container-fluid > .row, .ltn__header-middle-area > .container > .row {
        justify-content: normal;
    }

    .ltn__logo-right-menu-option .site-logo-wrap, .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap {
        margin: 0
    }
}
@media (min-width: 1300px) and (max-width: 1400px) {
    .slide-item-info {
        padding: 50px;
    }
}
