@media screen and (min-width: 53em) {
  .content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    min-height: 100vh;
    text-align: left;
  }

  .header {
    padding: 0;
    justify-content: start;
  }

  .links {
    margin: 0;
  }

  .github {
    grid-area: github;
    justify-self: start;
  }

  .info {
    margin: 0 6rem 0 0;
    color: var(--color-info);
  }

  .menu {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    grid-template-columns: 20% 30% 50%;
    grid-template-rows: 60% 40%;
    grid-template-areas:
      "item3 item2 item1"
      "item4 item5 item1";
  }

  .menu__item {
    height: 100%;
  }

  .menu__item--1 {
    grid-area: item1;
  }

  .menu__item--2 {
    grid-area: item2;
  }

  .menu__item--3 {
    grid-area: item3;
  }

  .menu__item--4 {
    grid-area: item4;
  }

  .menu__item--5 {
    grid-area: item5;
  }

  .menu__item--4,
  .menu__item--5 {
    display: block;
  }

  .menu__item-inner {
    align-items: center;
  }

  .label {
    display: block;
    color: var(--colorGreyee);
    position: absolute;
    z-index: 1000;
    font-size: 0.85rem;
    font-weight: bold;
    margin: 0;
    white-space: nowrap;
  }

  .label--topleft {
    top: 2rem;
    left: 2rem;
  }

  .label--vert,
  .label--vert-mirror {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }

  .label--vert-mirror {
    transform: rotate(180deg);
  }

  .label--bottomright {
    bottom: 2rem;
    right: 2rem;
  }

  .label::before {
    content: "------------- ";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -1px;
    margin: 0 0.75rem 0 0;
  }

  .label--vert::before,
  .label--vert-mirror::before {
    margin: 0.75rem 0;
  }

  .mainmenu,
  .sidemenu {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .mainmenu {
    counter-reset: menuitem;
  }

  .mainmenu__item {
    font-size: 5vw;
    text-transform: lowercase;
    overflow: visible;
    margin: 0.5rem 0;
    padding: 0 0.5rem;
    position: relative;
    transition: color 0.4s ease-in-out;
    color: var(--whiteColor);
  }

  .mainmenu__item:hover {
    color: var(--whiteColor);
  }

  .mainmenu:hover .mainmenu__item:not(:hover) {
    color: var(--colorwhite20);
  }

  .mainmenu__item::before {
    counter-increment: menuitem;
    content: counters(menuitem, "", decimal-leading-zero);
    position: absolute;
    font-size: 0.85rem;
    top: 25%;
    left: -1.25rem;
    color: var(--whiteColor);
  }

  .mainmenu__item::after {
    content: "";
    width: 100%;
    top: 58%;
    height: 6px;
    background: var(--color-link-hover);
    position: absolute;
    left: 0;
    opacity: 0;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s, opacity 0.3s;
    transform-origin: 100% 50%;
  }

  .mainmenu__item:hover::after {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  .sidemenu__item {
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    font-size: 0.85rem;
  }

  .menu__item-hoverlink {
    font-size: 1.25rem;
    text-transform: lowercase;
    border-bottom: 2px solid #fff;
    opacity: 0;
    transition: all 0.3s;
  }

  .menu__item-inner:hover .menu__item-hoverlink {
    opacity: 1;
  }
}

@media (max-width: 1780px) {
  .page-holder {
    padding: 0 30px;
  }

  .action--close,
  .action--menu {
    right: 25px;
  }
}

@media (max-width: 1600px) {
  .dm-img.branding_text img {
    width: 600px;
  }

  .innerpages-image.branding img {
    width: 620px;
  }

  .innerpages-image.branding {
    right: 5%;
  }

  .what-we-do-img {
    text-align: center;
  }

  .what-we-do-img img {
    width: 80%;
  }

  .image-w-text-img img {
    width: 80%;
  }

  .innerpages-image.mobile-application {
    right: 200px;
    bottom: -30px;
  }

  .innerpages-image.mobile-application img {
    width: 600px;
  }

  .innerpages-image.david img {
    width: 820px;
  }

  .innerpages-image.ribbon img {
    width: 1060px;
  }

  .hero-img img {
    width: 750px;
  }

  .partner-content p {
    font-size: 18px;
    margin-top: 10px;
  }

  .innerpages-image.video-animation img {
    width: 840px;
  }

  .innerpages-image.apple img {
    width: 470px;
  }

  .innerpages-image.apple {
    right: 250px;
    top: 30px;
  }

  .innerpages-image.digital-marketing img {
    width: 810px;
  }

  .innerpages-image.digital-marketing {
    right: -30px;
    top: 115px;
  }

  .newsletter-container .newsletter-btn {
    padding: 10px 30px;
    gap: 10px;
    font-size: 16px;
  }

  .txt {
    padding: 50px 0;
  }


  section.innerpages-banner.white-label .innerpages-inner p {
    max-width: 60%;
  }
  .white-label-partner section.innerpages-banner.white-label .innerpages-inner h1 {font-size: 52px;text-align: center;margin-bottom: 20px;}

}

@media (max-width: 1450px) {
  .innerpages-image.apple {
    right: 100px;
  }
}

@media (max-width: 1380px) {
  .hero-img img {
    width: 600px;
  }

  .newsletter-container .newsletter-btn {
    padding: 10px;
    justify-content: center;
  }

  .innerpages-image.branding {
    right: 10%;
  }

  .innerpages-image.branding img {
    width: 540px;
  }
}

@media (min-width: 1024px) and (max-width: 1600px) {

  section.job-listing .company {
    font-size: 25px;
  }

  section.job-listing .job-title {
    font-size: 30px;
  }

  .newsletter-container .newsletter-btn span {
    font-size: 12px;
  }

  .text-banner-inner .radial-circle:nth-child(2) {
    right: 0;
  }


  .featured_blogs {
    border-left: 1px solid #8f8f8f7a;
    padding-top: 10px;
  }


  .features_image {
    height: 300px;
  }

  .partner-img {
    right: -20px;
    top: 270px;
    width: 330px;
  }

  .testimonial {
    padding: 50px 0;
  }

  .testimonial-item {
    padding: 40px;
  }

  .testimonial-content p {
    max-width: 85%;
  }

  .testimonial-inner button.slick-arrow i {
    font-size: 20px;
  }

  .blogs-inner .stroke-text {
    font-size: 90px;
    margin-bottom: -40px;
  }

  .pixlency-badge span {
    font-size: 16px;
  }

  .portfolio-text .stroke-text {
    font-size: 140px;
  }

  section.testimonial,
  section.portfolio,
  section.blogs,
  section.partner {
    padding: 50px 0;
  }


  .radial-ball {
    width: 300px;
  }

  section.services {
    padding: 0;
  }

  .hero-content {
    width: 65%;
  }

  .hero-inner h1 {
    font-size: 55px;
  }

  .logo-wrapper {
    width: 150px;
  }


  .radial-circle {
    width: 350px;
    height: 350px;
  }


  h1 {
    font-size: 75px;
  }

  h2 {
    font-size: 50px;
  }

  .hero-content p {
    margin-top: 30px;
    max-width: 570px;
    font-size: 18px;
  }

  .hero-content p br {
    display: none;
  }

  .services-card h3 {
    font-size: 30px;
  }

  .core-services-inner>p {
    font-size: 18px;
  }

  .trend-inner h3 {
    font-size: 45px;
  }

  .trend-inner h2 {
    font-size: 55px;
    margin-bottom: 30px;
  }

  .trend-inner p:first-of-type {
    margin-bottom: 20px;
  }

  .portfolio-text .stroke-text {
    font-size: 160px;
  }


  .blog-card {
    height: 100%;
  }

  .btn.btn-green {
    font-size: 15px;
  }

  .blog-btn {
    margin-top: 30px;
  }

  .testimonial-content p {
    font-size: 20px;
  }

  .testimonial-content h2 {
    font-size: 35px;
  }

  .testimonial-info h3 {
    font-size: 20px;
  }

  .partner-content h3 {
    font-size: 24px;
  }

  .partner-content p {
    font-size: 16px;
  }

  .partner-title h2 {
    margin-top: 60px;
    font-size: 40px;
  }

  .partner-content h3 {
    font-size: 24px;
  }

  .partner-content p {
    font-size: 16px;
  }

  .partner-title h2 {
    margin-top: 60px;
    font-size: 40px;
  }

  .grid .partner-content:nth-of-type(3) p,
  .grid .partner-content:nth-of-type(5) p {
    max-width: 450px;
  }

  .faqs-content h2 {
    font-size: 55px;
  }

  .px-accordion .px-accordion-item button .px-accordion-title {
    font-size: 18px;
  }

  .lets-chat h2 {
    font-size: 35px;
  }

  .grid {
    column-gap: 40px;
  }

  .news-letter-btn span {
    font-size: 13px;
  }

  .why-choose-inner h2 {
    font-size: 50px;
  }

  .why-choose-inner h3 {
    margin-bottom: 15px;
    font-size: 35px;
  }

  .contact-title-inner h2 {
    font-size: 55px;
  }

  .category-content h2 {
    font-size: 38px;
  }

  .our-services-inner .stroke-text {
    transform: unset;
  }

  .our-services-inner h2 {
    font-size: 70px;
  }

  .why-choose-inner ul li {
    flex-basis: 50%;
    gap: 15px;
    font-size: 16px;
  }

  .why-choose-inner ul li::before {
    width: 15px;
    height: 15px;
  }

  .consultancy {
    padding: 50px;
  }

  .consultancy .row:nth-child(1),
  .consultancy .row:nth-child(2),
  .consultancy .title {
    margin-bottom: 30px;
  }

  .consultancy .title h2 {
    font-size: 26px;
  }

  .innerpages-content h4 {
    font-size: 25px;
  }

  .innerpages-content h1 {
    font-size: 50px;
  }

  .innerpages-image.ribbon {
    right: -220px;
    top: -100px;
  }

  .core-services {
    padding: 100px 0 30px;
  }

  footer.footer {
    padding: 80px 0 20px;
  }

  section.marquee-ribbons {
    padding: 40px 0;
  }

  .innerpages-inner {
    height: 75vh;
  }

  .marquee {
    font-size: 20px;
  }

  .our-services-inner .stroke-text {
    font-size: 130px;
    margin-bottom: -100px;
  }

  .category {
    padding: 60px 0;
  }

  .our-services-content h2 {
    font-size: 45px;
  }

  .our-services-content p {
    font-size: 18px;
  }

  a.service-btn span:nth-child(1) {
    font-size: 12px;
  }

  a.service-btn {
    padding: 10px 20px;
    gap: 10px;
  }

  a.service-btn span:nth-child(2) {
    padding: 6px 8px 8px;
  }

  a.service-btn span:nth-child(2) svg {
    width: 15px;
    height: 15px;
  }

  .our-services-content {
    padding: 30px 80px;
  }

  .services-img-card {
    margin-top: 30px;
  }

  .our-services-inner.mobile-application .stroke-text {
    font-size: 90px;
  }

  .innerpages-content.mobile-app p {
    max-width: 600px;
  }

  .subscribe-form .submit-button {
    font-size: 12px;
  }

  .trend-image svg {
    width: 80px;
  }

  .trend-image {
    width: 130px;
    height: 150px;
  }

  .footer-brand a {
    margin: 0 0 20px;
    max-width: 75%;
  }

  .innerpages-image.david {
    top: 0;
  }

  section.technology-tabs {
    padding: 60px 0 0;
  }

  .technology-grid .technology-item h4 {
    font-size: 15px;
  }

  .technology-grid {
    gap: 50px;
  }

  .our-services-inner.web .stroke-text {
    letter-spacing: 0;
    line-height: 1;
  }

  .our-services {
    padding: 70px 0 0 0;
  }

  .technology-tab-inner ul.nav.nav-tabs li.nav-item a.nav-link {
    font-size: 20px;
  }

  .our-services-inner p {
    font-size: 17px;
  }

  .website-porfolio {
    padding: 90px 0 0;
  }

  button#rotate-button {
    padding: 25px;
    transform: translate(-50%, -150%);
  }

  button#rotate-button i {
    font-size: 16px;
  }

  .innerpages-content.mt-150 p {
    max-width: 550px;
  }

  .innerpages-image.video-animation {
    right: 0;
    bottom: 20px;
  }

  .digital-marketing h2 {
    margin-bottom: 20px;
  }

  .digital-marketing p {
    font-size: 17px;
  }

  .dm-cards-inner {
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
  }

  .brand-banner-inner {
    background-size: cover;
  }

  .brand-banner-inner h2 {
    font-size: 50px;
  }

  .brand-btn {
    font-size: 17px;
  }

  .brand-banner {
    padding: 30px 0;
  }

  .text-banner h1 {
    font-size: 55px;
  }

  .what-we-do-text {
    margin-bottom: -50px;
  }

  .what-we-do-content h2 {
    margin-bottom: -30px;
    font-size: 80px;
  }

  .what-we-do-content h3 {
    font-size: 30px;
  }

  .what-we-do-content p {
    margin: 15px 0;
    font-size: 16px;
  }

  .what-we-do {
    padding: 100px 0 100px;
  }

  .steps-grid {
    gap: 25px;
  }

  .what-we-do-text {
    margin-bottom: -50px;
  }

  .what-we-do-content h2 {
    margin-bottom: -30px;
    font-size: 80px;
  }

  .what-we-do-content h3 {
    font-size: 30px;
  }

  .what-we-do-content p {
    margin: 15px 0;
    font-size: 16px;
  }

  .what-we-do {
    padding: 100px 0 100px;
  }

  .mobile-step span {
    font-size: 70px;
  }

  section.mobile-portfolio {
    padding: 50px 0;
  }

  .lets-chat-marquee .text {
    font-size: 15ch;
  }

  .sidemenu__item {
    font-size: 0.8rem;
  }

  .services .services-card {
    padding: 90px 20px 50px 20px;
  }

  .icon-services {
    top: 40px;
    right: 20px;
  }

  .icon-services svg {
    width: 30px;
    height: 30px;
  }

  .dm-card .dm-icon {
    width: 120px;
    height: 120px;
  }

  .dm-card h4 {
    font-size: 25px;
  }

  .dm-card p {
    font-size: 16px;
  }

  .dm-cards {
    padding: 50px 0;
  }

  .dm-img.laptop img {
    width: 1000px;
  }

  .heading-paragraph p {
    font-size: 17px;
  }

  .heading-paragraph h2 {
    font-size: 45px;
  }

  .count-items h3 {
    font-size: 65px;
  }

  .lets-chat {
    padding-top: 60px;
  }

}

