/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
    
    .tf20{
        font-size:20px !important;
    }
    .tf26{
        font-size:26px !important;
    }
    .tf28{
        font-size:28px !important;
    }
    .tf30{
        font-size:30px !important;
    }
    .tf32{
        font-size:32px !important;
    }
    .tf34{
        font-size:34px !important;
    }
    .tf38{
        font-size:38px !important;
    } 
    #navbardesk{
        display:none !important;
    }
    #lexwell-mobile-header, #lexwellMobileMenu {
        display:block !important;
    } 
    #lexwellMobileMenu {
    --bs-offcanvas-width: 500px !important;
    }

    .tabw{
        color:#fff !important;
    }
    .tabcen{
        display:flex;
        justify-content:center;
    }
    .backg {
        background: linear-gradient(to bottom, rgb(255 255 255 / 80%) 20%, rgb(255 255 255 / 0%) 40%), url(../img/mobilebanner.webp) !important;
        min-height: 100vh  !important;
        background-size: cover  !important;
        background-position: bottom left  !important;
        align-items: flex-start  !important;
        padding-top:100px !important;
    }
     
    .trst-new {
        background:none !important;
    }
    .trst-new  {
        margin-top:140px !important;
        margin-bottom:140px !important;
    }
    
    
    .dealership{
        height:40vh !important;
    }
    .dealership .section-head{
        padding-top:86px !important; 
        width: 56%;
        margin: auto;
    }
    .footer-trust {
        background:var(--primary) !important;
    }
    .tabgap{
        margin-top:20px;
    }
    .bboth::after{
        display:none;
    }
    .hero-section {
        background: url(https://demo.lexwellindia.com/img/lexbannermob.webp) no-repeat bottom center !important;
        background-size: cover !important;
        display:flex;
        justify-content:center;
        margin-top: 0px !important; 
        background-color: #F0F9FF;
        min-height: 100vh !important;
    }
    .hero-section .container {
        position: absolute;
        top: 70px;
    }
    .c-icon{
        top: -26px !important;
        left: 44px !important;
    }
    .timeline-section{
        max-width: 600px !important;
    } 
    .stats-box{
        padding:30px 10px !important;
    }
    .product-card {
        padding:50px !important;
    }
    .tabu .c-icon{
        left: 71px !important;
    }
    .hero-img-wrap img{
        display:none;
    }
    
    /*Lexwell Brand Page*/
    
    .badge-pill { 
        border-radius:20px !important;
        padding:22px 20px !important;
    }
    .cardbg:hover{
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        border-radius:20px;
    }
    .sup{
        margin:2px;
    }
    .gallery-head{
        margin-top:0px !important;
    }
    .catalogue-section{
        padding-top:4px !important;
        padding-bottom:10px !important;
    }
    .catalogue-card {
        width:47% !important;
        flex: none !important;
    }
    .achievementsbg  {
        margin-top:10px !important;
        background:none !important;
    }
    .cust-bor{
        border-radius:20px;
    }
    .stats-heading{
        padding:40px 20px !important;
    }
    .single-blog-section {
        padding-top: 20px !important;
    }
    .recent-blog-item{
        width:50% !important;
    }
    .faq-wrap{
        margin-top:10px !important;
    }
    .contact-item p{
        text-align:start; !important;
    }
    .order-modal .modal-content{
        width:95% !important; 
    }
    .order-modal .modal-dialog{
        width:80% !important;
    }

     
     
}