@media (min-width: 1600px) {
  .container {
    max-width: 1570px;
  }
}

@media (max-width: 1750px) {
  .banCont {
    margin: 0;
    padding-right: 4rem;
  }
  .about-intwo-sect {
    padding: 2rem 0;
   }
  .ban-img {
      margin-right: -3rem;
  }
  .banCont h1 {
    font-size: 4rem;
  }
  .moc-widget {
    transform: translate(6%, -35%);
    }

    .moc-orbit {
        width: min(60vw, 700px);
    }

    .ban-cont-hero {
        margin-left: -7rem;
    }

    .ban-cont-hero figure img.img-fluid {
        width: 90%;
    }
    .line-two {
        top: 45%;
        left: 27%;
    }
    .modal-dialog {
        max-width: 70vw;
    }

    .formpop .modal-content {
        min-height: 90vh;
    }

    .mdb-right h3 {
        font-size: 1.75rem;
    }

}
@media (max-width: 1600px) {
  .moc-tag img {
    width: 8vw;
  }
  .cta-cont:before {
    top: 10px;
    left: 10px;
    right: -10px;
    bottom: -10px;
  }
  .line-one {
        top: 41%;
    }

    .line-two {
        top: 41%;
    }

    img.line-three {
        top: 40%;
    }
  .serv-ab-cont {
        padding: 5rem 5rem 5rem 4rem;
    }

  .moc-orbit {
    width: min(60vw, 650px);
  }
  .banCont h1 {
    font-size: 3.5rem;
  }
  .about-intwo-sect .aboutCont {
    padding: 50px 0px 50px 0;
  }

  .support-box ul li {
      font-size: 12px;
  }

  .img h3 {
      font-size: 2.25rem;
  }

  .sectionHeading {
      font-size: 2.75rem;
  }

  .about-two-sect:before {
      height: 50%;
  }

  .why-sect p {
  }

  .why-box h3 {
      font-size: 1.35rem;
  }

  .trg-box h3 {
      font-size: 1.25rem;
  }

  .count-icon-box p {
      font-size: 13px;
      line-height: 1.35;
  }

  .count-icon-box {
      padding: 0 1.5rem;
  }

  .serv-slider {
      margin: 60px 0 0;
  }

  .how-cont {padding: 1.5rem;margin: 7rem 0 0;}

  .how-box {
      padding: 5rem 3rem;
  }

  .how-box .col-md:nth-child(odd) .how-cont {
      margin: 3rem 0 0;
  }

  .fd-cont .nav-tabs {
      gap: 10px;
  }

  .fd-cont .nav-tabs .nav-link {
      text-align: left;
      width: 178px;
  }

  .fb-cont {
      padding: 1.5rem;
  }

  .cnt-box h4 {
      font-size: 1.25rem;
  }

  .cnt-content {
      padding: 2.5rem 2rem 1rem;
  }

  .cnt-box.cnt-box-bef span:last-child p {
      font-size: 12px;
  }

  .foot-cont h3 {
      font-size: 1.1rem;
  }

  .foot-cont ul li {
      padding: 5px 0;
      font-size: 1rem;
  }

  .foot-cont ul li a {
      font-size: 1rem;
  }
  .arr-svg {
    width: 100%;
  }
}

