/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    /* General */

    .wishlist-header-counter img {
        width: 32px !important;
    }

    .has-global-padding {
        padding-right: 10px;
        padding-left: 10px;
    }

    .has--global--padding {
        padding-right: 10px;
        padding-left: 10px;
    }

    .woocommerce .products button {
        font-size: 12px !important;
    }

    .woocommerce ul.products li.product a {
        font-size: 12px !important;
    }

    .has-global-padding>.has-global-padding,
    .has-global-padding .has-global-padding {
        padding-right: 0px;
        padding-left: 0px;
    }

    :where(.wp-site-blocks)>* {
        margin-block-start: 0 !important;
    }

    .woocommerce .products .product .woosw-btn span {
        margin: unset !important;
    }

    .woocommerce .products .product .woosw-btn span::before {
        font-size: 17px !important;
    }

    .woocommerce .products .product .woosw-btn {
        width: 27px !important;
        height: 27px !important;
    }

    main#main .product .product-item-info .product_title {
        font-size: 24px !important;
    }

    main#main .product .product-item-info .price {
        font-size: 18px !important;
    }

    main#main .product .product-item-info .quantity {
        width: 75%;
    }

    .woocommerce .product .product-item-info .tinv-wraper.tinv-wishlist {
        width: 20% !important;
    }

    main#main .product .product-item-info .quantity .control .plus {
        border-left: 1px solid #fff3;
        padding: 0 10px 0 20px;
    }

    main#main .product .product-item-info .quantity .control .minus {
        border-right: 1px solid #fff3;
        padding: 0 20px 0 10px;
    }

    main#main .product .product-item-info .single_add_to_cart_button {
        font-size: 16px !important;
    }

    .woocommerce-Tabs-panel--description ul {
        padding: 10px !important;
    }

    .progress-indicator .progress-connector {
        margin: 0 0 8% 0 !important;
        height: 2px !important;
    }

    .custom-product-details-tab .details-section {
        margin-bottom: 10px;
    }

    .is-menu-open .wp-block-navigation-submenu {
        margin-top: 10px !important;
        gap: 10px !important;
    }

    .is-menu-open .wp-block-navigation-submenu li a {
        font-weight: 400 !important;
        font-size: 16px !important;
    }

    .is-menu-open .wp-block-navigation-item.has-child.open-on-hover-click .wp-block-navigation-item__content {
        font-size: 20px;
    }

    .black-bg-box {
        padding: 1rem !important;
    }

    .faq-container .woosc_table .td-label,
    .faq-container .woosc_table .th-label {
        display: none;
    }

    /* Header */
    header.wp-block-template-part {
        min-height: 160px;
    }

    header .have-diagonal-radius {
        padding-left: 8px !important;
    }

    header .have-diagonal-radius::before {
        display: none;
    }

    header .have-diagonal-radius {
        display: flex !important;
    }

    header .have-diagonal-radius>.is-nowrap:first-child {
        display: none;
    }

    header .have-diagonal-radius figure {
        display: none;
    }

    header .have-diagonal-radius p {
        font-size: 15px !important;
    }

    /* ---------- */
    .woocommerce .products .product .price {
        font-size: 1rem !important;
    }

    header .wp-block-site-logo {
        position: absolute;
        top: 58%;
    width: 130px;
    left: 45px;
    }

    header .header-wrapper {
        padding: 0;
        position: relative;
    }

    header .header-middle {
        padding: 20px 10px !important;
    }

    header .header-middle .wp-block-search .wp-block-search__inside-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -45px;
        z-index: 99;
        width: calc(100% - 20px) !important;
        margin: 0 auto;
    }


    header .header-middle .mini-cart-block .has-grey-text-color,
    header .header-middle .wp-block-woocommerce-customer-account a {
        display: none;
    }

    /* Hero Slider */
    .hero-slider .wp-block-cover {
        padding: 1rem 0;
    }

    .vehicle-type-item {
        padding-left: 0px;
        padding-right: 0 !important;
    }

    .woocommerce ul.products {
        gap: 11px;
    }

    .home .woocommerce ul.products li {
        width: 48% !important;
    }

    .wp-block-group .wp-block-latest-posts__list li {
        margin-bottom: 1.5rem !important;
        width: 100% !important;
    }

    /* Footer */

    footer .wp-block-column.mass-vehicle-info,
    footer .wp-block-column.shop,
    footer .wp-block-column.useful-links,
    footer .wp-block-column.about {
        margin-bottom: 1.5rem;
    }

    footer .about .has-global-padding {
        padding-right: 0px;
        padding-left: 0px;
    }

    footer .wp-container-core-group-is-layout-146 {
        flex-wrap: wrap !important;
    }

    footer .wp-block-group.shop-security {
        justify-content: center;
        width: 100% !important;
        margin-bottom: 10px;
        display: flex;
    }

    footer .wp-block-group.shop-security .shop-security {
        width: 96px !important;
        ;
        flex-grow: unset !important;
    }

    footer .credits-and-badges {
        border: none !important;
        padding: 0 !important;
    }

    footer .shop-securily-container {
        flex-wrap: wrap !important;
    }

    #diff_name__field .field,
    #diff-address-field .field {
        width: 100% !important;
    }

    /* 
    Responsive CSS for Product Detail page Start

    */


    /* After Top Header Section */
    /* Start  */
    .product-info-wrapper.has--global--padding {
        display: block;
    }

    .single-product .after-header-top-section-wrapper {
        margin-top: 60px !important;
        margin-bottom: 15px !important;
    }

    .after-header-top-section .after-header-inner-wrapper {
        flex: 0 0 auto;
        gap: 30px;
    }

    .after-header-top-section .inner-wrapper::after {
        right: -8px !important;
    }

    .after-header-top-section .inner-wrapper {
        width: unset !important;
    }

    .after-header-top-section .finance:after {
        display: block !important;
    }

    /* End */

    /* Vehicle Compability Section */
    /* Start */
    .vehicle-compatibility-icons {
        gap: 8.7px !important;
    }

    /* .vehicle-item-inner {
        padding: 21px !important;
    } */

    /* .vehicle-compatibility-container .vehicle-item {
        border-width: 2px !important;
        flex: 0 0 auto;
        width: 30%;
    } */

    .vehicle-compatibility-container .vehicle-logo {
        height: 50px !important;
        max-width: 50px !important;
    }

    /* End */

    /* General */

    main#main .product-type-simple .product-item-info .cart {
        padding: 0 !important;
    }

    .single-product .wc_product_detail_short_description li {
        font-size: 15px !important;
    }

    main#main .product-type-simple .product-item-info .cart {
        padding: 15px 0 !important;
    }

    main#main .product .product-item-info .action-add-to-cart-container {
        flex-wrap: wrap;
    }

    main#main .product .woocommerce-tabs .woocommerce-Tabs-panel {
        padding: 10px !important;
    }

    .product-item-info .woocommerce .quantity .qty {
        width: 144px;
    }

    main#main .product .product-item-info .single_add_to_cart_button {
        max-width: 100%;
    }

    .action-add-to-cart-container .compare-button .action-compare {
        max-width: 100%;
        width: 100%;
    }

    .action-add-to-cart-container .compare-button {
        width: 100%;
    }

    /* Product Detail Page - Details and other section */
    /* Start */

    .vehicle-item-inner {
        background: #31adff;
        border-radius: 50%;
        padding: 5px;
    }

    .woocommerce .quantity .qty {
        width: 100%;
    }

    .custom-product-details-tab .details-section {
        flex-direction: column;
        border-bottom: 1px solid #fff3;
        margin-bottom: 50px !important;
    }

    .details-section:nth-child(2n-1) .banner {
        margin-top: -20px;
        padding-bottom: 50px;
    }

    .how-it-works-top {
        width: 100%;
    }

    .how-it-works-inner {
        flex-direction: column;
    }

    .how-it-works-inner-content::after {
        display: none;
    }

    .details--installation--wrapper-inner {
        flex-direction: column;
    }

    .details--installation--wrapper-banner {
        width: 100%;
        position: relative;
    }

    .details--installation--wrapper--description {
        width: 100%;
        padding: 0 10px;
    }

    .details--installation--wrapper {
        padding-bottom: 50px;
    }

    .details--installation--wrapper--description--list li::before {
        width: 50px !important;
    }

    .details--installation--wrapper--description-inner {
        padding: 0 10px;
    }

    .faq-block-pdp-title-section {
        margin: 0 !important;
    }

    .faq-block-pdp-title-section h2 {
        font-size: 42px !important;
    }

    .product .related .product-item-actions>* {
        width: unset !important;
    }

    main#main .product .woocommerce-tabs ul.tabs {
        display: flex;
        padding: 5px !important;
        overflow-x: scroll;
        scroll-behavior: smooth;
        border-bottom: 1px solid #fff3;
        scrollbar-color: #31adff #272a2d;
        scroll-margin: 10px;
        scrollbar-width: thin;
        overflow-x: auto;
    }

    main#main .product .woocommerce-tabs ul.tabs li a {
        font-size: 15px !important;
        font-weight: 400;
        padding: 12px 28px;
        white-space: nowrap;
    }

    .feature-item {
        width: 100%;
    }

    .product-features {
        flex-direction: column;
    }

    .product-features .feature-logo {
        width: 50% !important;
        border-width: 1px;
    }

    .how-it-works-icon-section {
        border-width: 1px !important;
    }

    .feature-logo-inner {
        padding: 25px;
    }

    .how-it-works-icon-inner {
        padding: 20px !important;
    }

    .testimonials-section-top-wrapper {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

    .product-subscription-plans-description p {
        font-size: 18px !important;
        width: 100%;
    }

    .product-subscription-main {
        justify-content: unset;
        flex-direction: row;
        gap: 10px;
    }

    .product-subscription-inner-duration {
        padding: 20px;
    }

    .product-subscription-inner-wrapper {
        width: 48%;
        margin-bottom: 10px;
    }

    .how-it-works-icon-section::after {
        display: none !important;
    }

    .testimonials-slider {
        padding: 10px;
    }

    .faq-block-pdp-main {
        flex-wrap: nowrap;
        flex-direction: column;
        padding: 10px;
        gap: 10px;
    }

    .faq-block-summary h6 {
        font-size: 15px !important;
        margin-right: 5px !important;
    }

    .faq-block-pdp-main .faq-block-inner-wrapper {
        border-width: 3px !important;
        padding: 10px !important;
    }

    .details--installation--wrapper-inner::after {
        display: none;
    }

    .faq-block-pdp-main .faq-block-summary h6::after {
        top: 25px;
        right: 10px;
    }

    .faq-block-pdp-main .faq-block-inner {
        width: 100%;
    }

    .single-product .related.products {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 5rem;
    }

}

