@media (max-width:1280px) {

  #slide-1 {
    padding: 0 40px;
  }
}
@media (max-width:1024px) {
  #mainNav .navbar-nav li.nav-item a.nav-link {
    font-size: 13px;
    font-weight: 400;
  }

  #diverse-industry .list-img,
  #portfolio .list-img {
    justify-content: center;
  }

  #diverse-industry .list-img img,
  #portfolio .list-img img {
    width: 100%;
  }

  #slide-1 {
    padding: 0;
  }

  .carousel-caption {
    width: 90%;
    position: absolute;
    top: 35%;
    left: 52%;
    transform: translate(-50%, -50%);
    color: white;
  }

  .carousel-item {
    height: 370px;
  }

  .carousel-item>img {
    height: 100%;
  }

  .carousel-caption .p-sub-header-black {
    margin: 0;
    font-size: 30px;
  }

  .carousel-caption p {
    font-size: 15px;
  }

  .carousel-caption .col-lg-6 .carousel-content {
    padding: 5px;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .carousel-img {
    text-align: center;
    padding: 20px;
  }

  .carousel-img img {
    width: 280px;
  }
}

@media (max-width:820px) {
  .content .banner-f1,.content .banner-f2{
    font-size: 26px;
  }
  .btn-ladingpage{
    font-size: 12px;
  }
  body {
    font-size: 14px;
    line-height: 24px;
  }


  .section-padding {
    padding-top: 40px;
  }

  .section-header h2 {
    font-size: 26px;
    line-height: 40px;
  }

  .section-sub-header {
    font-size: 16px;
    line-height: 26px;
  }

  .margin-b-24 {
    margin-bottom: 20px;
  }

  .margin-b-30 {
    margin-bottom: 20px;
  }

  /* Features */
  #features .features-content {
    min-height: auto;
  }

  /* Why Us */
  #whyus .whyus-content-left {
    padding-right: 12px;
    padding-bottom: 20px;
  }

  #whyus .whyus-content-right {
    padding-left: 12px;
    padding-top: 20px;
    border-top: 1px solid #E4E9EE;
    border-left: unset;
  }

  /* Contact */
  #contact .contact-content {
    min-height: auto;
  }

  .aboutUs_total {
    display: none;
  }

  .aboutUs_content_mobile {
    display: block;
  }

  .content h1 {
    font-size: 22px;
    line-height: 66px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
  }

  .Coming_total {
    justify-content: flex-start;
  }

  .btn_tryForFree {
    position: relative;
    width: 90%;
    justify-content: flex-start;
    left: 0;
  }

  .customerLawyer {
    margin-top: 0;
    width: 100%;
  }

  .customerLawyer_content {
    height: 100%;
  }

  .comingSoon_total {
    width: 100%;
  }

  .banner_img {
    padding-top: 30px;
    height: 400px;
  }

  .banner_img img {
    height: 100%;
  }
  #contacts {
    padding: 0 30px;
}
#contacts .p-content-sub {
  text-align: center;
}
  .carousel-caption .p-sub-header-black {
    margin: 0;
    font-size: 20px;
  }

  .carousel-caption p {
    font-size: 11px;
  }

}

@media (max-width: 430px) {
  .p-sub-header-black {
    font-size: 32px
  }

  .p-sub-header-red {
    font-size: 32px;
  }

  #features {
    padding-bottom: 30px;
  }

  #features>*,
  #whyus .container>* {
    margin-top: 30px;
  }

  .banner_img {
    padding-top: 60px;
    height: 644px;
  }

  .banner_img img {
    height: 100%;
  }

  .content {
    grid-template-columns: 1fr;
    top: 280px;
  }

  .content .content-left {
    padding-left: 15px;

  }

  .show-more-button {
    display: block;
  }

  /* Ẩn các .row không có class 'show-more' */
  #feature .row:not(.show-more) {
    display: none;
  }

  #key4 {
    display: none;
  }

  #key5 {
    display: block;
  }

  #integration-ai .row .col-lg-6 .integration-ai {
    margin-bottom: 20px;
  }

  #diverse-industry .list-img,
  #portfolio .list-img {
    justify-content: center;
    display: none;
  }

  #diverse-industry .list-img img,
  #portfolio .list-img img {
    width: 322px;
  }

  #testimonials .logo-img {
    margin-bottom: 10px;
  }

  #testimonials > .row {
    display: none;
  }
  #testimonials .testimonials-mobile {
    display: block;
  }


  .testimonials-mobile .carousel-inner .carousel-item {
    height: 100px;
    
  }
  .testimonials-mobile .carousel-inner .carousel-item img {
    width: 45%;
  }

  #contacts {
    padding: 22px;
    height: 332px;
  }

  #contacts .contacts-sub {
    padding: 15px 40x;
    text-align: center;
  }

  #contacts .p-content-sub {
    text-align: center;
  }

  .footer-left,
  .footer-center,
  .footer-right {
    margin-bottom: 20px;
  }

  .carousel-item {
    height: 600px;
  }

  .carousel-caption .p-sub-header-black {
    margin: 0;
    font-size: 20px;
  }

  .carousel-caption p {
    font-size: 11px;
  }

}

@media (max-width: 375px) {
  #contacts .contacts-sub {
    padding: 15px 22px;
    text-align: center;
    padding-top: 0;
  }
}

@media (max-width:1280px) {

  .bg-mobile{
    background: #F5F5F5 !important;
  }
}