@media (max-width: 1440px) {
  .whybusinesschoose .whybusinesschoose-inner .business-row .business-bx .img {
    width: 10.5rem;

    height: 10.5rem;
  }
}

@media (max-width: 1399px) {
  section.resouces-details .heading-resources h2 br {
    display: none;
  }

  html {
    font-size: 85%;
  }
  .servbx .text {
    bottom: -8.75rem;
  }
}

@media (max-width: 1199px) {
  html {
    font-size: 82%;
  }

  h1 {
    font-size: 3rem;

    line-height: 3.5rem;

    margin-bottom: 1.5625rem;
  }

  h2 {
    font-size: 2.2rem;
  }

  /* h3 {

    font-size: 1.15rem;

  } */

  .defaultspacingsection {
    padding: 3rem 0;
  }

  .servbx .text {
    bottom: -9.95rem;
  }

  .why-choose .whybx {
    gap: 2rem;
  }

  .mainft .ftinner {
    padding-top: 3rem;
  }

  .service .servicebx .text ul li {
    max-width: calc(50% - 1.25rem);

    width: 100%;
  }
}

/* only menubar */

@media (max-width: 991px) {
  h1 {
    font-size: 1.875rem;

    line-height: 2.375rem;

    margin-bottom: 1.5625rem;
  }

  h2 {
    font-size: 1.625rem;
  }

  .banner {
    position: relative;

    background: #06294d;
  }

  .banner .text {
    max-width: 26rem;
  }

  .shift-right {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 1rem;

    flex-direction: row-reverse;
  }

  .servbx {
    height: 20rem;
  }

  .servbx .text {
    bottom: -11.95rem;
  }

  .servbx .text::before {
    display: none;
  }

  .servbx:hover .text {
    background: linear-gradient(180deg, #06294d 0%, #4179b3 132.17%);
  }

  /* add css by Ali */

  section.resouces-details .heading-resources {
    grid-template-columns: 1fr;

    gap: 1.25rem;
  }

  /* add css by Ali */

  section.resouces-details .heading-resources {
    grid-template-columns: 1fr;

    gap: 1.25rem;
  }

  .mainft .ftinner .ft-top {
    flex-direction: column;

    gap: 15px;

    align-items: flex-start;
  }

  .mainft .ftinner .ft-top .lfttext {
    max-width: 100%;

    width: 100%;
  }

  .mainft .ftinner .ftbot .ftbotrow {
    flex-wrap: wrap;

    gap: 20px;
  }

  .mainft .ftinner .ftbot .ftbotrow .ftlogo {
    width: 100%;

    gap: 15px;
  }

  .mainft .ftinner .ftbot .ftbotrow .ftcolumns {
    flex: 1 0 0;
  }

  .whybusinesschoose .whybusinesschoose-inner .business-row {
    flex-wrap: wrap;

    gap: 15px;

    justify-content: center;
  }

  .whybusinesschoose .whybusinesschoose-inner .business-row .business-bx {
    width: 10.5rem;

    flex-direction: column;

    align-items: center;

    gap: 1.875rem;
  }

  .whybusinesschoose .whybusinesschoose-inner .business-row .business-bx .img {
    width: 6.5rem;

    height: 6.5rem;
  }

  .whybusinesschoose .whybusinesschoose-inner .business-row .business-bx .img img {
    width: 4rem;

    height: 4rem;
  }

  .whybusinesschoose .whybusinesschoose-inner .business-row > div.arrows:nth-child(3) {
    display: none;
  }

  .innerbanner h1 {
    font-size: 2.25rem;

    line-height: 2.5rem;
  }

  section.whoweare .text {
    text-align: center;
  }

  .client-login.client-register .form .input-form .two-column {
    flex-direction: column;

    gap: 0;
  }

  /* add css by Ali */
  .plan-Pg {
    padding: 3.75rem 0;
    text-align: center;
  }

  .price-card ul li {
    text-align: left;
  }

  .tab-main-box .tab-box .row {
    gap: 1.25rem 0;
  }
}

/* for mobile  only */

@media (max-width: 767px) {
  html {
    font-size: 87%;
  }

  h1 {
    font-size: 2.25rem !important;

    line-height: 2.8rem;

    margin-bottom: 1.375rem;
  }

  h2 {
    font-size: 1.65rem !important;

    line-height: 2rem;

    margin-bottom: 1.375rem;
  }

  h3 {
    font-size: 1.47rem !important;

    line-height: 2.1rem;
  }

  h4 {
    font-size: 1.125rem !important;
  }

  h5 {
    font-size: 1.125rem !important;
  }

  p,
  .list li {
    font-size: 0.9rem !important;
  }

  .glb-btn {
    padding: 0.9rem 1.075rem !important;

    font-size: 0.9rem;
  }

  .banner .text {
    max-width: 100%;

    text-align: center;

    padding: 25px 0;

    position: relative;

    z-index: 1;
  }

  .banner .container {
    position: static;
  }

  .banner img {
    height: 30rem;

    object-position: 83%;
  }

  .servbx .text {
    bottom: -44%;
  }

  section.safety .row {
    gap: 1.25rem;
  }

  .why-choose .whychooserow {
    flex-wrap: wrap;
  }

  .why-choose .whybx {
    gap: 15px;

    align-items: center;

    text-align: center;

    width: 50%;

    max-width: none;

    flex: none;

    padding: 0.9375rem;
  }

  .why-choose .whybx + .whybx {
    border-top: 0.0625rem solid #e9e9e9;
  }

  section.resouces-details ul.list-points li {
    line-height: normal;
  }

  section.resouces-details ul.list-points li::before {
    top: 0.4625rem;
  }

  section.resouces-details ul.list-points {
    display: flex;

    flex-direction: column;

    gap: 0.625rem;

    margin: 0 0 1.25rem;
  }

  section.resouces-details h6 {
    font-size: 1rem;

    line-height: 1.5rem;
  }

  section.secure .securetextbx.col-adjust-5 ul.contact-list {
    margin-bottom: 1.25rem;
  }

  .secure .secure-inner {
    padding: 0.9375rem;

    text-align: center;
  }

  .secure .secure-inner .secureimgbx {
    height: auto;

    margin: 0 0 1.25rem;
  }

  .secure .secure-inner .securetextbx ul li .text {
    width: calc(100% - 4.1875rem);

    text-align: left;
  }

  .secure .secure-inner .securetextbx .btn {
    margin-top: 1.2rem;
  }

  section.partner {
    text-align: center;
  }

  section.partner .img {
    margin: 0 0 1.25rem;
  }

  section.partner .text h2 {
    margin-bottom: 1.25rem;
  }

  .mainft .ftinner {
    padding-top: 2.5rem;

    text-align: center;
  }

  .mainft .ftinner .ft-top {
    align-items: center;
  }

  .mainft .ftinner .ftbot .ftbotrow .ftlogo {
    align-items: center;

    margin: 0 0 1.25rem;
  }

  .mainft .ftinner .ftbot .ftbotrow .ftcolumns {
    flex: auto;

    width: 100%;

    justify-content: center;

    align-items: center;

    text-align: center;

    gap: 15px;
  }

  .mainft .ftinner .ftbot .ftbotrow .ftcolumns ul {
    align-items: center;
  }

  .mainft .ftinner .ftbot .ftbotrow {
    flex-wrap: wrap;

    gap: 30px;
  }

  .mainft .ftinner .ftbot .ftbotrow .ftcolumns h4:after {
    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;
  }

  .mainft .ftinner .ftbot {
    padding: 1.875rem 0;
  }

  .innerbanner .breadcrumb-cs {
    justify-content: center;
  }

  .whybusinesschoose .whybusinesschoose-inner .business-row .business-bx {
    width: 6.5rem;

    gap: 15px;
  }

  .service .servicebx .text ul {
    flex-direction: column;
  }

  .service .servicebx .text ul li {
    max-width: 100%;

    width: 100%;

    text-align: left;
  }

  .service .servicebx .text {
    padding: 0.9375rem;

    text-align: center;
  }

  .service .servicebx .text ul {
    gap: 0.85rem 1.875rem;
  }

  .whoweare .img {
    padding: 0;
  }

  .whoweare .img img:nth-child(2) {
    margin-top: 4.375rem;

    width: calc(100% - 60% - 4px);
  }

  section.commitment .row {
    gap: 1.25rem;
  }

  section.commitment .text {
    text-align: center;
  }

  .resource-cat .btn {
    margin-top: 0;
  }

  .res-bx {
    align-items: center;

    gap: 1.25rem;

    text-align: center;
  }

  .pop-bx {
    gap: 10px;
  }

  .newclient .newclient-inner .mxw544 {
    max-width: 100%;

    padding-right: 0;

    position: relative;

    z-index: 1;

    padding: 20px;

    text-align: center;
  }

  section.resouces-details {
    padding-top: 7.625rem;
  }

  ul.trick-circle li {
    text-align: left;
  }

  .client-login .client-login-inner .row {
    flex-direction: column-reverse;
  }

  .client-login .client-login-inner .img {
    margin: 0 0 1.25rem;
  }

  .client-login .client-login-inner .text p {
    margin-bottom: 1.2rem;
  }

  .client-login .client-login-inner .text .form .input-form .input-inner.forgot {
    text-align: center;
  }

  .client-login .client-login-inner .text {
    text-align: center;
  }

  section.resouces-details .contnt ul li {
    line-height: 1.5875rem;
    margin-bottom: 1rem;
  }

  section.resouces-details .contnt ul li:last-child {
    margin-bottom: 0;
  }

  section.resouces-details .contnt ul li::before {
    top: 0.6625rem;
  }

  /* add css by Ali */
  .plan-Pg {
    padding: 1.875rem 0;
    text-align: center;
  }

  .price-card ul li {
    text-align: left;
  }

  .tab-main-box .tab-box .row {
    gap: 1.25rem 0;
  }
}

@media (max-width: 679px) {
  .why-choose .whybx {
    width: 100%;
  }

  .header-wrap {
    padding: 0.625rem;
  }

  .header-btn .btn {
    font-size: 12px;

    padding: 6px 10px;
  }

  .whybusinesschoose .whybusinesschoose-inner .business-row .arrows {
    display: none;
  }

  .whybusinesschoose .whybusinesschoose-inner .business-row .business-bx {
    width: calc(50% - 1.25rem);
  }
}

@media (max-width: 480px) {
  .whybusinesschoose .whybusinesschoose-inner .business-row .business-bx {
    width: 100%;
  }
}

@media (min-width: 1200px) and (max-width: 1366px) {
}
@media (min-width: 1025px) and (max-width: 1400px) {
  html {
    font-size: 86.8%;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 92%;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .servbx .text {
    bottom: -8.75rem;
  }
}