/* Contact US Page*/

@media(min-width:1200px){
    .banner-section-text {
        padding: 130px 0;
    }
}
@media (max-width:1300px) {
    .banner-section-content {
        /*bottom: 20px;*/
        bottom: 0;
        width: 95%;
        padding-left: 10px;
    }
        .banner-section-content p {
            margin-bottom: 15px;
        }

        .banner-section-content h1 {
            margin-bottom: 15px;
        }
    /* About Us Page*/
    .software-section-text-header {
        font-size: 20px;
    }
    .software-section-text {
        width: 90%;
        font-size: 14px;
    }
    .home-banner-section-content .carousel-caption{
        top:0;
    }

    .banner-section-content.about-us-banner-section-content {
        bottom: -15px;
       /* width: 95%;
        padding-left: 5%;*/
    }
    
}


    @media (max-width:1199px) {

        .banner-section-text {
            font-size: 40px;
        }

        .banner-section-content {
            bottom:auto;
            top:30px;
            width: 95%;
            padding-left: 10px;
        }

           

        .phone-number {
            padding-left: 10px;
        }

        #darken {
            min-height: auto !important;
           /* box-shadow: inset 0px 0px 100px 510px rgb(62 70 81 / 92%);*/
        }

        .banner-section {
            /*position: static;*/
            position: relative;
            top: 0px;
            width: 100%;
            margin-bottom: 0px !important;
        }

        .select-vehicle-width.col-sm-2 {
            width: 13% !important;
            margin-right: 8px;
        }
        .breadcrumb-section
        {
            background-color: #000;
        }

        ul.breadcrumb li {
            
            font-size: 14px;
        }

        
    }

@media (min-width:991px) and (max-width:1199px) {
    .card-img-top {
        min-height: 153px !important;
        height: 153px !important;
        max-height: 153px !important;
    }
}

    @media (max-width:1174px) {
        /* About Us Page*/
        .software-section-text {
            width: 100%;
            font-size: 14px;
        }

        .dream-section-first-text p, .dream-section-second-text {
            font-size: 17px;
        }
    }

 

    @media (max-width:991px) {
        .part_division_section .half_div_left{
            width:100%;
        }

        .part_division_section .half_div_right {
            width: 100%;
        }

        .featured-products-section h2 {
            font-size: 36px;
        }

        .spec_brand{
            display:inline-block;
            text-align:center;
        }

        .spec_brand img {
            margin: 5px;
        }

        .client-login a {
            padding-left: 30%;
            font-size: 11px;
        }
        .center.slick-initialized .slick-slide {
            min-width: 200px;
            border-right: 1px solid #ccc;
            margin: 0 5px;
        }
        .phone-number, .top_header {
            display: none;
        }
        .para{
            font-size:16px;
        }
        .home-banner-section-text {
            font-size: 30px;
        }
        .home-banner-section-text span.banner-section-text-color{
            font-size: 30px;
        }
        .cae-about-us-title {
            font-size: 30px;
        }
        .home-banner-section-text span {
            font-size: 20px;
        }
        .about-us-banner .banner-section-para {
            font-size: 16px;
        }

        .about-store-img {
            width: 100%;
            margin-top: 10px;
            padding: 5px 15px;
        }
        .mobile-phone-number {
            display: block;
            color: #fff;
            font-size: 18px;
            text-align: left;
            float: left;
            padding: 0 10px;
            width: 50%;
        }
        .mobile-phone-number a {
            color: #fff;
            text-decoration: none;
        }
        .menuicon {
            position: absolute;
            display: block;
            font-size: 28px;
            color: #fff;
            top: -61px;
            left:25px;
        }
        .menuicon.active .fa-bars:before{
            content: "\f00d";
        }
        .header-seach-section {
            width: 90%;
            float: none !important;
            position: relative;
            border: 0;
            box-shadow: 0 0 0;
            margin: 0 auto;
            padding: 10px 0px;
            display:inline-block;
        }
        .header-seach-section .form-group{
            width:100%;
        }
        .header-seach-section .form-control{
            width:100%;
            min-width:100%;
            max-width:100%;
            padding-right: 40px;
        }
        .header-seach-section .search-icon {
            position:absolute;
            right:0;
            bottom: 10px;
            margin: 0;
        }
        .mobile-menu-container{
            padding:0;
        }
        .mobile-menu-section {
            width: 100%;
            display: none;
        }
        .mobile-menu-section.active{
            display:block;
        }
        /*#darken {
            min-height: 520px;
        }*/
        .banner-section-text {
            font-size: 35px;
        }
        .order_history_section {
            text-align: right !important;
            margin-top: 10px;
        }
        .banner-h-line {
            margin-top: 10px
        }
        form.navbar-form.navbar-left, .nav > li {
            margin-left: 20px !important;
        }
        .navbar-nav > li:first-child a {
            padding-left: 15px;
        }
        .sel-vehicle-text {
            display: block;
            margin-bottom: 20px;
        }
        .font-size-h2 {
            font-size: 25px !important;
        }
        .h2, h2 {
            font-size: 25px;
        }
        .brands-section-text{
            font-size:16px;
        }
        .vehicle-section .dropdown {
            margin-right: 28px;
            width: 25%;
            display: inline-block;
            margin-bottom: 20px;
        }

        .caret {
            margin-left: 7px !important;
        }

        .select-vehicle-width.col-sm-2 {
            width: 20% !important;
            margin-bottom: 10px;
            margin-right: 8px;
        }

        .vehicle-section button {
            padding-right: 5px !important;
        }

        .one-stop-section {
            padding: 20px;
        }

        .one-stop-section-list {
            line-height: 1.5;
            text-align: left;
            list-style-position: outside;
        }

        /*.banner-section {
            background-image: none !important;
            min-height: 0px !important;
        }*/

     




        .phone-number {
            padding-left: 0px;
        }
        /* About Us Page*/

        .banner-section-content p, .banner-section-content .banner-section-listing li {
            /*font-size: 8px;*/
            font-size: 1.7vw !important;
            line-height: 1.4;
        }
        .about-us-banner .banner-section-listing {
            width: 100%!important;
            margin-bottom:15px!important;
        }
        ul.banner-section-listing {
            margin: 0;
        }

        .banner-section-listing li {
            margin-bottom: 5px !important;
        }

        .banner-section-content h1 {
            /*font-size: 18px;*/
            font-size: 4vw;
            margin: 0 !important;
            padding-bottom: 5px !important;
        }


        .software-section-text {
            width: 100%;
            font-size: 10px;
        }

        .dream-section-first-text h1 {
            font-size: 14px;
            font-weight: bolder;
        }

        .dream-section-first-text p, .dream-section-second-text {
            font-size: 13px;
        }
    }

