.process-carousel-arrow,
.process-cta-fixed{ display:none; }
.process-carousel-arrow{ display:none; }
 
@media (max-width: 767.98px) {
  
  
    html, body{ overflow-x:hidden !important; width:100%; max-width:100vw; }
    .od2{rder:2;} 

  /*.container{ padding-left:16px; padding-right:16px; }*/
  /*h1, .fs-64, .fs-60, .fs-55{ font-size:26px   }*/
  /*h2, .fs-50, .fs-45, .fs-40{ font-size:26px   }*/
  
  .logosz{ width:90px !important; }
  #navbar a{ padding:8px 0 !important; }

  /*.row > [class*="col-md-"]{ margin-bottom:16px; }*/
  /*.d-flex.justify-content-between{ flex-wrap:wrap; gap:10px; }*/
  /*.d-flex.justify-content-around{ flex-wrap:wrap; gap:10px; justify-content:center !important; text-align:center; }*/

    

    .backg{
        background:linear-gradient(to bottom, rgb(255 255 255 / 80%) 20%, rgb(255 255 255 / 0%) 40%), url('../img/mobilebanner.webp');
        min-height:86vh;
        background-size: cover;
        background-position: bottom left;
        align-items: flex-start; 
    }
    
  #mobile-menu{ 
      z-index:5000 !important; 
      width:100vw; 
  }
  .men{ 
      z-index:1000; 
  }
   
    
    
  
    .whatsapp-button{
        right:10px !important;
    }
  
  /*.mobile-nav-items > ul{ width:100%; }*/

  .hero-img-wrap img{ scale:1 !important; }

  .badge-tag{ 
      right:-40px; 
      top:40px; 
      font-size:10px; 
  }
  .shadimg::before{ 
      display:none; 
  }
  .logos::after , .logos::before{
      background:none;
  }
  
  footer .socialicons i {
    font-size: 35px !important;
}
  .copyright, .bggrey .d-flex{ 
      flex-direction:column; 
      text-align:center; 
      gap:14px; 
  }

  .whyback .why-v{ 
      flex-direction:column; 
      align-items:flex-start !important; 
      gap:12px;
      display: contents !important;
  }
  .mobbb-stack .bgdark{
      border-radius:10px;
      padding:10px;
  }

  /*.brick{ height:100px; }*/

  .testimonial-section{ 
      padding:40px 10px 60px; 
  }

  .timeline-section{ 
      padding:40px 15px; 
  }
  .timeline-section .card{
      min-height:160px !important;
  }


  .faq-hero h1{ font-size:26px !important; }
  .accordion-button{ font-size:16px !important; padding:14px 0 !important; }
  .faq-wrap{margin-top:0px !important;}

  .left-title{ font-size:26px !important; }
  .contact-card{ padding:20px !important; }

  .main-image{ height:260px !important; }
  /*.product-title{ font-size:26px !important; }*/
  .price{ font-size:14px !important; }

  .image-grid{ 
      grid-template-columns:repeat(2,1fr) !important; 
  }
  .catalogue-card{ 
      width:100% !important;
      flex:none !important;
  }


  .logo_items img{ height:60px !important; }

  /*.container-fluid.pt-5.mt-5 .col-md-8.offset-md-2 img{ max-width:100%; height:auto; margin:0 auto; }*/
  
  #marquee .pic-container .pic{ flex-basis:33.33%; }
  #marquee { margin: -20px 0 -20px; }
  #marquee img{ max-height:140px; }

  .authorized{
      width:40px;
  } 
  
  .stats-strip{
    background:rgba(0,0,0,.55);
    border-radius:14px;
    padding:24px 10px !important;
  }
  .stats-strip span{ font-size:26px; }

    .stats-box .stat-num{
        font-size:24px !important;
    }

  /*.row > .col-md-3{ flex:0 0 50%; max-width:50%; }*/ 

  .process-carousel-arrow{
    display:flex;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    width:34px;
    height:34px;
    border-radius:50%;
    border:none;
    background:var(--primary,#F58634);
    color:#fff;
    font-size:16px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    opacity:.2;
  }
  .process-carousel-arrow.prev{ left:0; }
  .process-carousel-arrow.next{ right:0; }

  .process-cta-fixed{
    display:flex;
    position:sticky;
    bottom:14px;
    z-index:20;
    display:flex;
    justify-content:center;
    margin-top:14px;
  }
   
  .logo_items {
    gap: 3rem;
  }

  .sup {
    display: flex;
    flex-direction: row;
    margin:0px auto !important;
    margin-bottom:0px ;
  }
  .tab-btn {
    padding: 10px 18px;
  }
   .whyback{
        background: url(../img/whyusmob.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: bottom;
        background-color: #EFEFEF;
    }
 
  .whyback .bgdark{
      background: #f9f9f9 !important; 
  }
  .whyback .bgdark p{
      color: #000 !important;
      font-size:14px;
  }
  .whyy-pad{
      padding:20px 10px;
  }
  .whyy-pad .bgdark {
      flex-direction:column-reverse;
  }
  
  .single-blog-section{
      padding-top:40px !important;
  }
  
  /* feature-card / badge-pill equal height fix */ 
  .feature-card,
  .badge-pill {
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .products-layout{
        gap: 0;
    }
    #productsGrid{
        row-gap: 0;
    }
    #productsGrid .product-card img{
        width: 100%;
    }
    .product-card{
        max-height: none;
        min-height: 0;
        height: 100%;
        background: #fff;
        border: 1px solid #f0f0f0;
        border-radius: 16px;
        padding: 12px;
        box-shadow: 0 1px 3px rgba(0,0,0,.06);
        display: flex;
        flex-direction: column;
    }
    .product-card:hover .pro-wraper{
        scale: 1;
        margin-top: 0;
    }
    .product-card .pro-wraper > div{
        /*height: 110px;*/
        /*display: flex;*/
        /*align-items: center;*/
        justify-content: center;
        margin: 0 !important;
    }
    /*.product-card img{*/
    /*    max-height: 100px;*/
    /*    object-fit: contain;*/
    /*}*/
    .product-card h6{
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        min-height: 34px;
        margin: 10px 0 2px;
        color: #1a1a1a;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-card .price{
        font-size: 14px;
        font-weight: 700;
        color: #f57b20;
        margin: 0;
    }
    .ctabtn{
        display: none;
    }

  /* industry-card text overflow + equal height fix */
  .industry-card {
    padding: 20px 10px !important;
    overflow: visible !important;
  }
  .industry-icon {
      font-size:34px !important;
  }

  .industry-card .product-title {
    font-size: 14px !important;
    line-height: 1.3 !important;
    word-break: normal !important;
    white-space: normal !important;
    font-weight:500;
  }
  .process-icon{
      font-size:40px !important;
  }
  
  /*.container .row .col-6.col-md-3 {*/
  /*  display: flex !important;*/
  /*  align-items: stretch !important;*/
  /*}*/
  /*.container .row .col-6.col-md-3 .industry-card {*/
  /*  width: 100%;*/
  /*  min-height: 140px;*/
  /*}*/

  /*.darkbg .col-md-7 {*/
  /*  padding-left: 20px !important;*/
  /*  padding-right: 20px !important;*/
  /*}*/
  .darkbg .card ul {
    text-align: left !important;
    padding-left: 20px !important;
  } 

  /*.gredbgg h2.fs-40 br.d-none.d-md-block {*/
  /*  display: inline !important;*/
  /*}*/

  /* "Creating a Lasting Impact" icon-card row: even 2-col grid instead of swipe row */
  /*.gredbgg .d-flex.justify-content-center {*/
  /*  display: grid !important;*/
  /*  grid-template-columns: repeat(2, 1fr) !important;*/
  /*  grid-auto-rows: 1fr !important;*/
  /*  gap: 10px !important;*/
  /*  flex-wrap: unset !important;*/
  /*  overflow-x: visible !important;*/
  /*  scroll-snap-type: none !important;*/
  /*}*/
  /*.gredbgg .d-flex.justify-content-center > .p-5 {*/
  /*  padding: 8px !important;*/
  /*  max-width: 100% !important;*/
  /*  flex: none !important;*/
  /*  margin: 0 !important;*/
  /*  width: auto !important;*/
  /*  height: auto !important;*/
  /*  scroll-snap-align: unset !important;*/
  /*}*/
  .gredbgg .card.cardbg {
    height: 100% !important;
    min-height: 150px !important;
    justify-content: center !important;
  }

  /* remove leftover teer/teer2 dotted-arrow decorations everywhere on mobile */
  .teer::before,
  .teer2::before,
  .teer::after,
  .teer2::after{
    display: none !important;
    content: none !important;
  }

  /* rein in oversized Bootstrap spacing utilities everywhere on phone */
  /*.my-5{ margin-top:1.5rem !important; margin-bottom:1.5rem !important; }*/
  /*.py-5{ padding-top:1.5rem !important; padding-bottom:1.5rem !important; }*/
  /*.mt-5{ margin-top:1.5rem !important; }*/
  /*.mb-5{ margin-bottom:1.5rem !important; }*/
  /*.pt-5{ padding-top:1.5rem !important; }*/
  /*.pb-5{ padding-bottom:1.5rem !important; }*/

  .contact-item {
    text-align: left !important;
    align-items: center !important;
  }
  .contact-item h6,
  .contact-item p {
    text-align: left !important;
  }
  .contact-icon {
    flex-shrink: 0;
  }

  .achievementsbg {
    height: auto !important;
    min-height: 0 !important;
    align-content: unset !important;
    padding-top: 0 !important;
    overflow: visible;
    background: none !important;
    margin-top: 0 !important;
    text-align:center;
  }
  .achievementsbg::before {
    content: "";
    display: none;
    width: 100%;
    height: 345px;
    background: url('../img/school.webp') no-repeat center right;
    background-size: cover;
  }
  .achievementsbg .container {
    padding-top: 24px !important;
    margin-top: 0 !important;
  }
  /*.container:has(.min-height-250) h2.fs-40 br.d-none.d-md-block {*/
  /*  display: inline !important;*/
  /*}*/
  /*.container:has(.min-height-250) > .row:has(.min-height-250) {*/
  /*  flex-wrap: wrap !important;*/
  /*  overflow-x: visible !important;*/
  /*  scroll-snap-type: none !important;*/
  /*}*/
  /*.container:has(.min-height-250) > .row:has(.min-height-250) > [class*="col-md-3"] {*/
  /*  flex: 0 0 100% !important;*/
  /*  max-width: 100% !important;*/
  /*  margin-bottom: 0;*/
  /*  padding: 8px 15px !important;*/
  /*}*/

  /*.achievementsbg ~ .container.my-5.py-5 {*/
  /*  margin: 0 !important;*/
  /*  padding: 16px !important;*/
  /*}*/
  /*.achievementsbg ~ .container.my-5.py-5 .row > div:has(img) {*/
  /*  order: 1;*/
  /*}*/
  /*.achievementsbg ~ .container.my-5.py-5 .row > div:not(:has(img)) {*/
  /*  order: 2;*/
  /*}*/

  /*.achievementsbg .row.my-5.py-5 {*/
  /*  margin: 0 !important;*/
  /*  padding: 0 !important;*/
  /*}*/
  /*.achievementsbg .d-flex.justify-content-between.align-items-center.gap-3.mt-5 {*/
  /*  flex-wrap: wrap !important;*/
  /*  justify-content: center !important;*/
  /*}*/
  /*.achievementsbg .d-flex.justify-content-between.align-items-center.gap-3.mt-5 > .w-24 {*/
  /*  flex: 0 0 46% !important;*/
  /*  width: 46% !important;*/
  /*  margin-bottom: 12px;*/
  /*}*/
  /*.achievementsbg .container.my-5.py-5 {*/
  /*  margin: 0 !important;*/
  /*  padding: 8px 16px !important;*/
  /*}*/
  /*.achievementsbg .col-md-6 {*/
  /*  background: #fff;*/
  /*}*/
  .achievementsbg h2,
  .achievementsbg p {
    color: #222 !important;
  }
  /*.container.mt-5.pt-5:has(> .row > .col-md-12 > h2) {*/
  /*  margin-top: 8px !important;*/
  /*  padding-top: 8px !important;*/
  /*  margin-bottom: 8px !important;*/
  /*  padding-bottom: 8px !important;*/
  /*}*/
  /*.gredbgg .col-md-5.p-5 {*/
  /*  padding: 10px !important;*/
  /*}*/
  /*.container.mb-5.pb-5 .row > [class*="col-"] {*/
  /*  margin-bottom: 10px !important;*/
  /*}*/
    .brick {
        height: 100px !important; 
        overflow: visible !important;
        margin-bottom: 0px !important; 
    }
    .container.mb-5.pb-5 .row > .col-6.brick img {
        height: 120px !important;
        width: 100% !important;
        object-fit: cover !important;
        border-radius: 15px !important;
    }
    .brick .card-body {
        position: static !important;
        opacity: 1 !important; 
        height: auto !important;
        width: 100% !important;
        padding: 8px 4px 0 4px !important;
        background: transparent !important;
        border: none !important;
    }
    .brick .card-title {
        font-size: 14px !important;
        line-height: 1.3 !important;
        color: var(--black, #000) !important; 
        margin-bottom: 0 !important;
    }
    
    footer { 
        background: #FFF4ED !important ; 
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 244, 237, 1) 0%, rgba(255, 255, 255, 1) 80%);
    }
    footer .ctaract {
        background-color: #ffffff !important;
        background-image: none !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    }

    #products .arrow-btn{
      width: 26px !important;
      height: 26px !important;
      font-size: 12px;
    }
    
    
    
    
    
    .mf8{ font-size:8px;}
    .mf9{ font-size:9px;}
    .mf10{ font-size:10px;}
    .mf11{ font-size:11px;}
    .mf12{ font-size:12px;}
    .mf13{ font-size:13px;}
    .mf14{ font-size:14px;}
    .mf15{ font-size:15px;}
    .mf16{ font-size:16px;}
    .mf17{ font-size:17px;}
    .mf18{ font-size:18px;}
    .mf19{ font-size:19px;}
    .mf20{ font-size:20px;}
    .mf21{ font-size:21px;}
    .mf22{ font-size:22px;}
    .mf23{ font-size:23px;}
    .mf24{ font-size:24px;}
    .mf25{ font-size:25px;}
    .mf26{ font-size:26px !important;}
    .mf27{ font-size:27px;}
    .mf28{ font-size:28px;}
    .mf29{ font-size:29px;}
    .mf30{ font-size:30px;}
    .mf31{ font-size:31px;}
    .mf32{ font-size:32px;}
    .mf33{ font-size:33px;}
    .mf34{ font-size:34px;}
    .mf35{ font-size:35px;}
    .mf36{ font-size:36px;}
    .mf37{ font-size:37px;}
    .mf38{ font-size:38px;}
    .mf39{ font-size:39px;}
    .mf40{ font-size:40px;}
    .mf41{ font-size:41px;}
    .mf42{ font-size:42px;}
    .mf43{ font-size:43px;}
    .mf44{ font-size:44px;}
    .mf45{ font-size:45px;}
    .mf46{ font-size:46px;}
    .mf47{ font-size:47px;}
    .mf48{ font-size:48px;}
    .mf49{ font-size:49px;}
    .mf50{ font-size:50px;}
    .mf51{ font-size:51px;}
    .mf52{ font-size:52px;}
    .mf53{ font-size:53px;}
    .mf54{ font-size:54px;}
    .mf55{ font-size:55px;}
    .mf56{ font-size:56px;}
    .mf57{ font-size:57px;}
    .mf58{ font-size:58px;}
    .mf59{ font-size:59px;}
    .mf60{ font-size:60px;}
    .mf61{ font-size:61px;}
    .mf62{ font-size:62px;}
    .mf63{ font-size:63px;}
    .mf64{ font-size:64px;}
    .mf65{ font-size:65px;}
    .mf66{ font-size:66px;}
    .mf67{ font-size:67px;}
    .mf68{ font-size:68px;}
    .mf69{ font-size:69px;}
    .mf70{ font-size:70px;}
    .mf71{ font-size:71px;}
    .mf72{ font-size:72px;}
    .mf73{ font-size:73px;}
    .mf74{ font-size:74px;}
    .mf75{ font-size:75px;}
    .mf76{ font-size:76px;}
    .mf77{ font-size:77px;}
    .mf78{ font-size:78px;}
    .mf79{ font-size:79px;}
    .mf80{ font-size:80px;}
    .mf81{ font-size:81px;}
    .mf82{ font-size:82px;}
    .mf83{ font-size:83px;}
    .mf84{ font-size:84px;}
    .mf85{ font-size:85px;}
    .mf86{ font-size:86px;}
    .mf87{ font-size:87px;}
    .mf88{ font-size:88px;}
    .mf89{ font-size:89px;}
    .mf90{ font-size:90px;}
    .mf91{ font-size:91px;}
    .mf92{ font-size:92px;}
    .mf93{ font-size:93px;}
    .mf94{ font-size:94px;}
    .mf95{ font-size:95px;}
    .mf96{ font-size:96px;}
    .mf97{ font-size:97px;}
    .mf98{ font-size:98px;}
    .mf99{ font-size:99px;}
    .mf100{ font-size:100px;}

