@media screen and (max-width:1700px) {
 
  footer:after, .home-testimonials:after{
    width: 320px;
    height: 420px;
  }
  .context-sec .brxe-block:after{
        right: -50px;
  }
 
}

@media screen and (max-width:1679px) {

  footer:before{
      width: 90px;
      height: 210px;
  }
  footer .brxe-container:after{
      width: 200px; 
    height: 174px;
  }
  footer:after, .home-testimonials:after{
    width: 300px;
    height: 380px;
  }
  .home-testimonials:after{
    bottom: -50px;
  }
  .work_list .pt_inner h3{
        font-size: 23px;
  }
  .home-services:after{
    right: 7%;
  }
   .slider-sec:after{     
    width: 402px;
    height: 440px;
  }
  .home-our-team .head1:after{
   top: 200px;
    width: 100px;
    height: 82px;
  }
  .team-popup .team-content h3{
    font-size: 46px;
  }
  .context-sec .brxe-block:before{
    left: -66px;
    top: -100px;

  }

   .context-sec .brxe-block:after{
        right: -40px;
  }
  

}
 
 @media screen and (max-width:1580px) {
 
  footer:after, .home-testimonials:after{
    width: 260px;
    height: 320px;
  }
  footer .wpcf7-submit{
        width: 220px;
        height: 50px;
         padding-left: 35px;
  }
   footer .brxe-container:after {
        width: 180px;
        height: 154px;
         right: -10px;
    }
     .main-button{
       width: 190px!important;
      height: 55px!important;
     }
    .main-button:after{
      width: 55px;
      height: 55px;
    }
     .home-testimonials:after{
    bottom: -45px;
  }
  .work_list .pt_inner h3{
        font-size: 22px;
  }
  .work_list .pt_inner p{
    font-size: 17px;    
    line-height: 1.3;
  }
  .testimo-list .pt_inner .title1 h3,
  .testimo-list .pt_inner .desc p{
        font-size: 22px;
  }
  .testimo-list .pt_inner .title1 p{
    font-size: 19px;
  }
   .our-clients .bricks-layout-wrapper li{
      height: 130px;
   }
   .insig-list .pt_inner h3{
    font-size: 22px;
   }
   .team_list:after{
    left:0px;
   }
  .home-our-team .head1:after {
        right: 0;
        top: -72px;
        width: 80px;
        height: 68px;
    }
  .home-testimonials.insigits .brxe-container:after{
      right: -40px;
  }
  .home-services:after{
    right: 6%;
  }
  .team_list .pt_inner h3{
    font-size: 22px;
    margin-bottom: 6px;
  }
  .ser-list .desc h3{
    font-size: 44px;
  }
  .slider-1 h2{
     font-size: 35px;
  }
  .slider-sec:after{  
   
    width: 350px;
    height: 420px;
  }
  .slider-1 .demo:after{
    bottom: -310px;
    width: 622px;
    height: 570px;
  }
   .slider-1 .nav-bullets{
      padding-left: 25px;
    }
    .ser-list{
          padding: 20px 18px 20px 72px;
    }
    .ser-list .desc{
      padding-bottom: 50px;
    }
    .ser-list .desc p{
      font-size: 19px;
    }

    .team-sec .head1:after{
       left: 130px;
       top: -65px;
       width: 97px;
      height: 82px;
    }
     .team-popup .team-content h3{
      font-size: 44px;
    }
    .close-modal{
      font-size: 58px!important;
    }
     .popup h2{
       font-size:46px;
    }
  .context-sec .brxe-block:after {
        right: -20px;
        bottom: -40px;
        width: 80px;
     height: 80px;
    }
}

 @media screen and (max-width:1450px) {
 
  footer:after{
    width: 240px;
    height: 300px;
  }
    .main-button{
       width: 180px!important;
      height: 54px!important;
     }
      .main-button:after{
      width: 54px;
      height: 54px;
      right: -54px;
    }
     
     footer .brxe-container:after{
        width: 130px;
        height: 114px;
      right: 0;
     } 
     .ser-list .desc h3{
      font-size: 42px;
    }
    .slider-1 h2{
     font-size: 32px;
  }
     .slider-1 .main-button{
       width: 165px !important;
    }
   .slider-1 .demo:after {
        bottom: -300px;
        width: 517px;
        height: 520px;
    }

     footer:before {
        width: 70px;
        height: 190px;
            top:80px;
    }
     .team-sec .head1:after{
       left: 120px;
       top: -60px;
       width: 87px;
      height: 72px;
    }
     .team-popup .team-content h3{
    font-size: 42px;
  }
  .team-popup .team-content h6{
    font-size: 22px;
  }

  .form-1 .input, .form-1 input:not([type=submit]), .form-1 select, .form-1 textarea{
        height: 56px;
  }
  .contact .wpcf7-submit,.lets-talk .wpcf7-submit{
    height: 58px;
  }
  .form-1 textarea{
    
    height: 171px!important;
  }
   .popup h2{
       font-size:44px;
    }
     .context-sec .brxe-block:after {
        right: 20px;
        bottom: -40px;
        width:70px;
     height: 70px;
    }

  .context-sec .brxe-block:before {
        left: -25px;
        top: -100px;
       width: 90px;
        height: 89px;
    }
    .our-work-sec:before{
      bottom:-70px;
    }
}

