@media (max-width: 1500px) {

  /* action section */

  .action-section .action-content {

    padding-left: 30px;

  }

}



@media (max-width: 1399px) {

  /* hero section */

  .hero-section, .hero-section.privacy-hero {

    padding-top: 150px;

  }



  .work-slider-sec .work-slider .owl-nav {

    transform: translateX(39%);

  }



  /* action section */

  .action-section .action-video .video {

    height: 450px;

    width: 760px;

  }



  .action-section .action-video::before {

    height: 480px;

    width: 525px;

  }



  /* work section */

  .work-slider-sec .work-slider .work-slider-content .work-con {

    padding-inline: 63px;

    padding-top: 72px;

    padding-bottom: 120px;

  }



  .work-slider-sec .work-slider .work-slider-img {

    width: 580px;

  }

}



@media (max-width: 1199px) {

  /* header */

  .header-section .navbar-nav {

    gap: 17px;

  }



  .work-section .container {

    max-width: 991px;

  }



  .work-slider-sec .work-slider .owl-nav {

    bottom: 37px;

    transform: translateX(51%);

  }



  .header-section .common-btn a {

    padding: 10px 22px;

  }



  /* section title */

  /* .section-title {

    margin-bottom: 10px;

  } */



  /* hero section */

  .hero-section, .hero-section.privacy-hero {

    padding-top: 120px;

    padding-bottom: 51px;

  }



  .hero-section h1 {

    font-size: 57px;

  }



  .hero-section .common-btn a {

    padding: 15px 74px;

  }



  .hero-section .hero-con {

    margin-bottom: 45px;

  }



  /* work section */

  .work-section .section-title {

    margin-bottom: 30px;

  }



  .work-section .work-box .work-details {

    padding: 24px 26px;

  }



  .r-work-section .r-work {

    padding: 55px 30px;

  }



  .work-slider-sec .work-slider .work-slider-img {

    width: 510px;

  }



  .work-slider-sec .work-slider .work-slider-content .work-con {

    padding-inline: 33px;

    padding-top: 40px;

    padding-bottom: 40px;

  }



  .r-work-section .r-work {

    margin-bottom: 70px;

  }



  /* difference section */

  .diff-sec .diff-box .diff-icon {

    height: 90px;

    width: 90px;

  }



  .diff-sec .diff-box .diff-icon img {

    height: 44px;

    width: 44px;

  }



  .diff-sec .diff-box {

    padding-top: 80px;

  }



  /* action section */

  .action-section .action-video .video {

    height: 330px;

    width: 630px;

  }



  .action-section .action-video::before {

    height: 380px;

    width: 485px;

  }



  .action-section .common-btn a {

    padding: 15px 54px;

  }



  /* ========== about page ========== */

  /* hero section */

  .about-hero {

    padding-bottom: 10px;

  }



  /* about section */

  .about-section .about-detail h2 {

    font-size: 38px;

  }



  /* about work section */

  .work-a-section .work-a-content {

    padding: 56px 40px;

  }



  /* follow section */

  .follow-sec .f-social-box {

    padding: 20px 15px;

  }



  .follow-sec .f-social-box .f-social-icon {

    height: 54px;

    width: 54px;

  }

}



