@media only screen and (min-width: 320px) and (max-width: 480px){
  .hero-area-5 .section-content-wrapper{
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
  }
  .hero-area-5 .section-title{
    width: 270px !important;
    font-size: 25px !important;
  }
  .home-demo .item{
    width: 400px ;
  }
  .hero-area-5 .section-content .btn-wrapper{
    margin-top: 20px;
  }
  .about-area-5 .section-content .btn-wrapper{
    margin-bottom: 20px;
  }
  .section-spacing-top{
    padding-top: 30px;
  }
  .service-area-4 .services-wrapper{
    display: flex;
    flex-direction: column-reverse;
  }
  .service-area-4 .service-name .title{
    font-size: 17px !important;
  }
  .Am-img-slider-container{
      margin-top: 20px;
  }
  .pro-wrapper{
    left: 30%;
  }
  .footer-he{
    font-size: 35px;
  }
  .footer-area-2 .footer-nav-list li{
    font-size: 16px;
  }
  .footer-area-2 .copyright-text .text, .footer-area-2 .copyright-nav-list li{
    font-size: 16px;
  }
  .offset-info-box .title{
    font-size: 35px;
  }
  .hh-eading h2{
    font-size: 50px;
  }
  .process-box-2 .process-list{
    margin-top: 30px;
  }
  .work-box-6 .content ul{
    padding-left: 20px;
  }
  .table-responsive {
  width: 100%;
  overflow-x: auto !important; 
  -webkit-overflow-scrolling: touch; 
}

.table-responsive table {
  width: 100%;
  border-collapse: collapse;
  /* min-width: 600px;  */
}

.table-responsive th,
.table-responsive td {
  padding: 8px;
  border: 1px solid #ddd;
  text-align: left;
}

.table-responsive caption {
  caption-side: top;
  font-weight: bold;
  margin-bottom: 8px;
}
.contact-area .contact-formfield{
    width: 84% !important;
}
.hero-area-5 .section-content{
         text-align: center;
        left: 15px;
        /* margin: 0 auto; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.home-demo{
  position: relative;
  left:50px;
}
.section-title-wrapper1{
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  grid-template-columns: 2fr !important;
}
.contact-area .contact-wrap{
    width: 84%;
}
.work-area-2 .swiper{
    margin-right: 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px){
  .hero-area-5 .section-content-wrapper{
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
  }
  .hero-area-5 .section-title{
    /* width: 270px !important; */
    font-size: 30px !important;
  }
  /* .home-demo .item{
    width: 200px ;
  } */
  .hero-area-5 .section-content .btn-wrapper{
    margin-top: 20px;
  }
  .about-area-5 .section-content .btn-wrapper{
    margin-bottom: 20px;
  }
  .section-spacing-top{
    padding-top: 30px;
  }
  .service-area-4 .services-wrapper{
    display: flex;
    flex-direction: column-reverse;
  }
  .service-area-4 .service-name .title{
    font-size: 17px !important;
  }
  .Am-img-slider-container{
      margin-top: 20px;
  }
  .pro-wrapper{
    left: 30%;
  }
  .footer-he{
    font-size: 32px;
  }
  .footer-area-2 .footer-nav-list li{
    font-size: 16px;
  }
  .footer-area-2 .copyright-text .text, .footer-area-2 .copyright-nav-list li{
    font-size: 16px;
  }
  .offset-info-box .title{
    font-size: 35px;
  }
  .hh-eading h2{
    font-size: 48px;
  }
  .process-box-2 .process-list{
    margin-top: 30px;
  }
  .work-box-6 .content ul{
    padding-left: 20px;
  }
  
.hero-area-5 .section-content{
         text-align: center;
        left: 5px;
        /* margin: 0 auto; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.home-demo{
  position: relative;
  left:30px;
}
.section-title-wrapper1{
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
}
  .footer-area-2 .footer-widget-wrapper {
        display: grid; /* ensure it's a grid */
        grid-template-columns: 1fr 1fr; /* two columns */
        gap: 10px; /* optional spacing between columns */
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
  .hero-area-5 .section-content-wrapper{
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
  }
  .hero-area-5 .section-title{
    /* width: 270px !important; */
    font-size: 60px !important;
  }
  /* .home-demo .item{
    width: 200px ;
  } */
  .hero-area-5 .section-content .btn-wrapper{
    margin-top: 20px;
  }
  .about-area-5 .section-content .btn-wrapper{
    margin-bottom: 20px;
  }
  .section-spacing-top{
    padding-top: 30px;
  }
  .service-area-4 .services-wrapper{
    display: flex;
    flex-direction: column-reverse;
  }
  .service-area-4 .service-name .title{
    font-size: 17px !important;
  }
  .Am-img-slider-container{
      margin-top: 20px;
  }
  .pro-wrapper{
    left: 30%;
  }
  .footer-he{
    font-size: 32px;
  }
  .footer-area-2 .footer-nav-list li{
    font-size: 16px;
  }
  .footer-area-2 .copyright-text .text, .footer-area-2 .copyright-nav-list li{
    font-size: 16px;
  }
  .offset-info-box .title{
    font-size: 35px;
  }
  .hh-eading h2{
    font-size: 48px;
  }
  .process-box-2 .process-list{
    margin-top: 30px;
  }
  .work-box-6 .content ul{
    padding-left: 20px;
  }
  
.hero-area-5 .section-content{
         text-align: center;
        left: 75px;
        /* margin: 0 auto; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.home-demo{
  position: relative;
  left:110px;
}
.hero-area-5 .section-content-wrapper{
  margin-top: 30px;
}

.section-title-wrapper1{
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
}
  .footer-area-2 .footer-widget-wrapper {
        display: grid; /* ensure it's a grid */
        grid-template-columns: 1fr 1fr; /* two columns */
        gap: 10px; /* optional spacing between columns */
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px){
.hero-area-5{
  height: 70vh;
}
.Am-img-slider-container{
  margin-top: 55px;
}
}
@media (max-width: 480px) {
  .g-recaptcha {
    transform: scale(0.85); 
    transform-origin: 0 0; 
  }
}
@media only screen and (max-width: 767px) {
    .body-marketing-agency .section-title {
        font-size: 17px;
    }
   /* .footer-area-2 .footer-widget-wrapper {
        display: grid; 
        grid-template-columns: 1fr 1fr; 
        gap: 10px; 
    } */
}
  @media only screen and (min-width: 1920px){
      
    .hero-area-5 .section-title{
        font-size: 110px !important;
}
.container{
    max-width: 1445px;
}
    

    
}