.post-pagination li a:hover,
.aut-cr-btn,
.header-lower.navbar .appoinment a,
.aut-cr-btn.inverse:hover,
.post-pagination li.active a,
.customizer-box .slider,
#polyglotLanguageSwitcher ul.dropdown,
.single-price-box .table-header,
.testi-owl.owl-theme .owl-dots .owl-dot.active span,
.testi-owl.owl-theme .owl-dots .owl-dot:hover span,
.single-price-box:hover .table-footer a,
.combo-package-area:before,
.testimonial-page .loadmore-button a,
.single-shop-item .aut-cr-btn:hover,
.free-appoinment-form .select-field .dropdown-menu>li>a:hover {
    background: none;
    background-color: var(--color-secondary);
}

.aut-cr-btn,
.header-lower.navbar .appoinment a,
.aut-cr-btn.inverse:hover,
.ask-your-question-form button,
.single-shop-item:hover .img-box,
.shop-section .sidebar .single-sidebar-item .price-ranger .ui-slider-handle,
.single-shop-item .aut-cr-btn:hover {
    border-color: var(--color-secondary);
}

.customizer-box button.toggler,
.header-top-content .cart-btn a .item-count span,
.social-links ul li:hover i::before,
.customer-support h3,
.full-range-services-area .single-item .inner-content .icon-holder span::before,
.single-testimonial-item .client-info .client-name p,
.single-testimonial-item .client-info .client-name p,
.single-shop-item a:hover h3 {
    color: var(--color-secondary);
}



@media (min-width: 641px) {
    .header-lower.navbar .navbar-nav>li.active>a {
        color: var(--color-secondary);
    }

    .header-lower.navbar .navbar-nav>li:hover>a {
        color: var(--color-secondary);
    }

    .header-lower.navbar .navbar-nav>li>a span.decor,
    .header-lower.navbar .navbar-nav>li>a span.decor:before,
    .header-lower.navbar .navbar-nav>li>a span.decor:after {
        background-color: var(--color-secondary);
    }

    .header-lower.navbar .navbar-nav>.open>a,
    .header-lower.navbar .navbar-nav>.open>a:focus,
    .header-lower.navbar .navbar-nav>.open>a:hover,
    .header-lower.navbar .navbar-nav>.active>a,
    .header-lower.navbar .navbar-nav>.active>a:focus,
    .header-lower.navbar .navbar-nav>.active>a:hover {
        color: var(--color-secondary);
    }

    .header-lower.navbar .navbar-nav>li>.dropdown-menu {
        border-top: 2px solid var(--color-secondary);
    }

    .header-lower.navbar .navbar-nav>li>.dropdown-menu:before {
        color: var(--color-secondary);
    }

    .header-lower.navbar .dropdown-menu>li>a:focus,
    .header-lower.navbar .dropdown-menu>li>a:hover {
        color: var(--color-secondary);
    }
}


.combo-package-area {
    background-color: var(--color-secondary);
}

.rev_slider_wrapper .wheel-installation h3 {
    background-color: var(--color-secondary);
}

.rev_slider_wrapper .wheel-installation .rate h1 {
    color: var(--color-secondary);
}

.rev_slider_wrapper .wheel-installation .border {
    background-color: var(--color-secondary);
}

.service-client-carousel .single-item .content .info-box h6 {
    color: var(--color-secondary);
}

.service-client-carousel .single-item .content .info-box .rating ul li span::before {
    color: var(--color-secondary);
}

.service-client-carousel .testimonial-control {
    background-color: var(--color-secondary);
}

.service-client-carousel .testimonial-control {
    background-color: var(--color-secondary);
}

.trusted-service-area .single-item:hover .icon-holder span::before {
    background: var(--color-secondary) !important;
}

.trusted-service-area .single-item:hover .content a {
    color: var(--color-secondary);
}

.best-service-area .single-item .overlay {
    background-color: var(--color-secondary);
}

.best-service-area .single-item .title .icon-holder span::before {
    color: var(--color-secondary);
}

.best-service-area .single-item .title .go-top-icon {
    background-color: var(--color-secondary);
}

.wheel-work-left .single-list-item ul li i {
    color: var(--color-secondary);
}

.wheel-work-right h1 {
    background-color: var(--color-secondary);
}

