@media screen and (max-width: 1400px){
  .carousel-item img {
    height: auto;
  }
  .container{padding-left: 15px;padding-right: 15px;}
  }
  
  @media (max-width:1024px){
    .owl-carousel1 .owl-next{right: 0px;}
    .owl-carousel1 .owl-prev{    right: 945px !important;}
  }
  
  @media (hover: none) {
  .nav-item.dropdown:hover .dropdown-menu{display:block}
     
  }
  @media (max-width: 991px) {
  }
   
  @media screen and (min-width: 400px) and (max-width: 797px){
    .carousel-item img {
    height: 330px !important;
    object-fit: cover;
  }
  }
  
  
  
  /* landing page */
  
  @media screen and (max-width: 1900px) {
      
  }
  @media screen and (max-width: 1599px) {
  
  }
  @media screen and (max-width: 1320px) {
  }
  @media screen and (max-width: 1230px) {
  }
  @media screen and (max-width: 1144px) {
    .person-name {
      text-align: end;
      margin-right: 17%;
      margin-top: 4%;
  }
  }
  @media screen and (max-width: 1024px) {
    .services-card-title{
      font-size: 16px;
      line-height:20px;
      margin-bottom:-6px;
    }
    .person-name {
      text-align: end;
      margin-right: 16%;
      margin-top: 4%;
  }
  }
  @media screen and (max-width: 991px) {
    
    .container{max-width: 100% !important;}
    .testimonials-section{
      padding-inline: 0px;
    }
    .services-card-title{
      font-size: 14px;
      line-height:18px;
      /* margin-bottom:-4px; */
    }
    .services-title{
      font-size:26px;
      line-height:32px;
      padding-bottom:14px !important;
    }
    .text-card{
     margin-inline:auto;
      /* max-width:500px; */
      padding:30px 30px 20px;
      position:relative;
      z-index:-1;
      /* margin-top:60px; */
      /* min-height:200px; */
    
    }
    .text-card::before{
      content:"";
      position:absolute;
      width:50px;
      height:50px;
      background:url("https://www.ccfexpress.com/Content/User/images/test-profile.png");
      top:-23px;
      left:-22px;
      z-index:0;
      object-fit:contain;
      /* padding:10px; */
      background-repeat:no-repeat;
      background-size:contain;
      background-position:center center;
    
    }
    .text-card::after{
      content: "";
          position: absolute;
          width: 20px;
          height: 20px;
          border: #848383 2px solid;
          bottom: -11px;
          right: 20%;
          transform: rotate(45deg);
          z-index: 1;
          background: #121011;
          border-top: 0;
          border-left: 0;
      
    }
    .person-name h4{
      font-size:12px;
      line-height:16px;
      margin-bottom:0;
    }
    p.color-1{
      font-size:14px;
      line-height:24px;
    }
    .feedback-span{
      font-size:10px;
    }
    .person-name {
      text-align: end;
      margin-right: 20%;
      margin-top: 4%;
  }
  .thank-description h2 {
    font-size: 46px;
    line-height: 54px;
    margin-bottom: 16px;

}
.thank-description span {
  font-size: 15px;
  line-height: 22px;

} 
.offers-container{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  /* grid-template-rows:repeat(2,1fr); */
  gap:13px;
}
}
@media screen and (max-width:850px){
  
}

  @media screen and (max-width: 768px) {
    .choose-card{
      justify-content: start;
    }
    .testimonials-section {
      background: #121011;
      padding: 45px 0px 10px;
  }
  .text-card::before {
    width: 50px;
    height: 45px;
    top: -27px;
    left: 0 !important;
  }
    #owl-carousel .owl-stage .item{
      padding-top: 25px;
    }
    .services-card{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:16px;
      padding-bottom:40px;
    }
    .services-card-title{
      font-size: 17px;
      line-height:23px;
      /* margin-bottom:-4px; */
      /* text-align: center; */
      display: block !important;
    }
    .services-title{
      font-size:22px;
      line-height:30px;
      padding-bottom:18px;
    }
    .section-title{
      font-size:22px;
      line-height:30px;
      margin-bottom:8px;
      text-transform:uppercase;
    }
    .pt-carousel{
      padding-top:15px;
    }
    .feedback-span{
      font-size:8px;
    }
    .text-card {
      margin-inline: auto;
      position: relative;
      z-index: -1;
      margin-top: 0px;
      min-height: auto;
      /* min-height: 200px; */
  }
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    margin: 1px;
    margin-top: -20px;
  }
  .text-card p{
    margin-bottom: 0;
  }
  .mb-mi{
    margin: 0;
  }
  .person-name {
    text-align: end;
    margin-right: 10%;
    margin-top: 4%;
  }
  .banner-titl{
    font-size:35px;
    line-height:38px;
    margin-bottom:20px;
  }
  .text-card::before {
    /* display:none; */
  }
  .thank-description h2 {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 10px;

}
.thank-description span {
  font-size: 14px;
  line-height: 24px;
}
.choose-card{
  width:350px;
}
.common-section {
  padding: 35px 0px 35px;
}
.ship-text {
  font-size: 16px;
  line-height: 24px;
  font-family: "Montserrat-Regular";
}
.delivery-partners-content {
  display: block;
  text-align: center;
}
.delivery-partners-content h4.delivery-partners-title {
  max-width: 100%;
font-size:25px;

}
.delivery-partners-content img {
  max-height: 95px;
  margin: 5px;
}