@media (max-width:1280px) {
    .slider-nav h3 {
        font-size: 36px;
    }
}

@media (max-width:1080px) {
    .slider-nav p {
        font-size: 20px;
        bottom:25%;
    }
}

    @media (min-width:768px) and (max-width:991px) {

        .logo-img {
            width: auto;
            margin: 0 auto;
            display: block;
        }

        .banner-section-content h1 {
            margin-top: 0 !important;
        }

        .banner-section-para, .banner-section-listing li {
            font-size: 17px;
        }

        .banner-section-para {
            line-height: 1.4;
        }

        .banner-section-listing {
            line-height: 1;
        }

        .address, .email, .phone, .store, .hours, .footer-section {
            font-size: 10px;
        }

        .footer-hours-sat {
            padding-left: 0px !important;
        }

        .software-section-img {
            min-height: 197px;
        }
    }

    @media (max-width:767px) {
        .logo-img {
            width: auto;
            margin: 0 auto;
            display: block;
        }

        .menuicon {
            
            top: -41px;
            
        }
        .slider-nav h3{
            font-size:24px;
        }
        .slider-nav p{
            font-size:16px;
        }

        .welcome-section-list {
            text-align: left;
        }

            .welcome-section-list li {
                text-indent: -25px;
                margin-left: 20px;
            }

        .banner-section-text span.banner-section-text-color {
            margin-top: 0;
            font-size: 30px;
            margin-bottom: 8px;
        }

        .featured-products-section-red-text {
            font-size: 20px;
        }

        .electric-parts-section-header, .home-more-section-header {
            font-size: 20px;
        }

        .home-services-section h2 {
            font-size: 20px;
        }

        .services-section-para {
            font-size: 16px;
        }

        .electric-parts-section-para, .electric-parts-section-listing, .home-more-section-para, .home-more-section-listing {
            font-size: 16px;
        }

        .banner-section-text span {
            font-size: 20px;
        }

        .career-section p, .franchise-section p {
            font-size: 30px;
            font-family: Poppins-Bold;
            line-height: 1.1;
            margin-bottom: 20px;
        }

        .career-section, .franchise-section {
            width: 100%;
        }

        .banner-section-text {
            padding: 50px 0;
            font-size: 28px;
        }

        .vehicle-section button {
            width: 100%;
            margin-top: 10px;
        }

        .header-seach-section .form-group {
            display: inline-block;
        }

        .header-seach-section {
            display: block;
        }


            .header-seach-section .search-icon {
                bottom: 15px;
            }

        .home-banner-section-content .carousel-caption {
            bottom: 20px;
        }

        .banner-section-content {
            font-size: 12px;
            bottom: 0;
            top: auto;
            width: 95%;
            padding-left: 10px;
        }

            .banner-section-content p {
                margin-bottom: 15px;
            }

        .mobile-phone-number strong {
            display: block;
        }
        /*.banner-section-content p, .banner-section-content .banner-section-listing li {*/
        /*font-size: 8px;*/
        /*font-size: 1.7vw !important;
                line-height: 1.4;
            }

        ul.banner-section-listing {
            margin: 0;
        }

        .banner-section-listing li {
            margin-bottom: 5px !important;
        }

        .banner-section-content h1 {*/
        /*font-size: 18px;*/
        /*font-size: 4vw;
            margin: 0 !important;
            padding-bottom: 5px !important;
        }*/



        /*  .search-icon {
            margin-left: 0px;
            margin-top: 5px;
        }*/

        .client-login {
            margin: 0 0 8px 0;
        }

        .make_layoutloader {
            margin-left: 12px;
            margin-top: 0;
            height: 20px;
            position: absolute;
            top: 13px;
            left: 0;
        }

        #darken {
            min-height: auto;
        }
        /* About US Page*/
        .about-axles-img, .about-motor-img {
            padding-bottom: 10%;
        }

        .about-steering-img, .about-motor-img {
            padding-top: 10%;
        }

        .software-section {
            text-align: center;
        }

        .software-section-text {
            width: 100%;
            font-size: 18px;
        }

        .facilities-section p {
            font-size: 14px;
            line-height: 1.25;
            padding-left: 25px;
        }

        .features-section-icon-text {
            padding-bottom: 25px;
        }

        .dream-section-first-text h1 {
            font-size: 12px;
            font-weight: bolder;
        }

        .dream-section-first-text p, .dream-section-second-text {
            font-size: 8px;
        }

        .mobile-vehicle .select-vehicle-width {
            max-width: 100%;
            margin-right: 0px;
        }

        .sel-vehicle-text {
            font-size: 18px;
            text-align: center;
            cursor: pointer;
            position: relative;
            margin-bottom: 0px !important;
        }

            .sel-vehicle-text:after {
                content: '\f107';
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
            }

            .sel-vehicle-text.sel-vehicle-text-up:after {
                content: '\f106';
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
            }

      /*  .mobile-vehicle {
            display: none;
        }*/

            .mobile-vehicle.active {
                display: block;
                margin-top: 10px;
            }
    }

    @media (max-width: 991px) {
        .product-sidebar {
            width: 100%;
            box-shadow: none !important;
        }
    }

