@media (max-width: 767px) {

  /* banner section responsive start here  */
  .headingbanner {
    font-size: 30px;
  }

  .creativity-wrapper {
    font-size: 24px;
  }

  .knowmorebtn {
    font-size: 14px;
    padding: 8px 20px;
  }

  .rotating-text text {
    font-size: 18px;
  }

  /* banner section responsive end  here  */

  /* srvices scetion respoansive start here */
  .services {
    margin: 20px;
  }

  .services-card-padding {
    padding: 30px 10px;
  }

  /* srvices scetion respoansive send here */

  /* Who We Work With section responsive start here */
  .whoheading {
    margin: 20px;
  }

  .dual-slider-img-layout {
    height: 100px;
  }

  .dual-slider-container {
    padding: 0px;
  }

  /* Who We Work With section responsive end here */

  /* our work section start here  */

  .seeall-label {
    font-size: 32px;
    font-weight: 700;
  }

  #moreCount {
    font-size: 32px;
    font-weight: 600;
  }

  /* our work section end here  */


  /* why section start here  */
  .pos-abs {
    position: absolute;
    top: -35px;
    left: 23px;
  }

  /* why section end here  */
  /* slider scetion  */
  .paddingforhrline {
    padding-top: 30px;
    padding-bottom: 20px;
  }



  .pos-abs-black-top {
    position: absolute;
    top: -33px;
    right: -28px !important;
  }

  /* user visibilty responsive  start*/
  .user_visibilty_title {
    font-size: 14px;
    font-weight: 900;
  }

  .user_visibilty_founder {
    font-size: 12px;
    font-weight: 900;
  }
.slider-circel .slick-slide
{
  padding: 0;
}
  /* user visibilty responsive  end*/
  /* slider scetion end here */
  .titel {
    font-size: 16px;
  }

  .reading .timeing {
    font-size: 12px;
  }


}

/* @media (max-width: 567px) {
  .slider-circel .slick-slide {
    padding: 10px;
  }

  #slick-dots-wrapper li {
    width: 28px;
    height: 28px;
    margin: 0 6px;
  }

  #slick-dots-wrapper li button {
    width: 10px;
    height: 10px;
  }

  #slick-dots-wrapper li svg {
    width: 28px;
    height: 28px;
    pointer-events: none;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
  }

  #slick-dots-wrapper li svg circle {
    r: 12;
    cx: 14;
    cy: 14;
  }


  .wrapper {
    width: 80px;
    height: 80px;
  }

  .wrapper {
    position: absolute;
    bottom: 17px !important;
    left: 14px !important;
  }

  .slick-track {
    padding-top: 20px;
  }
} */

@media (max-width: 320px) {
  .slider-row img {
    padding: 10px;
  }
}