/* responsive */

@media screen and (max-width: 1140px) {
	#background{
		min-width:960px;
	}

	#page{
		min-width:960px;
	}

	#page.page-boxed{
		width:1008px;
	}

	.wrap{
		width:960px;
	}

	.wrap-portfolio{
		width:1008px;
		padding-bottom:72px;
	}



	.button-block-left{
		width:624px;
	}

	.button-block-right{
		width:288px;
	}

	.portfolio_filter_item,.portfolio_filter_item3{
		width:288px;
		margin-left:24px;
		margin-right:24px;
	}

	.portfolio_filter_item2{
		width:456px;
		margin-left:24px;
		margin-right:24px;
	}

	.portfolio_filter_item4{
		width:204px;
		margin-left:24px;
		margin-right:24px;
	}

	.project_relative_column{
		width:138px;
		margin-right:24px;
		margin-bottom:24px;
	}

	.depth-2{
		margin-left:48px;
	}

	.depth-3{
		margin-left:96px;
	}

	.depth-4{
		margin-left:144px;
	}

	.depth-5{
		margin-left:192px;
	}

	.small-column,.project-small-column{
		width:288px;
	}

	.big-column{
		width:624px;
	}

	.column2_1,.column4_2{ 	/* 1:2 */
		width:456px;
	}

	.column3_1,
	.column3_2 .column2_1{  /* 1:3 */
		width:288px;
	}

	.column3_2{  			/* 2:3 */
		width:624px;
	}

	.column4_1,
	.column2_1 .column2_1,
	.column4_2 .column2_1,
	.column4_3 .column3_1{  	/* 1:4 */
		width:204px;
	}

	.column4_3{ 			/* 3:4 */
		width:708px;
	}

	.column2_1 .column3_1,
	.column3_1 .column2_1,
	.column4_2 .column3_1{ 	/* 1:6 */
		width:120px;
	}

	.column2_1 .column4_1,
	.column4_2 .column4_1,
	.column4_1 .column2_1{ 	/* 1:8 */
		width:78px;
	}

	.column4_3 .column2_1{ /* 3:8 */
		width:330px;
	}

	.footer-widget{
		width:204px;
	}

	.column-last,.footer-widget-last,.footer-widget-4{
		margin-right:0px;
	}

}

