/**
 * AppVerticals — responsive.css
 *
 * Global responsive overrides. Loaded on EVERY page (priority 999) so its
 * rules cascade over all theme + section CSS.
 *
 * Conventions:
 *  - Mobile-first preferred. Use min-width queries when adding new rules.
 *  - For overriding existing desktop styles, use max-width queries grouped
 *    by breakpoint:
 *
 *      @media (max-width: 1440px) { ... }
 *      @media (max-width: 1199px) { ... }
 *      @media (max-width:  991px) { ... }
 *      @media (max-width:  767px) { ... }
 *      @media (max-width:  575px) { ... }
 *      @media (max-width:  400px) { ... }
 *
 *  - Scope rules to a component class to avoid leaking globally.
 *  - Avoid !important unless overriding a hardcoded inline style.
 *  - Keep this file additive only — do NOT duplicate base desktop rules.
 */

/* ──────────────────────────────────────────────────────────────────
   1440px and below — large laptops
────────────────────────────────────────────────────────────────── */

.av-lp-page .bannerTwo .logos {
  display: none !important;
}

.av-lp-page .clientTestimonial .founderSlider .slider-info .info-content{
	color: #ffffff;
}

.main-process .card {
    background: transparent;
}

.whyChoose .single img {
    width: 65px;
    height: 65px;
}

.page-id-853 .mobileApp {
   padding-bottom: 0;
}


.buildFeatures .bf__single img {
   width: 45px;
   height: 45px;
}

.av-lp-page .OdooAwards .bottom .single img{
	width: 80%;
}

.cspSlider .card .content .rightSide.coke, .cspSlider .card .content .rightSide.spruce, .cspSlider .card .content .rightSide.amaya, .cspSlider .card .content .rightSide.glee, .cspSlider .card .content .rightSide.fishfin, .cspSlider .card .content .rightSide.obituary, .cspSlider .card .content .rightSide.budget, .cspSlider .card .content .rightSide.cptns, .cspSlider .card .content .rightSide.shopLocal, .cspSlider .card .content .rightSide.cpcg, .cspSlider .card .content .rightSide.birds, .cspSlider .card .content .rightSide.openhouse{
	justify-content:flex-end;
}

.cspSlider .card .content .rightSide.coke .imgContainer img {
    width: 400px;
}

.cspSlider .card .content .rightSide.spruce .imgContainer img {
    width: 535px;
}

.cspSlider .card .content .rightSide.cheval .imgContainer img{
	width: 470px;
}

.cspSlider .card .content .rightSide.glee .imgContainer img {
    width: 280px;
}

.cspSlider .card .content .rightSide.amaya .imgContainer img {
    width: 380px;
}

.cspSlider .card .content .rightSide.stance .imgContainer img {
    width: 360px;
}

.cspSlider .card .content .rightSide.obituary .imgContainer img {
    width: 370px;
}

.cspSlider .card .content .rightSide.fishfin .imgContainer img {
    width: 370px;
}

.cspSlider .card .content .rightSide.budget .imgContainer img {
    width: 424px;
}

.cspSlider .card .content .rightSide.cptns .imgContainer img {
    width: 350px;
}

.cspSlider .card .content .rightSide.shopLocal .imgContainer img {
    width: 430px;
}

.cspSlider .card .content .rightSide.birds .imgContainer img {
    width: 380px;
}

.main-process .card.active .card__infos {
    left: 0;
    height: auto;
    bottom: 0;
}

.page-id-224 .mobileAppBanner__topButtons {
    justify-content: flex-start;
}


@media (max-width: 1440px) {
}

@media (max-width: 1366px) {
	.cspSlider .card .content .rightSide.coke .imgContainer img {
    width: 400px !important;
	}
	.cspSlider .card .content .rightSide.spruce .imgContainer img {
    width: 480px !important;
	}
	
	.cspSlider .card .content .rightSide.cheval .imgContainer img{
	width: 400px !important;
	}
	
	.cspSlider .card .content .rightSide.glee .imgContainer img {
    width: 290px !important;
	}
	
	.cspSlider .card .content .rightSide.obituary .imgContainer img {
    width: 380px !important;
    height: auto;
	}
	
	.cspSlider .card .content .rightSide.cptns .imgContainer img {
    width: 340px !important;
	}
}

/* ──────────────────────────────────────────────────────────────────
   1199px and below — small laptops / large tablets landscape
────────────────────────────────────────────────────────────────── */
@media (max-width: 1199px) {
  .av-cst__head h2 {
    font-size: 38px;
  }
  .imgCta h2 br {
    display: none;
  }
	
	.av-lp-page .clientLogos.colSix .images .single {
    width: 20%;
	}
	
	.av-lp-page .clientLogos.colSix .main h2{
		font-size: 38px;
	}
	
	.av-lp-page .guaranteedSuccess .main h2 br{
		display: none;
	}
	
	.av-lp-page .guaranteedSuccess .main h2{
		font-size: 38px;
	}
	
	.av-lp-page .whyChoose .main p{
		width: 100%;
	}
	
	.main-process .card h3.beforehover {
    font-size: 35px;
    left: 2.5rem;
	}
}

