/* General Responsive Styling for Mobile and Tablet Screens */
@media (max-width: 769px) {
    .brnwrp:before, .brnwrp:after, .chosewrp:after,
    .tebsection .tabdiv .imgwrp img,
    header .navwrp ul,
    .carewrp .imgwrp img,
    .service-bnnr .formwrp form,
    .buildwrp:before,
    .buildwrp:after,
    .our-approach:after,
    .partwrp:after,
    header .navwrp {
        display: none;
    }

    .validatewrp .txtwrp,
    .contactfrom .formwrp form,
    .main-ctawrp .formwrp form,
    .contactfrom .formwrp .formwrap {
        width: 100%;
    }

    .validatewrp {
        padding: 40px 0 30px;
    }

    .tebsection .navwrp ul li {
        height: 65px;
        font-size: 12px;
        width: 49.9%;
        padding: 20px 10px 0;
    }

    .tebsection {
        padding: 10px 0 0;
    }

    .tebsection .tabdiv .btnwrp .btn-1,
    .tebsection .tabdiv .btnwrp .btn-2 {
        font-size: 13px;
    }

    .offerwrp {
        padding: 40px 0 50px;
    }

    .offerwrp .mainwrp,
    .mainctawrp .txtwrp h2,
    .partwrp .mainwrp,
    .testiwrp .txtdiv h5 {
        margin: 0 auto 30px;
    }

    .chosewrp .txtwrp ul li,
    .buildwrp .txtwrp ul li.line-1 {
        width: 100%;
    }

    .main-heading,
    .brnwrp .txtwrp h1,
    .tebsection .tabdiv .txtwrp h2,
    .offerwrp .txtwrp h2,
    .carewrp .txtwrp h2,
    .helpwrp .txtwrp h4 {
        font-size: 20px;
    }

    .processwrp .txtdiv p {
        font-size: 14px;
    }

    .testiwrp .txtdiv {
        padding: 60px 0px 30px 20px;
    }

    .main-pera,
    .validatewrp .btnwrp a,
    .offerwrp .txtdiv p {
        font-size: 13px;
    }

    .brnwrp .btnwrp .btn-1,
    .brnwrp .btnwrp .btn-2,
    .ideaswrp .btnwrp .btn-1,
    .ideaswrp .btnwrp .btn-2,
    .helpwrp .btnwrp .btn-1,
    .helpwrp .btnwrp .btn-2,
    .builtwrp .btnwrp .btn-1,
    .builtwrp .btnwrp .btn-2,
    .our-approach .btnwrp a {
        display: block;
        text-align: center;
        margin: 0;
    }

    .recogwrp .txtwrp ul li {
        margin: 0 10px 30px;
    }

    .recogwrp,
    .helpwrp .txtdiv,
    .testiwrp,
    .overyearwrp {
        padding: 60px 0;
    }

    .about-bnr .txtdiv,
    .about-bnr .mainwrp,
    .about-bnr .mainwrp .maindiv ul li p {
        width: 100%;
    }

    .about-bnr .mainwrp .txtmain span,
    .about-bnr .mainwrp .txtmain h6,
    .about-bnr .mainwrp .txtmain p {
        display: block;
        top: 0;
    }

    .about-bnr .mainwrp .maindiv ul {
        margin: 80px 0 0;
    }

    .box-wrap.green,
    .box-wrap,
    .contactfrom .mmaindiv {
        padding: 70px 20px;
    }

    .hme-bn .brnwrp {
        height: auto;
    }

    .contact-bnrr {
        padding: 240px 0 70px;
    }

    footer .btm-ftr .txtwrp ul {
        margin: 10px 0;
    }

    header .logowrp img {
        width: 30%;
    }

    .mobile-nav-btn {
        top: 10px;
        z-index: 999999;
    }
      .hme-bn .brnwrp.home-video:before,
  .hme-bn .brnwrp.home-video:after {
    display: block;
  }
}

/* Additional Styling for Small Screen Width */
@media (max-width: 414px) {
    .carewrp .imgwrp img {
        display: none !important;
    }
}

/* Additional Styling for Tablet Screens */
@media (max-width: 1024px) {
    .brnwrp:before,
    .brnwrp:after,
    .chosewrp:after,
    .service-bnnr .formwrp form,
    header .navwrp ul,
    .our-approach .img-box img,
    .our-approach .img-box-1 img,
    .about-bnr .box-1,
    .about-bnr .box-2,
    .brnwrp .vedeiowrp video,
    .widewrp .txtdiv p {
        display: none;
    }

    .recogwrp .txtwrp ul li img,
    .builtwrp .img-flt,
    .contact-bnrr .imgwrp img {
        width: 80px;
    }

    header .navwrp ul {
        text-align: start;
    }

    .chosewrp:after {
        left: 910px;
    }

    .mobile-nav-btn {
        top: 30px; 
        right: 40px;
    }

    .builtwrp .img-flt,
    .contact-bnrr .imgwrp img {
        height: 800px;
    }
     .hme-bn .brnwrp.home-video {
    background-image: url('assets/images/home-mobile-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
   .brnwrp.home-video {
        background-image: url('assets/images/hm-bg.jpg') !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    /* Hide the video (mobile browsers block autoplay anyway) */
    .brnwrp.home-video .vedeiowrp video {
        display: none !important;
    }
}