@media screen and (max-width:1350px) {
 
  footer:after{
    width: 220px;
    height: 280px;
  }
    .main-button{
       width: 170px!important;
      height: 50px!important;
     }
      .main-button:after{
      width: 50px;
      height: 50px;
      right: -51px;
    }
     
     .team_list{
          column-gap: 20px;
          row-gap: 20px;
     }
     .ser-list .desc h3{
      font-size: 40px;
    }
    .slider-1 h2{
     font-size: 31px;
  }

    .card {   
      width: 334px;
      height: 488px;
     
  }
  .slider-1 .demo {
      width: 55%;
      height: 450px;
  }
  .slider-1 .content-panel{
        width: 38%;
  }
  .slider-1 .nav-bullets{
        width: 3%;
        margin: 0 auto;
  }
      .slider-sec:after {
        width: 275px;
        height: 375px;
    }
        .slider-1 .demo:after {
        bottom: -250px;
        width: 450px;
        height: 495px;
    }
     .home footer section:after{
          height: 130px;
          top: -118px;
    }
    .ser-list {
        padding: 20px 18px 20px 62px;
    }
     .ser-list .desc{
      padding-bottom: 30px;
    }
    .ser-list .desc h3{
      margin-top: 30px;
    }
     .team-popup .team-content h3{
      font-size: 40px;
    }
     .popup h2{
       font-size:42px;
    }
  
}

@media screen and (max-width:1250px) {
      .home-services:after {
        right: 30px;
        top: 105px;
    }

    .work_list .our-work-list{
      width: 32.6%;
    }
    .main-button{
       width: 150px!important;
      height: 46px!important;
     }
      .main-button:after{
      width: 46px;
      height: 46px;
      right: -47px;
    }
     .testimo-list .pt_inner .title1 h3, .testimo-list .pt_inner .desc p {
        font-size: 20px;
    }
    .testimo-list .pt_inner .desc p{
          line-height: 32px;
    }
   .work_list .pt_inner h3 {
        font-size: 20px;
    }
     .work_list .pt_inner p {
        font-size: 16px;
      }
      .slider-1 h2,.ser-list .desc h3{
      font-size:36px;
    }
    .slider-1 .main-button{
       width: 155px !important;
    }
    .card {   
      width: 304px;
      height: 445px;     
  }
  .slider-1 .demo {
      width: 52%;
  }
  .slider-1 .content-panel{
    width: 40%;
  }
  .home-testimonials .brxe-container:after{
   left: -115px;
    top: 152px;
    width: 336px;
    height: 318px;
  }
  .slider-1 .content-panel{
    padding-left: 20px;
  }
  .slider-1 p{
    font-size: 19px;
      line-height: 30px;

  }
  .home footer section:after {
        height: 128px;
       
    }
  footer .brxe-container:after {
        width: 97px;
        height: 78px;
        top: -40px;
    }
    footer:before {
        width: 70px;
        height: 75px;
        top: 50px;
    }
   .ser-list {
        padding: 20px 18px 20px 52px;
    }
  .ser-list .desc p {
        font-size: 18px;
        line-height: 30px;
    }
    .ser-list .desc h3{
      margin-top: 20px;
      line-height: 1.2;
    }
    .main-banner::before, .inner-banner::before{
      border-radius: 0 0 100px 100px;
  }
  .home  header.sticky.scrolling:before{
    height: 95px;
  }

    .team-sec .head1:after{
       left: 90px;
       top: -50px;
       width: 77px;
      height: 62px;
    }
     .team-popup .team-content h3{
      font-size:38px;
    }
     .team-popup .team-content h6{
    font-size: 20px;
  }
  
  .team-popup .team-content p{
    font-size: 18px;
    line-height: 30px;
  }
  .team-popup .custom-modal-inner{
    column-gap: 40px;
  }
  .custom-modal-content{
    padding: 50px!important;
  }
  .close-modal{
    font-size: 54px!important;
  }
   .popup h2{
       font-size:40px;
    }
}