@media (max-width: 1440px) {
  html {
    font-size: 14px;
  }
  .img h3 figure {
    width: 65%;
   }
  .blg-card .overlay .meta-box {
        flex: 0 0 70%;
    }

    .blg-card .overlay:before {
        height: 55px;
        width: 70%;
    }
  .recent-post .rp-title {
        font-size: 1.1rem;
    }

    .blog-detail-sect {
        padding: 1rem 0;
    }
  .serv-ab-cont.sera-cont {
        padding: 5rem 5rem 5rem 4rem;
    }
  .faq-body .test-in-sect {
        padding: 5rem 0;
    }
    .blg-card .overlay .meta-box h4 {
        font-size: 14px;
    }

    .blg-card .overlay .meta-box h5 {
        font-size: 12px;
        padding: 7px 14px;
    }
  .star {
        font-size: 70px;
    }

    .item .word {
        font-size: 70px;
    }
  .ban-cont-hero figure img.img-fluid {
        width: 80%;
        margin: 0;
    }

    .ban-cont-hero {
        margin-left: -5rem;
    }

    .main-banner {
        margin-top: 0;
    }

    .moc-orbit {
        width: min(60vw, 550px);
    }

    .ban-cont-hero figure {
        text-align: center;
    }

    .desktop-nav > ul {
        gap: 20px;
    }
    .moc-tag img {
        width: 7vw;
    }
  .main-banner.inner-banner {
        min-height: 600px;
    }

    .about-logo-slider .img h3 {
        font-size: 5.5rem;
    }

  .banCont h3 {
      font-size: 12px;
  }

  .support-box ul {
      flex-wrap: wrap;
  }

  .btn-box .themeBtn:first-child {
      padding: 15px 30px;
      margin: 0;
  }

  .themeBtn {
      padding: 15px 22px;
  }

  .btn-box .themeBtn:last-child {
      padding: 15px 30px;
      margin: 0;
  }

  .btn-box {
      margin: 0;
  }

  .menuList ul {gap: 25px;}

  .img h3 {
      font-size: 2rem;
      gap: 45px;
  }

  .ab-box {
      padding: 30px 24px;
  }

  .aboutCont ul li {
      font-size: 13px;
      padding: 5px;
      gap: 6px;
  }

  .cb-box ul li {
      padding: 22px 16px;
  }

  .vs-box h4 {
      height: 70px;
      width: 70px;
  }

  .fb-cont h4 {
      font-size: 1.125rem;
  }

  .fb-cont {
      padding: 1.5rem 1.125rem;
  }
  .how-cont {
    padding: 1rem;
  }
  a.headBtn h3 {
        font-size: 1.1rem;
    }

    .desktop-nav {
        gap: 25px;
    }
    .desktop-nav > ul > li > a {
        font-size: 12px;
    }
    .banCont {
        padding-right: 0;
    }
}

@media (max-width: 1199px) {
  html {
    font-size: 12px;
  }
  .img h3 figure {
        width: 55%;
    }
  .formpop form .form-control, .formpop form .form-select {
        height: 60px;
    }

    .mdb-right p {
        font-size: 13px;
        padding: 0;
        margin: 20px 0;
    }

    .mdb-right h3 {
        font-size: 1.5rem;
    }

    .formpop .modal-content {
        min-height: 75vh;
    }
    .formpop form textarea.form-control {
        height: 110px;
    }
  .desktop-nav > ul {
        gap: 10px;
    }

    .desktop-nav > ul > li > a {
        font-size: 11px;
    }

    .desktop-nav {
        gap: 20px;
    }
  .blg-card .overlay:before {
        height: 40px;
        width: 80%;
    }
  .widget {
        padding: 22px;
        border-radius: 15px;
    }
  .sac-cont h3 {
        font-size: 3rem;
    }
  .line-two {
        top: 40%;
        transform: translate(-55%, 35%) rotate(-15deg);
        left: 25%;
        width: 32%;
    }

    .line-one {
        transform: translate(-50%, 35%) rotate(15deg);
        width: 30%;
        left: 52%;
    }

    .line-three {
        top: 44%;
        left: 40%;
        transform: translate(65%, 35%) rotate(-15deg);
        width: 30%;
    }
  .blg-card .overlay .meta-box {
        padding: 0 18px;
        flex: 0 0 80%;
    }

    .blg-card .overlay .meta-box h4 {
        font-size: 10px;
    }

    .blg-card .overlay .meta-box h5 {
        font-size: 10px;
        padding: 5px 12px;
    }
  .test-in-sect .form-box .fb-cont:first-child, .test-in-sect .form-box .fb-cont:nth-child(2) {
        flex: 0 0 49%;
    }

    .test-in-sect .form-box .fb-cont:last-child {
        flex: 0 0 100%;
    }
  .moc-orbit {
        width: min(60vw, 425px);
    }

    .moc-widget {
        transform: translate(10%, -50%);
    }

    .ban-cont-hero figure img.img-fluid {
        width: 90%;
    }
    .cta-cont:before {
        top: 6px;
        left: 6px;
        right: -6px;
        bottom: -6px;
        padding: 3px;
    }
  .abin-box {
        padding: 30px 25px;
    }
  .main-banner.inner-banner {
        margin-top: -12rem;
    }

    .about-intwo-sect:before {
        height: 100%;
    }

    .about-logo-slider .img h3 {
        font-size: 5rem;
    }

  .ht-right ul {
      gap: 40px;
  }

  .menuList ul li a {
      font-size: 13px;
  }

  .menuList ul {
      gap: 15px;
  }

  .main-banner {
      margin-top: 0;
      border-top: 0;
      padding: 7rem 0 0;
  }

  .banCont h3 {
      padding: 10px 8px;
  }


  .img h3 {
      font-size: 1.5rem;
      gap: 55px;
  }

  section {
      padding: 6rem 0;
  }

  .sectionHeading {
      font-size: 2.5rem;
  }

  .about-two-sect .aboutCont {
      padding: 0 50px 0 0;
  }

  .ab-two-boxes {
      margin-right: 3rem;
      gap: 10px;
      margin-left: -6rem;
  }

  .about-two-sect:before {
      height: 40%;
  }

  .why-box {
      padding: 0 25px 10px;
  }

  .count-icon-box {
      gap: 10px;
  }

  .count-icon-box figure {
      height: 50px;
      width: 50px;
  }

  .how-cont h3 {
      height: 50px;
      width: 50px;
      margin: 0 auto;
  }

  .how-cont h4 {
      margin: 15px 0 10px;
  }

  .rev-box figure {
      height: 90px;
      width: 90px;
  }

  .form-box {
      flex-wrap: wrap;
      gap: 0;
  }

  .form-box .fb-cont:first-child {
      flex: 0 0 100%;
  }

  footer .container {
      padding: 5rem 3rem;
  }

  .rev-box figure img {
      width: 25%;
  }
}