/* ──────────────────────────────────────────────────────────────────
   991px and below — tablets portrait
────────────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
  .av-cst__head h2 {
    font-size: 35px;
  }
	
	.av-lp-page .guaranteedSuccess .main h2{
		font-size: 35px;
	}
	
	.main-process .cards{
		flex-direction:column;
	}
	
	.av-lp-page .growthImpact .main .counter .counterGrid .number h4{
		font-size:80px;
	}
	
	.av-lp-page .OdooAwards .main .right {
    display: flex;
    justify-content: center;
	}
	
	.testimonials .left .info .clientName {
    font-size: 18px;
	}
	
	.av-lp-page .clientLogos.colSix .images .single {
    width: 23%;
	}

  .ist__mobBody p {
    color: #2c2c2c;
    text-align: center;
    margin-bottom: 20px;
  }
  .ist__mobAccordion .accordion-button:not(.collapsed) {
    color: #2c2c2c;
    text-align: center;
    margin: auto;
  }

  .industry-leading__image {
    text-align: center;
    justify-content: center;
  }

  .mobileAppBanner__btnWrapper {
    flex-direction: column;
  }

  .cspSlider .btnWrapper {
    width: max-content;
  }

  .trustedByIndustry .gridLayout .sliderItem {
    width: 200px;
    height: 100px;
  }

  .industry-leading__image img {
    width: 100% !important;
    height: auto !important;
  }

  .cspSlider .btnWrapper {
    width: max-content;
  }
	
	.main-process .cards{
		flex-direction: column;
	}
	
	.main-process .card{
        width: 100%;
        padding: 20px 30px;
        bottom: 0;
	}
	
	.main-process .card h3.beforehover {
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: unset;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 20px;
}
	
	.csp-mob-slider .coke .caseStudyImg img {
    width: 45%;
	}
	
	.csp-mob-slider .single.stance .caseStudyImg img {
    width: 40%;
    top: -65px;
	}
	
	.csp-mob-pagination .csp-prev:hover svg, .csp-mob-pagination .csp-next:hover svg {
    fill: #212529;
	}
	
	.csp-mob-slider .caseStudy > p{
		font-size: 20px;
	}
	
	.csp-mob-slider .single.budget .caseStudyImg img {
    width: 43%;
    top: -40px;
	}
	
	.page-id-224 .mobileAppBanner__topButtons {
    justify-content: center;
	}
}

/* ──────────────────────────────────────────────────────────────────
   767px and below — large phones
────────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .av-cst__head h2 {
    font-size: 30px;
  }
	
	.av-lp-page .guaranteedSuccess .main h2{
		font-size: 30px;
	}

  .trustedByIndustry .gridLayout .sliderItem {
    width: 200px;
    height: 110px;
  }
	
	.csp-mob-slider .caseStudy > p {
    font-size: 16px;
	}
}

/* ──────────────────────────────────────────────────────────────────
   575px and below — small phones
────────────────────────────────────────────────────────────────── */
@media (max-width: 575px) {
  .av-lp-page .guaranteedSuccess .main h2 {
    font-size: 28px;
  }
	
	.av-lp-page .guaranteedSuccess .main h2{
		font-size: 28px;
	}
	
  .imgCta.blackText .main .right h2,
  .imgCta.blackText .main .right p {
    color: #ffffff;
  }
	
	.av-lp-page .clientLogos.colSix .images .single {
    width: 40%;
	}

  .wab__btn {
    font-size: 14px;
    padding: 10px 20px;
  }

  .wab__left {
    padding: 25px 10px;
  }

  .av-cst__head h2 {
    font-size: 26px;
  }

  .industry-leading__image img {
    height: auto !important;
  }

  .av-primary-btn {
    font-size: 14px;
    padding: 10px 20px;
  }

  .timelineSlider .main .costSlider .single .grid .right {
    border-left: none;
    padding-left: 0;
    padding-top: 20px;
  }

	
	.av-lp-page .clientLogos.colSix .main h2{
		font-size: 28px;
	}

  .av-lp-page .guaranteedSuccess .main h2 {
    font-size: 28px;
  }
	
	.csp-mob-slider .coke .caseStudyImg img {
    width: 45%;
    top: -50px;
}
	
	.csp-mob-slider .cheval .caseStudyImg img {
    width: 50%;
    top: -50px;
}
	
	.csp-mob-slider .single.amaya .caseStudyImg img {
    width: 40%;
    top: -10%;
}
	
	.csp-mob-slider .single.stance .caseStudyImg img {
    width: 40%;
    top: -15%;
}
	
	.csp-mob-slider .single.glee .caseStudyImg img {
    width: 35%;
    top: -70px;
}
	
	.csp-mob-slider .single.fishfin .caseStudyImg img {
    width: 43%;
    top: -10%;
}
	
	.csp-mob-slider .single.cptns .caseStudyImg img{
		width: 50%;
	}
	
	.csp-mob-slider .single.shopLocal  .caseStudyImg img {
    width: 45%;
    top: -33px;
}
	
}

@media (max-width: 426px) {
  .mobileAppBanner__topButtons {
    width: 100%;
  }
}

@media (max-width: 320px) {
  .cardBox .flip-card-front {
    min-height: 340px;
  }
  .cardBox .flip-card-back {
    min-height: 340px;
  }

  .cardBox .flip-card {
    min-height: 340px;
  }
}

/* ──────────────────────────────────────────────────────────────────
   400px and below — micro phones
────────────────────────────────────────────────────────────────── */
@media (max-width: 400px) {
}