/* .dashboard-right {
    width: 100%;
}
.dashboard-left {
    position: absolute;
    left: -100%;
    top: 0;
    background: #fff;
    z-index: 2 !important;
    height: 100%;
} */



/* ============================================
   DESKTOP-FIRST RESPONSIVE STYLES
   Base styles apply to desktop (1441px and above)
   ============================================ */

/* Large desktop adjustments (1440px and above) - applied to base desktop */
@media (min-width: 1440px) {
    .header-main .flag-box {
        right: -95px;
    }
    .wishlist-box .product-box {
        width: calc(25% - 12px);
    }
}

/* Tablet and desktop (768px and above) */
@media (min-width: 768px) {
    .page-template-customer-services .top-box{
        margin-bottom: 64px;
    }
    .page-template-customer-services .info-box {
        margin-bottom: 80px;
    }
    .page-template-customer-services .faq-box {
        padding: 20px 0 96px 0;
    }
}

/* ============================================
   MAX-WIDTH MEDIA QUERIES
   Progressive adjustments for smaller screens
   ============================================ */

/* Large desktop and below */
@media (max-width: 1440px) {
    .project-box-img img {
        height: 264px;
    }
}

/* Large desktop and below */
@media (max-width: 1264px) {
    .product-slider .product-box {
        width: 355px !important;
    }
}

