/*BrainFM*/
.brainfm .hero{ background: url("../../img/cases/brain/hero-bg.svg"); background-size: 1920px auto; background-repeat: no-repeat; background-position: bottom center; width: 100%; height: 900px; margin-bottom: 100px; padding-top: 150px; display: block; }
.brainfm .hero{ text-align: center; color: var(--white); }
.brainfm .hero .content{ width: 1160px; margin: 0 auto; position: relative; top: 80px; }
.brainfm .hero .case_study_title{ font-size: 16px; color: rgba(255,255,255,0.7); text-transform: none; margin: 0 auto; display: block; font-weight: normal; position: relative; transition: all 0.5s ease-out; }
.brainfm .hero .project_title{ font-size: 48px; font-weight: 600; color: var(--white); position: relative; transition: all 0.5s ease-out; }
.brainfm .hero .description{ font-size: 44px; color: var(--white); display: block; font-weight: normal; position: relative; transition: all 0.5s ease-out; }
.brainfm .hero .hero_image{ position: absolute; width: 1280px; right: 0; bottom: -170px; }

	/*Client*/
	.brainfm .client{ padding: 100px 0; position: relative; z-index: 10; }
	.brainfm .client .content{ width: 1160px; margin: 0 auto; }
	.brainfm .client .content:after{ content: ""; display: block; clear: both; }
	.brainfm .client .image_left{ float: left; width: 600px; }
	.brainfm .client .right_content{ float: right; width: 400px; position: relative; top: 130px; }
	.brainfm .client .right_content .number{ color: #5310f9; font-weight: bold; font-size: 14px; position: relative; padding-left: 60px; display: block; }
	.brainfm .client .right_content .number:before{ content: ""; display: block; width: 50px; height: 1px; background: #5310f9; position: absolute; top: 9px; left: 0; }
	.brainfm .client .right_content .title{ color: #22145b; font-size: 38px; padding: 15px 0; }
	.brainfm .client .right_content .description{ line-height: 1.4; font-size: 14px; color: #5d518d; max-width: 400px; line-height: 1.5; }

	/*Challenge*/
	.brainfm .challenge{ padding: 0 0 100px; }
	.brainfm .challenge:before{ content: ""; display: block; background: url("../../img/cases/brain/challenge-bg.svg"); background-size: 1920px auto; background-repeat: no-repeat; background-position: top center; width: 100%; height: 1190px; position: absolute; top:-400px; z-index: 1; }
	.brainfm .challenge .content{ width: 1160px; margin: 0 auto; position: relative; z-index: 10; transition: all 0.3s ease; }
	.brainfm .challenge .content:after{ content: ""; display: block; clear: both; }
	.brainfm .challenge .image_right{ float: right; width: 600px; }
	.brainfm .challenge .left_content{ float: left; width: 400px; position: relative; top: 30px; }
	.brainfm .challenge .left_content .number{ color: #5310f9; font-weight: bold; font-size: 14px; position: relative; padding-left: 60px; display: block; }
	.brainfm .challenge .left_content .number:before{ content: ""; display: block; width: 50px; height: 1px; background: #5310f9; position: absolute; top: 9px; left: 0; }
	.brainfm .challenge .left_content .title{ color: #22145b; font-size: 38px; padding: 15px 0; }
	.brainfm .challenge .left_content .description{ line-height: 1.4; font-size: 14px; color: #5d518d; max-width: 400px; line-height: 1.5; }

	/*Solution*/
	.brainfm .solution{ padding: 0 0 150px; }
	.brainfm .solution .content{ width: 1160px; margin: 0 auto; position: relative; z-index: 10; }
	.brainfm .solution .content:after{ content: ""; display: block; clear: both; }
	.brainfm .section_title{ margin-bottom: 50px; }
	.brainfm .section_title .number{ color: #5310f9; font-weight: bold; font-size: 14px; position: relative; padding-left: 60px; display: block; }
	.brainfm .section_title .number:before{ content: ""; display: block; width: 50px; height: 1px; background: #5310f9; position: absolute; top: 9px; left: 0; }
	.brainfm .section_title .title{ color: #22145b; font-size: 38px; padding: 15px 0; }
	.brainfm .solution .box{ width: 33.333%; float: left; position: relative; transition: all 0.6s ease; }
	.brainfm .solution .box .title{ font-weight: bold; font-size: 28px; color: #22145b; margin-bottom: 20px; }
	.brainfm .solution .box figure{ margin-bottom: 20px; }
	.brainfm .solution .box .description{ color: #5d518d; font-size: 14px; max-width: 300px; line-height: 1.5; }

	.brainfm .brand_refinement{ top: 0; }
	.brainfm .uxui{ top: 30px; }
	.brainfm .development{ top: 60px; }

	/*Deliverables*/
	.brainfm .deliverables{ padding: 0 0 120px; transition: all 0.5s ease; }
	.brainfm .deliverables .content{ width: 1160px; margin: 0 auto; position: relative; }
	.brainfm .deliverables .title{ text-transform: uppercase; text-align: center; font-size: 14px; font-weight: bold; color: #22145b; margin-bottom: 30px; }
	.brainfm .deliverables .content_deliverables{ max-width: 700px; display: block; text-align: center; margin: 0 auto; }
	.brainfm .deliverables .content_deliverables li{ margin: 10px; padding: 10px 20px; font-size: 14px; font-weight: bold; color: #5310f9; border-radius: 20px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08); background: var(--white); width: auto; display: inline-block; }
	.brainfm .deliverables .content_deliverables:after{ clear: both; display: block; content: ""; }

	/*Brand Refinement*/
	.brainfm .brand_refinement .content{ width: 1080px; margin: auto; position: relative; z-index: 10; }
	.brainfm .brand_refinement .content:after{ content: ""; display: block; clear: both; }
	.brainfm .brand_refinement .content .box_left{ float: left; width: 380px; position: relative; top: 30px; transition: all 0.5s ease; }
	.brainfm .brand_refinement .content .box_left .title{ font-weight: bold; font-size: 38px; color: #22145b; margin-bottom: 20px; }
	.brainfm .brand_refinement .content .box_right{ float: right; width: 640px; position: relative; right: -100px; transition: all 0.5s ease; }
	.brainfm .brand_refinement .content .box_left .description{ color: #5d518d; font-size: 14px; max-width: 300px; line-height: 1.5; }

	.brainfm .brand_refinement .content .brand_header{ text-align: center; margin-bottom: 120px; }
	.brainfm .brand_refinement .content .brand_header figure{ width: 57px; height: 54px; margin: 0 auto 20px; }
	.brainfm .brand_refinement .content .brand_header figure img{ width: 100%; height: 100%; }
	.brainfm .brand_refinement .content .brand_header .brand_title{ color: #22145b; font-size: 28px; font-weight: 900; }

	/*Brand Personality*/
	.brainfm .brand_personality{ padding: 100px 0; }
	.brainfm .brand_personality:after{ content: ""; display: block; clear: both; }
	.brainfm .brand_personality .content{ width: 1160px; margin: 0 auto; z-index: 10; position: relative; }
	.brainfm .brand_personality .content .item_list{ width: 100%; }
	.brainfm .brand_personality .content .item_list li{ color: #22145b; font-weight: bold; text-transform: uppercase; width: 33.333%; float: left; margin-bottom: 30px; font-size: 14px; }
	.brainfm .brand_personality .content .item_list li .dot{ display: block; width: 18px; height: 18px; float: left; background: #e6e1fa; border-radius: 100%; margin-right: 10px; }
	.brainfm .brand_personality .content .item_list li .dot:before{ content: ""; display: block; width: 10px; height: 10px; background: #5210f8; border-radius: 100%; position: relative; top: 50%; left: 50%; margin-left: -5px; margin-top: -5px; }
	.brainfm .brand_personality .left_column{ width: 500px; float: left; }
	.brainfm .brand_personality .left_column .title{  text-transform: uppercase; color: #22145b; font-size: 14px; margin-bottom: 40px; }
	.brainfm .brand_personality .right_column{ width: 515px; float: right; position: relative; top: 80px; }
	.brainfm .brand_personality .right_column .title{  text-transform: uppercase; color: #22145b; font-size: 14px; margin-bottom: 60px; }
	.brainfm .brand_personality:before{ content: ""; display: block; background: url("../../img/cases/brain/brand-personality-bg.svg"); background-size: 1920px auto; background-repeat: no-repeat; background-position: top center; width: 100%; height: 1440px; position: absolute; top:-500px; z-index: 1; }

	/*Applying Color*/
	.brainfm .applying_color{ padding: 170px 0 100px;  }
	.brainfm .applying_color .content{ width: 1080px; margin: auto; z-index: 10; position: relative; position: relative; z-index: 10; }
	.brainfm .applying_color .content:after{ content: ""; display: block; clear: both; }
	.brainfm .applying_color .content .box_left{ float: left; width: 370px }
	.brainfm .applying_color .content .box_left h3{ font-weight: bold; font-size: 38px; color: #22145b; margin-bottom: 20px;  }
	.brainfm .applying_color .content .box_left p{ color: #5d518d; font-size: 14px; margin-bottom: 20px; line-height: 1.5; }
	.brainfm .applying_color .content .box_left p.last_line{ font-size: 30px; font-weight: 200; white-space: nowrap; }
	.brainfm .applying_color .content .box_left .second_text { margin-top: 23px}
	.brainfm .applying_color .content .box_right{ float: right; width: 360px; position: relative; right: 130px; top: 50px; }
	.brainfm .applying_color .content .box_right .tablet_image{ display: none; }

	/*Visual Design*/
	.brainfm .visual_design{ padding: 0 0 120px; position: relative; z-index: 10; overflow: hidden; }
	.brainfm .visual_design:before{ content: ""; display: block; background: url("../../img/cases/brain/visual-design-bg.svg"); background-size: 1920px 3000px; background-repeat: no-repeat; background-position: top center; width: 100%; height: 2690px; position: absolute; top: 470px; z-index: 1; }
	.brainfm .visual_design .content{ width: 1080px; margin: 0 auto; position: relative; z-index: 10; }

		/*App*/
		.brainfm .visual_design .content .app_section .app_header{ width: 100%; }
		.brainfm .visual_design .content .app_section .app_header .app_title{ font-size: 14px; color: var(--white); display: inline-block; position: relative; text-transform: uppercase; }
		.brainfm .visual_design .content .app_section .app_header .app_image{ width: 1300px; margin-left: -110px; }

		.brainfm .visual_design .content .app_section .app_download .download_title{ text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-weight: bold; text-align: center; color: #22145b; margin-bottom: 30px; }
		.brainfm .visual_design .content .app_section .app_download ul{ margin-bottom: 50px; max-width: 100%; display: block; text-align: center; margin: 0 auto;}
		.brainfm .visual_design .content .app_section .app_download ul li{ display: inline-block; width: auto; margin: 0 10px; }
		.brainfm .visual_design .content .app_section .app_download ul li.store{ max-width: 150px; }
		.brainfm .visual_design .content .app_section .app_download ul li.link{ margin-right: 40px; }
		
		/*Enter Brainfm*/
		.cases.brainfm .brainfm-button{ width: 100%; }
		.cases.brainfm .brainfm-button .enter_brainfm{ background: var(--white); display: block; width: 155px; border-radius: 30px; padding: 0 10px; height: 50px; line-height: 50px; text-align: center; z-index: 10; position: relative; margin: 0 auto; float: left; position: relative; left: 50%; margin-left: -77px; color: #5310f9; font-weight: 600; font-size: 16px; transition: all 0.3s ease; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06); top: 2px; }
		.cases.brainfm .brainfm-button .enter_brainfm:before{ content: ""; display: block; width: 22px; height: 22px; background: url("../../img/cases/brain/ic-planet.svg"); background-size: 100% 100%; float: left; margin-right: 10px; position: relative; top: 15px; left: 7px; }
		.cases.brainfm .brainfm-button .enter_brainfm:hover{ background: #EEE; }

		/*Add to visual design*/
		.brainfm .visual_design .content .visual_design_header{ padding-bottom: 90px; }
		.brainfm .visual_design .content .visual_design_header .title{ margin-bottom: 25px; font-size: 38px; color: #22145b;  }
		.brainfm .visual_design .content .visual_design_header p{ max-width: 360px; font-size: 14px; color: #5d518d; line-height: 1.5; }

		/*Web Site*/
		.brainfm .visual_design .content .web_site_section .headline{ width: 885px; }
		.brainfm .visual_design .content .web_site_section .headline:after{ content: ""; display: block; clear: both; }
		.brainfm .visual_design .content .web_site_section .headline .web_site_title{ text-transform: uppercase; color: #22145b; font-size: 14px; display: inline-block; float: left }
		.brainfm .visual_design .content .web_site_section .headline .web_site_live_version{ text-transform: uppercase; font-size: 14px; color: #fd8a1b; display: inline-block; float: right; }
		.brainfm .visual_design .content .web_site_section .headline .web_site_live_version .external_link{ color: #fd8a1b; }
		.brainfm .visual_design .content .web_site_section .headline .web_site_live_version .external_link:before{ content: ""; display: block; width: 10px; height: 10px; background: url("../../img/cases/brain/orange-arrow.svg"); background-size: 10px 10px; float: right; position: relative; top: 5px; right: -5px; transition: all 0.2s ease; }
		.brainfm .visual_design .content .web_site_section .headline .web_site_live_version .external_link:hover:before{ right: -10px; }
		.brainfm .visual_design .content .web_site_section .web_site_image{ width: 1600px; position: relative; left: -50px; }
		.brainfm .visual_design .content .web_site_section .web_site_image .mobile_image{ display: none; }

		/*Web App*/
		.brainfm .visual_design .content .web_app_section .headline{ width: 550px; }
		.brainfm .visual_design .content .web_app_section .headline:after{ content: ""; display: block; clear: both; }
		.brainfm .visual_design .content .web_app_section .headline .web_app_title{ text-transform: uppercase; color: var(--white); font-size: 14px; display: inline-block; float: left; }
		.brainfm .visual_design .content .web_app_section .headline .web_app_live_version{ text-transform: uppercase; font-size: 14px; color: #fd8a1b; display: inline-block; float: right; }
		.brainfm .visual_design .content .web_app_section .headline .web_app_live_version .external_link{ color: #fd8a1b; }
		.brainfm .visual_design .content .web_app_section .headline .web_app_live_version .external_link:before{ content: ""; display: block; width: 10px; height: 10px; background: url("../../img/cases/brain/orange-arrow.svg"); background-size: 10px 10px; float: right; position: relative; top: 5px; right: -5px; transition: all 0.2s ease; }
		.brainfm .visual_design .content .web_app_section .headline .web_app_live_version .external_link:hover:before{ right: -10px; }
		.brainfm .visual_design .content .web_app_section .web_app_image{ width: 1600px; position: relative; left: -50px; }
		.brainfm .visual_design .content .web_app_section .web_app_image .mobile_image{ display: none; }


	/*Download App*/
	.brainfm .full_section_development{ padding: 0 0 120px; }
	.brainfm .full_section_development .content{ width: 1080px; margin: 0 auto; }
	.brainfm .full_section_development .content .development_header{ text-align: center; }
	.brainfm .full_section_development .content .development_header figure{ width: 45px; height: 42px; margin: 0 auto 20px; }
	.brainfm .full_section_development .content .development_header figure img{ width: 100%; height: 100%; }
	.brainfm .full_section_development .content .development_header .development_title{ color: #22145b; font-size: 28px; font-weight: 900; }

	/*Communicating Through*/
	.brainfm .communicating_through{ position: relative; z-index: 10; padding: 520px 0 70px; }
	.brainfm .communicating_through:after{ content: ""; display: block; clear: both; }
	.brainfm .communicating_through .content{ width: 1080px; margin: auto; }
	.brainfm .communicating_through .content .box_left{ width: 370px; float: left; transition: all 0.3s ease; }
	.brainfm .communicating_through .content .box_left .title{ font-size: 38px; font-weight: bold; color: #22145b; margin-bottom: 20px; }
	.brainfm .communicating_through .content .box_left p{ font-size: 14px; color: #5d518d; margin-bottom: 100px; line-height: 1.5; }
	.brainfm .communicating_through .content .box_right{ width: 442px; float: right; position: relative; right: 50px; top: 50px; transition: all 0.3s ease; }

	/*Bringing The New*/
	.brainfm .bringing_new{ padding: 0 0 150px; }
	.brainfm .bringing_new .content{ width: 1080px; margin: auto; }
	.brainfm .bringing_new .content:after{ content: ""; display: block; clear: both; }
	.brainfm .bringing_new .content .box_left{ width: 370px; float: left; position: relative; top: -30px; }
	.brainfm .bringing_new .content .box_left .title{  font-size: 38px; font-weight: bold; color: #22145b; margin-bottom: 20px; }
	.brainfm .bringing_new .content .box_left p{ font-size: 14px; color: #22145b; line-height: 1.5; }
	.brainfm .bringing_new .content .box_right{ width: 473px; float: right; position: relative; top: -40px; right: 50px; }
	.brainfm .bringing_new .content .dev_full{ margin-top: 50px; }
	.brainfm .bringing_new .content .dev_full .tablet_image,
	.brainfm .bringing_new .content .dev_full .mobile_image{ display: none; }

	/*UI/UX*/
	.brainfm .full_section_uxui{ padding: 0 0 120px; }
	.brainfm .full_section_uxui:before{ content: ""; display: block; background: url("../../img/cases/brain/uxui-bg.svg"); background-size: 1920px auto; background-repeat: no-repeat; background-position: top center; width: 100%; height: 1440px; position: absolute; top: -20px; z-index: 1; }
	.brainfm .full_section_uxui .content{ width: 1080px; margin: 0 auto; z-index: 10; position: relative; color: var(--white); }
	.brainfm .full_section_uxui .content .uxui_header{ text-align: center; padding: 30px 0; }
	.brainfm .full_section_uxui .content .uxui_header figure{ width: 45px; height: 42px; margin: 0 auto 20px; }
	.brainfm .full_section_uxui .content .uxui_header figure img{ width: 100%; height: 100%; }
	.brainfm .full_section_uxui .content .uxui_header .uxui_title{ color: var(--white); font-size: 28px; font-weight: 900; }

	.brainfm .full_section_uxui .color_palletes{ width: 1200px; margin-left: -60px; }
	.brainfm .full_section_uxui .color_palletes .tablet_image,
	.brainfm .full_section_uxui .color_palletes .mobile_image{ display: none; }

		.brainfm .ux_ui_process .content{ width: 1080px; margin: auto; }
		.brainfm .ux_ui_process .content .box .title{ font-size: 28px; font-weight: 900; }

		/*Path Towards*/
		.brainfm .the_path_towards{ position: relative; z-index: 10; }
		.brainfm .the_path_towards:after{ clear: both; content: ""; display: block;  }
		.brainfm .the_path_towards .content{ width: 1080px; margin: auto; position: relative; }
		.brainfm .the_path_towards .content .box_left{ width: 360px; float: left; margin-bottom: 100px; transition: all 0.3s ease; }
		.brainfm .the_path_towards .content .box_left .title {  font-size: 38px; font-weight: bold; color: var(--white); margin-bottom: 20px; }
		.brainfm .the_path_towards .content .box_left p{ font-size: 14px; margin-bottom: 20px; color: var(--white); line-height: 1.5; }
		.brainfm .the_path_towards .content .box_right{ float: right; width: 500px; transition: all 0.3s ease; }
		.brainfm .the_path_towards .content .box_right figure{ position: absolute; width: 1130px; top: -40px; right: -420px; }


.brainfm .content_wwu{ background: #5310f9; }

.brainfm .animation04{ height: 300px; position: absolute; margin-top: -100px; }
.brainfm .animation05{ height: 300px; position: absolute; margin-top: -150px; }


@media (max-width: 1700px) {

	.brainfm .visual_design .content .web_site_section .web_site_image{ width: 1450px; }
	.brainfm .visual_design .content .web_app_section .web_app_image{ width: 1450px; }

	.brainfm .visual_design .content .web_site_section .headline{ width: 790px; }
	.brainfm .visual_design .content .web_app_section .headline{ width: 490px; }

	.brainfm .visual_design:before{ background-size: 1920px 2400px; }

}

@media (max-width: 1440px) {

	/*Brain.fm*/
	.brainfm .hero .hero_image{ width: 1100px; bottom: -80px; }
	.brainfm .client .image_left{ width: 550px; }
	.brainfm .brand_refinement .content .box_right{ width: 600px; right: 0; }
	.brainfm .the_path_towards .content .box_right figure{ width: 924px; top: -90px; right: -190px; }
	.brainfm .full_section_uxui:before{ background-size: 1600px auto; height: 1120px; }
	.brainfm .communicating_through{ padding-top: 360px; }
	.brainfm .visual_design .content .web_site_section .web_site_image{ width: 1300px; }
	.brainfm .visual_design .content .web_site_section .headline{ width: 700px; }
	.brainfm .visual_design:before{ background-size: 1440px 2600px; }

	.brainfm .visual_design .content .app_section .app_header .app_image{ width: 1150px; margin-left: -40px; }

}

@media (max-width: 1280px) {

	.brainfm .hero .content,
	.brainfm .client .content,
	.brainfm .challenge .content,
	.brainfm .solution .content,
	.brainfm .deliverables .content,
	.brainfm .brand_refinement .content,
	.brainfm .brand_personality .content,
	.brainfm .applying_color .content,
	.brainfm .full_section_uxui .content,
	.brainfm .the_path_towards .content,
	.brainfm .communicating_through .content,
	.brainfm .visual_design .content,
	.brainfm .full_section_development .content,
	.brainfm .bringing_new .content{ width: 90%; }
	.brainfm .hero .project_title{ font-size: 42px; }
	.brainfm .hero .description{ font-size: 32px; }
	.brainfm .hero .hero_image{ width: 1100px; bottom: -80px; right: 50%; margin-right: -680px; }
	.brainfm .client .image_left,
	.brainfm .challenge .image_right{ width: 50%; }
	.brainfm .client .right_content,
	.brainfm .challenge .left_content{ width: 50%; max-width: 400px; }
	.brainfm .the_path_towards .content .box_right figure{ width: 844px; }
	.brainfm .full_section_uxui .color_palletes{ width: 100%; margin: 0 auto; }
	.brainfm .full_section_uxui:before{ background-size: 1450px auto; }

}

@media (max-width: 1100px) {

	.brainfm .client .content,
	.brainfm .challenge .content{ max-width: 550px; }
	.brainfm .client .image_left,
	.brainfm .challenge .image_right{ width: 100%; max-width: 550px; top: 0; }
	.brainfm .client .right_content,
	.brainfm .challenge .left_content{ width: 100%; max-width: 550px; top: 0; }
	.brainfm .solution .box{ width: 100%; float: none; max-width: 350px; position: relative; }
	.brainfm .solution .box.uxui{ left: 50%; margin-left: -175px; }
	.brainfm .solution .box.development{ left: 50%; margin-left: 100px; }
	.brainfm .solution .box .description{ font-size: 13px; }
	.brainfm .solution .box .title{ font-size: 26px; }
	.brainfm .deliverables .content_deliverables li{ font-size: 13px; margin: 10px 5px; }
	.brainfm .brand_refinement .content .box_left{ width: 50%; max-width: 550px; }
	.brainfm .brand_refinement .content .box_right{ width: 600px; position: absolute; left: 50%; }
	.brainfm .brand_personality .right_column{ float: left; }
	.brainfm .full_section_uxui{ padding-bottom: 0; }
	.brainfm .the_path_towards .content .box_right figure{ top: 120px; width: 700px; }
	.brainfm .the_path_towards .content .box_left{ width: 40%; }
	.brainfm .the_path_towards .content .box_right{ width: 50%; }
	.brainfm .communicating_through .content .box_left{ width: 40%; }
	.brainfm .communicating_through .content .box_right{ width: 40%; right: 0; }
	.brainfm .bringing_new .content .box_left{ width: 40%; }
	.brainfm .bringing_new .content .box_right{ width: 40%; }
	.brainfm .bringing_new .content .dev_full{ margin-top: 0; }
	.brainfm .applying_color .content .box_right .tablet_image{ display: block; }
	.brainfm .applying_color .content .box_right .desktop_image{ display: none; }
	.brainfm .applying_color .content .box_right{ width: 110px; top: -50px; right: 50px; }
	.brainfm .full_section_uxui:before{ background-size: 1200px auto; }
	.brainfm .bringing_new .content .box_left{ top: -70px; }

}

@media (max-width: 1100px) {

	.brainfm .full_section_uxui .color_palletes .desktop_image{ display: none; }
	.brainfm .full_section_uxui .color_palletes .tablet_image{ display: block; margin: 0 auto; }
	.brainfm .bringing_new .content .dev_full .tablet_image{ display: block; }
	.brainfm .bringing_new .content .dev_full .desktop_image,
	.brainfm .bringing_new .content .dev_full .mobile_image{ display: none; }
	.brainfm .brand_refinement .content .brand_header{ margin-bottom: 50px; }
	.brainfm .full_section_uxui:before{ background-size: 1550px auto; }

}

@media (max-width: 900px) {

	/*Brain.fm*/
	.brainfm .visual_design .content .web_site_section .web_site_image{ width: 100%; left: 0; }
	.brainfm .visual_design .content .web_site_section .web_site_image .desktop_image{ display: none; }
	.brainfm .visual_design .content .web_site_section .web_site_image .mobile_image{ display: block; margin: 0 auto; }
	.brainfm .visual_design .content .web_site_section .headline{ width: 90%; margin: 0 auto; }
	.brainfm .visual_design .content .web_app_section .web_app_image{ width: 100%; left: 0; }
	.brainfm .visual_design .content .web_app_section .web_app_image .desktop_image{ display: none; }
	.brainfm .visual_design .content .web_app_section .web_app_image .mobile_image{ display: block; width: calc(100% + 50px); max-width: 1500px; }
	.brainfm .visual_design .content .web_app_section .headline{ width: 90%; margin: 0 auto; }
	.brainfm .visual_design:before{ background-size: 170% auto; height: 2000px; }
	.brainfm .the_path_towards .content .box_left{ width: 100%; }
	.brainfm .the_path_towards .content .box_right figure{ top: 320px; width: 600px; }
	.brainfm .full_section_uxui:before{ background-size: 1750px auto; height: 1240px; }
	.brainfm .communicating_through{ padding-top: 450px; }
	.brainfm .communicating_through .content .box_left{ width: 100%; max-width: 450px; margin: 0 auto; float: none; }
	.brainfm .communicating_through .content .box_right{ width: 100%; max-width: 450px; margin: 0 auto; float: none; }
	.brainfm .communicating_through .content .box_left p{ margin-bottom: 0; }

	.brainfm .bringing_new .content .box_left{ width: 100%; margin-bottom: 100px; }
	.brainfm .bringing_new .content .box_right{ display: none; }
	.brainfm .visual_design .content .visual_design_header p{ max-width: 100%; }
	.brainfm .hero .hero_image{ width: 100%; bottom: 0; margin-right: 0; right: -50px; }

	.brainfm .app_section{ margin-top: 100px; }

}


@media (max-width: 800px){

	.brainfm .brand_personality .left_column{ width: 100%; }
	.brainfm .brand_personality .right_column{ width: 100%; top: 30px; }
	.brainfm .brand_personality .content .item_list li{ width: 50%; }
	.brainfm .brand_refinement .content .box_left{ width: 100%; }
	.brainfm .applying_color .content .box_left{ width: 100%; }
	.brainfm .applying_color .content .box_left p.last_line{ white-space: normal; }

	.brainfm .solution .box{ left: 0; }
	.brainfm .solution .box.uxui{ left: 20%; margin-left: 0; }
	.brainfm .solution .box.development{ left: 0; margin-left: 40%; }

}

@media (max-width: 750px){

	.brainfm .full_section_uxui .color_palletes .tablet_image{ display: none; }
	.brainfm .full_section_uxui .color_palletes .mobile_image{ display: block; margin: 0 auto; }
	.brainfm .bringing_new .content .dev_full .tablet_image{ display: none; }
	.brainfm .bringing_new .content .dev_full .mobile_image{ display: block; }
	.brainfm .applying_color .content .box_right .tablet_image{ display: none; }
	.brainfm .applying_color .content .box_right .desktop_image{ display: block; }
	.brainfm .applying_color .content .box_right{ width: 100%; top: 0; right: 0; }
	.brainfm .hero{ height: 510px; min-height: 510px; background-size: 840px auto; background-position: top center; }
	.brainfm .hero .content{ top: 0; }
	.brainfm .hero .description{ font-size: 20px; line-height: 1.4; }
	.brainfm .hero .description br{ display: none; }
	.brainfm .hero .project_title{ font-size: 38px; }
	.brainfm .hero .hero_image{ min-width: 580px; bottom: -120px; right: 50%; margin-right: -420px; }
	.brainfm .deliverables .content{ max-width: 300px; }
	.brainfm .brand_refinement .content .box_right{ position: relative; width: 100%; min-width: 800px; margin-top: 40px; right: auto; float: none; margin-left: -200px; top: 30px; }
	.brainfm .brand_refinement .content .box_left{ top: 0; }
	.brainfm .brand_refinement .content .box_left .description{ max-width: 100%; }
	.brainfm .brand_personality{ padding: 0; }
	.brainfm .visual_design .content .app_section .app_header .app_image { width: 750px; margin-left: -20px; }
	.brainfm .full_section_development{ padding-bottom: 130px; }
	.brainfm .challenge:before{ background-size: 1200px auto; top: -200px; }
	.brainfm .challenge{ padding-bottom: 30px; }
	.brainfm .visual_design{ padding-bottom: 40px; }

	.brainfm .visual_design .content .app_section .app_download ul li{ width: 100%; margin-bottom: 20px; }

}

@media (max-width: 500px) {

	.brainfm .solution .box{ left: 0; }
	.brainfm .solution .box.uxui{ left: 0; margin-left: 0; }
	.brainfm .solution .box.development{ left: 0; margin-left: 0; }
	.brainfm .brand_refinement .content .box_right{ margin-left: -170px; }

	.brainfm .the_path_towards .content .box_right figure{ right: -300px; top: 400px; }
	
}

@media (max-width: 380px) {

	.brainfm .the_path_towards .content .box_right figure{ top: 500px; }

}

@media screen and (max-device-width: 1024px) and (orientation: landscape) {

	.brainfm .the_path_towards .content .box_right figure{ top: 240px; }

}