/* Tablets (768px - 991px) */
@media (max-width: 991px) {
  .header-top {
    display: none;
  }
  .mdb-left {
        display: none;
    }

    .mdb-right {
        flex: 0 0 100%;
        padding: 0 3rem;
    }

    .formpop .modal-content {
        min-height: 70vh;
    }
  
  .widget-title {
        display: block;
    }

    .recent-post {
        width: 49%;
        display: inline-flex;
    }
  .serv-about-sect {
        padding-bottom: 0;
    }
  .sac-cont {
        margin: 1rem 0;
    }
    .serv-body .cta-sect .btn-box.cta-btn {
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }

    .serv-body .cta-sect .btn-box.cta-btn .themeBtn {
        margin: 0;
    }
    .line-one, .line-two, .line-three {
        display: none;
    }
    .exp-sect {
        text-align: center;
    }

    .exp-cont {
        margin: 1rem 0 0;
    }

    .step-card {
        flex-direction: column !important;
        margin-bottom: 2rem;
    }
  .cta-sect.serv-cta-sect .btn-box.cta-btn {
        justify-content: start;
    }
  .serv-body .main-banner.inner-banner .banCont {
        padding: 10rem 0 5rem;
    }
    .serv-ab-cont {
        margin: 0 0 0 0;
    }
    .srvin-img {
        width: 30%;
    }
  .item .word {
        font-size: 50px;
    }

    .star {
        font-size: 50px;
    }
  .ban-cont-hero {
        margin: 0;
    }

    .moc-orbit {
        width: min(75vw, 600px);
    }

    .moc-widget {
        top: 50%;
        transform: translate(10%, -15%);
    }

    .moc-tag img {
        width: 12vw;
    }
  .header-bottom {
        padding: 20px 0;
        margin: 0;
        border-radius: 0;
    }
  .main-banner.inner-banner .banCont {
        padding-right: 15rem;
        padding-bottom: 0;
    }

    .main-banner.inner-banner {
        min-height: 500px;
        padding-top: 5rem;
    }

    .about-in-sect .aboutCont {
        margin-bottom: 4rem;
    }

    .about-logo-slider .img h3 {
        font-size: 3rem;
    }
    .about-intwo-sect {
        padding-bottom: 0;
    }

    .about-intwo-sect .aboutCont {
        padding: 5rem 4rem;
    }


  .main-banner {
      border: 0;
      border-radius: 0;
  }
  .row.rev-row {
    flex-direction: column-reverse;
  }

  .aboutCont {
      padding: 0;
  }

  .about-sect:before {
      display: none;
  }
  .ab-two-cont figure {
    margin: 5rem 0 30px;
  }

  .ab-box {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
  }

  .ab-two-boxes .ab-box:first-child {
      margin: 0 !important;
  }

  .ab-two-boxes {
      margin: 0;
  }

  .ab-box figure {
      margin: 0 0 20px;
  }

  .about-two-sect:before {
      display: none;
  }

  .about-two-sect .aboutCont {
      padding: 0;
  }

  .ab-two-cont {
      padding: 0;
  }

  .about-sect .ab-box {
      margin: 25px 0 0 !important;
  }
  .count-box {
    flex: 0 0 100%;
    padding: 1rem 0 0;
    flex-wrap: wrap;
  }

  .trg-box {
      flex: 0 0 100%;
      border-radius: 20px 20px 0 0;
      text-align: center;
  }

  .count-icon-box {
      padding: 1rem;
      flex-direction: column;
      align-items: center;
      text-align: center;
  }

  .count-box .count-icon-box + .count-icon-box:before {
      height: 105px;
  }


  .trg-box h3:before {
      transform: translateX(-50%);
      left: 50%;
  }
  .fd-cont {
    margin-top: 4rem;
    position: relative;
  }
  .fd-cont-box {
    margin: 1rem 0 0;
  }
  .nc-box {
    flex-direction: column;
    text-align: center;
  }
  .form-box .fb-cont:first-child {
    flex: 0 0 47%;
  }

  .form-box .fb-cont:nth-child(2) {
      flex: 0 0 50%;
  }

  .cta-cont p {
      padding: 0;
      margin-bottom: 2rem;
  }
  .foot-cont p {
    padding: 0 50px 10px 0;
  }

  .foot-cont ul.icon-list {
      margin: 10px 0 30px;
  }
  .why-slider .slick-slide,
  .found-slider .slick-slide,
  .proof-slider .slick-slide,
  .revenue-slider .slick-slide,
  .how-slider .slick-slide {
        margin: 0 5px;
    }
    .brand {
        width: 35%;
    }   
    a.headBtn h4 {
        color: white;
    }

    a.headBtn h3 {
        color: white;
    }
}