@media(max-width: 387px) {
    header .have-diagonal-radius p {
        font-size: 13px !important;
    }
}

/* // Small devices (landscape phones, less than 768px) */
@media (min-width: 575.98px) and (max-width: 991.98px) {
    .product-info-wrapper.has--global--padding {
        display: block !important;
    }

    .after-header-top-section .inner-wrapper::after {
        right: -8px !important;
    }

    .has--global--padding {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .after-header-top-section .after-header-inner-wrapper {
        flex: 0 0 auto !important;
        gap: 10px !important;
    }

    main#main .product .woocommerce-tabs ul.tabs {
        padding-left: 10px !important;
        padding-right: 10px !important;
        scroll-behavior: smooth;
        border-bottom: 1px solid #fff3;
        scrollbar-color: #31adff #272a2d;
        scroll-margin: 10px;
        scrollbar-width: thin;
        padding-top: 10px !important;
    }

    .feature-item {
        width: 48%;
    }

    .how-it-works-inner {
        flex-wrap: wrap;
    }

    .how-it-works-inner-content {
        width: 48%;
    }

    main#main .product .woocommerce-tabs .woocommerce-Tabs-panel {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    main#main .product .woocommerce-tabs ul.tabs li a {
        white-space: nowrap;
    }

    .details--installation--wrapper-inner {
        flex-direction: column;
        padding: 50px 10px;
        position: relative;
    }

    .details--installation--wrapper-banner {
        width: 100%;
        position: relative;
    }

    .details--installation--wrapper--description {
        width: 100%;
    }

    .single-product .related.products {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
    }

    .how-it-works-icon-section::after {
        display: none;
    }

    main#main .product .woocommerce-product-gallery {
        width: 100% !important;
    }

    .woocommerce div.product div.summary {
        width: 100%;
    }

    main#main .product-type-simple .product-item-info .cart {
        padding: 15px 0 !important;
    }

    .product-subscription-plans-description p {
        width: 100%;
    }

    .product-subscription-inner-wrapper {
        width: 31%;
    }

    .product-subscription-main {
        justify-content: unset;
    }

    .product-subscription-inner-duration {
        padding: 7px;
    }

    .feature-logo-inner img {
        height: unset !important;
        width: unset !important;
    }
}