@media (max-width: 1366px) {
  .innerpages-image.branding img {
    width: 440px;
  }

  .innerpages-image.video-animation img {
    width: 600px;
  }

  .what-we-do img {
    width: 100%;
  }

  .dm-img.laptop img {
    width: 800px;
  }

  .innerpages-image.digital-marketing img {
    width: 670px;
  }

  .innerpages-image.mobile-application {
    bottom: -30px;
  }

  .innerpages-image.mobile-application img {
    width: 450px;
  }

  .innerpages-image.david {
    right: 100px;
  }

  .innerpages-image.david img {
    width: 620px;
  }

  .innerpages-image.ribbon img {
    width: 1030px;
  }

  .innerpages-content h1 {
    font-size: 40px;
  }

  .innerpages-image.apple img {
    width: 430px;
  }
}

@media (max-width: 1280px) {
  .dm-img.branding_text img {
    width: 500px;
  }

  .innerpages-image.digital-marketing img {
    width: 730px;
  }

  .innerpages-image.david img {
    width: 730px;
  }

  .innerpages-content h1 {
    font-size: 40px;
  }

  .innerpages-image.ribbon img {
    width: 1060px;
  }

  .innerpages-image.apple img {
    width: 450px;
  }

  .core-services {
    padding-top: 0;
  }

  .hero-img img {
    width: 600px;
  }

  .grid .partner-content:nth-of-type(3) p,
  .grid .partner-content:nth-of-type(5) p {
    max-width: 400px;
  }

  .innerpages-image.mobile-application img {
    width: 500px;
  }

  .innerpages-image.mobile-application {
    right: -20px;
    bottom: -30px;
  }

  h2 {
    font-size: 45px;
  }
}