.wheel-work-right ul li.active .single-other-service-list {
    background-color: var(--color-secondary);
}

.wheel-work-right ul li.active .single-other-service-list .title:before {
    background: #fff;
}

.wheel-work-right .single-other-service-list:hover {
    background-color: var(--color-secondary);
}

.faq-content-left .accordion-box .accordion .acc-btn.active {
    color: var(--color-secondary);
}

.faq-content-left .accordion-box .accordion .acc-btn .toggle-icon .minus {
    background-color: var(--color-secondary);
}

.faq-content-left a.more-question:hover {
    color: var(--color-secondary);
}

.work-gallery-right .work-gallery-items .single-item .img-holder .overlay .image-view .content a:hover span::before {
    background-color: var(--color-secondary);
}

.meet-our-specialist-area .single-item .text h6 {
    color: var(--color-secondary);
}

.meet-our-specialist-area .single-item .text .mail p span::before {
    color: var(--color-secondary);
}

.meet-our-specialist-area .single-item .text .mail p span.email-text {
    color: var(--color-secondary);
}

.meet-our-specialist-area .single-item .img-holder .overlay .content .social-icon ul li:hover {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

.single-blog-post ul li {
    border-right: 1px solid var(--color-secondary);
    color: var(--color-secondary);
}

.single-blog-post ul li a {
    color: var(--color-secondary);
}

.single-blog-post .content-box .date-box .comment {
    background-color: var(--color-secondary);
}

.single-blog-post .img-holder .overlay .image-view .icon-holder a span:hover::before {
    color: var(--color-secondary);
}

.single-blog-post .content-box .content h3:hover {
    color: var(--color-secondary);
}

.single-blog-post .content-box .content a.readmore:hover {
    color: var(--color-secondary);
}

/* * 15.= Appintment area styles */
.free-appoinment-form .input-field input:hover {
    color: var(--color-secondary);
}

.free-appoinment-form .input-field textarea:hover {
    color: var(--color-secondary);
}

.free-appoinment-form .select-field select:hover {
    color: var(--color-secondary);
}

.brand-area .owl-theme .owl-nav div .fa:hover {
    color: var(--color-secondary);
}

.footer-top .single-item .icon-holder span::before {
    color: var(--color-secondary);
    font-size: 35px;
    transition: color .4s ease;
}

.footer-top .single-item .content p {
    color: var(--color-secondary);
}

.footer-top .single-item:hover {
    background-color: var(--color-secondary);
}

.single-footer-widget .shop-spare li .content a {
    background-color: var(--color-secondary);
}

.single-footer-widget .carousel-indicators .active {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

.copy-right p a {
    color: var(--color-secondary);
}

.footer-social-link ul li a:hover {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

/* * 18.= BreadCumb area styles */
.notfound-content-area .content h5 a {
    color: var(--color-secondary);
}

.notfound-content-area .content .search-form button:hover {
    color: var(--color-secondary);
}

.customers-info .content .customers-name-signature .name p {
    color: var(--color-secondary);
}

.customer-support .info-box .social ul li:hover a i::before {
    background-color: var(--color-secondary);
    border: 2px solid var(--color-secondary);
}

.years-tab .tab-menu ul li.active a h3::after {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

.years-tab .tab-menu ul li.active a span {
    color: var(--color-secondary);
}

.years-tab .tab-menu ul li a span:hover {
    color: var(--color-secondary);
}

.working-time span a {
    color: var(--color-secondary);
}

.subscribe form p {
    color: var(--color-secondary);
}

.fact-counter-area {
    background-color: var(--color-secondary);
}

.why-choose-us-area .single-item:hover .icon-holder {
    background-color: var(--color-secondary);
}

.why-choose-us-area .single-item:hover .content a {
    color: var(--color-secondary);
}

.write-your-comment-form input[type="text"]:focus {
    color: var(--color-secondary);
}

.faq-content-area .accordion-box .accordion .acc-btn.active .toggle-icon span:before {
    color: var(--color-secondary);
}

.ask-your-question-form input[type="text"]:focus {
    color: var(--color-secondary);
}

.ask-your-question-form .select-field select:focus {
    color: var(--color-secondary);
}

.ask-your-question-form textarea:focus {
    color: var(--color-secondary);
}

.ask-your-question-form button:hover {
    border: 2px solid var(--color-secondary);
}

.single-price-box .price-list ul li span::before {
    color: var(--color-secondary);
}

.combo-package-area .button a {
    color: var(--color-secondary);
}

.large-blog-post .single-blog-post ul li a {
    color: var(--color-secondary);
}

.paginations ul li.active a,
.paginations ul li a:hover {
    background-color: var(--color-secondary);
}

.single-sidebar .search-form button {
    background-color: var(--color-secondary);
}

.single-sidebar .latest-post li .title ul li {
    color: var(--color-secondary);
}

.single-sidebar .latest-post li .title ul li::before {
    background-color: var(--color-secondary);
}

.single-sidebar .latest-post li:hover .title h6 a {
    color: var(--color-secondary);
}

.single-sidebar .blog-archive li:hover a {
    color: var(--color-secondary);
}

.single-sidebar .blog-archive li:hover a span::before {
    color: var(--color-secondary);
}

.list-blog-post .single-blog-post .date-and-img-box .date-box .comment {
    background-color: var(--color-secondary);
}

.list-blog-post .single-blog-post .content-box ul li a {
    color: var(--color-secondary);
}

.blog-details-content .single-blog-post ul li a {
    color: var(--color-secondary);
}

.blog-details-content .single-blog-post .content-box .content .social-like-box .social-icon ul li a:hover {
    background-color: var(--color-secondary);
}

.author-box .text .author-mail {
    color: var(--color-secondary);
}

.comment-box .text-box ul li a {
    color: var(--color-secondary);
}

.leave-reply-form form input[type="text"]:focus {
    color: var(--color-secondary);
}

.leave-reply-form form textarea:focus {
    color: var(--color-secondary);
}

.leave-reply-form form button:hover {
    background-color: var(--color-secondary);
}

.gallery-filter li.active {
    background-color: var(--color-secondary);
}

.gallery-filter li.active::before {
    color: var(--color-secondary);
}

.gallery-filter li span.count b {
    font-weight: normal;
    background-color: var(--color-secondary);
}

.single-gallery-item .img-holder .overlay .title h6 {
    color: var(--color-secondary);
}

.single-gallery-item .img-holder .overlay .image-view .icon-holder a:hover {
    background-color: var(--color-secondary);
}

.gallery-masonary-v1-area .load-more-button a:hover {
    background-color: var(--color-secondary);
}

.gallery-masonary-v2-area .load-more-button a:hover {
    background-color: var(--color-secondary);
}

.gallery-items .gallery-single-item .right-content .related-project li .img-holder .overlay .image-view .icon-holder a:hover {
    background-color: var(--color-secondary);
}

.single-shop-item ul.price li span {
    font-size: 18px;
    color: var(--color-secondary);
}

.single-shop-item .review-box i {
    font-size: 13px;
    color: var(--color-secondary);
}

.shop-section .sidebar .single-sidebar-item .search-products button {
    background-color: var(--color-secondary);
}

.shop-section .sidebar .single-sidebar-item .product-categories li a i {
    color: var(--color-secondary);
}

.shop-section .sidebar .single-sidebar-item .product-categories li:hover a {
    color: var(--color-secondary);
}

.shop-section .sidebar .single-sidebar-item .price-ranger .ui-widget-header {
    background: var(--color-secondary)
}

.shop-section .sidebar .single-sidebar-item .top-rated-products li .content .review-box {}

.shop-section .sidebar .single-sidebar-item .top-rated-products li .content .review-box i {
    color: var(--color-secondary);
}

.shop-section .sidebar .single-sidebar-item .top-rated-products li .content .rate li span {
    color: var(--color-secondary);
}

.shop-section .sidebar .single-sidebar-item .top-rated-products li:hover .img-holder {
    border: 1px solid var(--color-secondary);
}

.shop-section .sidebar .single-sidebar-item .top-rated-products li:hover .content a h3 {
    color: var(--color-secondary);
}

.single-shop-content .content .review-box i {
    color: var(--color-secondary);
}

.single-shop-content .content h1 {
    color: var(--color-secondary);
}

.single-shop-content .content .input-field input[type="text"]:focus {
    border: 1px solid var(--color-secondary);
}

.single-shop-content .content .add-to-cart a:hover {
    background-color: var(--color-secondary);
}

.review-tab-content .single-review-content .content-box .top .review-box i {
    color: var(--color-secondary);
}

.review-tab-content .single-review-content .content-box .date-and-time li a {
    color: var(--color-secondary);
}

.review-form input[type="text"]:focus {
    border: 1px solid var(--color-secondary);
}

.review-form .review-box ul li {
    border-right: 0px solid var(--color-secondary);
}

.review-form .review-box i {
    color: var(--color-secondary);
}

.review-form .review-box i:hover {
    color: var(--color-secondary) !important;
}

.review-form textarea:focus {
    border: 1px solid var(--color-secondary);
}

.review-form button:hover {
    background-color: var(--color-secondary);
}

.related-product .owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: var(--color-secondary);
}

.contact-area .getin-touch .contact-info li .icon-holder {
    border: 2px solid var(--color-secondary);
}

.contact-area .getin-touch .contact-info li .icon-holder span::before {
    color: var(--color-secondary);
}

.contact-area .contact-form form input[type="text"]:focus {
    color: var(--color-secondary);
}

.contact-area .contact-form form textarea:focus {
    color: var(--color-secondary);
}

.contact-area .contact-form button:hover {
    background-color: var(--color-secondary);
}

.single-price-box.single-package .price-list::before {
    background-color: var(--color-secondary);
}

.single-price-box.single-package:hover .table-footer a {
    background-color: var(--color-secondary);
}

.full-range-services-area .single-item .overlay::before {
    background-color: var(--color-secondary);
}

.single-services-sidebar .single-item .services-list li:hover,
.single-services-sidebar .single-item .services-list li.active {
    background-color: var(--color-secondary);
}

.single-services-sidebar .single-item .single-service-sidebar-carousel .single-carousel-item .client-info .name p {
    color: var(--color-secondary);
}

.single-services-sidebar .single-item .single-service-sidebar-carousel .service-carousel-control i:hover {
    color: var(--color-secondary);
}

.services-single-content #services-single-carousel .carousel-indicators .active {
    background-color: var(--color-secondary);
}

.services-single-content .working-topics-content ul li span::before {
    color: var(--color-secondary);
}

.pricing-plan .table-heading tr {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

.services-single-content .other-services-content .single-other-services-item .icon-holder span::before {
    color: var(--color-secondary);
}

.other-services-content .owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: var(--color-secondary);
}

.working-under-content .accordion-box .accordion .acc-btn.active .toggle-icon span:before {
    color: var(--color-secondary);
}

.services-single-area.ver-three .brake-repair-items .single-item:hover .icon-holder {
    background-color: var(--color-secondary);
}

.services-single-area.ver-three .brake-repair-items .single-item:hover .content h3 a {
    color: var(--color-secondary);
}

.login-register-area .form .social-icon li a i.gplus::before {
    background: #dd4b39 none repeat scroll 0 0;
}

.login-register-area .form a.forgot-password {
    color: var(--color-secondary);
}

.login-register-area .form .input-field input[type="text"]:focus {
    border: 2px solid var(--color-secondary);
}

.login-register-area .form button:hover {
    background-color: var(--color-secondary);
}

.cart-section .thm-btn {
    background-color: var(--color-secondary);
}

.cart-table tbody tr .sub-total {
    color: var(--color-secondary);
}

.cart-table tbody .available-info .icon {
    background-color: var(--color-secondary);
}

.cart-section .estimate-form .select-box .dropdown-menu>li>a:hover {
    background-color: var(--color-secondary);
}

.single-footer-widget .service-list li:hover a,
.single-footer-widget .service-list li:hover i,
.checkout-section .payment-options .option-block .radio-block.active .icon i {
    color: var(--color-secondary);
}


.fact-counter ul li {
    border-color: var(--color-secondary-dark);
}

.footer-top .single-item:hover .content,
.best-service-area .single-item .overlay .content {
    border-left-color: var(--color-secondary-dark);
}

.best-service-area .single-item .overlay .icon-holder {
    border-right-color: var(--color-secondary-light);
}



.navbar-header a img {
    width: 300px;
}

.navbar-header a img {
    width: 300px;
}


@media (max-width: 768px) {
    .navbar-header a img {
        width: 200px;
    }
}

@media (max-width: 370px) {
    .navbar-header a img {
        width: 150px;
    }
}