@media screen and (max-width:991px) {
  .team_list{
        flex-wrap: wrap;
        max-width: 600px;
        margin: 0 auto;
  }
    .main-team-list{
      width: 48%;
    }

      .home-our-team .head1:after {
        right: -15px;
        top: -60px;
        width: 70px;
        height: 60px;
    }
    .testimonial_list{
        padding: 22px 40px 22px 22px;
    }
    .testimo-list .pt_inner .desc{
          min-height: 240px;
    }
    .testimo-list .pt_inner .title1 h3, .testimo-list .pt_inner .desc p {
        font-size: 18px;
    }
    .title-box:after{
          top: 22px;
          width: 6px;
        height: 6px;
    }

 
   .slider-1 {
      max-width: 760px;
      margin: 0 auto;
      
    }
     .slider-1 h2,.ser-list .desc h3{
      font-size: 34px;
    }

     .slider-1 .demo {
      width: 100%;
  }
  .slider-1 .content-panel{
    width: 100%;
    padding-left: 0;
  }

   .card {   
      width: 300px;
      height: 440px;     
  }
  .slider-1 .demo{
    margin-bottom: 50px;
  }
  .slider-1 .nav-bullets {
       width: 100%;
      order: 3;
      display: flex;
      gap: 18px;
      align-items: center;
      justify-content: center;
      margin-top: 30px;

    }
      .testimo-list .pt_inner .title1 p {
        font-size: 17px;
    }
    .testimo-list .pt_inner .title1 {
    margin-top: 25px;
    margin-bottom: 8px;
  }
  .slider-1 .content-panel div{
    text-align: center;
  }

  .slider-1 p{
    font-size: 18px;
    line-height: 30px;
  }
  .text-space1 p {
    padding-bottom: 0px;
}

    .home-testimonials.insigits .brxe-container:after,.home-testimonials .brxe-container:after {
        width: 306px;
       height: 308px;
    }
   .home-testimonials .brxe-container:after  {
      left: -50px;
    }

        footer .brxe-container:after {
        width: 80px;
        height: 90px;
        right: 15px;
        top: -34px;
    }
    .home footer section:after{
          height: 114px;
          top: -110px;
    }
        footer:before {
        width: 55px;
        height: 100px;
        top: 0px;
    }
    footer .wpcf7-email{
      max-width: 500px;
      height: 55px;
    }
    footer:after, .home-testimonials:after {
        width: 200px;
        height: 240px;
    }
    .home-testimonials.insigits:after {
      bottom: 0px;
  }

      .slider-1 .demo:after {
        bottom: -50px;
        width: 457px;
        height: 475px;
    }
        .slider-sec:after {
        width: 275px;
        height: 380px;
    }
    .slider-1 .nav-bullets {
        padding-left: 0px;
    }

    .home-sustain .head1:after{     
     
      width: 70px;
      height: 75px;
    }
    .ser-list{
      flex-wrap: wrap;
      gap: 20px;
    }
    .ser-list .desc{
      max-width: 100%;
       order: 2
    }
     .ser-list .pro_thum{
      max-width: 450px;
      margin: 0 auto;

    }
    .ser-list {
        padding: 20px 40px;
    }
    .ser-list .desc h3{
      margin-top: 15px;
      margin-bottom: 15px;
    }
     .team-sec .head1:after{
       left: 60px;
       top: -40px;
       width: 67px;
      height: 52px;
    }
     .team-popup .team-content h3{
      font-size: 36px;
    }
    .team-popup .custom-modal-inner{
      display: block;
    }
   .team-popup .team-img {
          margin: 0 auto;
          margin-top: 20px;
    }
    .team-popup .team-content{
      width: 100%;
      margin-top: 20px;
    }
     .custom-modal-content{
      padding: 40px!important;
    }
    .popup h2{
       font-size:38px;
    }

    .popup{
          padding: 45px 50px 60px 50px;
    }
        .context-sec .brxe-block:after {
        right: 0;
        bottom: -47px;
        width: 50px;
        height: 60px;
    }
        .context-sec .brxe-block:before {
        left: 0px;
        top: -60px;
        width: 60px;
        height: 70px;
    }


  .our-work-sec:before {
        bottom: -50px;
        width: 69px;
        height: 74px;
    }

    .home-testimonials.results-sec .brxe-container:after {
    right: -50px !important;
  }

}


