@media(max-width: 1500px) {
}
@media(max-width: 1280px) {
	section.clientVideo_dark .slick__for .darkThemeLogo {width: 170px !important; }
	section.reviews img.review_txt {margin-bottom: -100px; }
}
@media(max-width: 1100px) {
	section.reviews img.review_txt {margin-bottom: -80px; }
}
@media(max-width: 991px) {
	section.colors_typo .fonts_clm .typo_txt {top: 15px; left: 15px; font-size: 17px;}
}
@media(max-width: 768px) {
	section.case_study_banner {background-size: 100%; background-position: 0 -8%; }
	section.reviews .txt_wrap .fs_20px {font-size: 17px; }
	section.reviews .client_image {width: 70px; height: 70px; }
	section.reviews .fs_14px {font-size: 12px; }
	section.reviews img.review_txt {margin-bottom: 0px; }
	section.reviews .fs_20px {font-size: 15px; }

	section.project_overview .fs_40px {font-size: 7.8vw;}
	section.project_overview .fs_50px {font-size: 25px;}
	section.project_overview .fs_20px {font-size: 14px; }

	.tags_wrap {justify-content: center; }

	section.the_results .delivery_clm .fs_50px {font-size: 30px; }
	section.the_results .delivery_clm .fs_20px {font-size: 15px; }

	section.avertiment {background-position: -160px !important;height: 350px !important;background-attachment: unset;background-size: cover;}

	section.colors_typo .clm_fontStyle {min-height: 350px; }
	section.colors_typo .fonts_clm .fs_16px {font-size: 12px; }

	section.web_overview .wo_img {width: 340px; }

	section.client_video .slick__for {margin-bottom: 20px !important; }
	section.client_video .fs_27px {font-size: 22px; }
    section.client_video .fs_20px {font-size: 12px; }
    section.client_video .sliderBtns button {bottom: 0 !important; }
    html body section.client_video .fs_48px {font-size: 25px !important; }
    section.client_video .fs_100px {color: #161616 !important; }

    /* Below 768px the numbered dots are appended into .reviews_dots between
       the two arrows, so the rules that used to place them over the arrow row
       from the left-column box have gone with them; reponsive.css sets their
       geometry once for the whole site. */

    section.solution_content .fs_20px {font-size: 20px; margin-bottom: 20px;}
    section.solution_content .content .fs_20px {font-size: 12px; }

    section.project_walkthrough .fs_50px,
    section.the_solution .fs_50px,
    section.lets_last_case .fs_50px,
    section.the_results .fs_50px,
    section.social_proof .fs_50px,
    section.reviews .fs_50px {font-size: 30px; } 
    .swiper-slide img {height: 200px; }
    
    section.the_results {text-align: center; }
    img.the_solution {margin-bottom: 0px; }

    .pagination {right: 0; }
    section.own_words .pagination {bottom: 19px !important; }
    html body section.solution_content .solution1 .vh-100, html body section.solution_content .solution1 .h-100 {height: auto !important; }
    img.tech_stack_text {margin-bottom: 0px !important; }

    section.solution_content .col-lg-6.d-grid.align-content-between.p-lg-5.p-4.vh-100 {padding-top: 0vh !important; padding-bottom: 5vh !important; }
    section.solution_content .solution1:first-child .col-lg-6.d-grid.align-content-between.p-lg-5.p-4.vh-100 {padding-top: 5vh !important; }
    section.solution_content .solution1.position-sticky {position: relative !important;}
    section.project_overview .fs_50px {font-size: 20px; }
    section.project_overview .fs_40px {font-size: 6.8vw; }
    section.project_overview.for_plutos {padding-bottom: 0 !important; }

    section.web_overview .fs_50px {font-size: 6.604vw; }
    section#work .fs_48px {font-size: 5.5vw; }
    section.results .results_clm .fs_24px {font-size: 5.500vw; margin: 0 !important;}
    section.results .results_clm {height: 230px !important; }
    section.how_we_help .fs_40px {font-size: 5.5vw; }
    section.lets_last_case .fs_50px {font-size: 25px; }
    .d-flex.gap-2.flex-wrap {justify-content: center; }
}
@media(max-width: 400px) {
	section.the_results .delivery_clm .fs_20px {font-size: 10px; }
}