/* Large desktop and below */
@media (max-width: 1250px) {
    .banner-main .container-box {
        padding: 0 30px;
    }
    .post-box-img img {
        height: 380px;
    }
    .relatedSwiper .swiper-slide:first-child {
        width: 355px;
    }
    .relatedSwiper-post-box-img img {
        height: 343px;
    }
    .relatedSwiper .swiper-arrow,
    .style-slider .swiper-arrow,
    .product-slider .swiper-arrow{
        display: none;
    }
    .swiper-scrollbar {
        max-width: calc(100% - 32px) !important;
    }
    .style-slider .swiper-slide {
        width: calc(100% - 200px);
    }
    .category-slider {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Desktop and below */
@media (max-width: 1024px) {
    .project-box {
        width: calc(50% - 10px);
    }
    .project-list-box {
        flex-wrap: wrap;
    }
    .project-list-left {
        border-right: 0;
        flex: 0 0 100%;
        padding-bottom: 8px;
    }
    .project-list-right {
        min-height: 31px;
        padding-top: 8px;
        border-top: 1px solid var(--Border-Default) ;
        padding-bottom: 2px;
        padding-left: 0;
    }
    .project-list-action {
        top: inherit;
        bottom: 0px;
    }
    .project-list-stock {
        padding-right: 0;
        flex: inherit;
    }
    .project-list-stock .greenBox {
        display: none;
    }
    .project-list-name span {
        margin-bottom: 3px;
    }
    .prjlist-stock {
        flex: 0 0 100%;
        display: block;
    }
    .dashboard-right-top {
        flex-wrap: wrap;
        border-bottom: 0;
    }
    .dashboard-right-top-left {
        flex-basis: 100%;
        position: relative;
    }
    .dashboard-right-top-right {
        flex-basis: 100%;
        margin-top: 20px;
        position: relative;
    }
    .modal-header {
        padding-bottom: 15px;
    }
    .modal-content {
        padding: 20px;
    }
    .form-top-box hr {
        margin: 20px 0;
    }
    /* .product-wishlist-main .product-img {
        height: 260px;
    } */
    .product-wishlist-main .product-disc h6 {
        font-size: 16px;
    }
    .product-main  .product-img {
        height: 240px;
    }
}

/* Width Adjustment */
@media (max-width: 1000px) {
    .container-box,
    .slider-center,
    .breadcrumb-container
    {
        padding-left: 2em !important;
        padding-right: 2em !important;
    }
}


/* Tablet and below */
@media (max-width: 980px) {
    h2 {
        font-size: 30px;
    }
    .img-text-right,
    .img-text-right img {
        width: 350px;
    }
    .banner-info-center {
        flex-wrap: wrap;
        justify-content: center;
    }
    .banner-info-left {
        width: 400px;
        height: 400px;
    }
    .dot-box-main {
        text-align: left;
    }
    .banner-info-center {
        padding: 60px 25px;
    }
    .banner-info-dot2 {
        right: 90px;
        top: 74px;
    }
    .banner-info-dot1 {
        left: 61px;
        top: 59px;
    }
    .footer-top {
        flex-wrap: wrap;
    }
    .footer-left {
        max-width: 100%;
        margin-bottom: 34px;
    }
    .footer-right {
        width: 100%;
    }
    .footer-right .widget_nav_menu {
        width: 33.33%;
    }
    .watt-col-box {
        width: calc(50% - 16px);
    }
    .watt-col {
        flex-wrap: wrap;
    }
    .sub-banner-section .container-box {
        padding: 0 30px;
    }
    .top-box-left h3 {
        font-size: 40px;
    }
    .watt-col {
        gap: 16px;
    }
    .footer-info-box {
        width: calc(33.33% - 11px);
    }
    .footer-info-box {
        padding: 20px;
        height: 450px;
    }
    .quick-link-main {
        flex-wrap: wrap;
    }
    .quick-link-main label {
        margin-bottom: 12px;
        width: 100%;
    }
    .quick-tab, .quick-tab1 {
        padding: 0px;
    }
    .quick-tab {
        display: flex;
       overflow-x: auto; /* Add horizontal scroll */
       white-space: nowrap;
       flex-wrap: nowrap !important;
       -ms-overflow-style: none;  /* IE and Edge */
       scrollbar-width: none;  /* Firefox */
   }
   .quick-tab::-webkit-scrollbar {
        display: none;
    }
    .post-box {
        width: calc(50% - 16px) !important;
    }
    .contact-form-main {
        flex-wrap: wrap;
        border-left: 1px solid var(--Border-Default);
        padding: 0 16px;        
        margin: 64px 0;
    }
    .contact-form-left {
        border: none;
        width: 100%;
        padding: 0;
    }
    .contact-form-right {
        width: 100%;
    }
    .store-locator-list {
        height: 300px;
    }
   
    .contact-top {
        flex-wrap: wrap;
    }
    .contact-top-box {
        width: calc(50% - 12px);
    }
    .page-template-contact .contact-form-main {
        padding: 0;
    }
    .page-template-contact .contact-form-main .contact-form-left {
        border: 1px solid #1C1C1C17;
        padding: 16px;
    }
    .page-template-contact .contact-form-main {
        flex-direction: column-reverse;
        margin-top: -20px;
        border: none;
    }

    .page-template-contact .contact-form-main  .contact-form-right {
        height: 300px;
        margin-bottom: 32px;
    }
    .signup-main .signup-right {
        display: none;
    }
    .signup-form-box {
        width: 100%;
        padding: 16px;
        border: 1px solid #1C1C1C17;
    }
    .product-top {
        flex-wrap: wrap;
        min-height: inherit;
    }
    .product-top-left {
        border: none;
        padding: 0px 0 30px 0;
    }
    .product-top-right {
        width: 100%;
        height: 300px;
    }
    .product-box {
        width: calc(50% - 12px);
    }
    .add-popup-main {
        left: inherit;
        transform: translateX(0);
        right: 0;
    }
    .add-popup-main::before {
        left: inherit;
        right: 18px;
    }
    .product-detail-top {
        flex-wrap: wrap;
    }
    .product-detail-top-right {
        width: 100%;
        padding-left: 0;
    }
    .product-detail-top-left {
        width: 100%;
    }
    .pd-slider-img {
        padding: 0;
    }
    .style-slider .swiper-slide {
        height: 400px;
    }
    .banner-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .file-type-box {
        width: calc(50% - 8px);
    }
    .product-icon-box {
        opacity: 1;
    }
    .product-info-box {
        display: none;
    }
    .product-info-mob {
        display: block;
    }
    .dashboard-left {
        position: fixed;
        left: -241px;
        z-index: 99;
        background: #fff;
        height: 100vh;
        top: 0;
        -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;

    }
    .dashboard-right {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
    .dashboard-left.active {
        left: 0;
    }
    .left-menu-icon-box {
        display: flex;
    }
    .dashboard-right .breadcrumbs {
        display: none;
    }
    .desk-show {
        display: none;
    }
    .m-show {
        display: block;
    }
    .m-flex-show {
        display: flex;
    }
    .pd-short-disc,
    .cms-product-option,
    .pd-avb-stock {
        margin-bottom: 32px;
    }
    .add-single-product {
        margin-bottom: 12px;
    }
   
   
      
    .quick-tab,
    .quick-link-main,
    .multi-btn{
        justify-content:start;
    }
    .quick-tab{
        flex-wrap:wrap !important;
        width: auto;
    }
   
}


/* Mobile and below */
@media (max-width: 767px) {
    h1 {
        font-size: 48px;
        letter-spacing: 1px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 24px;
        line-height: 1.2;
    }
    h5 {
        font-size: 20px;
        line-height: 1.1;
        color: var(--Content-Primary);
    }

    h6 {
        font-size: 18px;
    }

    html, body {
        overflow-x: hidden;
    }
    .transparent-header .header-top {    
        background: #161616;
        display: none;
    }
    .header-top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 4;
    }
    .header-main {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
    }
    .header-cont {
        padding: 12px 16px;
    }
    .header-main .container-box {
        padding: 0px;
    }
    .header-main .container-box::before {
        width: 100%;
    }
    
    .banner-main {
        margin-top: 0;
    }
    .head-menu-icon {
        min-height: 32px;
        display: flex;
        width: 32px;
        align-items: center;
        justify-content: center;
    }
    
    .header-nav .widget_nav_menu{
        position: absolute;
        left: -100%;
        top: 55px;
        background: #fff;
        width: 100%;
        height: calc(100vh - 57px);
        border-right: 1px solid var(--border-alpha);
        display: none;
        -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;
    }
    .header-nav .widget_nav_menu.active {
        left: 0;
    }
    #menu-header-menu,
    #menu-mobile-menu {
        padding: 10px;
        flex-direction: column;
        height: auto;
        gap: 0;
        align-items: flex-start;
    }
    #menu-header-menu li a,
    #menu-mobile-menu li a {
        color: var(--Normal-Secondary) !important;
    }
    .banner-main .container-box,
    .sub-banner-section .container-box {
        position: unset;
    }
    .banner-main .container-box {
        z-index: 9;
    }
    .banner-main .hotspot-dot {
        display: none;
    }
    .banner-main .container-box .dot-box-main {
        display: none;
    }
    .banner-img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }
    .banner-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .banner-slider-left {
        transform: unset !important;
    }

    .sub-banner-btn{
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .banner-slider .swiper-slide,
    .sub-banner-section {
        height: 500px;
        min-height: 100vh;
        margin-top: 0;
    }
    .banner-slider .swiper-slide {
        min-height: calc(100vh - 56px);
    }
    .banner-slider-left h6,
    .sub-banner-box h6 {
        line-height: 1.4;
        letter-spacing: 2px;
    }
    .product-slider .product-box,
    .relatedSwiper .swiper-slide:first-child,
    .relatedSwiper .swiper-slide {
        width: 300px !important;
    }
    .style-slider .swiper-slide {
        width: calc(100% - 50px);
        height: 300px;
    }
    .relatedSwiper-post-box-img img {
        height: 343px;
    }

    .image-with-text-box {
        flex-wrap: wrap;
        margin-top: 0;
        gap: 32px;
    } 
    .img-text-right {
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px;
    }
     .img-text-right img {
        width: 100%;
    }
    .img-text-left {
        padding: 0px;
        width: 100%;
    }
    /* .image-with-text-box:nth-child(even) {
        flex-direction: column-reverse;
    } */
    .image-with-text-section {
        padding-bottom: 0;
    }
    .image-with-text-box {
        margin-bottom: 42px;
        padding-bottom: 42px;
        border-bottom: 1px solid #1C1C1C17;
    }
    .image-with-text-box:last-child {
        margin-bottom: 0px;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .related-product .container-box,
    .releted-top {
        flex-wrap: wrap;
        gap: 20px;
    }
    .releted-title {
        width: 100%;
    }
    .releted-btn {
        width: auto;
    }
    .relatedSwiper {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .relatedSwiper-post-desc p{
        font-size: 14px;
        line-height: 1.3;
        padding-top: 0;
    }
    .banner-info-left {
        height: 320px;
    }
    .home-retailers .sub-center {
        flex-wrap: wrap;
        gap: 32px;
    }
    .home-retailers-left {
        width: 100%;
        padding-right: 0;
    }
    .home-retailers-right {
        width: 100%;
    }
    .home-retailers,
    .support-main {
        padding: 64px 0;
    }
    .client-logo {
        padding: 40px 0;
    }
    .marquee .swiper-slide img,
    .marquee-rtl .swiper-slide img{
        max-height: 40px;
    }
    .tag-list li img{
        max-height: 40px;
    }
    .footer-right {
        flex-wrap: wrap;
        border-top: 1px solid var(--Border-Default);
        padding-top: 34px;
    }
    .footer-top {
        padding-bottom: 34px;
    }
    .footer-right ul {
        margin-bottom: 0px;
    }
    .footer-bottom {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap: 32px;
        align-items: center;
    }
    .footer-copy {
        justify-content: center;
        /* background: var(--Content-Secondary); */
        height: 30px;
        border-radius: 18px;
        align-items: center;
        padding: 0 12px;
    }
    .footer-copy div {
        color: #fff;
        font-size: 10px;
        font-weight: 500;
    }
    .social-Main {
        width: 100%;
        justify-content: center;
    }
    .footer-left .widget_text p strong {
        font-size: 24px;
    }
    .footer-left .hbspt-form {
        margin-top: 24px;
    }
    .info-top {
        padding-top: 64px;
    }
    .info-box h2 {
        padding-bottom: 54px;
    }
    .info-img-box {
        flex-wrap: wrap;
        justify-content: center;
    }
    .info-img-box .info-img-left,
    .single-img img {
        max-width: inherit;
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px;
        height: 260px;
    }
    .info-img-box .info-img-right {
        width: calc(100% - 32px);
        margin-top: 32px;
        max-width: 100%;
        margin-right: 0;
    }
    .watt-col-box span {
        line-height: 0.5;
    }
    .watt-main {
        padding: 32px 0;
    }
    .inner-banner-main {
        padding: 156px 0;
        background-attachment: scroll;
    }
    .inner-banner-box {
        text-align: left;
    }
    .inner-banner-box h4 {
        margin-bottom: 10px;
    }
    .watt-title-box {
        margin-bottom: 0;
    }
    .watt-col {
        gap: 8px;
    }
    .watt-col-box {
        width: calc(50% - 4px);
    }
    .amazing-features-box {
        margin-top: 0;
        gap: 8px;
    }
    .amazing-features-col {
        width: 100%;
    }
    .transparent-header .header-main .head-menu-icon svg path{
        fill: #fff;
    }
    .transparent-header .active-header .head-menu-icon svg path,
    .head-menu-icon svg path{
        fill: var(--Normal-Secondary);
    }
    .site-logo-main {
        width: 96px;
        height: 16px;
    }
    .site-logo-main {
        right: inherit;
        left: 64px;
    }
    body.transparent-header {
        padding-top: 0;
    }
    body {
        padding-top: 57px;
    }
    .breadcrumb-container {
        padding: 21px 0;
    }
    .top-box {
        flex-direction: column;
        gap: 16px;
        padding: 32px 0;
    }
    .top-box-left,
    .top-box-right{
        width: 100%;
        padding: 0;
    }
    .top-box-left h3 {
        font-size: 36px;
        line-height: 1;
    }
    .career-form-box {
        padding: 16px;
    }
    .form-content p {
        font-size: 14px;
    }
    .form-content h4 {
        font-size: 30px;
        padding-bottom: 10px;
    }
    .support-img {
        width: 100px;
    }
    .support-img img {
        height: 100px;
    }
    .support-text {
        width: calc(100% - 100px);
        padding-left: 12px;
    }
    .support-text h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .support-text p {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .support-n .stockist-link{
        display: none;
    }

    .support-n .stockist-link-mob{ 
        position: relative;
        display: inline-block;
        font-size: 14px;
        color: var(--Normal-Secondary);
        background: url('../images/link-img.svg') center right no-repeat;
        padding-right: 22px;
        font-weight: 300;
    }
    .support-box {
        margin-bottom: 16px;
    }
    .quick-tab.contact-tab li a, .quick-tab1.contact-tab li a,
     .quick-link-main .multi-btn .md-btn{
        min-width: 107px;
        padding: 0 12px;
    }
    .contact-form-title h4, .form-content h4 {
        font-size: 30px;
        padding-bottom: 10px;
    }
    #googleMap.contact-form-right {
        height: 380px !important;
        margin-top: 20px;
    }
    .store-locator-list {
        height: 200px;
    }
    .footer-info-box {
        width: 100%;
        height: auto;
        padding-bottom: 88px;
        min-height: 300px;
    }
    .footer-info-box-main .watt-col {
        gap: 24px;
    }
    .footer-info-link {
        right: 24px;
        bottom: 24px;
    }
    .footer-info-box-text p {
        font-size: 14px
    }
    .footer-info-section{
        padding: 64px 0;
    }
    .stockist-location-main {
        padding: 64px 0;
        gap: 16px;
    }
    .stockist-box {
        width: 100%;
    }
    .stockist-disc {
        font-size: 12px;
    }
    .contact-top-box {
        width: 100%;
    }
    .contact-top-box p {
        font-size: 12px;
        height: auto !important;
    }
    .contact-top-box a {
        font-size: 14px;
    }
   .page-template-contact .related-product {
        padding-top: 32px;
    }
    .filter-top {
        flex-wrap: wrap;
        gap: 15px;
    }
    .filter-box {
        flex-wrap: wrap;
    }
    .file-type-box {
        width: 100%;
    }
    .resources-main {
        padding-top: 32px;
    }
    .files-type-main {
        gap: 12px;
    }
    .signup-main {
        padding: 44px 0;
    }
    .faq-box {
        padding-top: 44px;
    }
    .product-top-right {
        height: 260px;
    }
    .product-main {
        gap: 40px 8px;
    }
    .product-main .product-img {
        height: 240px;
    }
    .product-disc h6 a {
        font-size: 20px;
    }
    .product-detail-top {
        padding: 24px 0;
    }
    .product-detail-top-slider {
        background: transparent;
    }
    .pd-slider-img {
        background: var(--box-background);
        margin-bottom: 8px;
    }
    .product-datable .dt-layout-full{
        overflow: auto;
    }
    .product-datable table#example {
        min-width: 700px;
    }
    .sub-category-menu {
        position: absolute;
    }
    .scroll-active .product-menu-main {
        height: calc(100vh - 56px);
        top: 56px;
    }
    .filter-bluer {
        display: none;
    }
    /* .product-icon-box {
        z-index: 0;
    } */
    .category-slider .swiper-slide {
        width: 160px;
    }
    .category-slider .swiper-slide a {
        height: 160px;
    }
    .social-share-main {
        padding-bottom: 0;
    }
    .blog-title .blog-admin-main .admin-avatar img{
        width: 24px;
        height: 24px;
    }
    .blog-title .social-box div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
        margin-left: 8px;
    }
    .blog-title .social-box-link a {
        width: 24px;
        height: 24px;
    }
    .blog-title {
        padding: 32px 0;
    }
    .blog-title .heateor_sss_horizontal_sharing .heateor_sss_svg {
        width: 100% !important;
        height: 100% !important;
        background-color: transparent !important;
    }
    .blog-title .blog-admin-main {
        align-items: center;
        margin-top: 24px;
    }
    .blog-title .admin-info b {
        font-size: 12px;
    }
    .blog-title .admin-info span {
        font-size: 10px;
    }
    .social-share-main .sub-center{    
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 0;
    }
    .blog-detail-banner img {
        height: 500px;
    }
    .blog-title h2 {
        font-size: 36px;
        line-height: 1;
    }
    .single-post .container-box .sub-center {
        padding: 0;
    }
    .social-box div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:first-child {
        margin-left: 0;
    }
    .product-box .add-popup-main{
        right: -155px;
    }
    .product-slider .product-box .add-popup-main{
        right: 0;
    }
    .product-box:nth-child(2n) .add-popup-main{
        right: 0;
    }
    .product-box .add-popup-main::before {
        right: 175px;
    }
    .product-box:nth-child(2n) .add-popup-main::before{
        right: 18px;
    }
    .form-popup {
        width: 300px;
    }
    .product-box .add-popup-main::before {
        right: 18px;
    }
    .product-slider .add-popup-main {
        max-height: 200px;
        overflow-x: hidden;
    }
    .banner-info-right .sub-banner-btn {
        bottom: 10px;
    }
    .page-template-terms-and-conditions .footer-main,
    .page-template-privacy-policy .footer-main,
    .page-template-disclaimer .footer-main{
        margin-top: 40px;
    }
    .page-template-work-with-us .single-img,
    .page-template-become-stockist .single-img{
        padding-bottom: 0px;
    }
    .page-template-work-with-us .careers-disc,
    .page-template-become-stockist .careers-disc {
        padding-top: 0px;
    }
    .career-form-box {
        margin: 64px 0;
    }
    .col-box-btn {
        position: relative;
    }
    .col-box-btn p {
        margin-bottom: 0px;
    }
    .col-box-btn .wpcf7-spinner {
        position: absolute;
        right: 020px;
    }
    .wpcf7 .wpcf7-form {
        margin-bottom: 0;
    }
    .description-box iframe {
        min-height: 300px;
    }
    .video-play-section video, .video-play-section iframe {
        height: 300px !important;
    }
    .desk-menu {
        display: none;
    }
    .mob-menu {
        display: block;
    }
    .video-section .multi-btn {
        flex-wrap: wrap;
    }
    .video-section .multi-btn a {
        width: 100%;
    }
    .header-right {
        position: inherit;        
    }
    .search-popup {
        width: 100%;
        right: 0;
        top: 56px;
        border-radius: 0;
    }
    .project-box {
        width: 100%;
    }
    .project-box-main {
        margin-top: 16px;
    }
    .gform-footer .button {
        width: 100% !important;
    }
    .dashboard-right-top{
        padding-bottom: 16px;
    }
    .dashboard-right-top {
        display: block;
    }
    .dashboard-right-top-right a {
        width: 100% !important;
        height: 40px;
        line-height: 38px;
        margin-top: 20px;
        min-width: calc(50% - 4px);
    }
    .dashboard-right-top-right {
        margin-top: 0;
    }
    .dashboard-right-top-right .dropdown{
       min-width: calc(50% - 4px);
    }
    .proejct-listing-top {
        flex-wrap: wrap;
        gap: 8px;
        position: relative;
        margin: 0;
        padding-top: 22px;
        padding-bottom: 16px;
    }
    .project-list-name {
        flex: 0 0 138px;
    }
    .project-list-name b {
        width: 138px;
    }
    .project-list-right {
        padding-right: 0;
    }
    .project-list {
        padding: 0;
    }
    .project-list .check-box {
        height: auto;
        left: 4px;
        top: 20px;
    }
    .dashboard-body .header-main{
        background: var(--box-background);
    }
    .dashboard-right-top::before,
    .proejct-listing-top::before,
    .left-menu-icon-box:before {
        content: '';
        position: absolute;
        left: -16px;
        top: 0;
        width: calc(100% + 32px);
        height: 100%;
        background: var(--box-background);
    }
    .proejct-listing-top-left,
    .proejct-listing-top-right {
        position: relative;
    }
    .proejct-listing-box {
        margin-top: 23px;
    }
    .product-menu-main {
        top: 55px;
        height: calc(100vh - 55px);
    }
    .alert-prodct-main,
    .alert-product-btn-box {
        flex-direction: column;
        gap: 8px;
        width: 100%;
    }
    .alert-product-count {
        min-height: 24px;
    }
    .alert-bt {
        width: 100%;
        gap: 8px;
    }
    .alert-product-btn-box a {
        width: 100%;
        justify-content: center;
    }
    .alert-bt .alert-product-deltet {
        width: 32px;
        flex-shrink: 0;
    }
    #invite_user_form .input-with-btn{
        flex-direction: column;
    }
    .modal .invite-list-box {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        gap: 0;
        padding-right: 90px;
    }
    .modal .invite-user {
        align-items: flex-start;
    }
    .modal .invite-email{
        padding-left: 30px;
        margin-top: -5px;
    }
    .modal .invite-btn {
        position: absolute;
        right: 0;
        top: 0;
    }
    .multi-btn {
        /* flex-direction: column-reverse;  */
        width: 100%;
    }

    .page-template-support .gray-bg-container {
        padding-bottom: 64px;
    }
    .multi-btn .ctm-btn {
        width: 100%;       
    }
    .wishlist-box .product-box {
        width: calc(50% - 8px);
    }
    .dt-layout-cell.dt-layout-full {
        overflow: auto;
    }
    .p-sku-tble tr:last-child .add-popup-main{
        top: inherit;
        bottom: 36px;
    }
    .p-sku-tble tr:last-child .add-popup-main.add-to-wishlist-popup {
        bottom: 0;
    }
    .p-sku-tble tr:last-child .add-popup-main::before {
        border-top: 9px solid #fff;
        border-bottom: none;
        top: inherit;
        bottom: -9px;
    }
    .add-popup-main::before
    .dataTable {
        width: 735px !important;
    }
    .my-account-main {
        padding: 24px 0 0 0;
    }
    .my-account-form {
        padding: 0px;
        border-radius: 0;
        border: none;
    }
    .my-account-form .form-group {
        padding-bottom: 24px;
    }
    .search-main-box .container-box {
        padding-top: 32px;
    }
    .search-main-box h2 {
        font-size: 36px;
        padding-bottom: 32px;
    }
    .search-r-main {
        width: 100%;
        padding: 16px 0;
    }
    .search-type-box-new span{
        width: 33.33%;
        height: 40px;
        border-radius: 25px;
        align-items: center;
        justify-content: center;
    }
    /* .image-with-text-box {
        flex-direction: column-reverse;
    } */
    .page-template-showroom .image-with-text-section {
        padding-bottom: 80px;
    }
    .page-template-showroom .info-img-box {
        padding: 0px;
    }
    .first-story-desc {
        padding-left: 0;
        border-left: 0;
    }
    .pagination .next, .pagination .prev, .pagination .pr-next, .pagination .pr-prev {
        text-indent: -9999px;
        min-width: 32px;
        height: 32px;
    }
    .pagination .page-numbers, .pagination .pr-page-numbers, .pagination span.current {
        min-width: 32px;
        height: 32px;
    }
    .pagination .next::after, .pagination .pr-next::after,
    .pagination .prev::before, .pagination .pr-prev::before {
        margin: 0;
    }
    .product-box {
        width: calc(50% - 4px);
    }
    .pd-btn .add-to-wishlist-popup {
        left:  0px !important;
        right: 0 !important;
    }
    .product-tooltip-box {
        width: 190px;
    }
    .bottom-left .product-tooltip-box,
    .top-left .product-tooltip-box {
        right: -196px;
    }
    .tooltip-prod-img {
        width: 90px;
        height: 90px;
    }
    .pd-slider-img,
    .pd-slider-img .swiper-slide  {
        padding: 0;
        height: 500px;
    }
    /* video section css */
    .video-section .center-text *{
        text-align: left !important;
    }

    .common_pagination .next, .common_pagination .prev, .common_pagination .pr-next, .common_pagination .pr-prev {
        text-indent: -9999px;
    }
    .common_pagination .next div, .common_pagination .prev div, .common_pagination .pr-next div, .common_pagination .pr-prev div,
    .next div,
    .prev div,
    .pr-next div,
    .pr-prev div {
        display: none !important;
    }
    .pagination .next, .pagination .prev, .pagination .pr-next, .pagination .pr-prev, .pagination-res .next, .pagination-res .prev, .pagination-res .pr-next, .pagination-res .pr-prev, .pagination-container-all-filters .next, .pagination-container-all-filters .prev, .pagination-container-all-filters .pr-next, .pagination-container-all-filters .pr-prev,
    .pagination, .pagination-res, .pagination-container-all-filters,
    .common_pagination .wishlist-page-btn, .common_pagination .pr-page-numbers, .common_pagination span.current, .plp-page-no, .plp_first_filter_page_number,
    .common_pagination .wishlist-page-btn, .common_pagination .pr-page-numbers, .common_pagination span.current, .plp-page-no, .plp_first_filter_page_number, .plp-cat-page-num, .plp-sub-cat-page-num, .plp-sub-cat-attribute-page-num, .clear-all-page-numbers, .archive_category_page_number, .arc-sub-cat-attr-page-num, .arc-pr-subcat-attr-page-num, .arc-sub-cat-clear-all-page-num, .res-on-load-page-num, .prod-glob-search-page-num, .global-article-page-num, .glob-search-resource-page-num, .a-z-view-filter_global-page-num, .global-filters-search-all-page-num, .page-number-pagination-html-post-glob-src,
    .pagination .page-numbers, .pagination .pr-page-numbers, .pagination span.current, .pagination-res .page-numbers-res-filter, .pagination-res span.current, .pagination-container-all-filters .page-numbers-all-filters, .pagination-container-all-filters span.current {
        min-width: 32px;
        height: 32px;
    }
    .common_pagination .prev, .common_pagination .pr-prev {
        margin-right: 0px;
    }
    .common_pagination .next, .common_pagination .pr-next {
        margin-left: 0;
    }
    .common_pagination .next, .common_pagination .prev, .common_pagination .pr-next, .common_pagination .pr-prev {
        min-width: 32px;
        height: 32px;
    }
    .pr-prev::before,
    .pr-next::after,
    .prev::before,
    .next::after
     {
        margin: 0 !important;
    }
    .dt-layout-table+.dt-layout-row {
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .specifications-main {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .pd-slider-img-thumb {
        position: relative;
        width: calc(100% + 16px);
        max-width: calc(100% + 16px);
        margin-right: -16px;
    }

    .mobile-client-logo {
        display: block;
    }
    .mobile-client-logo + .mobile-client-logo  {
        margin-top: 24px;
    }
    .desktop-client-logo  {
        display: none;
    }
    .accord-detail .replace_mobile_sku_table{
        display: block;
    }
    .product-datable .dt-container{
        display: none;
    }
}

/* Small mobile and below */
@media (max-width: 560px) {
    .post-box {
        width: 100% !important;
    }
    .wpcf7-submit {
        width: 100%;
    }
    .breadcrumb-container span {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 180px;
        white-space: nowrap;
    }
    .product-menu-sub,
    .product-menu-main {
        width: 100%;
    }
    /* .product-wishlist-main .product-img {
        height: 240px;
    } */
    body .gform-footer .button {
        width: 100% !important;
    }
    .product-tooltip-box {
        width: 140px;
    }
    .tooltip-prod-img {
        width: 80px;
        height: 80px;
    }
    .product-icon-box i {
        width: 24px;
        height: 24px;
    }
    .product-icon-box {
        width: 48px;
    }
   
    .product-tooltip-box p {
        font-size: 11px;
    }
    .product-icon-box i::before {
        width: 14px;
        height: 14px;
        content: '';
        background-size: 100% !important;
    }
    .product-icon-box i.add-icon:hover::before {
        background-position: center -18px;
    }
    .product-icon-box i.wishlist-icon:hover::before, .product-icon-box i.added-to-wishlist:before {
        background-position: center -16px;
    }
    .bottom-left .product-tooltip-box, .top-left .product-tooltip-box {
        right: -150px;
    }
    .product-box .add-popup-main {
        top: 78px;
    }
    .product-box .add-popup-main::before {
        right: 170px;
    }
    .product-box:nth-child(2n) .add-popup-main::before {
        right: 15px;
    }
    .pdp_action .add-popup-main {
        right: -14px;
    }
    .pdp_action .add-popup-main .add-popup-main {
        top: 0;
        right: 2px;
    }
    .add-to-favourites.active + i + .add-to-wishlist-popup {
        top: 47px;
    }

}