@media screen and (max-width: 1008px) {

	.slide { height: 450px; padding-top:20px;}
	.nosotros .izquierda {  width: 35%; font-size: 17px;  margin-bottom: 20px;	}


	.post-testimonio, .soluciones, .nosotros_1, .nosotros_2{
		font-size:16px;
		line-height:22px;
	}
	.banner1home_titulo {
		font-size: 30px;
		line-height: 30px;
	}
	.banner1home_imagen {
		margin-right: 20px;
		width: 100px;
	}
	.soluciones h2, .soluciones h3, .soluciones h4, .soluciones h5 {
		margin-bottom: 5px;
		font-size: 25px;
		line-height: 30px;
	}
	.nosotros_1 h2, .nosotros_2 h2 {
		margin-bottom: 10px;
	}
	#background{
		min-width:740px;
	}

	.logo-box{
		width: auto;
		height: auto;
	}

	.logo-container {
		width: 200px;
	}
	.logo-box {
		margin-top: 18px;
		padding-top: 0;
	}
	a.logo-image {
		width: 150px;
	}
	.contenedor-menus {
		width: 538px;
	}
	/*.main-menu ul li a {
		letter-spacing: 0;
		font-size: 17px;
		padding: 6px 8px 4px 8px;
	}
	.main-menu ul li li a, .main-menu ul li.current-menu-item li a, .main-menu ul li.current-menu-ancestor li a {
		padding: 6px 8px 4px 8px;
	}*/
	#page{
		min-width:740px;
	}

	#page.page-boxed{
		width:740px;
	}

	.wrap{
		width:740px;
	}

	.wrap-portfolio{
		width:740px;

		padding-bottom:72px;
	}

	.button-block-left{
		width:496px;
	}

	.button-block-right{
		width:224px;
	}

	.portfolio_filter_item,.portfolio_filter_item3{
		width:224px;
		margin-left:24px;
		margin-right:24px;
	}

	.portfolio_filter_item2{
		width:360px;
		margin-left:24px;
		margin-right:24px;
	}

	.portfolio_filter_item4{
		width:156px;
		margin-left:24px;
		margin-right:24px;
	}

	.project_relative_column{
		width:174px;
		margin-right:24px;
		margin-bottom:24px;
	}

	.depth-2{
		margin-left:48px;
	}

	.depth-3{
		margin-left:96px;
	}

	.depth-4{
		margin-left:144px;
	}

	.depth-5{
		margin-left:192px;
	}

	.small-column{
		display:none;
	}

	.sidebar-responsive .small-column{
		width:100%;
		display:block;
		float:none;
	}

	.project-small-column{
		width:100%;
		display:block;
		float:none;
		padding-top:0px;
	}

	.big-column{
		width:100%;
		float:none;
	}

	.column2_1,.column4_2{ 	/* 1:2 */
		width:330px;
		margin-right:36px;
	}

	.column3_1,
	.column3_2 .column2_1{  /* 1:3 */
		width:220px;
		margin-right:36px;
	}

	.column3_2{  			/* 2:3 */
		width:380px;
		margin-right:36px;
	}

	.column4_1,
	.column2_1 .column2_1,
	.column4_2 .column2_1,
	.column4_3 .column3_1{  	/* 1:4 */
		width:165px;
		margin-right:36px;
	}

	.column4_3{ 			/* 3:4 */
		width:567px;
		margin-right:36px;
	}

	.column2_1 .column3_1,
	.column3_1 .column2_1,
	.column4_2 .column3_1{ 	/* 1:6 */
		width:98px;
		margin-right:36px;
	}

	.column2_1 .column4_1,
	.column4_2 .column4_1,
	.column4_1 .column2_1{ 	/* 1:8 */
		width:64.5px;
		margin-right:36px;
	}

	.column4_3 .column2_1{ /* 3:8 */
		width:253.5px;
		margin-right:36px;
	}

	.footer-widget{
		width:165px;
		margin-right:36px;
	}

	.column-last,.footer-widget-last,.column2_1  .column-last,.column3_1  .column-last,.column3_2  .column-last ,.column4_1  .column-last,.column4_2  .column-last,.column4_3  .column-last{
		margin-right:0px;
	}

	a.bt_facebook_top {
		margin-left: 0px;
	}
	a.bt_linkedin_top {
		margin-left: 5px;
	}
	a.bt_skype_top {
		margin-left: 5px;
	}


	.caja_servicios_2, .caja_servicios_3{
		font-size:16px;
		line-height: 20px;
	}
	.caja_servicios_2 h2, .caja_servicios_3 h2{
		font-size: 20px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 760px) {

	.slide { height: 350px; padding-top:20px;}
	.slide div { width: 250px; height: 250px; margin: 20px auto 0; padding: 80px 30px 0; font-size: 20px;}
	.visita a {background:none; font-size: 30px; padding:0;}
	.nosotros { padding: 60px 0 120px; background-size: 30%;}
	.nosotros .izquierda {  width: 100%; }
	.nosotros h2{margin-bottom: 30px; font-size: 20px;}
	.topinterior { height: 50px; padding-top: 20px;}
	.topinterior h1 {font-size: 20px;}
	.mapa { padding: 60px 0;}
	.mapa .mapa1 {margin: 0 auto 20px;font-size: 20px;}
	.mapa .mapa2 {font-size: 18px;}
	.caja {padding: 20px;}
	.caja1 .imagen, .caja1 .texto { width: 100%; float: none;}
	.caja h2 { font-size: 20px;margin-bottom:10px;text-align: left;}
	.caja2, .caja3 {float: none; width: 100%; text-align: left;}
	.caja1, .caja2, .caja3{margin-bottom: 20px;}
	.paralaje { padding: 80px 0;}
	.paralaje .frase {font-size: 25px;}
	.menu_marcas, .info_marcas { width: 100%; float: none;}


	#background{
		min-width:480px;
		padding-top:0px!important;
		padding-bottom:0px!important;
	}

	#page{
		min-width:480px;
	}

	#page.page-boxed{
		width:528px;
	}

	#header{
		position:relative;
	}

	.logo-container {
		width: 100px;
	}
	.logo-box {
		margin-top: 15px;

	}
	a.logo-image {
		width: 100px;
	}

	.contenedor-menus{
		width: 100%;
		float: none;
	}
	.top-menu{
		margin-right: 0px;
		width: 200px;
	}
	.top-menu a.facebook {display:none;}

	/*
	.selectnav{
		display: inline-block;
	}
	.main-menu ul{
		display: none;
	}
	*/

	#header .main-menu{
		display:none;
	}



	#scroll-header{
		display:none;
	}

	#top-bar-left{
		float:none;
	}

	#top-bar-left .top-bar-text{
		padding-bottom:0px;
	}

	#top-bar-right{
		float:none;
	}

	#top-bar-right .social,#top-bar-right .top-social{
		padding:0px;
		margin-right:12px;
		margin-bottom:6px;
	}

	#top-search-bar{
		display:none;
	}

	#toggle-menu-button{
		display:block;
	}

	#slider{
		display:none;
	}

	.wrap{
		width:480px;
	}
	.footer .wrap{
		width:90%;
	}
	.wrap-portfolio{
		width:516px;
		padding-bottom:72px;
	}

	.button-block{
		display:block;
		text-align:center;
	}

	.button-block-left{
		width:100%;
		float:none;
		margin-bottom:24px;
	}

	.button-block-right{
		width:100%;
		float:none;
		display:block;
	}

	.feature-box{
		text-align:center;
	}

	.portfolio_filter_item,.portfolio_filter_item2,.portfolio_filter_item3,.portfolio_filter_item4{
		width:222px;
		margin-left:18px;
		margin-right:18px;
	}


	.project_relative_column{
		width:46%;
		margin-left:2%;
		margin-right:2%;
		margin-bottom:24px;
	}

	.depth-2{
		margin-left:0px;
	}

	.depth-3{
		margin-left:0px;
	}

	.depth-4{
		margin-left:0px;
	}

	.depth-5{
		margin-left:0px;
	}

	.small-column{
		display:none;
	}

	.sidebar-responsive .small-column{
		width:100%;
		display:block;
		float:none;
	}

	.big-column{
		width:480px;
		float:none;
	}

	.column2_1,.column3_1,.column3_2,.column4_1,.column4_2,.column4_3{  /* section column only */
		margin-bottom:36px;
	}

	.column2_1,.column4_2{ 	/* 1:2 */
		width:100%;
		margin-right:0px;
		float:none;
	}

	.column3_1,
	.column3_2 .column2_1{  /* 1:3 */
		width:100%;
		margin-right:0px;
		float:none;
	}

	.column3_2{  			/* 2:3 */
		width:100%;
		margin-right:0px;
		float:none;
	}

	.column4_1,
	.column2_1 .column2_1,
	.column4_2 .column2_1,
	.column4_3 .column3_1{  	/* 1:4 */
		width:100%;
		margin-right:0px;
		float:none;
	}

	.column4_3{ 			/* 3:4 */
		width:100%;
		margin-right:0px;
		float:none;
	}

	.column2_1 .column3_1,
	.column3_1 .column2_1,
	.column4_2 .column3_1{ 	/* 1:6 */
		width:100%;
		margin-right:0px;
		float:none;
	}

	.column2_1 .column4_1,
	.column4_2 .column4_1,
	.column4_1 .column2_1{ 	/* 1:8 */
		width:100%;
		margin-right:0px;
		float:none;
	}

	.column4_3 .column2_1{ /* 3:8 */
		width:100%;
		margin-right:0px;
		float:none;
	}

	.logo_column2,.logo_column3,.logo_column4,.logo_column5,.logo_column6,.logo_column7,.logo_column8{
		width:100%;
		float:none;
	}

	.footer-widget{
		width:100%;
		margin-right:0px;
		float:none;
		margin-bottom:0px;
		padding-bottom: 0px;
	}

	#footer .footer-widget-last{
		padding-bottom:72px;
	}

	.column-last,.footer-widget-last{
		margin-right:0px;
	}

	#footer-copyright{
		padding-bottom:0px;
		float:none;
	}

	#footer-right{
		float:none;
		padding-top:0px;
		padding-bottom:30px;
	}

	.pricing-table-column4 .pricing-col,.pricing-table-column3 .pricing-col,.pricing-table-column2 .pricing-col{
		float:none;
		width:100%;
		margin-right:0px;
	}


	.contact_copyright{
		display: none;
	}
	.contact_logo{
		width: auto;
		height: auto;
	}
	.contact_data{
		border: none;
		width: auto;
	}
	.sociales{
		border: none;
		width: auto;
		padding: 0;
		height: 60px;
	}
	.footer .column4_1{
		margin-bottom: 10px;
	}
	a.bt_facebook_top {
		margin-left: 20px;
	}
	a.bt_linkedin_top {
		margin-left: 20px;
	}
	a.bt_skype_top {
		margin-left: 20px;
	}


	.imagen_servicios {	float:none;	}
	.servicios h1{
		font-family: 'Roboto Slab', sans-serif;
		float:none;
		margin-left: 0;
		margin-top: 10px;
		font-size: 30px;
  		line-height: 30px;
	}
	.caja_servicios_2, .caja_servicios_3 {
		float:none;
		width:100%;
		margin-right: 0;
		height: auto;
		min-height: 20px;
	}
	.contacto h2{
		font-size: 30px;
  		line-height: 30px;
	}

}