/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}




/* CSS by ahtisham */

.wishsuite-btn-text {
    display: none;
}

@media(max-width:768px) {

    .sidebar--product-sidebar {
        display: none;
    }

    .woocommerce-result-count {
        display: none;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: none;
        width: 100%;
    }

    main#main .products .product {
        width: 48% !important;
    }

    main#main .products .product .product-item-actions {
        flex-direction: column !important;
    }

    .wc_product_short_description {
        display: none;
    }

    .woocommerce-cart .woocommerce-cart-form tr>td.actions .cart-actions-footer {
        flex-direction: column;
    }

    .woocommerce-page .woocommerce-cart-form #coupon_code {
        width: 100% !important;
        border: 1px solid #050505 !important;
    }

    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
    }

    .woocommerce-cart .woocommerce-cart-form .cart_item {
        border: 2px solid #fff;
        margin: 10px;
    }

    .woocommerce-cart .woocommerce-cart-form .cart_item>td {
        display: flex;
        justify-content: space-between;
    }

    .woocommerce-page table.cart .product-thumbnail {
        display: none !important;
    }

    .woocommerce-checkout .field {
        width: 100%;
    }

    .woocommerce .products .product .product-item-actions {
        flex-direction: column;
    }

    .wp-container-core-group-layout-5.wp-container-core-group-layout-5 {
        flex-wrap: wrap !important;
    }

    .single-post .blog-latest-posts {
        display: none;
    }
}