@media (max-width: 640px) {
    .slider-nav h3 {
        font-size: 20px;
        top: -12px;
    }
    .slider-nav p{
        font-size:15px;
    }
}

    @media (max-width:550px) {

        .about-us-banner h1 {
            font-size: 3vw !important;
            padding-top: 2rem !important;
        }


        .banner-section-content {
            /*font-size: 8px;*/
            font-size: 1.7vw !important;
        }

        /*.banner-section-content p, .banner-section-content .banner-section-listing li {
                
                font-size: 1.7vw !important;
            }

            ul.banner-section-listing {
                margin: 0;
            }

        .banner-section-listing li {
            margin-bottom: 5px !important;
        }

        .banner-section-content h1 {
            
            font-size: 4vw;
            margin: 0 !important;
            padding-bottom: 5px !important;
        }*/

        .dream-section-first-text h1 {
            font-size: 11px;
            font-weight: bolder;
        }

        .dream-section-first-text p, .dream-section-second-text {
            font-size: 6px;
        }
    }

    @media (max-width:500px) {
        .banner-section-content p, .banner-section-content .banner-section-listing li {
            font-size: 7px;
        }
    }

    @media (max-width:450px) {


        .client-login {
            width: 65%;
        }


        .banner-section-content p, .banner-section-content .banner-section-listing li {
            font-size: 6px;
        }
    }

    @media (min-width:426px) and (max-width:767px) {

        .footer-hours-sat {
            padding-left: 45px !important;
        }
    }

    @media (min-width:375px) and (max-width:425px) {

        /*.banner-section-content {
            font-size: 7px;
        }*/

        /* .banner-section-content p, .banner-section-content .banner-section-listing li {
            font-size: 5px;
        }*/

        .banner-section-content h1 {
            /*font-size: 15px;*/
            font-size: 2.5vw;
        }
    }

    @media (max-width:320px) {

        .about-store-img {
            width: 100%;
            padding-right: 0px;
        }

        /*.banner-section-content {
            font-size: 6px;
        }*/

        .banner-section-content p, .banner-section-content .banner-section-listing li {
            /*font-size: 5px;*/
            font-size: 1.5vw !important;
        }

        .banner-section-content h1 {
            font-size: 12px;
        }
    }