@media (max-width:767px) {



    .mobile-header.mobile-haeder2 {
        background: var(--ztc-text-text-5);

    }


    .about4-section-area .about-header-area .box1 {
        background-color: #fdded9;
        height: 18vh;
    }

    .about4-section-area .about-header-area .box2 {
        background-color: #e1f0ff;
        height: 18vh;
    }

    .about4-section-area .about-header-area .box4 {
        background-color: #e7ffd9;
        height: 18vh;
    }

    .about4-section-area .about-header-area .box5 {
        background-color: #e1f0ff;
        height: 18vh;
    }

    .casestudy4-section-area .case-boxes-area .content-area {
        padding: 45px 31px 32px 32px;
        border-radius: 7px;
        margin: 20px 5px 30px 5px;
        height:  auto;
    }

    .mobile-logo img {
        width: 80%;
    }
    .blog2-section-area .blog-box2 .blog-content-area11{ 
        margin-top: 0px; 
        max-width: 180px;
      }

    /* .blog4-section-area .blog-auhtor-boxesarea .content-area .icons a {

        top: 404px;
        left: 330px;
    } */
 

    .footer2-section-area .footer-logo-content .service-heading ul li a {

        padding-right: 78px;
        padding-bottom: 0px;
    }

    .service-heading ul {
        display: block;

    }

    .logo-content img {
        width: 80%;
    }

    .custom-footer .custom-copyright {
        display: block;
        padding: 17px 17px;
        border-radius: 10px;

    }

    .footer2-section-area .footer-logo-content .logo-content ul li a {
        margin: 10px 20px 0 0;
    }

    .heading10 p {
        font-size: 18px;
    }


    .bannerrrzere {
        height: 80vh;
    }

    .about4-section-area .about-header-area .counter-box {
        height: auto;
        min-height: 0vh;
    }

    .flex {
        display: block
    }

    .mission-section-area .tabs-auhtor-area .tab-pane .mission-content-area .btn-area {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .testimonial3-section-area .testimonial-slider-area .owl-dots {
        display: none;
    }

    .hero1-section-area.about-bg-area .header-img1 { 
        padding-left: 0;
        padding-right: 0px;
    }
    .hasu-comt img {
        width: 40%;
    }
    .ab-compt {
        display: block;
      }
      .hasu-comt { 
        display: block;
        text-align: center; 
      }
    .emp-back{
        display: flex
        ;
            flex-direction: column-reverse;
    }
    .hasu-comt p { 
        font-size: 15px;
    }
    .hasu-comt h3 { 
        font-size: 21px; 
    }
    .d-md-none{
        display: none;
    }
    .heading2 p{
        font-size: 15px;
    }
    p{
        font-size: 15px;
    }
    .desktop{
        display: none;
      }
      .mobile{
        display: block;
      }
      .banner-photo{
        margin-top: 100px;
      }

      .carousel-caption { 
        bottom: 50px;
        left: 38px; ;
    }
    .hero-header h1{
        font-size: 17px;
        line-height: 1;
        margin-bottom: 5px;
    }
    .heading3 p { 
        font-size: 14px;
        line-height: 1.2;
        width: 60%; 
    }
    .about4-section-area .about-header-area .contacttt {
        margin-left: 0;
    }
    .text p {
        padding: 10px;
        font-size: 19px;
        margin-left: 0; 
    }
    .text1 p {
        padding: 0px;
        font-size: 16px;
        margin-left: 0; 
    }


    .service1-section-area .service-auhtor-boxarea .content-area {  
        height: auto;
    }
    .service1-section-area .service-auhtor-boxarea {
        
        margin-bottom: 70px;
    }

    .carousel-control-prev {
        left: 0px;
    }
    .carousel-control-next {
        right: 0px;
    }


    .tg-element-title { 
        font-size: 32px;
    }

    .mission-content-area h2 {
        font-size: 28px;
        line-height: 1.1; 
    } 
    .about4-section-area .about-header-area .counter-box { 
        margin-top: 20px;
        padding: 10px;
        text-align: center; 
    }

    .casestudy4-section-area .case-boxes-area .content-area p { 
        font-size: var(--ztc-font-size-font-s18);
        line-height: var(--ztc-font-size-font-s28);   
    }
    .battery-info {
        width: 100%;
        /* padding: 10px; */
    }
    .about4-section-area .about-images-area {
        position: relative;
        
    }
    .battery-features {
        display: block;  
    }
    .custom-button { 
        margin-left: 0px;
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .features {
        display: grid;
        grid-template-columns: 1fr; 
    }
    .mission-section-area .tabs-auhtor-area .tab-pane .mission-img img {
         
        margin-bottom: 10px;
    }
    .mission-section-area .tabs-auhtor-area .nav.nav-pills {
        display: flex ;
        align-items: stretch;
        /* justify-content: space-between; */
        margin-bottom: 40px;
        flex-direction: column;
    }
    .button-group {
        display: flex; 
        justify-content: left; 
        flex-direction: column;
    }

    .custom-button1 {
        display: inline-block;
        background: linear-gradient(to bottom, #34a3eb 50%, #0066b2 50%);
        color: white;
        margin-left: 0px;  
        padding: 16px 14px; 
        width: 364px; 
        margin-bottom: 10px; 
    }

    .service1-section-area .service-auhtor-boxarea .contenttt p {
        flex-grow: 1;
        display: flex ;
        justify-content: center;
        min-height: 0px;
    }

    .goldyes {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .hero-heading-area {
        padding-left: 0px;
    }
    .contact1-section-area .contasd {
        padding: 0 0 0 0;
    }

    .popup { 
        width: 80%;
    }

    .mission-section-area .tabs-auhtor-area1 .nav.nav-pills .nav-item button {
        
        width: auto;
         
        margin-bottom: 10px;
    }

    .gsr-shop a { 
    padding: 4px 7px; 
    font-size: 13px; 
    }
    .video-box { 
         margin-top: 10px;
    }
    .viditest {
        display:   block;
         
        
    }

     .headig h2 {
    font-size: 25px;
     
}

.feedbac{
           margin-left: -174px;
}

}