/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  

}
/* md */
@media (min-width: 1300px) and (max-width: 1580px) {
}
@media (min-width: 1300px) and (max-width: 1400px) {
}
/* md */
@media (min-width: 1200px) and (max-width: 1299px) {
}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-nav > li {
    margin-left: 10px;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .recent-work-wrap .overlay{
    padding: 15px;
  }

  .services-wrap {
    padding: 40px 10px 40px 30px;
  }

  .feature-wrap h2, 
  .single-services h2 {
    font-size: 18px;
  }

  .feature-wrap h3, 
  .single-services h3{
    font-size: 14px;
  }

  .tab-wrap .media .parrent.pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body{
    clear: both;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .recent-work-wrap .overlay .preview{
    line-height: inherit;
  }

  .team-bar .first-arrow {
    width: 21%;
  }

  .team-bar .second-arrow {
    width: 20%;
  }

  .team-bar .third-arrow {
    width: 21%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  ul.social_icons li{
    margin-right: 0;
  }

}


/* sm */
@media (min-width: 815px) and (max-width: 991px) {

  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav > li {
    margin-left: 0;
  }

  #main-slider .carousel h1 {
    font-size: 25px;
  }

  #main-slider .carousel h2 {
    font-size: 20px;
  }

  .tab-wrap .media .parrent.pull-left, 
  .media.accordion-inner .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .services-wrap {
    padding: 40px 0 40px 30px;
  }

  .recent-work-wrap .overlay{
   padding: 15px;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .sinlge-skill{
    width: 150px;
    height: 150px;
  } 

  .sinlge-skill p em {
    font-size: 25px;
  }

  .sinlge-skill p {
    font-size: 16px;
  }

  .team-bar .first-one-arrow {
    width: 2%;
  }

  .team-bar .first-arrow {
    width: 18%;
  }

  .team-bar .second-arrow {
    width: 24%;
  }

  .team-bar .third-arrow {
    width: 15%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  .blog .blog-item .entry-meta > span a{
    font-size: 10px;
  }
}
/* xs */
@media (max-width: 814px) {
	body 							{	font-size: 14px; line-height: 22px;}
	h2 								{	font-size: 2.2em !important; margin-bottom: 20px !important;}
	.img_web 						{	display: none;}
	.img_mov 						{	display: block;}
	.txt_web 						{	display: none;}
	.txt_mov 						{	display: inline-block;}
	
	
	.header_interna {
		background: none !important;
		/*background: rgba(0,0,0,0.5);*/
	}
	.header_interna .navbar {
		padding: 10px 0 10px 0 !important;
	}
	.navbar-toggle {
		background: rgba(0,0,0,0.4);
	}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background: rgba(0,0,0,0.7);
	}
	
	.temas {
		padding-top: 20px;
	}
	.sel {
		background-position: 12px 10px !important;
	}
	
	

	#presentacion video					{	display: none;}
	.home 							{	}
	.nav-home 						{	display: none;}
	
	.home_logo 						{	display: none;}
	.navbar>.container .navbar-brand {
		width: 55%;
	}
	.navbar>.container .navbar-brand img {
		width: 100px !important;
	}
	.navbar-inverse .navbar-brand {
		float: left; text-align: left; line-height: 30px !important;
	}
	.navbar-brand img{
		width: 80%;
	}
	.mnu_sep 				{	display: none !important;}
	.navbar-nav				{	margin: 10px 0px 0px 0px; width: 95% !important; z-index: 2300;}
	.navbar-inverse .navbar-nav > li > a {
		display: block !important; background: #ffffff; border-top: none;
		padding: 10px 15px; color: #097abf; line-height: 12px !important;
		font-size: 12px; font-weight: bold; border-bottom: #dce1e3 1px solid !important;
	}
	.navbar-inverse .navbar-nav > li > a span {	padding: 0px;}
	.navbar-inverse .navbar-nav > li > a:hover {
		display: block !important; background: #097abf; border-top: none;
		padding: 10px 15px; color: #ffffff; line-height: 12px !important;
		font-size: 12px; font-weight: bold; border-bottom: #dce1e3 1px solid !important;
	}
	.navbar-inverse .navbar-nav > li > a:hover span {
		border-bottom: 0px !important;
	}
	.navbar-inverse .navbar-nav > li > a span {
		border-bottom: 0px !important;
	}
	
	.pie 					{	font-size: 11px; line-height: 17px; padding-bottom: 30px; }
	.pie .texto 			{  	text-align: left; padding-top: 40px; width: 32%; }
	.pie .logo_pie 			{	text-align: center; padding-top: 40px; width: 32%; }
	.pie .redes 			{	text-align: right; padding-top: 30px; width: 33%; }
	
	.sombra  				{	padding-top: 35px; padding-bottom: 35px;}
	.sombra_1  				{	padding-top: 35px; padding-bottom: 35px;}
	
	.perros  						{ 	padding: 30px 0 !important;}
	.perros .fondo 					{	background: none !important;}
	.perros .sub 					{	display: none;}
	.perros .txt h3 				{	font-size: 1.8em; line-height: 28px; margin: 15px 0 10px 0;}
	.perros .txt span 				{	display: none;}
	.perros .txt a span 			{	padding: 4px 15px;}
	.perros .txt a i 				{	font-size: 14px; padding: 8px 8px;}
	.perros .img 					{   width: 80%; }
	
	.gatos 							{	padding: 30px 0 !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.gatos .sub 					{	display: none;}
	.gatos .txt h3 					{	font-size: 1.8em; line-height: 28px; margin: 15px 0 10px 0;}
	.gatos .txt span 				{	display: none;}
	.gatos .txt a span 				{	padding: 4px 15px;}
	.gatos .txt a i 				{	font-size: 14px; padding: 8px 8px;}
	.gatos .img 					{   width: 80%; margin: auto;}
	
	.blog							{	height: auto !important; padding-top: 0px !important; padding-bottom: 0px !important;}
	.blog h2 						{	margin: 50px auto 20px;}
	.blog .sub 						{	display: none;}
	.blog .txt h3 					{	font-size: 1.5em; line-height: 28px; margin: 15px 0 20px 0;}
	.blog .txt a span 				{	padding: 3px 15px;}
	.blog .txt a i 					{	font-size: 14px; padding: 8px 8px;}
	.blog .img 						{	position: relative !important; height: 200px;}
	.blog .img img 					{	bottom:0px; right: 0px; position: absolute;}
	
	.marcas 						{	padding: 30px 0 !important;}
	
	
	.empresa ul 			{	text-align: center;}
	.empresa ul li 			{	width: 33% !important; font-size: 0.9em; line-height: 1.4em; padding: 0 15px 0px 15px !important; text-align: center; }
	.empresa ul li img 		{	width: 70%;	}
	
	.titulos .sub 			{    margin-bottom: 0px; line-height: 20px;}
	

	.nosotros_sec1 .contenido h5  	{	font-size: 1.1em !important; margin: 0px; padding: 5px 0 0 0 !important;}
	
	.filosofia .contenido 			{	text-align: center; color: #fff; margin-left: 5%; margin-right: 5%;}
	.filosofia .contenido h5 		{	font-size: 1.8em; margin: 0px; padding: 0 0 10px 0;}
	.filosofia .contenido p 		{	padding: 0px 10px; font-size: 1em; text-align: center; line-height: 20px !important;}
	
	.insumo .contenido 				{	text-align: center; color: #fff; margin-left: 5%; margin-right: 5%;}
	.insumo .contenido h5 			{	font-size: 1.8em; margin: 0px; padding: 0 0 10px 0;}
	.insumo .contenido p 			{	padding: 0px 10px; font-size: 1em; text-align: center; line-height: 20px !important;}
	
	.tecnologia .contenido 			{	font-size: 1em; width: 90% !important; text-align: center;  line-height: 22px !important;}
	
	.prod_home .box 				{	position: relative;	overflow: hidden; }
	.prod_home .box .texto .perro 	{	padding-right: 10%; padding-left: 10%; }
	.prod_home .box .texto .gato 	{	padding-left: 10%; padding-right: 10%; }
	
	.lista_marca .col-xs-6 			{	width: 33%;}
	
	.busca_producto 						{ 	padding: 0px 0px 30px 0px; }
	.busca_producto .box 					{	width: 90%;}
	.busca_producto .box .col-xs-12 		{	width: 50%; padding-left: 5px; padding-right: 5px;}
	.busca_producto .box .opc1 				{	text-align: center; padding-bottom: 10px;}
	.busca_producto .box .opc2 				{	text-align: center;}
	
	.busca_producto .box a 						{	font-size: 1.2em; line-height: 40px; width: 45%; }
	.busca_producto .box a img  				{	height: 40px;}	
	.busca_producto .box a.tipo1_sel img 		{	width: 40px; height: 40px;	border-radius: 15px;}
	
	.lista_producto .col-xs-6 				{	width: 33% !important;}
	.lista_producto .box h5 {
		padding: 10px 5px;
		font-size: 1em;
	}
	.lista_producto .box p a {
		font-size: 0.9em !important;
		margin-top: 20px;
	}
	.lista_producto .box p a i {
		font-size: 15px;
		padding: 8px 8px;
	}
	.lista_producto .box p a span {
		padding: 4px 15px;
		display: inline-block;
	}
	
	.titulos h2 {
		margin: 0 auto 10px auto !important;
		font-size: 3.1em;
	}
	
	.producto_resumen 									{	padding-bottom: 20px;}
	.producto_resumen .producto_imagen 					{	text-align: center !important; width: 30% !important;}
	.producto_resumen .producto_imagen .img-responsive 	{	margin-left: auto; margin-right: auto;}
	
	.producto_resumen .producto_detalle 				{	width: 70% !important;}
	.producto_resumen h3 								{	font-size: 1.8em; padding: 10px 0 15px 0; line-height: 25px; }
	.producto_resumen h4 								{	font-size: 1.7em; padding: 30px 15px; line-height: 25px; }
	.producto_resumen ul.imagenes 						{	padding: 20px 0 0 0; }
	.producto_resumen ul.imagenes li 					{	margin-right: 7px; margin-bottom: 20px;	float: left; }
	.producto_resumen ul.imagenes li a.sel 				{	width: 60px; height: 60px; }
	.producto_resumen ul.imagenes li a 					{	width: 60px; height: 60px; }
	.producto_resumen ul.imagenes li a .img 			{	max-width: 52px; max-height: 52px; }
	.producto_resumen ul.imagenes li a.vid 				{	width: 60px; height: 60px; }
	.producto_resumen .imagenes a.vid span 				{	padding: 3px; font-size: 10px; }
	.producto_resumen .imagenes a.vid span i 			{	font-size: 12px; margin-top: 2px; }
	
	.detalle_ingredientes			{	padding-left: 15px; padding-right: 15px; text-align: justify;}
	
	.producto_resumen .brochure 	{
		padding-bottom: 0px;
	}
	.producto_resumen .medidas {
		padding-left: 15px; padding-right: 15px;
	}
	/*.producto_resumen .opciones 	{	padding: 20px 0 !important;	}*/
	
	.lista_noticias .col-xs-12 		{	width: 50% !important; }
	.lista_noticias .box a span {
		overflow: hidden; height: auto;
	}
	
	.lista_noticias .box a span em {
		font-size: 1.2em;
		line-height: 1em;
		margin-bottom: 10px;
		padding-top: 30px;
	}
	.lista_noticias .box a:hover span em 	{	padding-top: 20px;}
	
	.post_imagen 			{	padding-bottom: 15px;}
	.nivo-controlNav a img 	{
		max-width: 14% !important;
		margin-left: 2px !important;
		margin-right: 2px !important;
	}
	.noticia_detalle .fecha {
		padding: 20px 0 !important;
	}
	.noticia_detalle .texto {
		padding-bottom: 30px !important;
	}
	.noticia_detalle .opciones {
		padding: 0 0 20px 0;
	}
	
	.form_post h3 {
		font-size: 1.8em;
		padding-bottom: 20px;
	}
	
	.catalogo_b 	{	display: none;}
	
	.container > .navbar-header, .container > .navbar-collapse{
		margin-left: 0; margin-right: 0px !important;
	}
	.navbar-toggle {
		margin-right: 0px !important;
	}

  .top-number{
    font-size: 14px;
  }

  input.search-form:hover {
    width: 120px;
  }

  #main-slider .carousel h1 {
    font-size: 25px;
  }

  #main-slider .carousel h2 {
    font-size: 16px;
  }

  .feature-wrap h2, 
  .single-services h2 {
    font-size: 18px;
  }

  .feature-wrap h3, 
  .single-services h3{
    font-size: 14px;
  }


  .media.accordion-inner .pull-left, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .accordion-inner h4 {
    margin-top: 10px;
  }

  .tab-wrap .media .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .media-body{
    clear: both;
  }


	#footer .col-xs-1 {
		display: none;
	}
	#footer .col-sm-6{
		text-align:center;
	}
  	#footer .col-xs-12{
		text-align: center;
	}
	#footer .col-xs-12 ul {
		width: 100px !important;
	}
  
   #footer .pull-right{
      float: none !important;
  }

  .sinlge-skill {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .team .single-profile-top, 
  .team .single-profile-bottom {
    margin-bottom: 30px;
  }

  .clients-area {
    padding: 60px 0;
  }

  .clients-area h1 {
    font-size: 25px;
  }

  .portfolio-item, 
  #recent-works .col-xs-12.col-sm-4.col-md-3{
    padding:0 15px;
  }

  ul.social_icons li{
    margin-right: 0;
  }

  .blog .blog-item .entry-meta{
    margin-bottom: 20px;
  }

  .blog .blog-item .blog-content h3 {
    margin-bottom: 20px;
  }

  .post_reply_comments {
    padding-left: 20px;
  }
	
	.linea {
		width: 100% !important;
		position: relative;
	}
    
	#dates {
		position: relative;
		width: 100% !important;
		height: 120px;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
	}
	#dates li {
		width: 10% !important; text-align: center;
	}
	#dates a {
		padding: 35px 0px 30px !important;
		text-align: center !important;
		width: 100% !important; display: block;
		font-size: 11px !important;
	}
	#dates li 			{ 	background-image: url(../js/jq.timeline/images/linea_1A.png) !important;}
	#dates li.primero	{	background-image: url(../js/jq.timeline/images/linea_3A.png) !important;}
	#dates li.ultimo	{	background-image: url(../js/jq.timeline/images/linea_2A.png) !important;}
	
	.time_texto h3 {
		font-size: 1.7em !important; padding: 20px 0 10px !important;
	}
	.time_texto .caja {
		width: 100% !important;
		margin: 20px auto 0 auto !important;
	}
	#issues {
		height: 100px !important; margin-left: auto; margin-right: auto;
	}
	#issues li {
		height: 50px !important;
	}
	/*#issues li h1 {
		line-height: 25px !important;
		font-size: 1.5em !important;
	}*/
	#issues li p {
		padding: 10px 0 10px 0 !important;
	}
	
	.contacto_form h2 {
		margin: 30px auto;
		font-size: 1.8em;
	}
	.contacto_form .etiqueta {
		display: block;
		padding-top: 5px; padding-bottom: 0px;
	}
	.contacto_form .text {
		margin-top: 2px !important;
		margin-bottom: 0px !important;
	}
	#map_canvas {
		height: 300px !important;
	}
}
/* XS Portrait */
@media (max-width: 480px) {
	body > section {
	  padding: 30px 0; width: 100%; margin: 0px;
	}
	.ban_proceso .slider-wrapper 	{	display:none;}
	.ban_proceso .ban_movil			{	display:block;}
	
	.catalogo_b 	{	display: block;}
	
	h2 								{	font-size: 1.8em !important; margin-bottom: 15px !important;}

	.perros							{	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.perros .fondo 					{	background: none !important;}
	.perros .sub 					{	display: none;}
	.perros .txt  					{	padding-left: 25px; padding-right: 0px; width: 58.333333333333336% !important;}
	.perros .imagen 				{	padding-left: 5px; padding-right: 0px; width: 41.66666666666667% !important;}
	.perros .imagen img 			{	width: 100%;}
	.perros .txt h3 				{	font-size: 1.5em; line-height: 28px; margin: 15px 0 10px 0;}
	.perros .txt span 				{	display: none;}
	.perros .txt a 					{	font-size: 0.8em !important; margin-top: 0px;}
	.perros .txt a span 			{	padding: 3px 15px;}
	.perros .txt a i 				{	font-size: 14px; padding: 8px 8px;}
	
	.gatos 							{	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.gatos .sub 					{	display: none;}
	.gatos .txt  					{	width: 58.333333333333336% !important;}
	.gatos .imagen 					{	padding-left: 5px; padding-right: 0px; width: 41.66666666666667% !important;}
	.gatos .imagen img 				{	width: 100%;}
	.gatos .txt h3 					{	font-size: 1.5em; line-height: 28px; margin: 15px 0 10px 0;}
	.gatos .txt span 				{	display: none;}
	.gatos .txt a 					{	font-size: 0.8em !important; margin-top: 0px; text-decoration: none !important; text-shadow:none !important; outline:none !important;}
	.gatos .txt a span 				{	padding: 3px 15px;}
	.gatos .txt a i 				{	font-size: 14px; padding: 8px 8px;}
	
	.blog							{	height: auto !important; padding-top: 0px !important; padding-bottom: 0px !important;}
	.blog h2 						{	margin: 25px auto 25px;}
	.blog .sub 						{	display: none;}
	.blog .txt  					{	width: 58.333333333333336% !important; padding-left: 25px; padding-right: 5px;}
	.blog .txt h3 					{	font-size: 1.5em; line-height: 28px; margin: 15px 0 20px 0;}
	.blog .txt a 					{	font-size: 0.8em !important; margin-top: 10px;}
	.blog .txt a span 				{	padding: 3px 15px;}
	.blog .txt a i 					{	font-size: 14px; padding: 8px 8px;}
	.blog .img 						{	position: relative !important; height: 200px; padding-left: 0px; padding-right: 0px; width: 41.66666666666667% !important;}
	.blog .img img 					{	bottom:0px; right: 0px; position: absolute; width: 100%;}
	
	.pie 							{	border-top: #0072c8 10px solid; line-height: 19px; padding-bottom: 0px; height:auto;}
	.pie .sombra_1 					{	padding-top: 10px !important; padding-bottom: 20px !important;}
	.pie .contenido 				{   border-top: #005da1 10px solid;}
	.pie .texto						{	display: none;}
	.pie .logo_pie					{	display: none;}
	.pie .redes						{	text-align: center; padding-top: 0px; margin-bottom: 0px; width: 100%;}
	.pie .redes span 				{	display:none;}
	.pie .container 				{ 	padding:0px;}
	.pie .col-xs-6 					{	padding-left:5px; padding-right: 5px;}
	.pie .row 						{	margin: 0px; padding: 0px;}
	/*.pie ul 						{	width: 100px !important; float: left; margin: auto 0px !important; padding-left: 0px; padding-right: 0px;}*/
	.empresa ul li 					{	width: 98% !important; font-size: 0.9em; line-height: 1.4em; padding: 0 15px 30px 15px !important; text-align: center; }
	
	.lista_marca .box				{	margin-bottom: 50px !important;}
	
	/*.col-xs-12 	{	padding-left: 0px; padding-right: 0px;}*/
	.top-bar {
		display: none;
	}
	.lead {
		font-size: 13px;
		line-height: 17px;
		font-weight: 400;
	}
	
	.theme-interna	{	height:120px !important; top: 0px !important; width: 100% !important;}
	#slider_2	{	margin: 0px; padding: 0px; position: relative;}
	#slider_1 img {	width:100%; height:130px !important;}
	#slider_2 img {	width:100%; height:130px !important;}
	#slider_3 img {	width:100%; height:130px !important;}
	#slider_1 {	width:100%; height:130px !important;}
	#slider_2 {	width:100%; height:130px !important;}
	#slider_3 {	width:100%; height:130px !important;}

	.homepage {
		background-image: url(../video/home.jpg); background-repeat: no-repeat; background-position: top center;
	}
	.nosotros {
		padding: 20px 0 0 0px !important;
		-webkit-box-shadow: inset 0px 10px 18px -9px rgba(158,158,158,1);
		-moz-box-shadow: inset 0px 10px 18px -9px rgba(158,158,158,1);
		box-shadow: inset 0px 10px 18px -9px rgba(158,158,158,1);
	}
	/*.sombra { display:none;}*/
	.nosotros .container{ 	padding: 0px;}
	.nosotros .imagen 	{	border-bottom: #badff9 7px solid; }
	.nosotros .info 	{	border-left: none; padding: 0 25px; text-align: justify;}
	.nosotros .info h3 	{ 	font-size: 22px; padding:30px 0; text-align: center;}
	.nosotros .info .boton {	text-align:center;}
	.nosotros .info a 	{ 	display: inline-block; float: none; margin-bottom: 20px; background: #47a2db;}
	
	.noticias_home {
		margin: 0px; padding-bottom: 0px;
		-webkit-box-shadow: 0px 2px 4px 0px rgba(158,158,158,1);
		-moz-box-shadow: 0px 2px 4px 0px rgba(158,158,158,1);
		box-shadow: 0px 2px 4px 0px rgba(158,158,158,1);
		margin-bottom: 40px;
	}
	.noticias_home .container{ 	padding: 0px;}
	
	.noticias_home .detalle h3 {
		font-size: 22px;
		padding: 30px 0 5px 0;}
	.noticias_home .not2				{	display: none;}
	.noticias_home .detalle .box .boton {	text-align:center;}
	.noticias_home .detalle .box a 		{ 	display: inline-block; float: none; margin:0px; background: #47a2db;}
	
	.produccion {
		display: none !important;
	}
	
	.header_interna .navbar {
		padding: 9px 0;
	}
	/*.ban_personal			{	display: block;}*/
	
	.cuerpo .barra .navegacion {
		padding: 5px 20px; font-size: 11px; line-height: 15px;
	}
	.cuerpo .barra .navegacion .titu {
		font-size: 11px;
	}
	.principal_interna h1 {
		font-size: 22px;
		font-weight: bold;
		padding: 0 0 20px 0;
	}
	.principal_interna h3 {
		font-size: 15px;
		padding: 0 0 10px 0;
	}
	.principal_interna {
		font-size: 11px !important; padding: 30px 0 20px 0;
	}
	.principal_interna .texto 	{	font-size:11px; line-height: 18px; padding-bottom: 10px;}
	.principal_interna .contenido{	font-size:11px; line-height: 18px; padding-bottom: 20px;}
	.principal_interna .img_web {	display: none;}
	.principal_interna .img_resp{	display: block;}
	.principal_interna .video 		{	padding-top:0px; padding-bottom:20px;}
	.principal_interna .video h3 	{	font-size: 15px;}
	.principal_interna .video iframe{	height:220px;}
	.principal_interna ul {
		padding: 10px 0 0 0;
	}
	.principal_interna ul li {
		padding-left: 30px;
	}
	
	.cuerpo .col-xs-6 { 	padding-left:5px; padding-right:5px;}
	.lista_bolas {
		padding: 10px 5px 30px 5px;
		text-align: center;
	}
	.lista_bolas h3 {
		font-size: 13px; line-height: 15px;
		padding-bottom: 10px; min-height: 55px !important;
	}
	.lista_bolas img { width:95%;}
	.lista_bolas a {
		display: inline-block;
		margin-top: 15px;
		padding: 8px 15px;
		color: #fff;
		font-weight: bold; font-size: 10px;
		background: #47a2db;
	}
	
	.principal_interna .inversionista .tex {
		min-height: 20px; padding-bottom: 5px; font-size: 13px;
	}
	.principal_interna .inversionista {
		padding-bottom: 25px;
	}
	.gerencia {
		margin-bottom: 40px;
	}
	.gerencia h3 {
		font-size: 16px;
	}
	.gerencia .texto {
		padding-left: 0px;
		font-size: 11px; line-height: 15px;
	}
	
	.personal table {
		font-size: 11px; width: 95%;
	}
	.personal table th {
		font-size: 12px;
	}
	.personal table span {
		padding-left: 15px;
		padding-right: 15px;
	}
	.personal table td {
		padding-top: 3px;
		padding-bottom: 3px;
		font-size: 11px;
	}
	.personal table td:first-child {
		border-right: #bac4c7 5px solid;
	}
	.personal table th:first-child {
		border-right: #5392bb 5px solid; width: 53%;
	}
	
	.paginado {
		margin-bottom: 40px;
		text-align: right;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.paginado a {
		font-size: 12px;
	}
	.paginado a.sel {
		font-size: 12px;
	}
	.proceso_detalle {	font-size:11px; line-height: 15px;}
	.proceso_detalle h1 {
		font-size: 22px;
		padding: 0 0 25px 0;
	}
	.proceso_detalle .video {
		padding: 20px 0;
	}
	.proceso_detalle .enlace {
		padding: 0px 0 30px;
	}
	.proceso_detalle .enlace img {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.calidad ul li img {
		display: none;
	}
	.calidad ul li h3 {
		padding: 5px 20px 5px 30px;
		font-size: 11px; line-height: 15px;
	}
	.calidad ul li .container {
		font-size: 10px; line-height: 14px; padding-top: 15px !important; padding-left: 30px !important; padding-right: 30px !important;
	}
	.calidad ul li em {
		display: block; padding-top: 5px;
	}
	.calidad ul li .boton	{	text-align: center;}
	
	
	.compromiso-lista .container {	padding:0px;}
	.compromiso-lista .box .texto h3 {
		padding: 5px 20px 5px 30px;
		font-weight: bold;
		font-size: 11px; line-height: 15px;
		margin: 20px 0 0 0;
	}
	.compromiso-lista .box .imagen		{	display: none;}
	.compromiso-lista .box .resp		{	display: block; padding-left: 15px; padding-right: 15px; padding-bottom: 15px;}
	.compromiso-lista .box .resp img 	{	width:100%;}
	.compromiso-lista .box .imagen .fecha{	position:absolute; top:0px; right:30px; background:#016da0; color:#fff; padding:4px 10px; font-size:10px;}
	.compromiso-lista .box .texto .info {
		padding: 0px 30px; font-size: 11px; line-height: 15px;
		text-align: justify;
	}
	.compromiso-lista .box .texto .info .boton {	text-align:center; padding-bottom: 20px;}
	
	.noticia-lista .container {	padding:0px;}
	.noticia-lista .box h3 {
		padding: 5px 20px 25px 20px; position: relative;
		font-weight: bold;
		font-size: 11px; line-height: 15px;
		margin: 0px;
	}
	.noticia-lista .fecha_resp		{	position:absolute; bottom:0px; right:20px; background:#016da0; color:#fff; padding:4px 10px; font-size:10px; display: block;}
	.noticia-lista .box {
		margin-bottom: 0px;
	}
	.noticia-lista .box .imagen {
		padding: 0 15px 0 15px;
	}
	.noticia-lista .box .texto .info {
		padding: 20px 30px 0 30px; font-size: 11px; line-height: 15px;
		text-align: justify;
	}
	.noticia-lista .box .texto .boton {
		margin-top: 20px;
		margin-bottom: 35px;
		clear: both;
		text-align: left;
	}
	
	.imagen_selector {
		min-width: 90%;
		font-size: 11px;
		padding: 5px 5px;
		border: #aeaeae 1px solid;
	}
	
	.imagenes_lista a {
		display: block; height: 170px; overflow: hidden;
		padding: 0 10px 20px 10px;
		text-align: center;
		color: #47a1da;
		text-decoration: none;
		font-size: 10px; line-height: 14px;
	}
	.imagenes_lista a img {
		margin-bottom: 5px;
	}
	
	.contacto_direccion {
		font-size: 10px; line-height: 14px;
		padding-bottom: 20px;
	}
	.contacto_direccion h4 	{ margin-bottom: 5px;}
	.contacto_direccion h4 a {
		font-size:11px; color: #47a1da;
		text-decoration: none;
	}
	.contacto_form {
		padding-top: 0px;
		padding-bottom: 25px;
		margin-bottom: 40px;
	}
	.contacto_form label {
		display: block;
		padding-top: 10px;
		padding-bottom: 4px;
		font-size: 14px;
		font-weight: bold;
		color: #47a1da;
	}
	.contacto_form .text {
		font-size: 11px;
	}
	.contacto_form .textarea {
		font-size: 11px;
	}
	.contacto_form button {
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		padding: 5px 10px;
		background: #47a1da;
		border: none;
		min-width: 80px !important; margin: 0 10px;
		text-align: center;
	}
	.tablas table 						{	width:90%;}
	.tablas table th					{	border-left:#5392bb 2px solid; padding:8px 0; font-size:10px;}
	.tablas table span					{	padding-left:5px; padding-right:5px;}
	.tablas table td					{	padding-top:7px; padding-bottom:7px; border-left:#bac4c7 2px solid; font-size:10px; border-bottom:3px solid #edf4f6;}
	
	#map_canvas 						{	height:300px !important;}
	
	
	.plomo {
		margin-bottom: 0px;
	}
	.principal_interna .inversionista .img img	{	max-width: 232px !important;}
	.redes {
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	.titulos 		{	padding: 25px 0;}
	.titulos .sub 	{
		line-height: 17px;
		margin-bottom: 10px;
		padding: 0px !important;
	}
	
	.subtitulos {
		padding: 25px 0 !important;
	}
	.subtitulos .sub 	{
		line-height: 17px;
		margin-bottom: 10px;
	}
	
	.nosotros_sec1 .contenido {

	}
	.nosotros_sec1 .contenido h5 {
		font-size: 1em !important;
		margin: 0px;

	}
	
	.filosofia .contenido 			{	font-size: 1em; text-align: center; color: #fff; margin-left: 5%; margin-right: 5%;}
	.filosofia .contenido h5 		{	font-size: 1.3em; margin: 0px; padding: 0 0 8px 0;}
	.filosofia .contenido p 		{	padding: 0px 10px; font-size: 0.8em; text-align: center; line-height: 14px !important;}

	.insumo {margin-top: 36px;}
	.tecnologia {margin-top: 36px;}
	.insumo .contenido 				{	text-align: center; color: #fff; margin-left: 5%; margin-right: 5%;}
	.insumo .contenido h5 			{	font-size: 1.3em; margin: 0px; padding: 0 0 10px 0;}
	.insumo .contenido p 			{	padding: 0px 10px; font-size: 0.8em; text-align: center; line-height: 17px !important;}
	
	.tecnologia .contenido 			{	font-size: 0.9em; width: 90% !important; text-align: center;   line-height: 17px !important;}
	.tecnologia .contenido h5 		{	font-size: 1.3em; margin: 0px; padding: 0 0 8px 0;}
	.tecnologia .contenido p 		{	padding: 0px 10px; font-size: 0.8em; text-align: center; line-height: 14px !important;}
	
	.titulo_azul 					{	padding: 25px 0;}
	.titulo_azul .sub {
		font-size: 0.8em;
		line-height: 16px;
	}
	
	.prod_home .box {
		width: 100%;
		float: none;
		position: relative;
		overflow: hidden;
	}
	.prod_home .box .texto .perro {
		padding-right: 10%;
		padding-left: 10%;
	}
	.prod_home .box .texto .gato {
		padding-left: 10%;
		padding-right: 10%;
	}
	
	.valores 		{	height: auto !important; text-align: center !important; padding: 30px 0 !important;}
	.valores .foto 	{
		line-height: 30px !important; text-align: center !important; width: 28%; margin-bottom: 10px; margin-top: 10px;
	}
	.valores .foto img {	width: 100% !important;}
	
	.busca_producto  							{	padding-bottom: 30px;}
	.busca_producto .box 						{	width: 100%;}
	.busca_producto .box .col-xs-6 				{	padding-left: 5px; padding-right: 5px;}
	.busca_producto .box .col-xs-12 			{	width: 100%; padding-left: 5px; padding-right: 5px;}
	
	.busca_producto .box .opc1 					{	text-align: center; padding-bottom: 10px;}
	.busca_producto .box .opc2 					{	text-align: center;}
	
	.busca_producto .box a 						{	font-size: 0.9em; line-height: 30px; width: 45%; }
	.busca_producto .box a img  				{	height: 30px;}	
	.busca_producto .box a.tipo1_sel img 		{	width: 30px; height: 30px;	border-radius: 15px;}
	
	.busca_producto .box .col-xs-6 				{	}
	
	.lista_producto .col-xs-6 				{	width: 50% !important;}
	.lista_producto .box {
		margin-bottom: 50px;
	}
	.lista_producto .box h5 {
		padding: 10px 5px;
		font-size: 1em;
	}
	.lista_producto .box p {
		bottom: 7px;
	}
	.lista_producto .box p a {
		font-size: 0.9em !important;
		margin-top: 20px;
	}
	.lista_producto .box p a i {
		font-size: 15px;
		padding: 6px 8px;
	}
	.lista_producto .box p a span {
		padding: 2px 10px !important; font-size: 0.9em;
		display: inline-block;
	}
	
	.producto_resumen .producto_imagen 					{	text-align: center !important; width: 100% !important;}
	.producto_resumen .producto_detalle 				{	width: 100% !important;}
	.producto_resumen .producto_imagen .img-responsive 	{	margin-left: auto; margin-right: auto;}
	.producto_resumen ul.imagenes li a.sel {
		width: 60px;
		height: 60px;
	}
	.producto_resumen ul.imagenes li a {
		width: 60px;
		height: 60px;
	}
	.producto_resumen ul.imagenes li a .img {
		max-width: 52px;
		max-height: 52px;
	}
	.producto_resumen ul.imagenes li a.vid {
		width: 60px;
		height: 60px;
	}
	.producto_resumen .imagenes a.vid span {
		padding: 3px;
		font-size: 10px;
	}
	.producto_resumen .imagenes a.vid span i {
		font-size: 12px;
		margin-top: 2px;
	}
	.producto_resumen ul.imagenes {
		padding: 0 0 0 0; position: absolute; top: 0px;
	}
	.producto_resumen ul.imagenes li {
		margin-right: 7px;
		margin-bottom: 20px;
		float: left;
	}
	.producto_resumen h3 {
		font-size: 1.8em;
		padding: 90px 0 25px 0;
		line-height: 25px;
	}
	.producto_resumen h4 {
		font-size: 1.6em;
		padding: 30px 15px;
		line-height: 25px;
	}
	.producto_resumen .brochure {
		padding-bottom: 0px;
	}
	.detalle_ingredientes {
		padding-left: 15px; padding-right: 15px;
		font-size: 1em;
	}
	.producto_resumen .medidas {
		padding-left: 15px; padding-right: 15px;
	}
	.producto_resumen .medidas .box {
		width: 33%;
		margin-bottom: 20px;
	}
	/*.producto_resumen .opciones {
		padding: 20px 0 10px 0 !important;
	}*/
	
	.lista_noticias .box a span em {
		font-size: 1.2em;
		line-height: 1.1em;
		padding-top: 28px;
	}
	.lista_noticias .box a:hover span em 	{	padding-top: 10px;}
	.lista_noticias .box a span {
		overflow: hidden; height: auto;
	}
	.lista_noticias .col-xs-12 {
		width: 100% !important;
	}
	.nivo-controlNav a img {
		max-width: 52px !important; margin-left: 2px !important; margin-right: 2px !important;
	}
	.post_imagen {
		padding-bottom: 10px;
	}
	.post_imagen .container {
		padding-left: 0px; padding-right: 0px;
	}
	.post_imagen #slider_post {
		width: 92%;
	}
	.noticia_detalle .fecha {
		padding: 10px 0 20px;
	}
	.noticia_detalle .opciones {
		padding: 0 0 30px 0;
	}
	.noticia_detalle .texto {
		padding: 0 0 20px 0;
	}
	.form_post h3 {
		font-size: 1.6em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	
	.contacto_form h2 {
		margin: 30px auto;
		font-size: 1.8em;
	}
	.contacto_form .container {
		padding-left: 5px;
		padding-right: 5px;
	}
	.contacto_form .etiqueta {
		display: block;
		padding-top: 5px; padding-bottom: 0px;
	}
	.contacto_form .text {
		margin-top: 2px !important;
		margin-bottom: 0px !important;
	}
	
	.titu_catalogo h5 {
		margin: 20px auto 10px;
		font-size: 1.8em;
	}
	
	.datos_contacto .box 			{	width: 30%; display: inline-grid; margin-left: 1%; margin-right: 1%; font-size: 0.8em; line-height: 14px;}
	.datos_contacto .box h5 		{	font-family: 'Lato', sans-serif !important;color: #0065af; padding: 5px 0; margin: 0px; font-size: 1.1em;}
	
	
	.sel {
		background-position: 12px 10px !important;
	}
	
	.paginacion {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
}

/* XS Portrait */
@media (max-width: 340px) {
	.theme-default {
		top: 70px !important;
		width: 100% !important;
	}
	
	.perros .txt  					{	padding-left: 25px; padding-right: 0px; width: 66.333333333333336% !important;}
	.perros .imagen 				{	padding-left: 0px; padding-right: 0px; width: 33.66666666666667% !important;}
	.perros .imagen img 			{	width: 100%;}
	.perros .txt h3 				{	font-size: 1.3em; line-height: 25px; margin: 15px 0 0px 0;}
	.perros .txt a span 			{	padding: 3px 15px;}
	.perros .txt a i 				{	font-size: 14px; padding: 8px 8px;}
	
	.gatos .txt  					{	width: 66.333333333333336% !important; padding-left: 10px; padding-right: 10px;}
	.gatos .imagen 					{	padding-left: 5px; padding-right: 0px; width: 33.66666666666667% !important;}
	.gatos .imagen img 				{	width: 100%;}
	.gatos .txt h3 					{	font-size: 1.3em; line-height: 25px; margin: 15px 0 0px 0;}
	.gatos .txt a span 				{	padding: 3px 15px;}
	.gatos .txt a i 				{	font-size: 14px; padding: 8px 8px;}
	
	.blog .txt h3 {
		font-size: 1.3em;
		line-height: 25px;
		margin: 10px 0 10px 0;
	}
	.blog .img {
		height: 160px;
		width: 41.66666666666667% !important;
	}
	
	.filosofia .contenido 			{	font-size: 1em; margin-left: 1%; margin-right: 1%; margin-top: 15px;}
	.filosofia .contenido h5 		{	font-size: 1.2em; margin: 0px; padding: 0 0 4px 0;}
	.filosofia .contenido p 		{	margin-left:0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;}
	
	#slider_2 img 					{	width:100%; height:auto !important;}
	.insumo .contenido 				{	width: auto !important; position: relative; margin-top: 15px;}
	
	.tecnologia .contenido 			{	width: auto !important; position: relative; margin-top: 25px;}
	
	.nosotros_sec1 .contenido 		{	margin: 15px auto 0px auto !important; }
	
	.producto_resumen ul.imagenes li a 			{	width: 50px; height: 50px; }
	.producto_resumen ul.imagenes li a.sel 		{	width: 50px; height: 50px; }
	.producto_resumen ul.imagenes li a .img 	{	max-width: 42px; max-height: 42px; }
	.producto_resumen ul.imagenes li a.vid 		{	width: 50px; height: 50px; }
	.producto_resumen ul.imagenes li a.vid span {	line-height: 11px;}
	
	.lista_noticias .box a span em {
		font-size: 1.1em;
		padding-top: 28px;
	}
}
@media (min-width: 340px) and (orientation: landscape) {
	.banner_home{	}
	.perros 	{	padding-bottom: 0px !important; }
	.gatos	 	{	padding-bottom: 0px !important; }
}