@media screen and (max-width:767px) {

      .slider-1 h2 ,.ser-list .desc h3{
        font-size: 32px;
    }
    .team_list {
        column-gap: 15px;
        row-gap: 15px;
    }
        .testimo-list .pt_inner .title1 h3, .testimo-list .pt_inner .desc p {
        font-size: 16px;
    }
        .testimo-list .pt_inner .desc p {
        line-height: 28px;
    }
    .testimo-list {
      display: block;
    }
   .testimo-list .pro_thum {
        width: 220px;
        margin: 0 auto;
        margin-top: 20px;
  }
    .testimo-list .pt_inner {
      width: 100%;
  }
      .testimo-list .pt_inner .desc {
        min-height: auto;
    }
    .work_list .our-work-list {
        width: 48.6%;
    }
     .our-clients .bricks-layout-wrapper li {
        height: 125px;
    }
    .our-clients .owl-dots{
      margin-top: 50px;
    }
     .testimonial_list{
        padding: 22px 30px 22px 22px;
    }
        .main-button {
        width: 140px !important;
        height: 45px !important;
    }
        .main-button:after {
        width: 45px;
        height: 45px;
        right: -46px;
    }
    .insig-list .pt_inner h3 {
        font-size: 20px;
            min-height: auto;

    }
    .insights_list{
      max-width: 450px;
      margin: 0 auto;
    }
  
      .slider-sec:after {
        width: 200px;
        height: 340px;
    }
     .home-services:after {
        right: 30px;
        top: 75px;
        width: 55px;
        height: 55px;
    }

     .team-sec .head1:after{
       left: 40px;
       top: -40px;
       
    }
    .form-1 textarea{    
      height: 151px!important;
    }
     .popup h2{
       font-size:36px;
        }
         .contact .wpcf7-submit,.lets-talk .wpcf7-submit{
    width: 250px;
    height: 50px;
     font-size: 17px;
     padding-left: 36px;
  }
   .brxe-image-gallery.work-gallery{
    gap: 25px!important; 
    --gutter: 25px!important;
  }
  .contact .submit-btn {
     column-gap: 10px;
   }
}