.mfw-500{
    font-weight:500 !important;
}
.w100{width:100% !important;}
    
    .mobh{
        display:none;
    }
    
    .ctabtn{
        display:none !important;
    }
    
    
    .decorplus::after{
        display:none;
    }
    
    /*Our Brands - Lexwell */
    .hero-section{
        margin-top:0px !important;
    }
    .feature-card{
        width:100%;
    }  
    
    
    .card.active{
        /*box-shadow:none !important;*/
    }
    .testimonial-section .card {
        height: 560px;
        position: relative;
        overflow: hidden;
    }
    
    .testimonial-section .card::before {
        content: "";
        position: absolute;
        bottom: 14px;
        top: 0;
        opacity: 0.1;
        width: 80%;
        height: auto;
        aspect-ratio: auto;
        background: url(../img/testmon.png) no-repeat bottom center;
        background-size: 100% auto;
        z-index: 0;
    }
    
    
    .trst-new{
        background:none !important;
        height:auto !important; 
        background-repeat:no-repeat;
        display:flex;
        align-items:center;
        text-align:center;
        justify-content:center;
    } 

    .why .bor-right{
        border:none;
    }
    .onee{
        padding: 20px 30px;
    }
    .chef-imgg{
        display:none;
    }
    
    .labour-high{
        padding:20px 0 !important;
    }
    .cust-bor{
        border-radius:20px;
    }  
    
    .height-stretch{
        height:stretch ;
    }
    
    .products-section .tab-btn{
        padding: 8px 20px;
        font-size: 14px;
    }
     
    .brick .card-title{
        display:none;
    } 
    
    .h-98{
        margin-left:3px;
        width:96% !important;
    }
    /*#mobile-menu .dropdown-menu {*/
    /*    position: static !important;*/
    /*    transform: none !important;*/
    /*    margin-top: 10px;*/
    /*    background:#fff;*/
    /*    border-radius: 10px;*/
    /*}*/
    
    /* Smooth mobile dropdown animation */
    /* Mobile dropdown parent */
