@media screen and (min-width: 1600px) { 
	#formats #parallax_1 { right: 18%; }
	#formats #parallax_2 { right: 6%; }
}


@media screen and (max-width: 1240px) { 
	.inner { padding-left: 60px !important; padding-right: 60px !important; }	

	.menu_btn,
	#menu_mobile #close_menu { display: block; right: 60px; }
	header nav{ display: none; }

}

@media screen and (max-width: 900px) {
	#formats { padding-bottom: 0 !important; }
	#formats .inner { display: block; padding-bottom: 40px; }
	#formats .inner > img { width: 60%; right: auto; left: 5%; top: auto !important;  bottom: 86px; }
	#formats .inner > div { grid-column: span 12; }
	#formats .inner > img + img { left: auto; right: -10%; bottom: 28px; }
	
	#formats #parallax_1, 
	#formats #parallax_2 { display: none !important; }
	#formats .pic_mobile { width: 500px; max-width: 90%; margin: auto; margin-bottom: 60px; display: block !important; }
}


@media screen and (max-width: 768px) { 
	
	.inner { padding-left: 30px !important; padding-right: 30px !important; }
	.menu_btn,
	#menu_mobile #close_menu{ right: 30px; }
	
	
	#top_header { display: none; }
	header { padding: 14px 0; }
	header #logo img { width: 130px; }
	
	#menu_mobile { padding-right: 30px; }
	#menu_mobile #close_menu { right: 30px; }
	
	/* Home  */
	
	#scroll_hero { bottom: 40px; }
	#hero_home { padding-bottom: 60px !important; }
	#hero_home .pic_mobile { display: block !important; position: relative; width: 80%; height: auto; max-height: none !important;  top: -70px; left: 0; margin: auto; margin-bottom: -60px;  }
	#hero_home .inner,
	#hero_home .slide { min-height: auto; grid-column-gap: 0; }
	
	
	#hero_home .slide { padding: 40px 0; text-align: center; }
	#hero_home .data .bajada { margin: auto; margin-bottom: 40px; }
	#hero_home .data h1 { font-size: 40px; }
	#hero_home img { display: none; }

	#hero_home2 { padding-bottom: 60px !important; }
/* 	#hero_home2 .pic_mobile { display: block !important; position: relative; width: 80%; height: auto; max-height: none !important;  top: -70px; left: 0; margin: auto; margin-bottom: -60px;  } */
	#hero_home2 .inner,
	#hero_home2 .slide { min-height: auto; grid-column-gap: 0; }


    #hero_home2 .data { text-align: center; }
	#hero_home2 .data .bajada { margin: auto; margin-bottom: 40px; }
	#hero_home2 .data h1 { font-size: 40px; }
/* 	#hero_home2 img, #hero_home2 .slideshow-shortcode { display: none; } */
	
	
	#services .grid { grid-column-gap: 40px; } 
	
	#we_got_you .grid { grid-row-gap: 50px; }
	#we_got_you .item { border: 0; padding: 0; }
	
	.vp-flex,
	.Video-PopUp-Content .vp-flex { height: auto !important; }
	
	
	
	/* Single */
	
	#head_single .back { display: block; color: #999; position: relative; top: -10px; left: 0; margin-bottom: 10px; font-size: 14px; }
	.single h1 { font-size: 30px; margin-bottom: 20px; padding-right: 0; }
	#single_header { height: 300px; background-size: cover !important; margin-bottom: 70px; }
	#single_header .gradient_1 { height: 5px; bottom: -5px; }
	
	/* Footer */
	
	footer { padding: 0; }
	footer .inner { grid-template-columns: repeat(12, 1fr); grid-gap: 0; }
	footer .inner > div { padding: 20px 0; border-bottom: 1px solid #ccc; border-left: 0; }
	footer .inner > div:last-child { border:0; }
	footer .inner .contacto_footer { padding-left: 0; border-left: 0; justify-self: left; padding-bottom: 0; }
	footer .inner .menu_footer_1 { border-bottom: 0; padding-bottom: 0; }
	footer .inner .menu_footer_2 { padding-top: 14px; }
	
	footer { padding: 0; }
	footer .inner > div { text-align: center; }
	footer .copyright { justify-self: center; }
	
	#devices { padding-top: 0px; padding-bottom: 133px; }
	
	
	/* Our Work */
	
	#works_grid { margin-bottom: 0; }
	#works_grid .overlay { display: none; } 
	
	#search-filter-form-142 ul { display: block; }
	#search-filter-form-142 ul li { margin: 0; margin-bottom: 10px; }
	#search-filter-form-142 { margin: 0; margin-bottom: 60px; }
	
	#filtros_work { display: none; }
	.woocommerce #filtros_mobile { display:none; padding:20px; background:#f0f0f0; overflow:hidden; margin-bottom: 30px; }
	#filtros_mobile_btn { display: block; padding: 12px 20px; background: #fff; font-family: 'MarkHeavy', sans-serif; text-transform: uppercase; margin-bottom: 30px;font-size: 13px;  }
	#filtros_mobile_btn i { margin-right:10px; color: #0fa5aa; }
	
	select { min-height: 60px; line-height: 60px; font-size: 15px; }
	#search-filter-form-142 ul li { padding: 3px; }
	
	.devices_row { min-height: 0; }
	
	.devices_row.devices_mobile .mobile_izquierda,
	.devices_row.devices_mobile .mobile_derecha { display: none; }
	
	.devices_row .slot1,
	.devices_row .slot2,
	.devices_row .slot3 { width: 100% !important; position: relative !important; left: 0 !important; margin: auto; margin-bottom: 80px; }
	
	.devices_row.devices_mobile .mobile,
	.devices_row.devices_tablet_mobile .slot2,
	.devices_row.devices_tablet_mobile .slot3,
	.devices_row.devices_desktop .slot1 { position: relative; left: 0 !important; -webkit-transform: none; -moz-transform: none; transform: none; margin: auto; }
	.devices_row.devices_mobile .slot2 > div { width: 70% !important; }
	
	.devices_row.devices_tablet_mobile { top: 30px; }
	.devices_row.devices_tablet_mobile .slot2 { width: 70% !important; bottom:0;  margin: auto; margin-bottom: 80px; }
	.devices_row.devices_tablet_mobile .slot3 { width: 80% !important; margin: auto; margin-bottom: 110px; }
	
	.devices_row.devices_3 { margin-top: 60px; }
	.devices_row.devices_3 .slot2 { width: 70% !important; margin-bottom: 30px; }
	.devices_row.devices_3 .slot3 { width: 80% !important; margin-bottom: 100px; }
	
	.devices_row.devices_desktop { margin: 50px 0 40px; }
	
	
 
}
		

@media screen and (max-width: 540px) { 
	
	body { padding-top: 60px; }
	body, 
	p, 
	li { font-size: 16px; }
	header { height: 60px; }
	
	#hero_home .data { position: relative; top: -10px; }
	#hero_home .data h1 { font-size: 26px; } 

	#hero_home2 .data { position: relative; top: -10px; padding: 50px 30px; text-align: center; }
	#hero_home2 .data h1 { font-size: 26px; } 

	h2,
	.single h1 { font-size: 24px; margin-bottom: 24px; }
	h3 { font-size: 19px; }
	.btn,
	.vp-a { padding: 14px 34px; font-size: 14px; }
	#menu_mobile #close_menu { top: 18px; }
	
	
	/* Services */
	
	#services { display: block; padding: 50px 0 70px; min-height: auto; }
	#services .grid { display: none; }
	#services .item { min-height: 400px; display: grid; align-items: center; justify-items: center; border-radius: 0; }
	#services .item img { height: 100px; }
	#services .item h3 { margin-bottom: 12px; font-size: 17px; }
	#services .slick-list { border-radius: 15px; overflow: hidden; }
	
	#services_mobile { display: block !important; }
	#services_mobile .slick-dots { bottom: -40px !important; }
	#services_mobile .slick-dots li button::before,
	#services_mobile .slick-dots li.slick-active button::before { color: #5FDDD1 !important; }
	
	
	/* about us */
	
	#about_us .txt { min-height: auto; padding: 50px 30px; }
	
	/* We Got You*/
	
	#we_got_you { padding: 50px 0 60px; }
	#we_got_you .section_head { margin-bottom: 40px; }
	
	#we_got_you .grid img { height: 48px; }
	#we_got_you .grid h3 { font-size: 15px; margin-bottom: 4px; font-weight: normal; }
	#we_got_you .grid p { font-size: 15px; }
	
	
	
	/* Our Work */
	
	#our_work { padding: 50px 0; }
	#works_grid .overlay h3 { font-size: 20px; margin-bottom: 22px;  }
	
	/* Creative */
	
	#creative .img { min-height: 350px; background: url("images/pic_creative.jpg") no-repeat right center; background-size: cover; }
	#creative .txt { min-height: auto; padding: 50px 30px; }
	
	/* Formats */
	
	#formats { padding: 50px 0 30px; }
	
	#formats .section_head { margin-bottom: 60px; }
	
	/* Contact */
	
	#contact { padding: 50px 0; }
	
	textarea { height: 130px; margin-bottom: 40px;  }
	
	input { min-height: 44px; }
	input, select, textarea { font-size: 16px; padding-left: 10px; }
	textarea { padding-top: 8px; }
	input[type="submit"] { min-height: 44px; width: 160px; }
	select { min-height: 44px; line-height: 44px; font-size: 15px; }
	#contact_data > div { justify-content: center; font-size: 14px; }
	#contact #form_wrapper { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #777; }
	#contact_data img { height: 26px; margin-left: 15px; }
	
	
	
	/* Single */
	
	.single h1 { margin-bottom: 10px; font-size: 27px; }
	.single .bajada { font-size: 18px; }
	#single_header { height: 160px; margin-bottom: 50px; }
	#devices { padding-bottom: 80px; }
	
	
	
	/* Footer */
	
	#menu_mobile .social { right: 30px; }
	
}