@media screen and (max-width:600px) {

  .team_list{
    max-width: 300px;
  }
      .main-team-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
     .home-testimonials.insigits .brxe-container:after,.home-testimonials .brxe-container:after {
        width: 256px;
        height:240px;
    }
     footer:after, .home-testimonials:after {
        width: 130px;
        height: 180px;
    }

    .home-sustain .head1:after{
      right: 0;
      top: -90px;
      width: 60px;
      height: 65px;
    }
    .home-about1 h2.gradient-text:after, .home-our-team .head1:after{
      right: 0px;
      top: 40px;
      width: 55px;
      height: 55px;
    }
    .home-our-team .head1:after{
              top: -75px;
    }
    footer .brxe-container:after {
        width: 87px;
        height: 68px;
        top: -20px;
    }
      footer:before {
        width: 60px;
        height: 65px;
        top: 20px;
    }
    .ser-list {
        padding: 20px;
    }
    .our-cred{
      justify-content: center;
    }
    .team-sec .head1:after {
        left: 20px;
        top: -69px;
    }

      .team-popup .team-content h3 {
          font-size: 34px;
      }

      .popup{
            max-width: 90%;
      }

      .contact .submit-btn {
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    .contact .wpcf7-submit{
      margin-top: 15px;
    }

    .home-testimonials .owl-nav, .home-testimonials .owl-dots{
      bottom: -40px;
    }


  }

@media screen and (max-width:533px) {
  .card {   
      width: 220px;
      height: 325px;     
  }
  .nav-bullets .bullet {
      width: 30px;
    }
    .slider-1 .nav-bullets{
      gap: 12px;
    }

    .slider-1 h2 ,.ser-list .desc h3{
        font-size: 30px;
    }

    .work_list .our-work-list {
        width: 100%;
    }
    .insig-list .pt_inner {
    padding: 28px 30px 50px 30px;
}

  .insig-list .pt_inner p a{
        font-size: 18px;
  }
      .slider-1 .demo:after {
        bottom: -40px;
        width: 345px;
        height: 400px;
    }

    .slider-1 .demo{
        height: 380px;
    }
     .custom-modal-content{
      padding:30px!important;
    }
        .team-popup .team-content p {
        font-size: 16px;
        line-height: 28px;
    }

    .work_list{
      max-width: 450px;
      margin: 0 auto;
    }

    .our-work-sec:before {
        bottom: -40px;
        width: 59px;
        height: 64px;
    }
    .our-work-sec ul li ,  .results-sec ul li{
      margin-bottom: 10px;
  }

   .brxe-image-gallery.work-gallery{
    gap: 20px!important; 
    --gutter: 20px!important;
  }

  }

@media screen and (max-width:478px) {
  .card {   
      width: 200px;
      height:290px;     
  }
  .slider-1 .demo {
      height: 350px;
        margin-bottom: 30px;
    }
    .slider-1 h2 ,.ser-list .desc h3{
        font-size: 28px;
    }

     header .main-button {
        width: 125px !important;
        height: 36px !important;
    }
     header .main-button:after{
        width: 36px;
        height: 36px;
        right: -37px;
    }
    .home header:before{
          height: 85px;
    }
    .main-banner::before,.inner-banner::before {
    border-radius: 0 0 80px 80px;
  }
    .title-box:after {
        top: 20px;
        width: 5px;
        height: 5px;
    }
    .our-clients .bricks-layout-wrapper li {
        height: 110px;
        padding: 15px;
    }
    .our-clients .owl-dots{
      margin-top: 40px;
    }
     footer:after, .home-testimonials:after {
        width: 125px;
        height: 170px;
    }
    .testimonial_list{
        padding: 20px;
    }
        footer .wpcf7-submit {
        width: 190px;
        height: 45px;
        font-size: 16px;
        padding-left: 28px;
    }
    .home footer section:after{
      height: 112px;
    }
    .home-testimonials .owl-dots{
          width: 165px;
    }
    .home-testimonials .owl-prev:not(.insigits .owl-prev) {
      left: 20px;
    }
    .home-testimonials .owl-next:not(.insigits .owl-next) {
      right: 20px;
    }
    .home-testimonials.insigits .owl-nav {
      width: 118px;
      bottom: -50px;
  }
      footer .brxe-container:after {
        width: 60px;
        height: 80px;
        right: 15px;
        top: -24px;
    }
        footer:before {
        width: 80px;
        height: 53px;
        top:10px;
    }
    footer .wpcf7-email{
          margin-bottom: 5px;
    }
     .slider-1 .demo:after {
        bottom: -35px;
        width: 350px;
        height: 375px;
    }
     .slider-sec:after {
        width: 110px;
        height: 130px;
        bottom: -25px;
    }
    .testimo-list .pt_inner .title1 p {
        font-size: 16px;
        line-height: 1.4;
    }
     .ser-list .desc p {
        font-size: 16px;
        line-height: 26px;
    }
    .ser-list .desc h3 {
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .team_list .pt_inner h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .team_list .pt_inner p{
      font-size: 16px;
    }
     .team-popup .team-content h3 {
          font-size: 32px;
        margin-bottom: 6px;
      }
     .team-popup .team-content h6 {
        font-size: 18px;
    }
    .close-modal {
        font-size: 36px !important;
        top: 0 !important;
        right: 15px !important;
    }

     .form-1 .input, .form-1 input:not([type=submit]), .form-1 select, .form-1 textarea{
        height: 54px;
            padding: 0px 20px;
  }
  .form-1>div {
    width: 100%;
}
  .contact .wpcf7-submit,.lets-talk .wpcf7-submit{
    width: 240px;
    height: 50px;
     font-size: 16px;
     padding-left: 32px;
  }
  .form-1 textarea{    
    height: 131px!important;
  }
  .popup{
        padding: 40px;
  }
   .popup h2{
       font-size: 34px;
      margin-bottom:35px;
    }
     .lets-talk .form-1 textarea {
      height: 100px !important;
  }
  .popup .close{
        right: 20px;
        font-size: 56px;
  }

}


@media screen and (max-width:440px) {
  .card {   
      width: 180px;
      height: 255px;     
  }
  .slider-1 .demo {
        margin-bottom: 0;
    }
    .slider-1 h2 ,.ser-list .desc h3{
        font-size:26px;
    }
        header .main-button {
        width: 110px !important;
      }
      .nav-bullets .bullet {
        width: 15px;
    }
    #brxe-xkrgex .bricks-site-logo {
        width: 150px;
    }
   
        .home-testimonials:after {
        bottom: -20px;
    }
      footer:after, .home-testimonials:after {
        width: 76px;
        height: 105px;
    }
    .home-testimonials.insigits:after {
      bottom: 0;
  }
  .slider-1 .demo:after {
        bottom: 0px;
        width: 290px;
        height: 300px;
    }
    .slider-1 .main-button {
        width: 140px !important;
    }
      .home-about1 h2.gradient-text:after, .home-our-team .head1:after{
       width: 40px;
        height: 40px;
    }
    .home-sustain .head1:after{
        top: -75px;
        width: 45px;
        height: 50px;
    }
    .home-services:after {
        right: 20px;
        top: 50px;
        width: 50px;
        height: 50px;
    }
    .team_list:after{
      left: -15px;
       width: 50px;
        height: 50px;
       bottom: -115px;
    }
   .home-testimonials.insigits .brxe-container:after, .home-testimonials .brxe-container:after {
        width: 190px;
        height: 185px;
        top: 150px;
    }
      .home footer section:after{
      height: 111px;
    }
     .custom-modal-content {
        padding: 20px !important;
    }
    .team-popup .team-content h3 {
        font-size: 30px;
        margin-bottom: 5px;
    }
     .popup h2{
       font-size: 32px;
      margin-bottom: 30px;
    }
    .popup {
        padding: 30px;
    }
  .submit-btn iframe{
    width: 100%!important;
  }
   

}

@media screen and (max-width:380px) {
      #brxe-xkrgex .bricks-site-logo {
        width: 140px;
    }
      header .main-button {
        width: 97px !important;
        font-size: 12px !important;
        height: 35px !important;
    }
        header .main-button:after {
        width: 35px;
        height: 35px;
        right: -36px;
    }
     #brxe-fvdvyf {
        padding-right: 30px;
    }
    .slider-1 .main-button{
      font-size: 16px;
    }
    .slider-1 .demo:after {      
        width: 275px;
        height: 290px;
    }

   .testimo-list .pt_inner .desc p {
        font-size: 15px;
    }
    .title-box{
          width: auto!important;
          font-size: 14px!important;
          padding: 0px 20px 0px 35px!important;
           height: 42px!important;

    }
    .title-box:after{
      left: 20px;
    }
     
    .popup h2{
       font-size:30px;
      margin-bottom:25px;
    }
     .brxe-image-gallery.work-gallery{
    gap: 10px!important; 
    --gutter: 10px!important;
  }
 
     .home-testimonials .owl-dots {
        width: 50%;
    }
    .home-testimonials .owl-nav{
      width: 100%;
    }

}


@media screen and (max-width:350px) {

      header .main-button {
        width: 85px !important;
        font-size: 11px !important;
        height: 30px !important;
    }
        header .main-button:after {
        width: 30px;
        height: 30px;
        right: -31px;
    }
    #brxe-fvdvyf {
        padding-right: 25px;
    }
        #brxe-xkrgex .bricks-site-logo {
        width: 130px;
    }
    .popup {
        padding:20px;
    }

}