@media (max-width: 991px) {

  /* section title */

  .section-title {

    margin-bottom: 30px;

  }



  /* section space */

  .section-space {

    padding: 50px 0;

  }

  .diff-sec .diff-box {

    margin-top: 0;

  }

  .section-title-md-why {

    margin-bottom: 60px;

  }

  /* hero section */

  .hero-section, .hero-section.privacy-hero {

    padding-bottom: 60px;

    padding-top: 160px;

  }



  .follow-sec .f-social-box .f-social-name,

  .section-title p {

    font-size: 16px;

  }



  .work-a-section .section-title h2 {

    margin-bottom: 25px;

    font-size: 25px;

  }



  /* header */

  .header-section .header-toggler:focus {

    outline: none;

    box-shadow: none;

  }



  .header-section .header-toggler span {

    width: 30px;

    background-color: var(--primary-color);

    display: block;

    height: 3px;

    border-radius: 10px;

  }



  .header-section .header-toggler span:nth-child(2) {

    margin: 5px 0px;

  }



  .header-section .navbar-collapse {

    position: fixed;

    top: 0px;

    bottom: 0px;

    right: 0px;

    left: -350px;

    height: 100vh;

    background-color: #fff;

    width: 320px;

    transition: all 0.5s ease;

    padding: 45px 30px;

    box-shadow: 0 0 40px rgba(0, 0, 0, 0.14);

  }



  .header-section .navbar-collapse.active {

    left: 0;

  }



  .header-section .navbar-collapse.collapsing {

    height: 100vh !important;

  }



  .header-section .inner-nav {

    align-items: center;

    height: 100%;

  }



  .header-section .navbar-nav .nav-item {

    text-align: left !important;

    width: 100% !important;

  }



  .header-section .navbar-nav li a {

    padding: 5px 0px !important;

    font-size: 16px;

    line-height: normal;

  }



  .header-section .navbar-nav li a.active,

  .header-section .navbar-nav li a:hover {

    color: var(--primary-color);

  }



  .header-section .common-btn {

    padding: 16px 0;

  }



  .header-section .close-icon {

    display: block;

  }



  /* hero section */

  .hero-section h1 {

    font-size: 38px;

    margin-bottom: 16px;

    line-height: normal;

  }



  .hero-section .common-btn a {

    padding: 15px 64px;

  }



  .hero-section .hero-con {

    margin-bottom: 35px;

  }



  /* work section */

  .work-section.section-space {

    padding-bottom: 0;

  }



  .section-title h2 {

    font-size: 38px;

  }



  .r-work-section .r-work {

    padding: 40px 20px;

  }



  .r-work-section .r-work p {

    font-size: 16px;

  }



  .sec-box p {

    font-size: 16px;

  }



  .diff-sec .diff-box .diff-details h3 {

    font-size: 20px;

  }



  .r-work-section .r-work h2 {

    margin-bottom: 22px;

  }



  /* action section */

  .section-space.action-section {

    padding-top: 70px;

  }



  .action-section .action-video::before {

    width: 90%;

    height: 385px;

  }



  .action-section .action-content {

    padding-left: 0;

  }



  .try-section .try-box .common-btn a,

  .w-flow-section .common-btn a {

    padding: 10px 25px;

  }



  .action-section .d-flex.g-4 {

    flex-direction: column;

    gap: 40px;

  }



  .action-section .action-video .video {

    height: 350px;

    width: 100%;

  }



  .action-section .action-content .action-list .d-flex {

    margin-bottom: 23px;

  }



  /* work flow section */

  .w-flow-section .w-flow-box .d-flex .w-flow-icon {

    height: 64px;

    width: 64px;

    padding: 14px;

  }



  .w-flow-section .w-flow-box .d-flex .w-flow-detail h4 {

    font-size: 20px;

  }



  /* accordion section */

  .accordion-section .accordion-item {

    width: 100%;

  }



  .accordion-section .accordion-button h5 {

    font-size: 20px;

  }



  .accordion-section .accordion-button span {

    font-size: 18px;

  }



  .accordion-section .accordion-button {

    gap: 15px;

  }



  /* ========== about page ========== */

  /* about section */

  .about-section .about-detail h2 {

    font-size: 30px;

  }



  .about-section .about-detail {

    padding-left: 30px;

  }

}



@media (max-width: 767px) {

  .header-section .common-btn a {

    font-size: 14px;

  }
  #pdf-container{
    width: 715px !important;
  }



  /* work section */

  .section-title h2 {

    font-size: 30px;

    margin-bottom: 30px;

  }



  .work-section .work-box .work-details {

    padding: 24px 16px;

  }



  .r-work-section .r-work {

    margin-top: 40px;

  }



  .r-work-section .r-work {

    padding: 22px;

  }



  /* action section */

  .action-section .action-video::before {

    height: 350px;

  }



  /* try section */

  .try-section .try-box {

    padding: 56px;

  }



  /* ========== about page ========== */

  .about-section .about-detail {

    padding-left: 0;

  }



  .work-a-section .work-a-content {

    padding: 36px 30px;

  }



  /* follow section */

  .follow-sec .section-title {

    margin-bottom: 23px;

  }



  .follow-sec .section-title h2 {

    margin-bottom: 0;

  }



  /* footer */

  .footer-sec .footer-con {

    width: 100%;

  }

  .privacy-page .footer-sec .main-footer, .terms-page .footer-sec .main-footer{
    margin-top: 50px;
  }

}



@media (max-width: 575px) {

  /* section title */

  .section-title h2 {

    font-size: 24px;

  }



  .section-title p {

    font-size: 16px;

  }



  .hero-section h1 {

    font-size: 30px;

  }



  /* hero section */

  .hero-section .common-btn a {

    padding: 12px 45px;

  }



  .work-slider-sec .work-slider .work-con h2 {

    font-size: 20px;

  }



  /* try section */

  .try-section .try-box {

    padding: 30px;

  }



  /* work section */

  .r-work-section .r-work {

    margin-bottom: 40px;

  }



  .work-slider-sec .work-slider .work-slider-content .work-con {

    padding-bottom: 20px;

    padding-inline: 20px;

  }



  /* difference section */

  .diff-sec .diff-box .diff-icon {

    height: 80px;

    width: 80px;

  }



  .diff-sec .diff-box .diff-icon img {

    height: 40px;

    width: 40px;

  }



  .diff-sec .diff-box {

    padding-top: 80px;

  }



  /* accordion section */

  .accordion-section .accordion-button span {

    font-size: 16px;

  }



  /* ========== about page ========== */

  .work-a-section .work-a-content {

    padding: 26px 20px;

  }

}