#mobile-menu .dropdown {
    width: 100%;
    border-radius: 14px;
    transition: all 0.3s ease;
    padding: 6px 0;
}

/* When dropdown is opened */
#mobile-menu .dropdown:has(.dropdown-menu.show) {
    border: 1px solid #ddd;
    background: #fff;
    padding: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.05);
}

/* Toggle */
#mobile-menu .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 20px;
    color: var(--black);
    text-decoration: none;
}

/* Smooth dropdown animation */
    #mobile-menu .dropdown-menu {
        position: static !important;
        transform: none !important;
        inset: auto !important;
    
        width: 100%;
        margin-top: 8px;
        border: 0 !important;
        background: transparent !important;
        text-align: center;
        box-shadow: none !important;
    
        display: block !important;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
    
        transition:
          max-height 0.35s ease,
          opacity 0.25s ease,
          padding 0.25s ease;
    }
    
    /* Open state */
    #mobile-menu .dropdown-menu.show {
        max-height: 260px;
        opacity: 1;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    
    #mobile-menu .dropdown-item {
        padding: 10px 16px;
        border-radius: 8px;
    }
    
    #mobile-menu .dropdown-item:hover {
        background: #f5f5f5;
    }
    .lb-data .lb-close{
        position: absolute;
        right: 20px;
        top: 90px;
    } 
    .dealership{
        background-color: #f7f1ec !important;
        background-image: url('/img/dealship-bgnew.webp') !important;
        height: 100vw !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-position: center bottom !important;
        
    }
    .dealership .section-head{
        padding-top:25px !important;
    }
    
    .cardss-new{
        text-align: center;
        padding-top: 33px !important;
    }
    .c-icon {
        left:33% !important;
    }
    .order-modal .modal-content{
        width:95% !important; 
    }
    
}

}