@media screen and (max-width: 504px) {


	.slide { height: 200px; padding-top:0px;}
	.slide div { width: 200px; height: 200px; margin: 0px auto 0; padding: 60px 30px 0; font-size: 15px;}
	h2 {font-size: 20px;}
	.visita {padding: 50px 0;}
	.visita a {font-size: 20px;}
	footer .bloque1 { padding: 30px 20px;}
	footer img{width:100px; height:auto;}
	ul.menufooter { margin: 30px auto;	}
	ul.menufooter li { display: block;}

	.topinterior h1 { font-size: 15px;	}
	.nosotros {  padding: 30px 0 120px; background-size: 50%;	}
	.nosotros h2 {  margin-bottom: 20px; font-size: 16px;	}
	.nosotros .izquierda { font-size: 15px;}
	.mapa .mapa1, .mapa .mapa2 { width: 100%; font-size:15px;}
	.trabajamoscon{padding:50px 0;}
	.caja h2 { font-size: 18px;}
	.caja p { font-size: 14px;}
	.paralaje .frase { font-size: 20px;	}
	.info_marcas tr td { padding: 10px;}
	.info_marcas {font-size: 14px;}



	#background{	min-width:90%;	}
	#page{	min-width:90%;	}
	#page.page-boxed{	width:100%;	}
	#slider{	display:none;	}
	.wrap{width:90%;	}
	.logo-box {		width: 100px;		margin-left: 0px;	}
	.top-menu {	margin-right: 0px;width: 180px;	}
	.top-menu .telefono, .top-menu .telefono:visited{background: none; padding:5px 0;}
	#toggle-menu-button {	width: auto;		}



}