/* home page responsive */
@media (max-width: 992px){
    
    .home-hero {
      padding: 0px;
  }
  button.call-button-hero {
      margin-left: 0px;
  }
  h2.hero-title {
      padding: 0px;
  }
  
  /* servies */
  
      .row {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
      }
      .col-md-3 {
         flex: 0 0 48%;
         max-width: 48%;
         /*margin-bottom: 20px;*/
      }
   }
   /* First, show it by default (on small screens) */
.get-free-btn {
    display: block; /* or flex, inline-block, whatever you need */
  }
  
  /* Then, hide it on large screens */
  @media (min-width: 992px) {
    .get-free-btn {
      display: none;
    }
  }
@media (max-width: 768px){
    
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev  {
   
    display: none !important;
}

    .get-quote-btn {
        display: none;
    }

    .get-free-btn {
        margin-left: 40px;
        margin-top: 15px;
    }    
    .about-item {
    padding: 20px 0px;
}

    
    img.hero-img {
        margin-left: -14px;
        width: -webkit-fill-available;
    }
 
    .hero-title {
      font-size: 1.5rem;
    }
    .heading-sec {
        margin-left: 0px;
    }
    section.about-sec {
        margin-top: 0px !important;
    }
    section.services {
        margin-top: 0px !important;
    }
    section.product {
       
        margin-top: 9px !important;
    }
    .section-content_choose-us {
        padding-top: 19px !important;
    }
    .hero-btn .btn-get-strt {
      padding: 8px 16px;
      font-size: 0.9rem;
    }
    p.hero-text {
        font-size: 34px !important;
        font-family: system-ui;
        margin: 10px 2px 19px 2px;
    }
    img.sec-1-img {
        width: 100% !important;
         
    }
    p.hero-text {
        padding: 0px !important;
    }
    .col-md-6.box-1 {
        padding: 45px;
        margin-top: -12px;
        max-width: 100%;
         
    }
     
    .col-md-6{
        max-width: 100% !important;  
    }

    .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-content {
       padding: 6px 0px;
    }
    .service-item {
        padding: 38px;
    }
    h4.top-h4 {
        font-size: 14px;
        padding: 3px 1px;
    }
    h3.service-h3 {
        font-size: 16px;
        line-height: 14px;
        margin: 19px 0px;
    }
    button.service-button-item {
        margin: 17px 0px;
    }
/*  about page css  */

    img.clients-img {
        border-top-right-radius: 8px !important;
        border-bottom-left-radius: 0px !important;
        height: auto !important;
        display: none;
    }
.client-contant-box {
    padding: 45px !important;
}
/*  work process about   */
.timeline .timeline-continue::after {
    left: 40px;
  }

  .timeline .timeline-end,
  .timeline .timeline-start,
  .timeline .timeline-year,
  .timeline .row.timeline-left,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-right,
  .timeline .row.timeline-left .timeline-date,
  .timeline .timeline-launch {
    text-align: left;
  }

  .timeline .row.timeline-left .timeline-date::after,
  .timeline .row.timeline-right .timeline-date::after {
    left: 47px;
    top: 279px;
    display: none !important;
  }

  .timeline .timeline-box,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-left .timeline-date {
    margin-left: 55px;
  }

  .timeline .timeline-launch .timeline-box {
    margin-left: 0;
  }

  .timeline .row.timeline-left .timeline-box::after {
    left: -20px;
    border-color: transparent #ffffff transparent transparent;
  }

  .timeline .row.timeline-left .timeline-box::before {
    left: -22px;
    border-color: transparent #dddddd transparent transparent;
  }


  .timeline .timeline-launch .timeline-box::after,
  .timeline .timeline-launch .timeline-box::before {
    left: 30px;
    margin-left: 0;
  }

 }
 @media (max-width: 425px){
    .col-md-3 {
       
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
  
    ol.breadcrumb {
        padding: 14px !important;
        margin-bottom: 0px;
    }

    .themes_link ul li a, .pack_list a {
     
        padding: 0px 12px !important;
      
    }

    .refg {
        padding: 10px 12px !important;
    }
    h1.display-3.mb-4.font-weight-bold {
        font-size: 40px !important;
    }
    p.lead {
        font-size: 16px !important;
    }
    .choose_us-contant {
        padding: 0px;
    }
    .testimonial-box {
        margin-bottom: 21px;
    }
    .rating {
        margin: 0px;
    }
    .user-rating {
        font-size: 13px;
        margin-left: 91px;
    }
    
    form.form-contact {
        margin-left: auto !important;
        margin-top: 8px;
    }
    img.img-fluid.sec-1-img {
        margin-bottom: 28px !important;
    }

    /* about page css */
    section#about {
        padding-top: 44px;
        padding-bottom: 40px;
    }
    h3.abt-page-sec_description {
        font-size: 30px !important;
    }
    .about_header_main.mt-3 {
        margin-top: 40px !important;
    }
    h3.font-weight-bold {
        font-size: 40px !important;
        
    }
    h2.client_heading2 {
       
        font-size: 50px !important;
      
    }
    section.Blogs {
        margin-top: 0px !important;
    }
    section.testimonial {
        margin-top: 8px !important;
    }
    p.section_subtitle.mx-auto.text-muted {
        font-size: 17px !important;
        padding-top: 2px;
        line-height: 26px !important;
    }
    .row.vertical_content_manage.mt-5 {
        margin-top: 1px !important;
    }
    section.abt-work {
        margin-top: 46px !important;
    }
    section.marketing-section {
        margin-top: 32px !important;
    }

        .client-contant {
        padding-right: 14px !important;
        padding-bottom: 0px !important;
    }
    section.abt-clients {
        margin-top: 6px !important;
    }

/* work process*/
    .timeline .timeline-continue::after {
        left: 40px;
        /* height: 121%; */
    }
    img.process-img {
        width: 95% !important;
        height: 176px;
    }
        img.brand-img {
        width: 140% !important;
        position: relative;
        right: 48px;
    }
 }