/* .offers-container{
  display:flex;
  justify-content:center;
  padding-top:30px;
  gap:9px;
  flex-wrap:wrap;
} */


  }
  
  @media screen and (max-width: 576px) {
    .get-button{
      margin: 19px auto;
    }
    .ship-title {
      font-size: 23px;
      margin-bottom: 10px;
  }
    .choose-card {
      width: 100%;
  }
    body{
      font-size: 14px;
      line-height: 24px;
    }
    .owl-carousel .owl-nav button.owl-next{
      right: 0; 
    }
    .owl-carousel .owl-nav button.owl-prev{
      left: 0;
    }
    .our-services-section {
      padding: 40px 0px;
  }
    .banner-section{
      padding-top: 10px;
    }
    .banner-subtitle-2 {
      font-size: 22px;
  }
    .testimonials-section {
      padding: 40px 0px 0px;
  }
    .services-card{
      display:grid;
      grid-template-columns:repeat(1,1fr);
      gap:16px;
      padding-bottom:40px;
    }
    .services-card > div{
      padding:15px 15px 18px;
      background-position: center;
      background-size:contain;
      text-align: center;
      justify-content: center;
    }
    p.color-1{
      font-size:13px;
      line-height:22px;
    }
    .person-name {
      margin-right: 12%;
      margin-top: 5%;
  }

  .flags-card{
    gap:8px;
    flex-wrap: wrap;
  }
  .other-text{
    font-size:10px;
    line-height:1.2;
    text-align: center;
    margin-top: 10px;
  }
  .banner-subtitle {
    font-size: 18px;
    line-height: 28px;
    margin-top: 18px;
}
.banner-titl {
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 12px;
}
.banner-subtitle-2 {
  margin-bottom: 12px;
  font-size: 20px;
}
.thank-description h2 {
  font-size: 30px;
  line-height: 44px;
  margin-bottom: 0px;
  margin-top: 23px;
}
.thank-description span {
  font-size: 13px;
  line-height: 24px;
}
/* .offers-container{
  display:flex;
  padding:18px 0px;
  gap:12px;
  flex-wrap:wrap;
} */
/* .offers{
  width:80%;
} */
.offers-container{
  display:grid;
  grid-template-columns:repeat(1,1fr);
  gap:13px;
}
  }
  @media screen and (max-width: 450px) {
    .person-name {
      margin-right: 7%;
      margin-top: 5%;
    }
    
  }
    
  @media screen and (max-width: 350px) {
    .services-card-title {
      font-size: 17px;
      line-height: 23px;
      margin-bottom: 4px;
  }
  .services-card{
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:14px;
    padding-bottom:20px;
  }
  /* .offers{
    width:90%;
  } */
  }
  
  @media screen and (min-width:1500px) and (max-width: 1200px)  {
  
  }