/* Mobile (max 767px) */
@media (max-width: 767px) {
    .img h3 {
        font-size: 1.5rem;
        gap: 30px;
    }
    a.headBtn h4 {
        color: white;
    }
    .formpop .modal-content {
        min-height: 80vh;
        padding: 5rem 0;
    }

    .modal-dialog {
        max-width: 85vw;
        margin: auto;
    }

    a.headBtn h3 {
        color: white;
    }
    .submenu li a {
        font-size: 14px;
    }
    .quote-block .quote-icon {
        flex: 0 0 25%;
    }

    .tag-cont span.me-2.fw-semibold.small {
        font-size: 1.25rem;
    }

    .tag-cont .tag-pill {
        padding: 10px 20px;
    }

    .nav-circle {
        height: 40px;
        width: 60px;
    }

    .nav-btn {
        width: 200px;
        height: 60px;
    }

    .recent-post {
        width: 75%;
    }
    .step-text p {
        font-size: 12px;
    }
    .map img {
        height: 450px;
        object-fit: cover;
    }
    .blg-foot h4 {
        font-size: 11px;
    }

    .blg-foot h5 {
        font-size: 12px;
    }

    .blg-card .overlay:before {
        opacity: 1;
        width: 100%;
        border-radius: 14px 14px 0 0;
    }

    .blg-card .overlay .meta-box {
        flex: 0 0 100%;
        padding: 0 1.5rem;
    }

    .blg-body {
        padding-top: 0;
    }
    .test-in-sect .sub-form-cont {
        padding: 3rem 2rem;
    }


    .faq-body #faqAccordion {
        margin: 1rem 0 0;
    }
    
    .test-body .test-in-sect {
        padding-bottom: 3rem;
    }
    .ser-ban {
        padding: 2rem;
        flex-wrap: wrap;
    }

    .ser-ban .icon-box {
        flex: 0 0 48%;
    }

    .servin-head {
        flex-direction: column;
        align-items: self-start;
        gap: 0;
        margin-bottom: 2rem;
    }
    .moc-widget {
        top: 50%;
        transform: translate(10%, 25%);
    }
    .main-banner.inner-banner .banCont {
        padding-right: 0;
    }

    .about-logo-slider .img h3 {
        font-size: 2.25rem;
    }
    .test-box-btn {
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 10px;
    }

    .test-review {
        padding: 10px 20px 10px 10px;
    }
    footer .d-flex {
        flex-direction: column-reverse;
        gap: 10px;
    }
    .nc-box {
        margin: 20px 0;
    }
    .foot-cont h3 {
        margin: 30px 0 15px;
    }

    .foot-cont ul.icon-list {
        margin: 10px 0 0;
    }
    .foot-cont a img {
        width: 50%;
    }
    .faq-help-btn {
        display: none;
    }
}

