@charset "utf-8";
/* This is Responsive CSS Starts */

.only-xs {
    display: none !important;
}

.product-filter-outer {
    display: none;
}

.product-sort-outer {
    display: none;
}

/* Smartphones Small Size Starts----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 400px) {
    .top-menu-bar-l ul li {
        width: 100%;
        float: none;
        text-align: center;
    }

}

/* Smartphones Small Size Ends----------- */

@media only screen and (max-width: 767px) {
    .only-xs {
        display: inline-block !important;
    }

    .hide-xs {
        display: none;
    }

    .xs-float-r {
        float: right;
    }

    .menu-divider {
        display: none;
    }

    .account-details {
        background: #fff;
    }

    html.show-menu {
        background: #fff;
    }

    .account-details li a {
        color: #000 !important;
    }

    .carousel-search-bar .tab-content #vehicle .form-group,
    .carousel-search-bar .tab-content #tyre .form-group {
        width: 100%;
    }

    .carousel-search-bar {
        width: 90%;
        top: 65%;
        transform: translateX(-50%) translateY(-65%);
    }

    .services-list {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    .featured-products-outer .fe-pr-left .product-img img {
        height: auto;
        width: auto;
    }

    .col-xl-4.featured-product.fe-pr-left {
        margin-bottom: 25px;
    }

    .fe-pr-ri-single {
        padding: 0 15px;
    }

    .footer-outer .col-xl-4 {
        margin-bottom: 15px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
    }

    .footer-bottom .footer-bottom-right a {
        float: none;
    }

    .col-xl-6.footer-bottom-left, .col-xl-6.footer-bottom-right {
        text-align: center;
    }

    .col-xl-6.footer-bottom-left {
        margin-bottom: 10px;
    }

    .quickview-btn-cart .btn-style {
        margin-right: 10px;
        margin-left: 10px;
        padding: 15px 25px 15px;
    }

    .product-left-menu .product-sidebar-area {
        width: 75%;
    }

    .user-detail-xs {
        position: fixed;
        width: 260px;
        top: 0;
        left: -260px;
        background: #333;
        height: 100%;
        -webkit-transition: all ease 0.2s;
        transition: all ease 0.2s;
        z-index: 1005;
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.7);
        overflow-y: auto;
        display: inline-block !important;
    }

    .user-detail-xs .name-head {
        padding: 25px 20px;
        background: #fff;
        font-size: 16px;
        font-weight: 600;
    }

    .user-detail-xs .name-head i {
        margin-right: 10px;
    }

    .user-detail-xs ul li {
        padding: 12px 20px;
        border-bottom: 1px solid #656b74;
        display: inline-block;
        width: 100%;
    }

    .user-detail-xs ul li a {
        display: inline-block;
        width: 100%;
        font-size: 14px;
        color: #fff;
    }

    .show-acc-menu .user-detail-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 9;
    }

    .show-acc-menu .user-detail-xs {
        left: 0 !important;
    }

    .my-acco-inn .nav-tabs .nav-item {
        width: 100% !important;
    }

    .image-about {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .image-about img {
        max-width: 100% !important;
        width: 100%;
    }

}

@media only screen and (max-width: 991px) {
    .shop-wrapper {
        padding-top: 10px;
    }

    .product-filter-outer {
        display: inline-block;
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
    }

    .product-filter-outer img {
        width: 20px;
        margin-right: 11px;
    }

    .product-filter, .product-sort-by {
        width: 50%;
        float: left;
        text-align: center;
        color: #000;
    }

    .product-filter {
        border-right: 1px solid #ccc;
    }

    .sorting.sorting-bg-1 {
        display: none;
    }

    .shop-product-sorting {
        margin-right: 0;
        margin-top: 12px;
    }

    .why-choose-us-out .col-12.col-lg-4.col-sm-6 {
        margin-bottom: 20px;
    }

    .product-left-menu .product-sidebar-area {
        position: fixed;
        height: 100%;
        left: -900px;
        top: 0;
        width: 60%;
        background: #fff;
        z-index: 999;
        padding: 14px;
        -webkit-transition: all ease 0.2s;
        transition: all ease 0.2s;
        overflow-y: auto;
    }

    .product-left-menu .product-sidebar-area.show-filter {
        left: 0 !important;
    }

    .product-sidebar-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 9;
        display: none;
    }

    .product-sidebar-overlay.show-filter {
        display: block;
    }

    .filtering {
        overflow: hidden;
    }

    .product-sort-outer {
        position: fixed;
        bottom: -500px;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 9999;
        padding: 20px;
        -webkit-transition: all ease 0.2s;
        transition: all ease 0.2s;
        overflow-y: auto;
        display: block;
    }

    .product-sort-outer.show-sorting {
        bottom: 0;
    }

    .product-sort-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 9;
        display: none;
    }

    .product-sort-overlay.show-sorting {
        display: block;
    }

    .sorting {
        overflow: hidden;
    }

    .product-sort-outer h6 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 12px;
    }

    .product-sort-outer ul li {
        list-style: none;
        padding: 10px 0;
    }

    .grid-list-options .view-mode {
        display: none;
    }

    .container {
        max-width: 100%;
    }

    .about-us-outer .icon_box_style4 {
        margin-bottom: 30px;
    }

    .tab-content form.d-flex {
        display: inline-block !important;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .col-xl-4.featured-product.fe-pr-left {
        margin-bottom: 20px;
    }

    .fe-pr-left .card, .fe-pr-ri-single a {
        width: 100%;
    }

    .featured-products-outer .fe-pr-left .product-img img {
        height: auto;
        width: auto;
    }

    .carousel-search-bar .tab-content #vehicle .form-group,
    .carousel-search-bar .tab-content #tyre .form-group {
        width: 100%;
    }

    .product-left-menu .product-sidebar-area {
        width: 60%;
    }

}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .col-xl-4.featured-product.fe-pr-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-8.featured-product.fe-pr-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-6.d-flex.fe-pr-ri-single {
        width: 50%;
    }

    .featured-products-outer .fe-pr-left .product-img img {
        height: 332px;
    }

}