.vehicle-year-container {
    flex: 0 0 45%;
}

.vehicle-identifier-container {
    flex: 0 0 50%;
    margin-left: 15px;
}

.woocommerce-page table.shop_table {
    border-collapse: unset !important;
}

.vehicle-identifier-container .vehicle-identifier {
    line-height: 3 !important;
}

@media(min-width:768px) and (max-width:992px) {
    .home .woocommerce ul.products li.product {
        width: 32% !important;
    }

    .wp-block-group .wp-block-latest-posts__list li {
        padding: 1.25rem !important;
        border: 1px solid rgba(255, 255, 255, .20);
        margin: 0 1% 1% 0 !important;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 48% !important;
    }

    .sidebar--product-sidebar {
        flex-basis: 30% !important;
    }

    .woocommerce-checkout .field {
        width: 100% !important;
    }

    .faq-container .wp-block-column.is-layout-flow {
        flex-basis: 48% !important;
    }

    .faq-container .wp-block-columns {
        flex-wrap: wrap !important;
    }
}

@media(min-width:992px) and (max-width:1300px) {
    .woocommerce .products .product {
        width: 32% !important;
    }

    .woocommerce-checkout .field {
        width: 100% !important;
    }
}

@media(max-width: 600px) {
    .woocommerce-checkout .progress-indicator .progress-connector.active {
        right: 0;
    }

    .wp-container-core-group-layout-4.wp-container-core-group-layout-4 {
        display: none;
    }


    .woocommerce-cart-form .product-name {
        display: flex;
        flex-wrap: wrap;
    }

    .woocommerce-cart-form .product-name .variation {
        width: 100%;
    }

    .home .products li p {
        margin-bottom: 0 !important;
    }

}

/* Order Confirmation Page Responsiveness */

/* Start  */

@media screen and (max-width: 500px) {
    body {
        display: block !important;
    }

    .container {
        max-width: 350px !important;
        margin: auto !important;
        padding: 2rem 0 7rem 0 !important;
        position: relative !important;
    }

    .content-container {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        flex-wrap: wrap;
    }

    .content-left {
        gap: 1.5rem !important;
        width: 100%;
    }

    .thanks-container {
        justify-content: center !important;
    }

    .thanks-container>h1 {
        font-size: 1.3rem !important;
    }

    .thankyou-msg {
        text-align: center !important;
        padding: 0 20px !important;
    }

    .details-container {
        grid-template-columns: 1fr !important;
        flex-wrap: wrap;

    }

    .billing-details,
    .installation-details {
        width: 100% !important;
    }

    .dates-container {
        border-radius: 8px !important;
        padding: 1.2rem 1rem !important;
    }

    .dates-container>ul {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }

    .date-item {
        flex-direction: row !important;
        justify-content: space-between !important;
    }

    .top-container,
    .bottom-container {
        display: block !important;
    }

    .content-right,
    .content-left {
        padding: 1.2rem 1rem !important;
        width: 100% !important;
    }

    .order-summary-top-details-container {
        flex-direction: column !important;
        margin-bottom: 1rem !important;
    }

    .order-summary-top-details-container>div {
        margin: 0.5rem 0 !important;
    }

    .order-summary-top-details-container>div {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .product-desc {
        display: inline-block !important;
        width: 85px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .track-order-btn {
        position: absolute !important;
        bottom: 1rem !important;
        width: 90% !important;
        padding: 1.5rem 0 !important;
        margin: 0 20px;
        text-align: center;
    }
}


/* End */