@media (max-width: 374px) {
    img.brand-img {
        width: 103% !important;
        position: relative;
        right: 5px;
    }
}
@media (max-width: 424px) {
    img.brand-img {
        width: 123% !important;
        position: relative;
        right: 29px;
    }
}

  @media (max-width: 320px){
    select.contact_form-control {
       
        width: 93% !important;
    
       
    }
       img.brand-img {
        width: 100% !important;
        position: relative;
        /*right: 21px;*/
    }
  }
  @media screen and (min-width: 1366px) and (max-width: 1439px){
    .navbar-nav .nav-item .nav-link {
        padding: 6px !important;
        font-size: 16px !important;
    }
  }
    @media screen and (min-width: 1090px) and (max-width: 1280px){
        .navbar-nav .nav-item .nav-link {
            padding: 2px !important;
            font-size: 14px !important;
        }
  }
 
 @media (max-width: 767px){
     video.about-video {
    display: none;
}
.foot-link h6 {
    margin-bottom: 18px;
  
}

.sec-description {
        
        text-align: left;
    }
    p.section-description {
    font-size: 16px !important;
}

    h1.sec-why-choose-h {
        text-align: left;
    }
    
       p.intro-text {
    text-align: left;
} 

.form-contact div {
    
    font-size: 17px;
}
.step6, .step5, .step4, .step3, .step2, .step1 {
    text-align: left;
}
.card-body-service {
    text-align: left;
    padding: 30px;
}

    /*img.brand-img {*/
    /*   width: 100% !important;*/
    /*    position: relative;*/
        /* right: 20px; */
    /*}*/
.form-contact {
    max-width: 100% !important;
    
     margin-left: 0px; 
   
}
.container-fluid.carousel-section {
    margin-top: 15px !important;
  
}
    section.about-sec {
        padding-top: 25px;
        padding-bottom: 12px;
    }
section.services {
    padding-top: 30px;
}
.why-choose-section {
  
    margin-top: 10px;
}
section#process {
    
    padding-top: 30px;
}
section.Blogs {
    padding-top: 32px;
    padding-bottom: 2px;
}
section.testimonial {
    padding-top: 26px;
    padding-bottom: 30px;
}
section.FaQ-sec {
   
    padding: 28px 10px;
}
section.Client-logo {
   margin-bottom: 16px;
    padding-top: 30px;
}
section.contact_us {
   
    padding-top: 25px;
    padding-bottom: 20px;
}
.rds-footer {
    padding: 30px 12px 0px;
    
}


 }
 
 /* Tablet-specific styles (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .services {
    padding: 40px 20px;
  }

  .services .sec-title {
    font-size: 26px;
    margin-bottom: 10px;
  }

      .services .sec-description {
        font-size: 15px;
        max-width: 600px;
        /* margin: 0 auto 30px; */
        text-align: left;
    }

  .services .card {
    padding: 15px;
    border-radius: 10px;
  }

  .services .card-body-service {
    padding: 10px;
  }

  .services .card-title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .services .card-text {
    font-size: 14px;
  }

  .services img {
    height: 45px !important;
    object-fit: contain;
  }

  /* Adjust the column layout */
  .services .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}