@media only screen and (max-width: 1200px) {
    .store-lo-left {
        margin-bottom: 40px;
    }

    .mob-cart {
        position: relative;

    }

    .mob-cart img {
        width: 40px;
    }

    .cart-no {
        position: absolute;
        color: #fff;
        top: -10px;
        left: 60%;
        font-size: 14px;
        transform: translateX(-60%);
    }

    .for-md-sec {
        display: none;
    }

}

@media only screen and (max-width: 1199px) {
    .cart-out-sec {
        display: none !important;
    }

    .md-none {
        display: none;
    }

    .for-md-sec {
        display: block !important;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);

    }

}

@media only screen and (min-width: 1200px) {

    .tab-content .container.tab-pane {
        width: 100% !important;
        max-width: 100%;
    }

    .mob-cart {
        display: none;
    }

    .cart-out-sec {
        display: inline-block;
    }

    .my-account {
        display: none;
    }

}

@media only screen and (min-device-width: 300px) and (max-device-width: 500px) {
    .top-menu-bar-l {
        padding: 0;
    }

    .b-menu-bar .nav-brand img {
        width: 180px;
    }

    .top-menu-bar-l ul li {
        width: 50%;
        float: left;
    }

    .top-menu-bar ul li a {
        font-size: 10px;
        padding: 10px 4px;
        text-align: center;
    }

}

@media only screen and (min-device-width: 300px) and (max-device-width: 400px) {
    .b-menu-bar .nav-brand img {
        width: 100px;
    }

    .my-account i {
        font-size: 15px;
    }

    .mob-cart img {
        width: 26px;
    }

    .cart-no {
        position: absolute;
        top: -7px;
        font-size: 11px;
    }

    .mob-btn span {
        width: 24px;
    }

    .for-md-sec li {
        padding: 0 7px;
    }

}

@media only screen and (min-width: 767px) {
    .xl-none {
        display: none !important;
    }

}

@media only screen and (min-width: 1200px) {
    .carousel-search-bar {
        max-width: 1140px;
        width: 100% !important;
    }
}

@media only screen and (max-width: 1024px) {
    .carousel-search-bar .tab-pane  .d-flex{
        display: inline-block !important;
    }
    .carousel-search-bar .tab-content .form-group{
        width: 100% !important;
    }
}

/* Smartphones Small Size Starts----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

}

/* Smartphones Small Size Ends----------- */

/* Smartphones Small Size (landscape) Starts ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {

}

/* Smartphones Small Size (landscape) Ends ----------- */

/* Smartphones Large Size Starts  ----------- */
@media only screen and (min-device-width: 481px) and (max-device-width: 767px) {

}

/* Smartphones Large Size Ends  ----------- */

/* Smartphones Large Size (landscape) Starts ----------- */
@media only screen and (min-device-width: 481px) and (max-device-width: 767px) and (orientation: landscape) {

}

/* Smartphones Large Size (landscape) Ends ----------- */

/* iPads And Medium Size Starts ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}

/* iPads And Medium Size Ends  ----------- */

/* iPads And Medium Size (landscape) Starts ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

}

/* iPads And Medium Size (landscape) Ends  ----------- */

/* Desktops and Laptops Small Size Starts ----------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1199px) {

}

/* Desktops and Laptops Small Size Ends ----------- */

/* Desktops and Laptops Size Starts ----------- */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1440px) {

}

/* Desktops and Laptops Size Ends ----------- */

/* Desktops and Laptops Big Size Starts ----------- */
@media only screen and (min-width: 1441px) {

}

/* Desktops and Laptops Big Size Starts ----------- */