@media (max-width: 1200px) {
  h1 {
    font-size: 65px;
  }

  .grid .partner-content:nth-of-type(3) p,
  .grid .partner-content:nth-of-type(5) p {
    max-width: 350px;
  }
}

@media (max-width: 600px) {

  html {
    font-size: 12px;
  }

  :root {
    --marquee-width: 100vw;
    --marquee-height: 16vh;
    --marquee-elements-displayed: 3;
  }

  .marquee:before,
  .marquee:after {
    width: 5rem;
  }

  .page-holder {
    padding: 0 15px;
  }

  img.heading-gif {
    width: 65px;
    height: 35px;
  }

  h1 {
    font-size: 30px;
  }

  .hero-content p {
    margin-top: 20px;
  }


  p {
    font-size: 16px;
  }

  .hero-inner {
    background-size: 77%;
    background-repeat: no-repeat;
    background-position: 120% 100%;
    align-items: flex-start;
  }

  .hero-content {
    margin-top: 30%;
  }

  a.mainmenu__item {
    font-size: 30px;
  }

  span.sidemenu__item-inner {
    font-size: 20px;
  }

  .hero-content {
    width: 100%;
  }

  .pixlency-badge span:before,
  .pixlency-badge span:after {
    width: 10px;
  }

  .pixlency-badge span {
    font-size: 14px;
  }

  .hero-content {
    width: 100%;
  }

  .btn.btn-green {
    font-size: 14px;
  }

  .core-services-inner>*:not(:last-child) {
    margin-bottom: 20px;
  }

  h2 {
    font-size: 25px;
  }

  .core-services-inner>p {
    font-size: 16px;
  }

  .services .services-card {
    padding: 60px 30px 50px 30px;
  }

  .services-card h3 {
    font-size: 25px;
    letter-spacing: -1px;
  }

  .icon-services svg {
    width: 25px;
  }

  .marquee {
    height: 50px;
  }

  .marquee img {
    margin: 0 15px;
  }

  .track .text {
    font-size: 16px;
  }

  section.trend {
    padding: 100px 0 40px;
  }

  .trend-image {
    width: 90px;
    height: 90px;
  }

  .trend-image img {
    width: 70px;
  }

  .trend-image svg {
    width: 60px;
  }

  .trend-inner .trend-image-wrapper:nth-child(1) {
    width: 100%;
    top: -100px;
  }


  .trend-inner .trend-image-wrapper:nth-child(2) {
    width: 80%;
    bottom: -100px;
  }

  .trend-inner p {
    max-width: 100%;
  }

  .trend-inner p:first-of-type {
    margin-bottom: 15px;
  }

  .trend-inner h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .trend-inner h3 {
    font-size: 20px;
  }

  section.services {
    padding: 0;
  }


  .main-slider {
    width: 100%;
  }

  .portfolio-text .stroke-text {
    font-size: 50px;
    margin-top: 100px;
  }

  .thumbnail-slider {
    width: 100%;
  }

  .slider-container {
    height: unset;
    flex-direction: column;
  }


  .thumbnail-slider .port-thumbs {
    border: 2px solid #fff;
    border-radius: 15px;
    margin-bottom: 0px;
  }


  .radial-ball {

    width: 150px;
  }


  section.blogs {
    padding: 50px 0 0;
  }

  .blogs-inner .stroke-text {
    font-size: 30px;
    margin-bottom: 0;
  }


  .blog-img {
    border-radius: 15px;
  }

  .blog-card {
    height: unset;
  }


  .testimonial {
    padding: 40px 0;
  }

  .testimonial-content p {
    font-size: 16px;
    max-width: 100%;
  }

  section.portfolio {
    padding: 30px 0;
  }

  .testimonial-item {
    padding: 15px;
  }

  .testimonial-inner {
    border-radius: 20px;
  }

  .testimonial-inner button.slick-prev.slick-arrow {
    left: 10px;
  }

  .testimonial-inner button.slick-next.slick-arrow {
    right: -10px;
  }


  .testimonial-inner button.slick-arrow i {
    font-size: 15px;
  }

  .testimonial-info h4 {
    font-size: 12px;
  }

  .testimonial-info h4 {
    font-size: 12px;
  }

  section.partner {
    padding: 100px 0 40px;
  }

  .partner-title h2 {
    font-size: 25px;
  }

  .partner-content h3 {
    font-size: 20px;
  }

  .partner-content p {
    font-size: 16px;
  }

  .grid {
    display: flex;
    flex-direction: column;
  }

  .partner-img {
    width: 120px;
    right: 20px;
    top: -30px;
  }


  section.faqs {
    padding: 20px 0;
  }


  .faqs-content h2 {
    font-size: 25px;
  }

  section.faqs .row {
    gap: 40px;
  }

  .px-accordion .px-accordion-btn {
    padding: 15px 10px;
  }

  .px-accordion .px-accordion-item button .px-accordion-title {
    font-size: 14px;
  }

  .px-accordion .px-accordion-btn .px-accordion-icon {
    right: 10px;
  }

  .px-accordion .px-accordion-content p {
    padding: 0 10px 20px;
  }

  footer.footer {
    padding: 40px 0 20px;
  }


  footer.footer .footer-inner .row .col-lg-3 {
    max-width: 50%;
  }

  footer.footer .footer-inner .row {
    row-gap: 20px;
  }

  .footer-items h3,
  .get-in-touch h3 {
    font-size: 16px;
  }

  a.footer-links {
    font-size: 15px;
  }

  ul.footer-list {
    padding: 0;
    margin-top: 10px;
  }

  .news-letter.footer-items ul li {
    margin-top: 10px;
  }

  .pt-80 {
    padding-top: 20px;
  }

  .copyright-links a {
    font-size: 12px;
  }

  .vl {
    height: 15px;
  }


  button.back-to-top.show {
    right: 20px;
    bottom: 30px;
    height: 30px;
    width: 30px;
  }


  button.back-to-top::before,
  button.back-to-top::after {
    margin: 10px auto 0;
  }


  button.back-to-top::after {
    top: -18px;
  }


  .footer-items {
    max-width: unset;
  }

  ul.footer-list li {
    margin-bottom: 10px;
  }

  .news-letter.footer-items ul li a {
    font-size: 15px;
  }

  .copyright {
    text-align: center;
  }

  .copyright-links {
    justify-content: center;
    align-items: center;
    gap: 5px;
  }


  .footer-items {
    max-width: unset;
  }

  ul.footer-list li {
    margin-bottom: 10px;
  }

  .news-letter.footer-items ul li a {
    font-size: 15px;
  }

  .copyright {
    text-align: center;
  }

  .copyright-links {
    justify-content: center;
    align-items: center;
    gap: 5px;
  }

  .newsletter-btn svg {
    width: 13px;
    height: 13px;
  }

  .newsletter-container .newsletter-btn {
    padding: 5px;
    gap: 5px;
    font-size: 9px;
  }

  .footer-brand a {
    margin: 0 0 10px;
    width: 80%;
  }

  .newsletter-container {
    --newsletterHeight: 40px;
    --borderRadius: 20px;
  }

  .subscribe-form .email-input {
    padding: 8px;
    width: 65%;
  }


  .subscribe-form .submit-button {
    width: 35%;
    font-size: 10px;

  }

  div#cursor {
    display: none;
  }

  .innerpages-image.ribbon {
    display: none;
  }

  .innerpages-content h4 {
    font-size: 18px;
  }

  .innerpages-content h1 {
    font-size: 20px;
  }


  .innerpages-content p {
    font-size: 16px;
    margin: 10px 0;
  }

  section.marquee-ribbons {
    padding: 40px 0;
  }

  .our-services-inner .stroke-text {
    font-size: 45px;
    margin-bottom: -40px;
  }

  .our-services-inner h2 {
    text-transform: uppercase;
    font-size: 40px;
  }


  .our-services {
    padding: 40px 0;
  }

  .our-services-inner p {
    font-size: 16px;
    margin: 15px auto 0;
  }

  .category {
    padding: 40px 0;
  }

  .category-cards-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .category-icon {
    margin-bottom: 15px;
  }

  .category-content p {
    margin: 15px 0;
    font-size: 15px;
  }

  .category-btn a.service-btn {
    padding: 5px 15px;
    gap: 5px;
  }


  a.service-btn span:nth-child(2) {
    padding: 5px;
  }

  a.service-btn span:nth-child(2) svg {
    width: 15px;
    height: 15px;
  }

  .contact-title {
    padding: 40px 0 0;
  }

  .contact-title-inner h2 {
    font-size: 30px;
  }

  .contact-title-inner p {
    font-size: 16px;
  }

  .category-card {
    padding: 20px;
  }

  .category .title h2 {
    margin-bottom: 20px;
    font-size: 35px;
  }


  .category-content h2 {
    font-size: 20px;
  }


  .why-choose {
    padding: 40px 0;
  }

  .why-choose-inner h2 {
    font-size: 25px;
    margin-bottom: 10px;
  }

  .why-choose-inner h5 {
    font-size: 20px;
  }

  .why-choose-inner p {
    font-size: 16px;
  }

  .why-choose-inner .btn.btn-green {
    margin-top: 10px;
  }

  section.why-choose .row.align-items-center {
    gap: 40px;
  }

  .consultancy {
    border-radius: 20px;
    padding: 30px 20px;
  }

  .consultancy .row:nth-child(1),
  .consultancy .row:nth-child(2),
  .consultancy .title {
    margin-bottom: 20px;
  }

  .form__field {
    padding: 10px 0;
    font-size: 14px;
  }

  .form__field:placeholder-shown~.form__label {
    font-size: 15px;
  }

  .form__label {
    font-size: 12px;
  }

  .radial-circle {

    width: 250px;
    height: 260px;
  }

  .services-card-wrapper {
    padding: 20px 0;
  }

  .our-services-content.img-left {
    margin-left: -30px;
  }

  .our-services-content h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .our-services-content p {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
  }

  .our-services-content.img-left {
    margin-left: -16px;
    border-radius: 0 20px 20px 0;
  }

  .our-services-content.img-right {
    margin-right: -16px;
    border-radius: 20px 0 0 20px;
  }

  .our-services-content {
    margin: 0;
    padding: 30px 20px;
    margin-bottom: 0;
  }

  .our-services-img {
    border-radius: 20px;
  }

  .services-img-card {
    flex-direction: column;
    margin-top: 20px;
    gap: 20px;
  }

  .services-card-wrapper .services-img-card:nth-child(even) {
    flex-direction: column-reverse;
  }

  .innerpages-image.apple img {
    display: none;
  }

  .lets-chat-marquee .text {
    font-size: 6ch;
  }

  .innerpages-image.david {
    display: none;
  }

  .our-services-inner.web .stroke-text {
    font-size: 30px;
    margin-bottom: -40px;
    letter-spacing: -0.5px;
  }

  button#rotate-button i {
    font-size: 15px;
  }

  button#rotate-button {
    padding: 25px;
  }


  .web-portfolio-grid {
    position: static;
  }

  section.website-porfolio {
    position: relative;
    height: 400px;

  }


  div#item5 {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 15%;
    width: 90%;
    bottom: 50px;
    min-height: fit-content;
  }


  .web-portfolio-item {
    max-height: fit-content;
  }

  .technology-tab-inner {
    margin-top: 40px;
  }

  .heading-paragraph h2 {
    font-size: 30px;
  }

  .heading-paragraph p {
    font-size: 16px;
    margin: 20px auto 0;
  }

  .technology-tab-inner ul.nav.nav-tabs li.nav-item a.nav-link.active {
    border-bottom: 2px solid var(--secondaryColor);
  }

  .technology-grid .technology-item {
    gap: 10px;
  }


  .technology-grid {
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
  }

  .technology-grid .technology-item {
    grid-column: unset !important;
  }

  .technology-grid .technology-item h4 {
    font-size: 12px;
  }

  .technology-grid .technology-item {
    max-width: 80px;
  }

  .technology-item svg {
    width: 40px;
    height: 40px;
  }

  section.technology-tabs {
    padding: 40px 0;
  }

  .technology-tab-inner .tab-content div.tab-pane.fade {
    padding: 20px;
  }


  .technology-tab-inner ul.nav.nav-tabs li.nav-item a.nav-link {
    font-size: 16px;
  }


  .technology-tab-inner ul.nav.nav-tabs li.nav-item a.nav-link {
    border-bottom: 2px solid var(--purpleSecondary);
  }


  .form__group.field .iti.iti--allow-dropdown.iti--show-flags {
    width: 100%;
  }


  /*Mobile Application*/

  .innerpages-image.mobile-application {
    display: none;
  }

  .our-services-inner.mobile-application .stroke-text {
    font-size: 35px;
    margin-bottom: -70px;
    letter-spacing: -3px;
  }

  .image-w-text-img img {
    width: 100%;
  }

  .what-we-do-content {
    padding: 0 10px;
  }

  .what-we-do-content h2 {
    text-align: left !important;
    font-size: 100px;
  }

  .what-we-do-content h3 {
    text-align: left !important;
    font-size: 20px;
    letter-spacing: -1.5px;
  }

  .what-we-do-content p {
    text-align: left !important;
    font-size: 13px;
    margin: 10px 0;
  }

  .mobile-portfolio-screen {
    width: 80%;
  }

  .mobile-portfolio-strip {
    margin: 100px 0 100px;
    filter: blur(1px);
  }


  .image-w-text-img img {
    width: 100%;
  }

  .what-we-do-content h2 {
    text-align: left !important;
    font-size: 100px;
    margin-bottom: -50px;
  }

  .what-we-do-content h3 {
    text-align: left !important;
    font-size: 20px;
    letter-spacing: -1.5px;
  }

  .what-we-do-content p {
    text-align: left !important;
    font-size: 13px;
    margin: 10px 0;
  }

  .what-we-do-text {
    margin-bottom: 0;
  }


  .what-we-do {
    padding: 50px 0 0;
  }

  .mobile-step span {
    font-size: 70px;
  }


  .mobile-step p {
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    margin: 10px 0 0;
  }


  .heading-paragraph {
    margin-bottom: 20px;
  }

  section.mobile-steps {
    padding: 40px 0;
  }

  section.mobile-portfolio {
    padding: 40px 0;
  }


  .steps-grid {
    padding-top: 10px;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .what-we-do-img {
    margin-bottom: 20px;
  }

  .dm-inner {
    flex-direction: column;
  }

  .innerpages-image.digital-marketing {
    display: none;
  }

  .dm-text {
    margin-bottom: 40px;
  }

  .dm-img.laptop,
  .dm-text {
    max-width: 100%;
    flex-basis: 100%;
    width: 100%;
  }

  .dm-text h2 {
    margin-bottom: 15px;
  }

  .dm-cards {
    padding: 0;
  }


  .dm-cards-inner {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .dm-card .dm-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
  }

  .dm-card h4 {
    font-size: 20px;
  }

  .dm-card p {
    font-size: 15px;
  }

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

  .counter-wrapper {
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
  }

  .innerpages-image.video-animation {
    display: none;
  }

  .heading-paragraph h2 br {
    display: none;
  }

  .heading-paragraph p {
    max-width: 90%;
  }

  .brand-btn {
    margin-top: 30px;
    font-size: 14px;
    padding: 12px 25px;
    border-radius: 10px;
  }

  .brand-banner-inner h2 {
    font-size: 30px;
  }


  .brand-banner-inner {
    padding: 45px 20px;
    border-radius: 15px;
    background-size: cover;
  }

  .gallery {
    padding: 40px 0;
  }

  .innerpages-image.branding {
    display: none;
  }

  .innerpages-image.video-animation {
    display: none;
  }

  .heading-paragraph h2 br {
    display: none;
  }

  .heading-paragraph p {
    max-width: 90%;
  }

  .brand-btn {
    margin-top: 30px;
    font-size: 14px;
    padding: 12px 25px;
    border-radius: 10px;
  }

  .brand-banner-inner h2 {
    font-size: 30px;
  }


  .brand-banner-inner {
    padding: 45px 20px;
    border-radius: 15px;
    background-size: cover;
  }

  .gallery {
    padding: 40px 0;
  }

  .dm-img.branding_text {
    position: static
  }

  .txt {
    padding: 20px 0;
  }

  .text-banner {
    padding: 100px 0 80px;
  }

  section.text-banner .text-banner-inner h1 {
    margin-top: 30px;
  }

  section.job-listing .company {
    color: #96a4b1;
    font-size: 20px;
  }

  section.job-listing .job-title {
    margin-top: 0.6rem;
    font-size: 24px;
  }

  section.job-listing ul.job-list>li.job-preview {
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  section.job-listing {
    padding: 40px 0;
  }

  .blogs_content h5 {
    font-size: 18px;
  }

  .blogs_content p {
    font-size: 16px;
  }

  .features_image {
    margin-bottom: 30px;
    border-radius: 15px;
    height: 150px;
  }


  section.single__blog {
    padding: 0 0 40px;
  }

  .featured_blogs {
    border-left: unset;
    padding: 0;
  }


  .featured_blogs ul li a {
    gap: 5px;
  }

  section.single__blog .page-holder .row {
    flex-direction: column-reverse;
  }

  .featured_blogs h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .featured_blogs ul li {
    margin-bottom: 10px;
  }

  .featured_blogs ul li a span.blog-title {
    font-size: 16px;
  }


  .main-slider .slick-list.draggable {

    height: 230px !important;
  }


  .dm-img.laptop img {
    width: 100%;
  }

  .dm-img.laptop {
    position: static;
  }

  .col-lg-6.dm-img {
    margin-bottom: 20px;
  }

  section.digital-marketing {
    padding: 20px 0 50px;
  }


  .playbtn {
    width: 40px;
    height: 40px;
  }

  .portfolio-inner .slider-container img {
    aspect-ratio: 1;
  }

  /* Landing Page */

  section.innerpages-banner.white-label {
    padding: 60px 0;
  }

  section.innerpages-banner.white-label .innerpages-inner .top-header {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 20px;
  }

  section.innerpages-banner.white-label .innerpages-inner .top-header .rating {
    font-size: 12px;
  }

  section.innerpages-banner.white-label .innerpages-inner .top-header .rating i {
    font-size: 12px;
    padding: 2px;
    margin-right: 0;
  }

  section.innerpages-banner.white-label .innerpages-inner .top-header .avatar img {
    width: 80px;
  }

.white-label-partner section.innerpages-banner.white-label .innerpages-inner h1 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
    width:100%;
  }

  section.innerpages-banner.white-label .innerpages-inner h4 {
    font-size: 18px;
  }

  section.innerpages-banner.white-label .innerpages-inner p {
    max-width: 100%;
    font-size: 14px;
    text-align: left;
  }

  .white-label-content span.icon-list {
    font-size: 16px;
    gap: 8px;
    margin-bottom: 10px;
  }

  .white-label-content h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .white-label-content p {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .white-label-content .arrow-link {
    font-size: 16px;
  }

  .white-label-content .arrow-link-icon {
    margin-inline-start: 5px;
  }

  .who-work-card-grp {
    margin-top: 10px;
  }

  .who-works-card-content {
    padding: 12px 0;
  }

  .who-works-card-content a svg {
    width: 24px;
  }

  section.who-work {
    padding: 40px 0;
  }

  .icon-box_content p {
    font-size: 13px;
    margin-bottom: 50px;
  }

  .icon-box_content h3 {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .icon-box {
    gap: 10px;
    margin-top: 30px;
    padding: 0;
  }

  .services-offer-inner {
    gap: 20px;
    flex-direction: column;
  }

  .services-offer-content {
    flex-basis: 100%;
    width: 100%;
  }


  .services-offer-image {
    width: 70%;
  }
  
  .icon-box_content h5 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.5;
    font-weight: 600;
}


.white-label-content ul li {
    font-size: 15px;
}


  a.icon-box_link {
    bottom: 5px;
  }

  a.icon-box_link svg {
    width: 30px;
  }

  .services-offer {
    padding: 40px 0;
  }

  .how-it-works {
    padding: 40px 0;
  }

  .how-it-works-inner {
    margin-top: 30px;
    gap: 10px;
    flex-wrap: wrap;
  }

  .how-it-works-card svg {
    width: 80px;
  }

  .how-it-works-card {
    width: calc(50% - 10px);
  }

  .how-it-works-card p {
    font-size: 12px;
  }

  .how-it-works-card h4 {
    font-size: 16px;
    margin: 30px 0 10px;
  }

  .how-it-works-card+.how-it-works-card::before {
    display: none;
  }

  .how-it-works .white-label-content p {
    max-width: 100%;
  }


  .what-you-get {
    padding: 40px 0;
  }

  .what-you-get .white-label-content h2 {
    color: var(--whiteColor);
    margin-bottom: 20px;
  }

  .what-you-get .white-label-content p {
    max-width: 100%;
  }

  .what-you-get-cards p {
    font-size: 15px;
    margin-bottom: 30px;
  }

  .img-w-text {
    padding: 40px 0;
  }

  .img-w-text .white-label-content h2 {
    margin-bottom: 20px;
  }

  .testimonial-avatars {
    margin-top: 0;
  }

  .testimonial-avatars .slick-arrow {
    width: 40px;
  }

  .testimonial-items {
    flex-direction: column;
    padding: 0;
    gap: 20px;
  }

  span.author {
    font-size: 16px;
    margin-bottom: 0;
  }

  span.designation {
    font-size: 12px;
  }

  .testimonial-text p {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .testimonail-container {
    margin-top: 30px;
  }

  .testimonial-items img {
    width: 50%;
  }

  .get-connect {
    padding: 40px 0;
  }

  .get-connect .consultancy .title h2 {
    font-size: 25px;
  }

  .get-connect .consultancy {
    margin-top: 20px;
  }

}

@media screen and (max-height: 800px) {
  .innerpages-image.digital-marketing {
    top: 100px;
  }
}

@media screen and (max-height: 768px) {
  .innerpages-image.digital-marketing {
    top: 25px;
  }

  .innerpages-image.david {
    top: -9px;
  }
}