/* Small mobile (max 480px) */
@media (max-width: 567px) {
    .about-in-sect .aboutCont {
        padding: 0;
    }
    .formpop form .form-control, .formpop form .form-select {
        height: 50px;
    }

    .mdb-right {
        padding: 0 2rem;
    }
    .btn-box {
        flex-direction: column;
        gap: 10px;
        align-items: baseline;
    }

    .cta-cont .btn-box.cta-btn {
        align-items: center;
    }

    .formpop .modal-content {
        padding: 4rem 0;
        border-radius: 15px;
    }

    .modal-dialog {
        max-width: 90vw;
        margin: auto;
    }
    .offcanvas-header .brand {
        width: 50%;
    }
    .brand {
        width: 40%;
    }
    ul.submenu {
        column-count: 1;
    }
    .submenu li a {
        font-size: 12px;
        padding: 10px 4px;
    }

    .submenu-back {
        font-size: 1.5rem;
    }

    .submenu-back .back-icon {
        height: 30px;
        width: 30px;
        font-size: 15px;
    }
    .quote-block .quote-icon img {
        width: 40%;
    }

    .quote-block .quote-icon {
        padding: 2rem 0;
        width: 70px;
    }

    .quote-block {
        flex-direction: column;
        align-items: flex-start;
    }
    .tag-cont {
        flex-wrap: wrap;
    }

    .tag-cont span.me-2.fw-semibold.small {
        display: block;
        flex: 0 0 100%;
        width: 100%;
    }


    .nav-btn {
        font-size: 1rem;
        width: 140px;
    }

    .nav-circle {
        height: 40px;
        width: 40px;
    }
    .recent-post {
        width: 100%;
    }
    .coment-form input {
        height: 60px;
        margin: 14px 0 0;
    }
    .coment-form input.form-check-input {
        margin-top: 0;
    }
    .serv-ab-cont.sera-cont {
        padding: 4rem 1rem;
    }
    .proof-sect .btn-box {
        flex-direction: column;
        gap: 10px;
        margin-top: 40px;
    }
    .blg-card .overlay:before {
        content: '';
        height: 45px;
    }
    .faq-body .test-in-sect {
        padding: 3rem 0;
    }
    .test-in-sect .form-box .fb-cont:first-child, .test-in-sect .form-box .fb-cont:nth-child(2) {
        flex: 0 0 100%;
    }
    .ser-ban .icon-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
        flex: 0 0 45%;
    }

    .serv-ab-cont {
        padding: 4rem 1rem;
    }

    .serv-ab-cont ul {
        margin-bottom: 1rem;
    }


    .subtitle {
        font-size: 11px;
    }



    .about-intwo-sect .aboutCont {
        padding: 3rem 1rem;
    }

    .star {
        font-size: 25px;
    }

    .item .word {
        font-size: 30px;
    }

    .item {
        padding: 0 1rem;
        gap: 1.5rem;
    }
    .faq-top-actions {
        display: none;
    }

    .ban-cont-hero {
        display: none;
    }
    .banCont h3 span {
        flex: 0 0 8%;
    }
    .problem-slider .slick-slide {
        margin: 0 10px;
    }

    .banCont h3 {
        font-size: 10px;
        padding: 10px 5px;
    }

    .banCont h1 {
        font-size: 2.75rem;
    }

    .btn-box .themeBtn:first-child {
        padding: 10px 15px;
    }

    .btn-box .themeBtn:last-child {
        padding: 10px 20px;
    }

    .btn-box {
        gap: 5px;
    }

    .support-box ul {
        gap: 10px;
    }

    .ban-img {
        margin: 0;
    }

    .img h3 {
        font-size: 2rem;
        gap: 40px;
    }

    .sectionHeading {
        font-size: 2rem;
    }

    .themeBtn {
        margin: 0;
        padding: 10px 20px;
    }

    .body-btns {
        gap: 5px;
    }

    .ab-box {
        padding: 2rem !important;
    }

    .faq-answer-inner {
        padding: 0 30px 22px 64px;
    }

    .cta-cont {
        padding: 3rem;
    }

    .btn-box.cta-btn {
        flex-direction: column;
        gap: 10px;
    }

    .cnt-box {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .cnt-box span:last-child {
        margin: unset;
    }
    .form-box .fb-cont:first-child {
        flex: 0 0 100%;
    }

    .form-box .fb-cont:nth-child(2) {
        flex: 0 0 100%;
    }

    .serv-sect .sectionHeading {
        padding: 0;
    }

    section {
        padding: 4rem 0;
    }
    .count-icon-box {
        flex: 0 0 50%;
    }

    .count-box .count-icon-box:nth-child(3):before {
        height: 2px;
        width: 55%;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .count-box .count-icon-box:nth-child(4):after {
        content: '';
        height: 2px;
        width: 55%;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0%);
        background: #E2E8F0;
        position: absolute;
    }
    .about-intwo-sect .aboutCont {
        padding: 5rem 2rem;
    }   

}

@media (max-width: 480px) {
    
}