.cases .mobile_only{ display: none; }

@media (max-width: 1280px) { 

	/* Cases */
	.cases .case-hero .img_hd{ display: none; }
	.cases .mobile_display{ display: block; width: 65%; position: absolute; bottom: -240px; left: 0; right: 0; margin: 0 auto; pointer-events: none; z-index: 3; }
	.cases .mobile_display .img_mobile{ z-index: 2; }

	.cases .content_explanation{ padding: 200px 0 300px; }
	.cases .content_explanation .center_content{ width: 700px; }
	.cases .content_explanation .center_content p{ width: 450px; }
	.cases .content_explanation .center_content .content_deliverables{ width: 100%; } 
	.cases.celbrea .content_explanation .center_content .content_deliverables{ width: 350px; margin: auto; float: none; } 
	.cases .content_explanation .center_content .content_deliverables ul li{ font-size: 1.250em; }

	.cases .content_visual_case{ padding: 300px 0 200px; }
	.cases .content_visual_case .content_information .center_content{ width: 700px; }
	.cases .content_visual_case .content_information .content_text{ width: 100%; text-align: center; }
	.cases .content_visual_case .content_information ul{ width: 100%; text-align: center; }
	.cases .content_visual_case .content_information ul li{ margin: 0 50px 0 0; }

	.cases .content_testimonial .center_content{ width: 700px; }
	.cases .content_testimonial h4{ font-size: 1.625em; }

	.cases .content_more_cases{ padding: 100px 0; }
	.cases .content_more_cases .content_other_cases{ text-align: center; }
	.cases .content_more_cases .content_other_cases li{ margin: 0 0 40px; text-align: left; }
	.cases .content_more_cases .content_other_cases li:last-child{ margin: 0; }
	.cases .content_more_cases .content_other_cases li .content_information{ padding: 40px 50px; }

}

@media (max-width: 1000px) { 

	.cases .center_content { width: 100%; float: left; }

	.cases .case-hero h1,
	.cases .case-hero h2{ width: 100%; top: 0; }
	.cases .case-hero h1{ font-size: 2.5em; margin: 15px auto 0; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; }
	.cases .case-hero h1 br{ display: none; }
	.cases .case-hero h2{ font-size: 1.125em; }

	.cases .content_explanation{ padding: 130px 30px 200px; }
	.cases .content_explanation .center_content .content_deliverables{ width: 100%; float: left; margin: 0 0 100px; }

	.cases.databook .content_visual_case .img_hd{ top: -200px; }

	.cases .content_visual_case .content_information{ margin: 50px 0 0; }
	.cases .content_visual_case .content_information .center_content{ width: 100%; padding: 0 30px; }
	.cases .content_testimonial{ padding: 60px 30px; }
	.cases .content_testimonial p{ width: 100%; float: left; margin: 0 0 30px; }

	.cases .mobile_display{ bottom: -160px; }

	.cases .mobile_only{ display: block; }
	.cases .desktop_only{ display: none; }

}


@media (max-width: 750px){ 

	/* Cases */
	.cases .case-hero{ height: 100%; }
	.cases .case-hero:before{ content: ""; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; }

	.cases .content_explanation .center_content{ width: 100%; }
	.cases .content_explanation .center_content li.row{ margin: 0 0 40px; padding: 0 0 40px; }
	.cases .content_explanation .center_content li.row:last-child{ border: none; padding: 0; margin: 0 0 40px; }
	.cases .content_explanation .center_content .content_text{ width: 100%; margin: 0 0 30px; }
	.cases .content_explanation .center_content .content_text .number{ font-size: 2em; }
	.cases .content_explanation .center_content .content_text .title{ font-size: 2em; }
	.cases .content_explanation .center_content p{ width: 100%; float: left; }
	.cases .content_explanation .center_content p.big{ font-size: 1.125em; }
	.cases .content_explanation .center_content .content_deliverables h3{ margin: 0 0 30px; }
	.cases .content_explanation .center_content .content_deliverables ul{ width: 100%; margin: 0 0 20px; }
	.cases .content_explanation .center_content .content_deliverables ul li{ font-size: 1em; padding: 0 0 0 30px; }

}

@media screen and (orientation: landscape) { 

	.cases .case-hero h1{ z-index: 7 !important; margin: 5px auto 0; }
	.cases .case-hero h2{ z-index: 7 !important; }

}