@media (max-width: 500px) {

  /* header */

  .header-section .navbar-nav li a {

    padding: 9px 0px !important;

    font-size: 18px;

    line-height: 20px;

  }



  .header-section .navbar-nav li .login-a {

    font-size: 18px;

    line-height: 27px;

    padding: 9px 40px !important;

  }

  .action-section .action-video .video {

    height: auto;

    width: 100%;

  }

  .action-section .action-video::before {

    height: 100%;

  }

}



@media (max-width: 375px) {

  /* work flow section */

  .w-flow-section .w-flow-box .d-flex {

    flex-wrap: wrap;

    justify-content: center;

    margin-bottom: 17px;

  }



  .w-flow-section .w-flow-box .d-flex .w-flow-detail h4 {

    text-align: center;

  }



  .w-flow-section .w-flow-box p {

    text-align: center;

  }



  .w-flow-section .w-flow-box p {

    padding-bottom: 22px;

  }



  /* work section */

  .work-slider-sec .work-slider .work-slider-img {

    width: 260px;

  }

}



@media (max-width: 1450px) {

  .r-work-section .container {

    max-width: 1200px;

  }



  .work-slider-sec .work-slider .owl-nav {

    bottom: 62px;

    transform: translateX(96%);

  }

}



@media (max-width: 1140px) and (min-width: 1200px) {

  .work-slider-sec .work-slider .work-slider-img {

    width: 480px;

  }



  .work-slider-sec .work-slider .work-slider-content .work-con {

    padding-inline: 33px;

    padding-top: 32px;

  }



  .action-section .action-video .video {

    height: 370px !important;

    width: 600px !important;

  }

}



@media (max-width: 1024px) and (min-width: 1200px) {

  .action-section .action-video .video {

    height: 280px !important;

    width: 520px !important;

  }



  .action-section .action-video::before {

    height: 315px !important;

  }

}



@media (max-width: 1271px) and (min-width: 1200px) {

  .action-section .action-video .video {

    height: 370px;

    width: 680px;

  }



  .action-section .action-video::before {

    height: 410px;

  }

}



@media (max-width: 886px) {

  /* work section */

  .work-slider-sec .work-slider .work-slider-img {

    width: 420px;

    margin-right: 0;

  }

  .work-slider-sec .work-slider .work-slider-content {

    padding: 30px 30px 10px 30px;

  }

  .work-slider-sec .work-slider .work-slider-content .work-con {

    border-radius: 20px;

  }

  .work-slider .d-flex {

    flex-direction: column;

  }



  .work-slider-sec .work-slider .work-slider-content {

    margin-top: -50px;

    margin-left: 15px;

  }



  .work-slider-sec .work-slider .owl-nav {

    bottom: 50px;

    right: 340px;

  }

}

@media (max-width: 600px) {

  .work-section .work-box img {

    width: 100%;

  }

}

@media (max-width: 520px) {

  .work-slider-sec .work-slider .work-slider-img {

    width: 400px;

  }



  .tester-sec .tester-box p {

    font-size: 15px;

    text-align: center;

  }



  .tester-sec .tester-box .d-flex .tester-detail span {

    font-size: 13px;

    text-align: center;

    display: block;

  }



  .tester-sec .tester-box .d-flex .tester-detail h3 {

    text-align: center;

    font-size: 18px;

  }



  .tester-sec .tester-box .d-flex {

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }



  .tester-sec .tester-box {

    padding: 12px;

  }



  .tester-sec .tester-box .tester-start {

    justify-content: center;

  }



  .about-hero {

    padding-bottom: 10px;

  }



  .follow-sec .f-social-box .f-social-name {

    font-size: 18px;

  }



  .follow-sec .f-social-box {

    padding: 13px 9px;

  }



  .follow-sec .f-social-box .f-social-icon {

    height: 50px;

    width: 50px;

  }

  .padding-top-sm {

    padding-top: 0;

  }

  .hero-section, .hero-section.privacy-hero {

    padding-bottom: 15px;

    padding-top: 113px;

  }

}



@media (max-width: 460px) {

  .work-slider-sec .work-slider .work-slider-img {

    width: 300px;

  }

}