/* Industria - Factory Theme HTML Template */
/* Ocultar botón de menú hamburguesa por defecto en desktop */
#boton-lupa{
	background: #fff;
	margin-right: 10px;
	display: none !important;
}
#form_Btn_is_H_1{
	background-color:#f6f7f8;
}
#Panel_Botones .btn-default.btn-pill {
    border: 1px solid #ccc;
}

.layout-left-sidebar-collapsed .sidebar-menu>li>a {
	height: 5vh;
}

	.sidebar-menu>li>a{
		font-size: 2vh !important;
		padding: 0vh 0vh 0vh 0vh !important;
		line-height: 3.5vh !important;
	}
	.site-header .sub-menu .breadcrumb li {
		margin: 0 !important;
		margin: 0 0vh !important;
	}
	
	.site-header .sub-menu .breadcrumb li a {
		font-size: 2vh !important;
        padding: 1.2vh 2.5vh !important;
		color: #ffffff !important;
		text-decoration: none !important;
		font-weight: 500 !important;
		border-radius: 0.5vh !important;
		border-width: 0px 0.1vh 0px 0px !important;
		border-style: solid !important;
		border-color:  #ffffff5b !important;
		text-shadow: none !important;
		display: inline-block !important;
		white-space: nowrap !important;
		font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif !important;
	
	}

	.site-header .sub-menu .breadcrumb {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        float: right !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.5vh !important;
        height: 100% !important;
    }
	.site-header .sub-menu .breadcrumb li a::before {
		
	}
	
	.site-header .sub-menu .breadcrumb li a .menu-text {
		position: relative !important;
		z-index: 2 !important;
		transition: all 0.3s ease !important;
	}
	
	.site-header .sub-menu .breadcrumb li a:hover {
		color: #ffffff !important;
	
	}
	
	.site-header .sub-menu .breadcrumb li a:hover::before {
		left: 100% !important;
	}
	
	.site-header .sub-menu .breadcrumb li a:hover .menu-text {
		transform: translateX(1px) !important;
	}
	
	.site-header .sub-menu .breadcrumb li a:active {
		transform: translateY(-1px) scale(1.01) !important;
		box-shadow: 0 3px 12px rgba(76, 175, 80, 0.2) !important;
	}

/* Ocultar botón de búsqueda responsive en desktop */
.boton-buscar-responsive,
button.boton-buscar-responsive,
.navbar-toggler.boton-buscar-responsive {
	display: none !important;
	visibility: hidden !important;
}

/* Ocultar botón de búsqueda móvil en desktop */
.boton-buscar-movil,
button.boton-buscar-movil {
	display: none !important;
}

/* Mostrar sidebar por defecto en desktop */
.site-left-sidebar {
	transform: translateX(0) !important;
	margin-top: 17vh !important;
	position:fixed !important;
}

/* Estilos del logo para resoluciones de desktop por defecto */
.navbar-brand > img {
	height: 7vh !important;
	max-height: 6vh !important;
	width: auto !important;
	vertical-align: middle !important;
	margin-top: 0vh !important;
}

/* Mostrar panel de búsqueda por defecto en desktop */
#Panel_Search {
	display: block !important;
}

.Form_Search {
	display: block !important;
}

/* @media (min-width: 2100px) { 
  body {
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 15%;
    padding-right: 15%;
  }
} */



@media only screen and (max-width: 2000px){
	/* Ocultar botón hamburguesa en desktop */
	#boton-lupa {
		display: none !important;
	}
	
	/* Mostrar panel de búsqueda en desktop */
	#Panel_Search {
		display: block !important;
	}
	
	.Form_Search {
		display: block !important;
	}
	
	/* Estilos del logo para desktop */
	.navbar-brand > img {
		height: 5vh !important;
		max-height: 4vh !important;
		width: auto !important;
		vertical-align: middle !important;
		margin-top: 0vh !important;
	}
	
	.contact-style-two .form-column .inner-box{
		padding:100px 30px;	
	}
	/* .site-content{
		padding: 40px 20px 0px 0px !important;
	}	 */
	.Indicadores-Curso-Det .alert{
	     height:10vh ;
	}
	.Indicadores-Curso-Det .alert-message{
		padding:3.75vh 1.25vw !important;
	}

}

@media only screen and (max-width: 1800px){
	/* Ocultar botón hamburguesa en desktop */
	#boton-lupa {
		display: none !important;
	}
	
	/* Mostrar panel de búsqueda en desktop */
	#Panel_Search {
		display: block !important;
	}
	
	.Form_Search {
		display: block !important;
	}
	
	/* Estilos del logo para desktop */
	.navbar-brand > img {
		height: 5vh !important;
		max-height: 4vh !important;
		width: auto !important;
		vertical-align: middle !important;
		margin-top: 0vh !important;
	}
	
	.contact-style-two .form-column .inner-box{
		padding:100px 30px;	
	}
	/* .site-content{
		padding: 50px 20px 0px 0px !important;
	}	 */
	
	.Indicadores-Curso-Det .alert-message{
		background: #fff; color: #424242;
		padding:20px 10px !important;
		font-size: 1.1em;
		line-height:14px !important;
	}
   .Indicadores-Curso-Det .alert {
        height:70px;
	}	
}



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


	.Indicadores-Curso-Det .alert-message{
		background: #fff; color: #424242;
		padding:20px 10px !important;
		font-size: 1.1em;
		line-height:14px !important;
	}
   .Indicadores-Curso-Det .alert {
        height:70px;
	}
	.contact-style-two .form-column .inner-box{
		padding:100px 30px;	
	}
	/* .site-content{
		padding: 40px 20px 0px 0px !important;
	}	 */
}

@media only screen and (max-width: 1400px){
	/* Ocultar botón hamburguesa en desktop */
	#boton-lupa {
		display: none !important;
	}
	
	/* Mostrar panel de búsqueda en desktop */
	#Panel_Search {
		display: block !important;
	}
	
	.Form_Search {
		display: block !important;
	}
	
	/* Estilos del logo para desktop */
	.navbar-brand > img {
		height: 5vh !important;
		max-height: 4vh !important;
		width: auto !important;
		vertical-align: middle !important;
		margin-top: 0vh !important;
	}


	.menusearch li {
		padding: 37% 0% 0px 0px;
		font-size: 0.9em;
		text-shadow: none;
	}	
	.copyright{
		padding:20px 30px;
	}
	/* .layout {
		padding-top: 90px;
	} */
    /* .site-content{
		padding: 20px 15px 0px 0px !important;
	}	 */
}

@media only screen and (max-width: 1300px){
	/* Ocultar botón hamburguesa en desktop */
	#boton-lupa {
		display: none !important;
	}
	
	/* Mostrar panel de búsqueda en desktop */
	#Panel_Search {
		display: block !important;
	}
	
	.Form_Search {
		display: block !important;
	}
	
	/* Estilos del logo para desktop */
	.navbar-brand > img {
		height: 5vh !important;
		max-height: 4vh !important;
		width: auto !important;
		vertical-align: middle !important;
		margin-top: 0vh !important;
	}

    .Indicadores-Curso-Det .alert {
        height:85px;
		font-size:0.9em;
	}
    /* .site-content{
		padding: 20px 15px 0px 0px !important;
	} */
	.contact-style-two .form-column{
		position:relative;
		width:100%;
	}
	.copyright{
		padding:20px 30px;
	}	
	.contact-style-two .info-column{
		position:relative;
		float:right;
		width:100%;
		height:auto;
		left:0px;
		top:0px;
	}
	
	.contact-style-two .info-column .inner-box{
		position:relative;
		display:block;
		text-align:center;
		padding:80px 30px;
		height:auto;
	}
	
	.contact-style-two .info-column .inner-most{
		display:block;	
	}

	.Indicadores-Curso-Det .alert{
		border: 1px solid #c7c7c7;margin-bottom: 0px;padding: 10px;
	}
	.Indicadores-Curso-Det .alert-icon{
	    width:45px !important;
	}

	.Indicadores-Curso-Det .alert-message{
		background: #fff; color: #424242;
		padding:5px !important;
		font-size: 1.1em;
		line-height:14px !important;
	}
   .Indicadores-Curso-Det .alert {
        height:75px;
	}
}


@media only screen and (max-width: 1200px){
	/* Ocultar botón hamburguesa en desktop/laptop */
	#boton-lupa {
		display: block !important;
	}
	.site-left-sidebar {
		/* transform: translateX(0) !important; */
		margin-top: 13vh !important;
		/* position: fixed !important; */
	}
	.layout-left-sidebar-collapsed .sidebar-menu .badge, .layout-left-sidebar-collapsed .sidebar-menu .menu-text, .layout-left-sidebar-collapsed .sidebar-menu .menu-title{
		display: block !important;
		    padding: 0vh 0vh 0vh 0vh;
			    font-size: 1.5vh;
	}

    .site-content, .main-content, #myCarousel {
        margin-top: 6vh !important;
        padding-top: 0 !important;
    }	
	.btn {
         font-size: 1.5vh !important;
		     padding: 0.7vh 1.3vh;
	}
	.layout-left-sidebar-collapsed .sidebar-menu .menu-icon{
		width: 3vh;
		height: 3vh !important;
	}
	/* Mostrar panel de búsqueda en desktop/laptop */
	#Panel_Search {
		display: block !important;
	}
	.layout-left-sidebar-collapsed .sidebar-menu>li>a {
		height: 3vh;
	}
	.Form_Search {
		display: block !important;
	}
    .site-content {
		    margin-left: 0vw !important;
	}	
	/* Estilos del logo para desktop/laptop */
	.navbar-brand > img {
		height: 5vh !important;
		max-height: 4vh !important;
		width: auto !important;
		vertical-align: middle !important;
		margin-top: 0vh !important;
	}


	.services-single .main-image img {
	    width:100%;
	}
	.headerfirst .main-menu .navigation > li {
		margin-right: 16px;
	}
	.header-info li {
		display: inline-block;
		margin-left: 20px;
		text-align: left;
	}
	.logo img {
		max-width: 100%;
	}
	.hdbox-right{font-size:14px;}
	.main-menu .navigation > li > a {
		font-size: 16px;
		padding: 16px 10px 16px 0;

	}
	.headersecond .main-menu .navigation > li > a {
	    padding: 33px 10px;
	}

	
   .Indicadores-Curso-Det .alert {
        height:70px;
		font-size:0.7em;
	}
	  .Indicadores-Curso-Det .alert .alert-message{
  
		line-height:12px !important;
	}

	/* Estilos del slider aumentados en 25% - VERSIÓN PROFESIONAL */
	
	/* Resetear estilos existentes del carousel */
	#myCarousel {
		transform: none !important;
		scale: none !important;
		margin: 0 !important;
		height: 450px !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
		position: relative !important;
		box-shadow: 0 8px 32px rgba(0,0,0,0.15) !important;
		border-radius: 12px !important;
	}
	
	#myCarousel .carousel-inner {
		height: 450px !important;
		width: 100% !important;
		position: relative !important;
		overflow: hidden !important;
		border-radius: 12px !important;
	}
	
	#myCarousel .carousel-inner .item {
		height: 450px !important;
		width: 100% !important;
		position: relative !important;
		transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
	}
	
	#myCarousel .carousel-inner img {
		height: 450px !important;
		width: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		transition: transform 0.8s ease-in-out !important;
		filter: brightness(0.9) !important;
	}
	
	#myCarousel .carousel-inner .item:hover img {
		transform: scale(1.05) !important;
		filter: brightness(1.1) !important;
	}
	
	/* Caption con diseño moderno estilo SOLARI */
	#myCarousel .carousel-caption {
		position: absolute !important;
		top: 50% !important;
		left: 5% !important;
		right: auto !important;
		bottom: auto !important;
		width: 50% !important;
		height: auto !important;
		background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 100%) !important;
		padding: 50px 40px !important;
		border-radius: 15px !important;
		text-align: left !important;
		transform: translateY(-50%) !important;
		opacity: 1 !important;
		z-index: 5 !important;
		backdrop-filter: blur(1.2vh) !important;
		box-shadow: 0 2.5vh 7.5vh rgba(0,0,0,0.3), 0 1vh 3vh rgba(0,0,0,0.2) !important;
		border: 0.1vh solid rgba(255,255,255,0.1) !important;
	}
	
	@keyframes slideInUp {
		from {
			transform: translateY(2.5vh) !important;
			opacity: 0 !important;
		}
		to {
			transform: translateY(0) !important;
			opacity: 1 !important;
		}
	}
	
	/* Tag verde pequeño estilo WELCOME */
	#myCarousel .carousel-caption .welcome-tag {
		display: inline-block !important;
		background: #4CAF50 !important;
		color: #ffffff !important;
		font-size: 1.5vh !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.12vw !important;
		padding: 1vh 2vw !important;
		border-radius: 2.5vh !important;
		margin-bottom: 2.5vh !important;
		border: none !important;
	}

	/* Título principal grande */
	#myCarousel .carousel-caption h3 {
		position: static !important;
		top: auto !important;
		left: auto !important;
        font-size: 3vh !important;
        line-height: 2.8vh !important;
		margin: 0 0 2vh 0 !important;
		color: #ffffff !important;
		font-weight: 700 !important;
		letter-spacing: 0.06vw !important;
		border: none !important;
		padding: 0 !important;
		text-transform: none !important;
		width: 100% !important;
		text-align: left !important;
		background: none !important;
		text-shadow: 0.25vh 0.25vh 1.8vh rgba(0,0,0,0.8) !important;
		position: relative !important;
	}

	
	/* Párrafo descriptivo */
	#myCarousel .carousel-caption p {
		position: static !important;
		top: auto !important;
		left: auto !important;
        font-size: 1.5vh !important;
        line-height: 2vh !important;
		color: #ffffff !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 90% !important;
		text-align: left !important;
		background: none !important;
		font-weight: 300 !important;
		text-shadow: 0.12vh 0.12vh 0.75vh rgba(0,0,0,0.8) !important;
		opacity: 0.9 !important;
		max-width: 400px !important;
	}
	
	/* Controles profesionales */
	#myCarousel .carousel-control {
		width: 5vw  !important;
		height: 3.5vh !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		background: rgba(255,255,255,0.15) !important;
		border: 2px solid rgba(255,255,255,0.3) !important;
		border-radius: 50% !important;
		font-size: 20px !important;
		color: #fff !important;
		opacity: 0.8 !important;
		position: absolute !important;
		z-index: 15 !important;
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
		backdrop-filter: blur(10px) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	#myCarousel .carousel-control:hover {
		background: rgba(255,255,255,0.25) !important;
		border-color: rgba(255,255,255,0.6) !important;
		opacity: 1 !important;
		transform: translateY(-50%) scale(1.1) !important;
		box-shadow: 0 8px 25px rgba(255,255,255,0.2) !important;
	}
	
	#myCarousel .carousel-control.left {
		left: 3.75vw !important;
	}
	
	#myCarousel .carousel-control.right {
		right: 3.75vw !important;
	}
	
	#myCarousel .carousel-control .glyphicon {
		font-size: 2.5vh !important;
		text-shadow: none !important;
	}
	
	/* Indicadores elegantes */
	#myCarousel .carousel-indicators {
		position: absolute !important;
		bottom: 3.75vh !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: auto !important;
		margin: 0 !important;
		padding: 1vh 2vw !important;
		background: rgba(0,0,0,0.3) !important;
		border-radius: 3vh !important;
		backdrop-filter: blur(1.25vh) !important;
		border: 0.12vh solid rgba(255,255,255,0.1) !important;
		list-style: none !important;
		z-index: 15 !important;
	}
	
	#myCarousel .carousel-indicators li {
		display: inline-block !important;
		width: 1.5vh !important;
		height: 1.5vh !important;
		margin: 0 0.75vw !important;
		border: 0.25vh solid rgba(255,255,255,0.6) !important;
		border-radius: 50% !important;
		background: transparent !important;
		cursor: pointer !important;
		position: relative !important;
		transition: all 0.3s ease !important;
		opacity: 0.7 !important;
	}
	
	#myCarousel .carousel-indicators li:hover {

		opacity: 1 !important;
		transform: scale(1.2) !important;
	}
	
	#myCarousel .carousel-indicators .active {

		width: 1.75vh !important;
		height: 1.75vh !important;
		opacity: 1 !important;
	}
	
	/* Overlay gradient para mejor contraste */
	#myCarousel .carousel-inner .item:before {
		content: '' !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		background: linear-gradient(45deg, rgba(0,0,0,0.4) 0%, transparent 60%, rgba(0,0,0,0.2) 100%) !important;
		z-index: 1 !important;
		pointer-events: none !important;
	}

	/* === HEADER RESPONSIVE @1200px (Tablet Large - iPad Pro) === */
    .custom-scrollbar{
	   height: 67vh;
	}
	.carousel-caption {
		top: 0;
		height: 100%;
		left: 3vh;
		width: 100% !important;
		text-align: left;
		padding: 2%;
		background: linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.55) 35%, rgba(0, 0, 0, 0.28) 70%, rgba(0, 0, 0, 0.00) 100%);
	}
	
	.carousel-caption h3 {
		font-size: 3vh;
		top: 3vh;
		left: 7vh;
	}
	
	.carousel-caption p {
		font-size: 1.5vh;
		top: 12vh;
		left: 7vh;
		width: 73%;
	}
	
	.site-header {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		left: 0 !important;
		right: 0 !important;
		background: transparent !important;
		backdrop-filter: none !important;
		border: none !important;
		z-index: 1000 !important;
		position: relative !important;
		transition: all 0.3s ease !important;
		box-shadow: none !important;
	}
	
	/* Asegurar consistencia en todos los elementos del header */
	.site-header,
	.site-header * {
		box-sizing: border-box !important;
	}
	
	.navbar-collapse {
		overflow: visible !important;
		max-height: none !important;
		background: white !important;
		position: relative !important;
		z-index: 1001 !important;
	}
	
	/* Dropdown menu para que aparezca encima del slider */
	.navbar .dropdown-menu {
		z-index: 10000 !important;
		position: absolute !important;
		top: 100% !important;
		right: 0 !important;
		background: white !important;
		border: 1px solid #ddd !important;
		border-radius: 5px !important;
		box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
		margin-top: 0 !important;
	}
	
	.navbar .navbar-nav .dropdown-menu li a {
		padding: 8px 20px !important;
		color: #333 !important;
		text-decoration: none !important;
		display: block !important;
		transition: background 0.2s ease !important;
	}
	
	.navbar .navbar-nav .dropdown-menu li a:hover {
		background: #f5f5f5 !important;
		color: #4CAF50 !important;
	}

	.overlay-theme{
		height: 60vh;
	}
	.overlay-theme .col-md-3{
        width: 50%;
	    float: left;
	}
	.contenedor-titulo{
		padding: 4vh 4vh 0vh 4vh;
	}
	.contenedor-cuerpo .col-md-6{
		width: 50%;
		float: left !important;
	}
	.titulo-seccion {
		font-size: 2.5vh;
		font-weight: bold;
		color: #151515;
		line-height: 3.3vh;
	}	
	.card_detalle_cargo {
		font-size: 1.2vh !important;
		line-height: 1.7vh;
	}
    .titulo-seccion-b2{
        padding: 1vh 0vh 2vh 0vh;		
	}
	.titulo-seccion-b{
		
        font-size: 2vh;
	}
	.contenedor-titulo-b{
        padding: 5vh 0vh 3vh 0vh;
	}
	.card_img_indicador {
		height: 50%;
		font-size: 7vh;
	}
	.contenedor-cuerpo{
		padding: 0vh 4vh 7vh 4vh;
	}
	.card_nosotros .col-md-4{
		    width: 100%;
	}
	.panel-nosotros{
		    padding-left: 0vh !important;
			 width: 100%;
			 padding-top:2vh;
	}
	.panel-nosotros span {
		font-size: 1.5vh !important;
	
	}
	body{
	    line-height: 3vh;
	}
	.card_nosotros_site{
        padding: 0vh 0px 3vh 0px !important;		
	}
	.card_nosotros_site .col-md-4{
		width: 100%;	
	}
	.card_nosotros_site .info-empresa {
		padding: 3vh 0px 0px 0vh;
		width: 100%;
	}
	.text-center{
		position: static;
	}
	.row-menus .panel_footer_logo {
		padding: 0px 0px 3vh 10%;
		border-bottom: 1px solid #868686;
		margin-bottom: 7vh;
	}
	.Btn_Contactanos_Form{
		margin-bottom: 2vh;
	}
	.cuerpo-modal .col-md-6{
		width: 48% !important;
		float: left;
	}
	.boton-form{
		float: left;
		width: 100%;
	}
	.card_nosotros_site_nosotros {
		padding: 0px 0vh 0px 0px;
		width: 100%;
		margin-bottom: 2vh;
	}
	.card_nosotros_site_mision{
		padding: 0px 0vh 0px 0px;
		width: 100%;	
	}
	.contenedor-cuerpo .service-left{

		display: block;
		padding: 2.5vh;
		height: 38vh;
		margin-right: 1vh;
    }
	.layout{
		    padding-top: 12.5vh;
	}
	.content-menu-principal{
		padding-top:1vh;
	}
	.breadcrumb{
		margin-bottom: 0px !important;
		padding: 0px !important;
		background-color: transparent !important;
	}
	.contenedor-cuerpo .col-md-3{
		width: 50%;
		float: left !important;
	}

	/* Navbar overflow control */
	.navbar {
		overflow: visible !important;
		width: 100% !important;
		max-width: 100% !important;
		position: relative !important;
	}
	
	.navbar .col-md-4,
	.navbar #Panel_Botones {
		overflow: visible !important;
		position: relative !important;
	}
	/* .site-header .sub-menu{
		width: 87%;
	} */
	.site-header .col-md-5{
		width:40%;
	}
	/* Dropdown positioning */
	.navbar .dropdown {
		position: relative !important;
	}
	
	/* Sub-menu breadcrumb */
	.responsive-menu span {
		font-size: 2.5vh !important;
	}
	.responsive-menu a{
        font-size: 2.3vh  !important;
        padding: 1.3vh 0.5vh;
	}
	.img-circle {
		width: 3vh !important;
		margin-top: 0vh;
	}
	.responsive-menu ul a{
        height: 5.8vh !important;
	}
	
	/* Dropdown menu - debe superponerse sin empujar contenido */
	.dropdown-menu {
		position: absolute !important;
		top: 100% !important;
		right: 0 !important;
		z-index: 1000 !important;
		margin-top: 0 !important;
	}
	
	/* Asegurar que el navbar no crezca con el dropdown */
	.navbar-nav .dropdown {
		position: relative !important;
	}
	
	/* Prevenir scroll vertical causado por dropdown */
	body.modal-open {
		overflow-y: auto !important;
	}
    .layout-left-sidebar-collapsed .sidebar-backdrop {
        width: 100%;
    }	
    .sidebar-menu .menu-text{
		    overflow: unset;
			    white-space: normal;

	}
	html, body {
		/* overflow-x: hidden !important; */
		width: 100% !important;
		max-width: 100vw !important;
	}

	/* .carousel-caption h3 {
        font-size: 4vh !important;
        top: 9vh !important;
        left: 0vh !important;
        text-align: center;
        border-color: transparent !important;
        width: 100%;
    }

	.carousel-caption p {
        font-size: 1.5vh !important;
        top: 13vh  !important;
        left: 0vh !important;
        width: 100% !important;
		padding: 0% 10%;
        text-align: center;
	}
	*/

    
	
	/* === LEFT SIDEBAR RESPONSIVE @1200px === */
	/* Initialize sidebar as closed by default on tablets and mobile */
	.site-left-sidebar {
		transform: translateX(-100%) !important;
		transition: transform 0.3s ease-in-out !important;
		z-index: 999 !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		height: 100% !important;
		padding-bottom: 30% !important;
		overflow-y: auto !important;
		width: 300px !important;
		background: white !important;
		box-shadow: 2px 0 15px rgba(0,0,0,0.1) !important;
	}
	
	/* Show sidebar when toggle is activated */
	.layout-left-sidebar-collapsed .site-left-sidebar {
		transform: translateX(0) !important;
		        z-index: 999 !important;
	}
    .grid-container{
		padding:0px;
	}
	footer .col-md-3 {
		margin-bottom: 30px;
	} 
    .card_body {
		display: inline;
	}
	.card_profesional {
		display: flow-root;
	}
	.img_pais {
		right: initial !important;
	}
	/* .layout {
		padding-top: 60px;
	} */
    /* .site-content{
		padding: 20px 0px 0px 0px !important;
	} */
	
	/* === HEADER RESPONSIVE @992px (Tablet) === */
	.site-header {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		left: 0 !important;
		right: 0 !important;
	}
	
	.navbar-brand img,
	.navbar-brand > img {
		height: 5vh;
		margin-left: 0.5vh;
	}
	
	.Form_Search .form-control {
		width: 36vw;
		height: 5.5vh;
		font-size: 1.8vh;
		padding: 1.5vh 3vh;
	}
	
	#Panel_Botones {
		gap: 2vw;
	}
	
	/* === CAROUSEL RESPONSIVE @992px === */
	.carousel-caption h3 {
		font-size: 4.5vh !important;
		top: 12vh !important;
		left: 6vh !important;
	}
	
	.carousel-caption p {
		font-size: 2.2vh !important;
		top: 21vh !important;
		left: 6vh !important;
		width: 60% !important;
	}

	#Reporte_A1 .grid-container-catalogo {
		/* grid-template-columns: repeat(1, 74vw) !important; */
		grid-template-columns: repeat(1, 86vw) !important;
	}
	#Reporte_A1 .cp-img{
		    height: 60vh;
	}
    #Reporte_A1 .c-product {
		height: 60vh;
	}
	#pizarra img {
        height: 49vh !important;
    }
	.contenedor-producto .panel-default {
		padding: 5vh 4vh 3vh 4vh;
	}
	.Anuncio_Producto_Detalle {
		padding: 0vh 0vh 0vh 0vh;
	}
	.panel-redes-compartir-producto img {
		width: 9.2vh;
		height: 9.2vh;
		object-fit: contain;
		margin-bottom: 1vh;
	}

    #Boton_Compras button {
        white-space: normal;
        width: 100%;
        padding: 2.5vh 2vh;
        border-radius: 5vh;
        font-size: 2.5vh !important;
    }
	#PanelA_1 .img-responsive {
        height: 44vh;
    }
    #Menu_One > li {
        flex: none;
    }

	.Noticia-Principal {
        width: 100% !important;
	}
	.noticias_blog .col-sm-4{
		width: 100% !important;
	}
	.news-image img {
		width: 100%;
		height: 39vh;
	}
	.news-content-transparente{
		height: 39vh;
	}
	.Articulos-Site-Noticias {
        height: 46%;
	}

	.fondo-imagen-noticia-texto {
		height: 69%;
	}
	.Noticia-Geopolitica {
        padding-right: 0vh;
		width: 100%;
    }
	.card__post {
	    margin-right: 0vh;
        margin-top: 1vh;
	}
	.Noticia-Geopolitica .col-md-6 {
        width: 100% !important;
    }

	.Noticia-Geopolitica  .card__post__body {
		position: relative;
		height: 42vh;
		overflow: hidden;
	}
	.Noticia-Geopolitica  .card__post__image_List{
		width: 28vw;
		height: 15vh;
	}

	.Noticias-Economia{
        width: 100%;
    }

	.card__post-list .card__post__title p {
		line-height: 1.4;
	}
	.News-Letter-Redes-Sociales{
		width: 100%;
	}
	.News-Letter-Redes-Sociales .wrapper__redes_sociales{
		padding-left: 0vh;
	}
	.ContenedorDN-Text {
		padding: 0 0vw 0 0;
		width: 100%;
	}
	.ContenedorDN-Noticias-Relacionadas{
		width: 100%;		
	}
	.columna {
		padding: 3vh !important;
		width: 50%;
	}
    .columna {
        padding: 3vh !important;
        width: 50%;
        height: 37vh;
    }
	.panel_footer_logo_b .columna{

        height: 100%;
	}
	.panel-redes-compartir span {
		font-size: 1.5vh !important;
	}
	.modal-dialog {
		width: 83%;
		margin: 8vh auto;
	}

	.noticias_blog-grid {
		
		grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));
	
	}
    .news-image img {
        width: 100%;
        height: 25vh;
    }
	#PanelA_Paso {
		padding: 1vh 0vh 0vh 0vh;
		width: 100%;
	}
	#PanelB_Paso {
		padding: 1vh 0;
		width: 100%;
	}

	  .rel-grid{ grid-template-columns:repeat(2, 1fr); }
	  .custom-scrollable-wrapper{
		height: 100% !important;
	  }
	  .custom-scrollbar{
		padding-bottom: 40% !important;
	  }
}

/* === SECCIÓN MOVIDA: Banner y controles para tablets/móviles === */
/* Esta sección se ha movido más abajo para corregir el orden de media queries */
/* PROBLEMA RESUELTO: Media query genérico (max-width: 1024px) que conflicta con tablet específico */

/* === BOTÓN DE BÚSQUEDA MÓVIL === */
.boton-buscar-movil {
	display: none !important;
}

/* === OCULTAR BOTON-LUPA EN 768PX Y MENORES === */
@media only screen and (max-width: 768px){
	#boton-lupa {
		display: none !important;
	}
	/* .overlay-theme {
        height: 71vh;
    } */
	/* Mostrar botón de búsqueda móvil */
	.boton-buscar-movil {
		display: flex !important;
	}
	
	/* Forzar ocultación del botón de búsqueda con máxima especificidad */
	button[data-target="#animatedModal33"].boton-buscar-responsive,
	.navbar-toggler.pull-right.boton-buscar-responsive,
	.boton-buscar-responsive,
	button.boton-buscar-responsive,
	.navbar-toggler.boton-buscar-responsive {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}
	    .overlay-theme {
        height: 71vh;
    }
	/* === SUB-MENU MÓVIL === */
	.site-header .sub-menu {
		min-height: 3.5vh !important;
		padding: 0.5vh 1vh !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		white-space: nowrap !important;
	}
	
	.site-header .sub-menu .breadcrumb {
		gap: 0.8vh !important;
		justify-content: flex-start !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
		padding: 0.2vh 0 !important;
	}
	
	.site-header .sub-menu .breadcrumb::-webkit-scrollbar {
		display: none !important;
	}

	
	/* === HEADER MÓVIL === */

	
	/* === NAVBAR MÓVIL === */
	.navbar {
		min-height: 8vh !important;
		padding: 1vh 1.5vh !important;
		display: flex !important;
		align-items: center !important;
		/* justify-content: space-between !important; */
		flex-wrap: nowrap !important;
		/* gap: 1vh !important; */
	}
	
	/* Columna izquierda - Botón menú */
	.navbar .col-md-3 {
		width: 20% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		padding: 0 !important;
		order: 1 !important;
	}
	
	/* Columna central - Logo */
	.navbar .col-md-5 {
		width: 60% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 !important;
		order: 2 !important;
	}
	
	/* Columna derecha - Botones */
	.navbar .col-md-4 {
		width: 20% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		padding: 0 !important;
		order: 3 !important;
	}
	
	/* === BOTONES MÓVILES === */
	.navbar-toggler {
		width: 6vh !important;
		height: 6vh !important;
		padding: 0 !important;
		border: 1px solid #e0e0e0 !important;
		border-radius: 8px !important;
		background: #fff !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
	}
	
	.navbar-toggler i {
		font-size: 1.4em !important;
		color: #616361 !important;
	}
	
	/* === LOGO MÓVIL === */
	.navbar-brand {
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
	}
	
	.navbar-brand > img {
		height: 5vh !important;
		max-height: 40px !important;
		width: auto !important;
	}
	
	/* === PANEL DE BOTONES MÓVIL === */
	#Panel_Botones {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 1vh !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	/* Ocultar todos los botones pill por defecto */
	#Panel_Botones .btn-pill {
		display: none !important;
	}
	
	/* Ocultar botón de búsqueda responsive duplicado */
	#Panel_Botones .boton-buscar-responsive {
		display: none !important;
	}
	
	/* Mostrar solo carrito */
	#Panel_Botones #form_Btn_is_C_1 {
		display: flex !important;
	}
	
	/* Ocultar botón de búsqueda móvil del panel */
	#Panel_Botones .boton-buscar-movil {
		display: block !important;
	}
	
	/* === CARRITO MÓVIL === */
	#Panel_Botones #form_Btn_is_C_1 {
		width: 5vh !important;
		height: 5vh !important;
		padding: 0 !important;
		border: 1px solid #e0e0e0 !important;
		border-radius: 8px !important;
		background: #fff !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
		min-width: auto !important;
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
	}
	
	#Panel_Botones #form_Btn_is_C_1 .nav-icon {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	#Panel_Botones #form_Btn_is_C_1 .nav-icon i {
		font-size: 1.4em !important;
		color: #616361 !important;
	}
	
	/* Label del carrito más pequeño */
	#Panel_Botones #form_Btn_is_C_1 .label {
		position: absolute !important;
		top: -5px !important;
		right: -5px !important;
		min-width: 18px !important;
		height: 18px !important;
		font-size: 10px !important;
		line-height: 18px !important;
		padding: 0 4px !important;
		border-radius: 9px !important;
		text-align: center !important;
	}
	
	/* === OCULTAR PANEL DE BÚSQUEDA EN MÓVILES === */
	#Panel_Search {
		display: none !important;
	}
}


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


}

@media only screen and (max-width: 992px) and (min-width: 768px){



	.main-menu .navigation > li > a {
		font-size: 13px;
	}
	.header-info li {
	width: 29%;
	}
	.hdbox-left {
	display: block;
	font-size: 30px;
	text-align: left;
	width: 100%;
	}
	.bz_search_bar {
	padding: 20px 0 19px 15px;
	}
}

@media only screen and (max-width: 992px){
.project_cost .img_holder {
	position: relative;
	margin-top: 30px;
	max-width: 271px;
}
.footer-column .inner-title {
	margin-bottom: 15px;
}
.footer-column {
	padding: 30px 0;
	padding-left: 0;
	border-bottom: 1px solid #333;
}


}
@media only screen and (max-width: 1140px){
.site-header.headerfirst {
	height: auto;
}	
	.site-header .header-firsttop .logo-outer,
	.site-header .header-firsttop .firsttop-right{
		width:100%;
		text-align:center;
	}
	
	.site-header.header-style-three .header-firsttop .firsttop-right .main-menu{
		text-align:left;
	}
	
	.site-header .header-firsttop .logo-outer{
		margin-bottom:30px;	
	}
	
	.site-header .info-box{
		display:inline-block;
		margin:10px 25px;
		float:none;
		text-align:left;
		width:260px;
	}
	
	.site-header .info-box:last-child{
		text-align:center;	
	}
	
	.site-header .header-firsttop .info-box::after{
		display:none;	
	}
	
	.site-header .social-links-one{
		top:-10px;	
	}
	
	.two-col-fluid .testimonial-column .inner-box,
	.two-col-fluid .form-column .inner-box{
		padding:50px 15px;
		max-width:none;
		width:100%;	
	}
	
	.content-side{
		padding-right:15px !important;	
	}
}

@media only screen and (min-width: 768px){
	
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
	

	
}

@media only screen and (max-width: 1023px){
	
	.page-wrapper{
		overflow:hidden;	
	}
	
	.main-menu .navigation > li{
		margin-right:10px;	
	}
	
	.headerfirst .main-menu .navigation > li > a{
		padding-right:0px;
	}
	
	.header-style-three .main-menu .navigation > li > a{
		padding-right:10px;
	}
	
	.headerfirst .main-menu .navigation > li ul > li > ul{
		left:auto !important;
		right:100% !important;	
	}
	
	.site-header .header-firsttop .firsttop-right{
		width:100%;	
	}
	
	.site-header .header-firsttop .firsttop-column{
		margin-left:0px;
		padding-right:15px;
	}
	
	.sticky-header{
		display:none;	
	}
	
	.two-col-fluid .content-column,
	.two-col-fluid .image-column{
		position:relative;
		left:0px;
		top:0px;
		width:100%;	
	}
	
	.two-col-fluid .content-column .inner-box{
		padding:50px 15px;
		max-width:none;	
	}
	
	.two-col-fluid .image-column{
		background-image:none !important;	
	}
	
	.two-col-fluid .image-column .image-box{
		display:block;	
	}
	
	.combo-section .map-column{
		position:relative;
		left:0px;
		width:100%;
		height:200px;	
	}
	
	.combo-section .form-column{
		width:100%;
	}
	
	.main-footer .links-widget{
		padding-left:0px;	
	}
	
	.testimonial-style-three .slide-item .image-outer{
		width:100%;
		margin:0px 0px 25px;	
	}
	
	.testimonial-style-three .slide-item .content-outer{
		width:100%;
		text-align:center;	
	}
	
	.gallery-section .gallery-title{
		margin-bottom:30px;
		text-align:center;	
	}
	
	.gallery-section .filters.right-aligned{
		text-align:center;	
	}
}

/* === MEDIA QUERY 1200px DUPLICADO ELIMINADO === */
/* El contenido se consolidó en el primer @media (max-width: 1200px) para evitar conflictos */
@media only screen and (max-width: 1024px) and (min-width: 768px){
	/* Mostrar botón hamburguesa en tablets */
	#boton-lupa {
		display: none !important;
	}
	#Panel_Search {
		display: none !important;
	}
	/* Mostrar botón de búsqueda móvil en tablets */
	.boton-buscar-movil,
	button.boton-buscar-movil {
		display: flex !important;
	}
	
	/* Eliminar márgenes del body y contenedores padre */
	body {
		/* margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important; */
	}
	
	html {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	
	.container, .container-fluid {
		max-width: none !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	
	/* Ajuste del contenido principal para que quede debajo del header */
	body {
		padding-top: 12vh !important; /* Espacio para el header */
	}
	
	.site-content, .main-content, #myCarousel {
		margin-top: 0vh  !important;
		padding-top: 0 !important;
	}
	
	/* Override any global body styles */
	body {
		margin: 0 !important;
		padding: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	/* Resetear estilos que pueden causar conflictos */
	.site-header {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		z-index: 1000 !important;
		background: #fff !important;
		box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
		box-sizing: border-box !important;
	}
	
	.site-header .sub-menu {
		min-height: 4vh !important;
		padding: 0vh 1vh 0vh 1vh !important;
		overflow: hidden !important;
		width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		background-color: #04671E !important;
	}
	
	/* .site-header .sub-menu .breadcrumb {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		float: right !important;
		display: flex !important;
		align-items: center !important;
		        gap: 0.1vh !important;
		height: 100% !important;
	} */
	
	.site-header .sub-menu .breadcrumb li {
		margin: 0 !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		height: 100% !important;
		transition: all 0.3s ease !important;
	}
	
	.site-header .sub-menu .breadcrumb li a {
		font-size: 13px !important;
		padding: 0.4vh 0.8vh !important;
		color: #fff !important;
		text-decoration: none !important;
		display: inline-block !important;
		white-space: nowrap !important;
	}
	
	.site-header .sub-menu .breadcrumb li a:hover {
		background-color: rgba(255,255,255,0.1) !important;
		border-radius: 3px !important;
	}
	
	/* Dropdown del usuario - solución agresiva */
	.navbar-right,
	.navbar .navbar-right,
	#Panel_Botones .navbar-right,
	.nav.navbar-nav.navbar-right {
		z-index: 1000 !important;
		position: relative !important;
	}
	
	/* Dropdown menu con position fixed para romper contexto de stacking */
	.navbar-right .dropdown-menu,
	.navbar .navbar-right .dropdown-menu,
	#Panel_Botones .dropdown-menu,
	.nav.navbar-nav.navbar-right .dropdown-menu,
	ul.dropdown-menu {
		z-index: 1001 !important;
		position: fixed !important;
		background: white !important;
		border: 1px solid #ddd !important;
		border-radius: 5px !important;
		box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
		margin-top: 0px !important;
		min-width: 180px !important;
		top: 12vh !important;
		left: auto !important;
		right: 1vh  !important;
	}
	
	/* Estados del dropdown */
	.dropdown.open .dropdown-menu,
	.navbar-right .dropdown.open .dropdown-menu,
	.open > .dropdown-menu {
		z-index: 1001 !important;
		display: block !important;
		visibility: visible !important;
		position: fixed !important;
		top: 70px !important;
		right: 20px !important;
	}
	
	/* Contenedor dropdown */
	.navbar-right .dropdown,
	.navbar-right li.dropdown {
		z-index: 1000 !important;
		position: relative !important;
	}
	
	/* Reglas adicionales para elementos del carousel */
	.carousel-indicators,
	.carousel-control,
	.carousel-control.left,
	.carousel-control.right,
	.glyphicon {
		z-index: 3 !important;
	}
	
	/* Asegurar que cualquier modal tenga z-index intermedio */
	#animatedModal5 {
		z-index: 1050 !important;
	}
	
	/* Específicamente para el dropdown del usuario */
	.nav.navbar-nav.navbar-right .dropdown-menu {
		z-index: 1002 !important;
		position: fixed !important;
		top: auto !important;
		right: 20px !important;
		left: auto !important;
	}
	
	/* Asegurar que el carousel completo tenga z-index bajo */
	#myCarousel,
	.carousel,
	.carousel-inner,
	.carousel-inner .item,
	.carousel-caption {
		z-index: 5 !important;
	}
	
	/* Forzar z-index bajo para el contenedor principal */
	.site-main,
	.site-content,
	#ScreenRight {
		/* z-index: -1 !important; */
		position: relative !important;
		        margin-top: 12vh !important;
	}
	
	/* Asegurar que el header tenga z-index alto */
	.site-header,
	.site-header * {
		z-index: 1000 !important;
	}
	
	/* Carousel con z-index muy bajo */
	#myCarousel,
	.carousel,
	.carousel-inner,
	.carousel-inner .item,
	.carousel-caption {
		z-index: -2 !important;
		position: relative !important;
	}
	
	/* Reglas adicionales para elementos del carousel */
	.carousel-indicators,
	.carousel-control,
	.carousel-control.left,
	.carousel-control.right,
	.glyphicon {
		z-index: -3 !important;
	}
		text-align: center !important;
	}
	
	.site-header .sub-menu .breadcrumb li {
		display: inline-block !important;
		/* margin: 0 0.5vh !important; */
	}
	
	/* .site-header .sub-menu .breadcrumb li a {
		
		padding: 0.4vh 1.3vh !important;
		margin-left: 0.5vh;
		color: #fff !important;
		text-decoration: none !important;
	}
	 */
	/* Estructura del navbar en una sola fila */
	.navbar {
		height: auto !important;
		min-height: 8vh !important;
		padding: 1vh 1vh !important;
		display: flex !important;
		position: relative !important;
		background: #fff !important;
		border: none !important;
		width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		/* justify-content: space-between !important; */
	}
	
	/* Botón de menú */
	.navbar .col-md-3 {
		width: 80vw!important;
		display: flex !important;
		justify-content: flex-start !important;
		align-items: center !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	/* Logo centrado */
	.navbar .col-md-5 {
		width: 116vw !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
        padding: 1vh 0vh 0vh 0vh !important;
		margin: 0 !important;
	}
	
	/* Panel de botones (carrito + usuario) */
	.navbar .col-md-4 {
		width: 45% !important;
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	/* Elementos de la primera fila */
	.navbar-toggler {
		display: inline-block !important;
		width: auto !important;
		height: auto !important;
		padding: 1vh 1.2vh !important;
		border: none !important;
		background: #f8f9fa !important;
		border-radius: 4px !important;
		vertical-align: middle !important;
		cursor: pointer !important;
	}
	
	.navbar-brand {
		display: inline-block !important;
		padding: 0 !important;
		margin: 0 2vh !important;
		vertical-align: middle !important;
	}
	
	/* .navbar-brand > img {
		height: 5vh !important;
		max-height: 45px !important;
		width: auto !important;
		vertical-align: middle !important;
	}
	 */
	.boton-buscar-responsive {
		display: inline-block !important;
		width: auto !important;
		height: auto !important;
		padding: 1vh 1.2vh !important;
		border: none !important;
		background: #f8f9fa !important;
		border-radius: 4px !important;
		vertical-align: middle !important;
		cursor: pointer !important;
	}
	
	/* Panel de búsqueda visible en tablets (por encima de móviles) */
	/* #Panel_Search {
		display: flex !important;
	} */
	
	.Form_Search {
		display: block !important;
	}
	
	/* Panel de botones optimizado para estar al lado del logo */
	#Panel_Botones {
		width: 71vw !important;
        padding: 0vh 3vh 0vh 0vh !important;
		margin: 0 !important;
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
		gap: 1vh !important;
	}
	
	/* Botón de búsqueda móvil */
	.boton-buscar-movil {
		/* background: #4CAF50 !important;
		border: 1px solid #4CAF50 !important; */
		border-radius: 50% !important;
		color: white !important;
		width: 4vh  !important;
		height: 4vh  !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		transition: all 0.3s ease !important;
		box-shadow: 0 2px 5px rgba(76, 175, 80, 0.3) !important;
		margin-right: 0.7vh !important;
	}
	
	.boton-buscar-movil:hover {
		background: #45a049 !important;
		transform: scale(1.05) !important;
		box-shadow: 0 4px 8px rgba(76, 175, 80, 0.4) !important;
	}
	
	.boton-buscar-movil i {
		font-size: 16px !important;
		color: white !important;
	}
	
	/* Modal de búsqueda móvil - Diseño moderno */
	.modal-busqueda-movil {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background: rgba(0,0,0,0.75) !important;
		backdrop-filter: blur(10px) !important;
		z-index: 9999 !important;
		display: none !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 20px !important;
		animation: modalFadeIn 0.3s ease-out !important;
	}
	
	.modal-busqueda-movil.show {
		display: flex !important;
	}
	
	.modal-busqueda-content {
		background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%) !important;
		border-radius: 25px !important;
		padding: 40px 35px 35px 35px !important;
		width: 95% !important;
		max-width: 93% !important;
		box-shadow: 0 30px 80px rgba(0,0,0,0.15), 
					0 15px 40px rgba(0,0,0,0.1),
					0 5px 15px rgba(0,0,0,0.05),
					inset 0 2px 0 rgba(255,255,255,0.9) !important;
		position: relative !important;
		border: 2px solid rgba(255,255,255,0.3) !important;
		transform: scale(0.9) !important;
		animation: modalSlideIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;
		backdrop-filter: blur(20px) !important;
	}
	
	/* Título del modal mejorado */
	.modal-busqueda-content h3 {
		margin-bottom: 30px !important;
		color: #2d3436 !important;
		text-align: center !important;
		font-size: 24px !important;
		font-weight: 700 !important;
		letter-spacing: -0.5px !important;
		position: relative !important;
		padding-bottom: 15px !important;
	}
	
	.modal-busqueda-content h3::after {
		content: '' !important;
		position: absolute !important;
		bottom: 0 !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 60px !important;
		height: 3px !important;
		background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
		border-radius: 2px !important;
	}
	
	.modal-busqueda-close {
		position: absolute !important;
		top: 18px !important;
		right: 22px !important;
		font-size: 24px !important;
		cursor: pointer !important;
		color: #74b9ff !important;
		width: 36px !important;
		height: 36px !important;
		border-radius: 50% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
		background: rgba(116, 185, 255, 0.1) !important;
		border: 2px solid rgba(116, 185, 255, 0.2) !important;
		font-weight: 300 !important;
	}
	
	.modal-busqueda-close:hover {
		color: #ffffff !important;
		background: linear-gradient(135deg, #ff7675 0%, #e17055 100%) !important;
		border-color: rgba(255, 118, 117, 0.5) !important;
		transform: scale(1.15) rotate(90deg) !important;
		box-shadow: 0 8px 25px rgba(255, 118, 117, 0.4) !important;
	}
	
	.modal-busqueda-input {
		width: 100% !important;
		padding: 20px 28px !important;
		border: 2px solid #e9ecef !important;
		border-radius: 60px !important;
		font-size: 16px !important;
		outline: none !important;
		margin-bottom: 30px !important;
		box-sizing: border-box !important;
		transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
		background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%) !important;
		box-shadow: inset 0 4px 15px rgba(0,0,0,0.06), 
					0 2px 10px rgba(0,0,0,0.03) !important;
		font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif !important;
		font-weight: 400 !important;
		color: #2d3436 !important;
	}
	
	.modal-busqueda-input:focus {
		border-color: #74b9ff !important;
		background: #ffffff !important;
		box-shadow: 0 0 0 4px rgba(116, 185, 255, 0.15), 
					inset 0 4px 15px rgba(0,0,0,0.04),
					0 8px 30px rgba(116, 185, 255, 0.1) !important;
		transform: translateY(-3px) !important;
	}
	
	.modal-busqueda-input::placeholder {
		color: #b2bec3 !important;
		font-weight: 400 !important;
		font-style: italic !important;
		opacity: 0.8 !important;
	}
	
	.modal-busqueda-btn {
	
		color: white !important;
		border: none !important;
		padding: 18px 40px !important;
		border-radius: 60px !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		cursor: pointer !important;
		width: 100% !important;
		transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
		box-shadow: 0 10px 35px rgba(0, 184, 148, 0.3),
					0 5px 15px rgba(0, 184, 148, 0.2) !important;
		text-transform: uppercase !important;
		letter-spacing: 1px !important;
		position: relative !important;
		overflow: hidden !important;
	}
	
	.modal-busqueda-btn::before {
		content: '' !important;
		position: absolute !important;
		top: 0 !important;
		left: -100% !important;
		width: 100% !important;
		height: 100% !important;
		background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent) !important;
		transition: left 0.6s ease !important;
	}
	
	.modal-busqueda-btn:hover::before {
		left: 100% !important;
	}
	
	.modal-busqueda-btn:hover {
		background: linear-gradient(135deg, #00a085 0%, #009975 50%, #45a049 100%) !important;
		transform: translateY(-4px) scale(1.02) !important;
		box-shadow: 0 15px 50px rgba(0, 184, 148, 0.4),
					0 8px 25px rgba(0, 184, 148, 0.3) !important;
	}
	
	.modal-busqueda-btn:active {
		transform: translateY(-2px) scale(1.01) !important;
		box-shadow: 0 8px 25px rgba(0, 184, 148, 0.3) !important;
	}
	
	/* Resultados de búsqueda mejorados */
	.screen_result_search {
		margin-top: 20px !important;
		background: linear-gradient(145deg, #f8f9fa 0%, #ffffff 100%) !important;
		border: 1px solid #e9ecef !important;
		border-radius: 15px !important;
		padding: 15px !important;
		max-height: 320px !important;
		overflow-y: auto !important;
		box-shadow: inset 0 2px 10px rgba(0,0,0,0.05) !important;
		transition: all 0.3s ease !important;
	}
	
	.screen_result_search:hover {
		box-shadow: inset 0 2px 15px rgba(0,0,0,0.08) !important;
	}
	
	/* Scrollbar personalizado para resultados */
	.screen_result_search::-webkit-scrollbar {
		width: 6px !important;
	}
	
	.screen_result_search::-webkit-scrollbar-track {
		background: rgba(0,0,0,0.05) !important;
		border-radius: 10px !important;
	}
	
	.screen_result_search::-webkit-scrollbar-thumb {
		background: #4CAF50 !important;
		border-radius: 10px !important;
	}
	
	.screen_result_search::-webkit-scrollbar-thumb:hover {
		background: #45a049 !important;
	}
	
	/* Animaciones del modal mejoradas */
	@keyframes modalFadeIn {
		from {
			opacity: 0 !important;
			backdrop-filter: blur(0px) !important;
		}
		to {
			opacity: 1 !important;
			backdrop-filter: blur(10px) !important;
		}
	}
	
	@keyframes modalSlideIn {
		0% {
			transform: scale(0.8) translateY(-40px) !important;
			opacity: 0 !important;
		}
		60% {
			transform: scale(1.05) translateY(5px) !important;
			opacity: 0.9 !important;
		}
		100% {
			transform: scale(1) translateY(0) !important;
			opacity: 1 !important;
		}
	}
	
	#Panel_Botones .btn-default.btn-pill {
        padding: 1vh 1.5vh 1vh 1.5vh !important;
		border-radius: 1vh !important;
		margin: 0 !important;
	}
	
	#Panel_Botones .btn-default.btn-pill .nav-icon i {
		font-size: 4.5vh !important;
	}
	
	.navbar-nav .dropdown .dropdown-toggle img.img-circle {
		width: 6vh !important;
		height: 6vh !important;
		max-width: 6vh !important;
		max-height: 6vh !important;
	}
	
	/* Dropdown menu */
	.navbar-nav .dropdown-menu {
		position: absolute !important;
		top: 100% !important;
		right: 0 !important;
		left: auto !important;
		min-width: 200px !important;
		background: #fff !important;
		border: 1px solid rgba(0,0,0,0.1) !important;
		border-radius: 8px !important;
		box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
		z-index: 1001 !important;
	}
	
	.responsive-menu {
		margin-left: 0 !important;
	}
}

/* === BANNER Y CONTROLES RESPONSIVE PARA TABLETS Y MÓVILES (max-width: 1024px) === */
@media only screen and (max-width: 1024px){
	/* Mostrar elemento boton-lupa en tablets y móviles */
	#boton-lupa {
		display: block !important;
	}
	
	/* Mostrar botón de búsqueda responsive en tablets y móviles */
	.boton-buscar-responsive,
	button.boton-buscar-responsive,
	.navbar-toggler.boton-buscar-responsive {
		display: block !important;
		visibility: visible !important;
	}
	
	/* Estilos específicos del banner para tablets y móviles */
	#myCarousel .carousel-caption {
		position: absolute !important;
		top: 45% !important;
		left: 5% !important;
		right: auto !important;
		bottom: auto !important;
		width: 85% !important;
		height: auto !important;
		padding: 3vh 2.5vw !important;
		background: linear-gradient(135deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.6) 100%) !important;
		border-radius: 1.5vh !important;
		text-align: left !important;
		transform: translateY(-50%) !important;
		opacity: 1 !important;
		z-index: 10 !important;
		backdrop-filter: blur(1vh) !important;
		box-shadow: 0 2vh 5vh rgba(0,0,0,0.3) !important;
		border: 0.1vh solid rgba(255,255,255,0.1) !important;
	}

	#myCarousel .carousel-caption .welcome-tag {
		display: inline-block !important;
		background: #4CAF50 !important;
		color: #ffffff !important;
		font-size: 1.2vh !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.1vw !important;
		padding: 0.8vh 1.5vw !important;
		border-radius: 2.5vh !important;
		margin-bottom: 2vh !important;
		border: none !important;
	}

	#myCarousel .carousel-caption h3 {
		position: static !important;
		top: auto !important;
		left: auto !important;
		font-size: 3.2vh !important;
		line-height: 3.8vh !important;
		margin: 0 0 2vh 0 !important;
		color: #ffffff !important;
		font-weight: 700 !important;
		letter-spacing: 0.06vw !important;
		border: none !important;
		padding: 0 !important;
		text-transform: none !important;
		width: 100% !important;
		text-align: left !important;
		background: none !important;
		text-shadow: 0.25vh 0.25vh 1.2vh rgba(0,0,0,0.8) !important;
	}

	#myCarousel .carousel-caption p {
		position: static !important;
		top: auto !important;
		left: auto !important;
		font-size: 1.8vh !important;
		line-height: 2.5vh !important;
		color: #ffffff !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 95% !important;
		text-align: left !important;
		background: none !important;
		font-weight: 300 !important;
		text-shadow: 0.1vh 0.1vh 0.8vh rgba(0,0,0,0.8) !important;
		opacity: 0.9 !important;
		max-width: none !important;
	}
}

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

	.card_nosotros #Btn_Conocer_Mas{
        margin-bottom: 2vh;
        width: 100%;
	}

	#Btn_Contactanos_Form{
        width: 100%;
	}
	
	/* Mostrar elemento boton-lupa en móviles */
	/* #boton-lupa {
		display: block !important;
	}
	 */
	/* Ocultar botón de búsqueda responsive en móviles */
	.boton-buscar-responsive,
	button.boton-buscar-responsive,
	.navbar-toggler.boton-buscar-responsive {
		display: none !important;
		visibility: hidden !important;
	}
	
	.site-header .sub-menu {
		min-height: 4vh !important;
		padding: 0vh 0vh !important;
		overflow: hidden !important;
	}
	
	.site-header .sub-menu .breadcrumb {
		flex-wrap: wrap !important;
		gap: 0.5vw !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	
	/* Sub-menu breadcrumb items mejorados para móviles */
	.site-header .sub-menu .breadcrumb li {
		display: inline-block !important;
		margin: 0 0.3vw !important;
		position: relative !important;
	}
	
	.site-header .sub-menu .breadcrumb li:not(:last-child)::after {
		/* content: '•' !important; */
		color: rgba(255, 255, 255, 0.4) !important;
		margin: 0 0.8vw !important;
		font-size: 10px !important;
		vertical-align: middle !important;
	}
	
	.site-header .sub-menu .breadcrumb li a {

	}
	
	.site-header .sub-menu .breadcrumb li a:hover {

	}
	.material-icons-menu {
		margin-right: 0vh;
	}
	.navbar {
		height: auto !important;
		min-height: 7vh !important;
		padding: 0.5vh 1vh !important;
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		/* justify-content: space-between !important; */
	}
	a.navbar-brand {
        width: 70% !important;
    }
	
	.navbar .col-md-3 {
        width: 38% !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		padding: 0.3vh 0.8vh !important;
	}
	
	.navbar .col-md-5 {
		width: 50% !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		padding: 0 1vh !important;
		order: 2 !important;
	}
	
	.navbar .col-md-4 {
		width: 30% !important;
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
		padding: 0 1vh !important;
		order: 3 !important;
		flex-shrink: 0 !important;
	}
	
	/* Panel de búsqueda oculto en móviles */
	#Panel_Search {
		width: 100% !important;
		padding: 0 1vh !important;
		margin: 1vh 0 0 0 !important;
		display: none !important;
		order: 4 !important;
	}
	
	.navbar-toggler {
        font-size: 2.5vh;
        background: #fff !important;
        border-width: 0px !important;
        width: 4vh !important;
        height: 5vh !important;
        padding: 0vh 0vh 0vh 0vh !important;
        border-width: 0px !important;
        box-shadow: none !important;
	}
	
	.navbar-toggler i {
		font-size: 1.3em !important;
	}
	
	.navbar-brand {
		padding: 0 !important;
		margin: 0 !important;
		flex-grow: 0 !important;
		text-align: left !important;
        width: 70% !important;
   
	}
	
    .navbar-brand > img {
        height: 3.7vh !important;
        max-height: 3.7vh !important;
        width: auto !important;
        margin: 0 !important;
    }
	
	.boton-buscar-responsive {
		display: block !important;
		padding: 1vh 1.2vh !important;
		border: none !important;
		border-radius: 4px !important;
		margin-left: 1vh !important;
	}
	
	/* .btn-rayitas {
		font-size: 2.5vh;
		
	} */
	
	/* Panel de búsqueda oculto en móviles */
	#Panel_Search {
		width: 100% !important;
		padding: 0 !important;
		order: 2 !important;
		display: none !important;
	}
	
	.Form_Search {
		width: 100% !important;
		display: none !important;
	}
	
	.Form_Search .form-control {
		width: 100% !important;
		height: 4.5vh !important;
		font-size: 13px !important;
		padding: 1vh 2.5vh !important;
		border-width: 1px !important;
		border-radius: 25px !important;
	}
	
	#Panel_Botones {

        width: 62% !important;
        padding: 0.5vh 1vh 0.5vh 0vh !important;
        gap: 0vw !important;
		order: 3 !important;
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
		gap: 0vw !important;
	}
	
	#Panel_Botones .btn-default.btn-pill {
		padding: 1vh 1.5vh !important;
		border-radius: 20px !important;
	}
	
	#Panel_Botones .btn-default.btn-pill .nav-icon i {
		font-size: 1.6em !important;
	}
	
	.navbar-nav .dropdown .dropdown-toggle img.img-circle {
		width: 4.5vh !important;
		height: 4.5vh !important;
		max-width: 38px !important;
		max-height: 38px !important;
	}
	
	/* Ocultar el responsive menu margin que causa problemas */
	.responsive-menu {
		margin-left: 0 !important;
	}
	
	/* Botón de búsqueda responsive visible solo en móvil */
	.boton-buscar-responsive {
		display: block !important;
		padding: 0.8vh 1vh !important;
		border: none !important;
		border-radius: 4px !important;
	}
	
	/* Mejoras adicionales para el header responsive */
	.site-header {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 1000 !important;
		background: #fff !important;
	}
	
	/* Dropdown menu responsive */
	.navbar-nav .dropdown-menu {
		position: absolute !important;
		top: 100% !important;
		right: 0 !important;
		left: auto !important;
		min-width: 200px !important;
		background: #fff !important;
		border: 1px solid rgba(0,0,0,0.1) !important;
		border-radius: 8px !important;
		box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
		z-index: 1001 !important;
	}
	.grid-container-catalogo .cp-title {
        font-size: 1.5vh !important;
        line-height: 2vh !important;
    }
	#cabecera-busqueda-producto .panel-heading-admin{
		padding: 3vh !important;
	}
	#cabecera-busqueda-producto   .panel-heading-admin .panel-title {
        font-size: 2vh !important;
        padding: 7vh 0vh 0vh 0vh;
    }
	 #cabecera-busqueda-producto    .panel-subtitle {
        font-size: 1.3vh !important;
    }
	.catalog-products #Reporte_A1 {
		padding: 0vh 0vh 0vh 0vh;
	}
	#cabecera-busqueda-producto .botones1 button {
    background-color: #d7d7d7 !important;
    border-radius: 20px;
    border: 1px solid #d7d7d7 !important;
    color: #0a0a0a !important;
}
	.navbar-nav .dropdown-menu li a {
		padding: 12px 20px !important;
		font-size: 14px !important;
		color: #333 !important;
		border-bottom: 1px solid rgba(0,0,0,0.05) !important;
	}
	
	.navbar-nav .dropdown-menu li:last-child a {
		border-bottom: none !important;
	}
	
	/* Responsive menu toggle */
	.responsive-menu {
		margin-left: 0 !important;
	}
	
	.franja-titulo{
		float: left;
		background-color: #218d28;
		height: 1vh;
		width: 12vw;	
		border: 0px;
		margin-top: 2vh;
	}

	.site-content {
		padding: 0vh !important;
		margin-left: 0vw;
		margin-top: 1vh !important;
	}
	
	/* === HEADER RESPONSIVE @1400px === */
	.site-header .sub-menu {
		min-height: 3.5vh !important;
		min-height: 4.5vh;
		padding: 0.8vh 2vh;
	}
	
	.site-header .sub-menu .breadcrumb li a {
		font-size: 1.5vh;
		padding: 1vh 1vh 1vh 1vh !important;
	}
	
	/* .navbar-toggler {
		width: 10vw !important;
		height: 7.5vh;
	} */
	

	
	.Form_Search .form-control {
		width: 38vw;
		height: 5.8vh;
		font-size: 1.9vh;
		padding: 1.8vh 3.5vh;
	}
	
	
   
	.Indicadores-Curso-Det .alert {
    
        gap: 3vh;
        padding: 1.4vh 5vw;
    }
	.Indicadores-Curso-Det .alert .alert-message{
        padding: 10px 10px !important;
		line-height:12px !important;
	}	

	.Indicador_Det_Curso {
		font-size: 5vh;
	}
	.alert-danger.alert-icon-bg .alert-icon {
		padding: 1.5vh 0vh 0vh 0vh;
	}
	.container{
		padding:0px;
	}
	.panel-nosotros{
		padding: 3vh 0px 0px 0px !important;
	}
    .contenedor-cuerpo {
        padding: 0vh 1vh 3vh 3vh;
    }
	.carousel-inner>.item {
        padding-bottom: 0 !important;
    }
	.contenedor-cuerpo .col-md-3 {
        width: 100%;
        float: left !important;
    }

	.docentes-card .item-staff-responsive {
		height: 47vh;
	}
	.columna {
        width: 100%;
    }

	.modal-content .modal-header.bg-primary .modal-title {
        font-size: 1.5vh;
    }
    .cuerpo-modal .col-md-6 {
        width: 49% !important;
        float: left;
        padding: 1.2vh 2.5vw;
		height: 4vh;
    }
	.panel-heading-admin .panel-title {
		padding: 2vh;
	}
    .FiltroA label {
        font-size: 1.6vh;
        vertical-align: top;
        padding-top: 7px;
        line-height: 1.9vh;
        padding-left: 10px;
        color: #1c1b1b;
        font-weight: lighter;
    }
	.FiltroA label {
		font-size: 1.2vh;

		vertical-align: top;
		padding-top: 7px;
		padding-left: 10px;
		color: #1c1b1b;
		font-weight: lighter;
	}
	#Reporte_A1 .cp-img {
        height: 29vh;
    }
	#Reporte_A1 .c-product {
        height: 40vh;
    }
	#Reporte_A1 .grid-container-catalogo {

		gap: 1vh 1vw;
	}
	    .panel-heading-admin .panel-title {
        padding: 7vh 0vh 0vh 0vh;
        font-size: 2vh !important;
    }
    .contenedor-producto .panel-default {
        padding: 0vh 0vh 3vh 1vh;
    }
    .catalog-products {
        padding: 0vh;
    }
	    #Menu_One > li > a {
        padding: 1vh 2vw;
        margin: 0VH;
        border: 0px;
        font-size: 1.5vh !important;
        font-size: 2vh;
    }
	.panel-heading-admin {
        padding: 0px 0px 0px 0px !important;
    }

	.container-nosotros  .panel-heading-admin {
        padding: 0px 0px 1vh 0px !important;
    }
	.container-nosotros  .cabecera-titulo {
        padding: 0px 0px 5vh 0px !important;
    }
	.container-nosotros  .franja-titulo-d{
        margin-top: 0vh;
	}
	.container-nosotros  .panel-heading-admin .panel-title {
		font-size: 3vh !important;
	}

	.material-icons-detail-product {
		/* padding: 1vh 1vh 0vh 0vh; */
        font-size: 5vh !important;
	}
	#pizarra img {
        height: 29vh !important;
    }
	.Botones_Web .material-icons-detail-product{
        font-size: 3vh !important;
	
	}
	.Botones_Web {
        gap: 0vh;
    }
	.Btn_Descarga{
		padding: 0vh !important;
	}

	.panel-redes-compartir-producto img {
        width: 6.2vh;
        height: 6.2vh;
    }
    .rel-grid {
        grid-template-columns: repeat(1, 1fr);
    }
	.rel-card__media {
        height: 28vh;
    }
    .panel-heading-admin .panel-title {
		font-size: 1.5vh !important;
		padding: 2vh 0vh 2vh 2vh;
    }
	.modal-dialog .panel-heading-admin .panel-title {
		font-size: 1.5vh !important;
	}
	#PanelB_1 .table th, #PanelB_1 .table td {
		padding: 0.2vh 1vw !important;
		font-size: 1.5vh;
		vertical-align: top;
	}
	.table {
		margin-bottom: 0vh;
	}

	.panel-body .col-md-3 {
        width: 100%;
        float: left;
        padding: 0vh;
        margin: 0vh;
    }
	.Panel-PasoPrevio .panel-tools .botones1 {
		padding: 0;
		display: grid;
		gap: 0vh;
	}
	.c-link .btn-link {
        font-size: 1.3vh !important;
		line-height: 1.3vh;
		text-align: center !important;
    }
	.c-link div {
        font-size: 1vh !important;
    }
    .Carrito-Pedido #sys_form_pedido_borrar1_Btn_H_0 {
        text-align: center !important;
        display: block !important;
        width: 100%;
        padding: 0.5vh;
        border: 0px;
        background: #ccc;
        color: #000;
    }
	.table-responsive .cp-img {

		height: 27vh;
	}
	.c-product .botones1 {
		padding: 0;
		margin: 0px !important;
	}
	.table-responsive .c-product {
		display: flex;
		flex-direction: column;
		min-height: 47vh;
		}

	 .table-responsive {
        padding: 0vh !important;
        border: 0px solid #ddd;
    }
	.cp-content {
		padding: 2.2vh 2vh;
	}
	.botones1 button {

		border-radius: 1.5vh !important;
	}
	#PanelA_1 .img-responsive {
        height: 29vh;
    }
	.material-icons {
		font-size: 2vh;
	}
	.form-group a{
		width: 100% !important;
		text-align: center !important;
		font-size: 1.5vh;
	}
	.form-control {
		display: block;
		width: 100%;
		height: 4.5vh;
		padding: 2vw;
		font-size: 1.5vh;
	}
	.crear-cuenta,.terminos-condiciones{
		width: 100% !important;
	}
	.contenedor-noticias{
		padding: 0vh 3.3vw;
	}
	.contenedor-noticias .panel-default{
		padding: 0vh;
	}
	.panel-redes-compartir .col-sm-3 {
		flex: 1;
		display: block;
	
	}
    .panel-redes-compartir a {
        width: 6vh;
        height: 6vh;
    }
	.panel-redes-compartir {
		gap: 0vw;
	}
	

	label {
		font-size: 1.5vh;
	}
	.authentication-content {
		padding: 2vh 4vw;
	}

	.Carrito-Pedido {
        padding: 1vh;
    }
	.Carrito-Pedido .panel {
		padding: 0vh;
	}
     .form-wizard .nav-pills>li>a {
        padding: 0 1vh 0 2vh;
    }
	.form-wizard .nav-pills>li>a {
		font-size: 1vh;
	}
	
    .hidden-sm-down {
        display: block !important;
    }

	/* === CAROUSEL RESPONSIVE @767px === */
	/* Banner responsive para tablets y smartphones */
	#myCarousel .carousel-caption {
		position: absolute !important;
		top: 45% !important;
		left: 5% !important;
		right: auto !important;
		bottom: auto !important;
		width: 85% !important;
		height: auto !important;
		padding: 30px 25px !important;
		background: linear-gradient(135deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.6) 100%) !important;
		border-radius: 12px !important;
		transform: translateY(-50%) !important;
		opacity: 1 !important;
		z-index: 10 !important;
		backdrop-filter: blur(8px) !important;
		box-shadow: 0 15px 40px rgba(0,0,0,0.3) !important;
		border: 1px solid rgba(255,255,255,0.1) !important;
	}

	#myCarousel .carousel-caption .welcome-tag {
		display: inline-block !important;
		background: #4CAF50 !important;
		color: #ffffff !important;
		font-size: 10px !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		letter-spacing: 1px !important;
		padding: 6px 12px !important;
		border-radius: 20px !important;
		margin-bottom: 15px !important;
		border: none !important;
	}

	#myCarousel .carousel-caption h3 {
		position: static !important;
		top: auto !important;
		left: auto !important;
		font-size: 28px !important;
		line-height: 32px !important;
		margin: 0 0 15px 0 !important;
		color: #ffffff !important;
		font-weight: 700 !important;
		letter-spacing: 0.5px !important;
		border: none !important;
		padding: 0 !important;
		text-transform: none !important;
		width: 100% !important;
		text-align: left !important;
		background: none !important;
		text-shadow: 2px 2px 10px rgba(0,0,0,0.8) !important;
	}

	#myCarousel .carousel-caption p {
		position: static !important;
		top: auto !important;
		left: auto !important;
		font-size: 1.8vh !important;
		line-height: 2.5vh !important;
		color: #ffffff !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 95% !important;
		max-width: none !important;
		text-align: left !important;
		background: none !important;
		font-weight: 300 !important;
		text-shadow: 1px 1px 6px rgba(0,0,0,0.8) !important;
		opacity: 0.9 !important;
	}

	.sidebar-menu button{
		margin: 1vh 0vh;
	}
	/* === CAROUSEL RESPONSIVE @767px === */
	/* ANULADO - Los estilos se manejan en la sección específica del slider
	.carousel-caption h3 {
		font-size: 3.5vh !important;
		top: 8vh !important;
		left: 4vh !important;
		border-left: 0.8vh solid #04671E !important;
		padding: 0 1.5vh !important;
	}
	
	.carousel-caption p {
		font-size: 2vh !important;
		top: 16vh !important;
		left: 4vh !important;
		width: 70% !important;
	}
	*/

	/* Estilos del slider aumentados en 25% para 768px - VERSIÓN PROFESIONAL */
	
	/* Resetear y aplicar estilos específicos para mobile */
	#myCarousel {
		transform: none !important;
		scale: none !important;
		margin: 0vh !important;
		height: 350px !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
		position: relative !important;
		box-shadow: 0 6px 24px rgba(0,0,0,0.15) !important;
		border-radius: 8px !important;
	}
	
	#myCarousel .carousel-inner {
		height: 350px !important;
		width: 100% !important;
		position: relative !important;
		overflow: hidden !important;
		border-radius: 8px !important;
	}
	
	#myCarousel .carousel-inner .item {
		height: 350px !important;
		width: 100% !important;
		position: relative !important;
		transition: all 0.6s ease-in-out !important;
	}
	
	#myCarousel .carousel-inner img {
		height: 350px !important;
		width: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		transition: transform 0.6s ease-in-out !important;
		filter: brightness(0.9) !important;
	}
	
	#myCarousel .carousel-inner .item:hover img {
		transform: scale(1.03) !important;
		filter: brightness(1.05) !important;
	}
	
	/* Caption mobile profesional */
	#myCarousel .carousel-caption {
		position: absolute !important;
		top: 25% !important;
		left: 5% !important;
		right: auto !important;
		bottom: auto !important;
		width: 75% !important;
		height: auto !important;
		background: linear-gradient(135deg, rgba(4,103,30,0.92) 0%, rgba(0,0,0,0.80) 100%) !important;
		padding: 25px 20px !important;
		border-radius: 12px !important;
		text-align: left !important;
		transform: translateY(15px) !important;
		opacity: 0 !important;
		animation: slideInUpMobile 0.8s ease-out 0.2s forwards !important;
		z-index: 10 !important;
		backdrop-filter: blur(8px) !important;
		box-shadow: 0 10px 25px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.1) !important;
		border: 1px solid rgba(255,255,255,0.1) !important;
	}
	
	@keyframes slideInUpMobile {
		from {
			transform: translateY(15px) !important;
			opacity: 0 !important;
		}
		to {
			transform: translateY(0) !important;
			opacity: 1 !important;
		}
	}
	
	#myCarousel .carousel-caption h3 {
		position: static !important;
		top: auto !important;
		left: auto !important;
		font-size: 26px !important;
		line-height: 30px !important;
		margin: 0 0 15px 0 !important;
		color: #ffffff !important;
		font-weight: 700 !important;
		letter-spacing: 0.5px !important;
		border: none !important;
		padding: 0 !important;
		text-transform: uppercase !important;
		width: 100% !important;
		text-align: left !important;
		background: none !important;
		text-shadow: 2px 2px 6px rgba(0,0,0,0.7) !important;
		position: relative !important;
	}

	
	#myCarousel .carousel-caption p {
		position: static !important;
		top: auto !important;
		left: auto !important;
		font-size: 16px !important;
		line-height: 24px !important;
		color: #f8f9fa !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		text-align: left !important;
		background: none !important;
		font-weight: 400 !important;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.6) !important;
		opacity: 0.95 !important;
	}
	
	/* Controles mobile profesionales */
	#myCarousel .carousel-control {
		width: 45px !important;
		height: 45px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		background: rgba(255,255,255,0.15) !important;
		border: 2px solid rgba(255,255,255,0.3) !important;
		border-radius: 50% !important;
		font-size: 16px !important;
		color: #fff !important;
		opacity: 0.8 !important;
		position: absolute !important;
		z-index: 15 !important;
		transition: all 0.3s ease !important;
		backdrop-filter: blur(8px) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	#myCarousel .carousel-control:hover {
		background: rgba(255,255,255,0.25) !important;
		border-color: rgba(255,255,255,0.5) !important;
		opacity: 1 !important;
		transform: translateY(-50%) scale(1.1) !important;
		box-shadow: 0 6px 20px rgba(255,255,255,0.2) !important;
	}
	
	#myCarousel .carousel-control.left {
		left: 15px !important;
	}
	
	#myCarousel .carousel-control.right {
		right: 15px !important;
	}
	
	#myCarousel .carousel-control .glyphicon {
		font-size: 16px !important;
		text-shadow: none !important;
	}
	
	/* Indicadores mobile elegantes */
	#myCarousel .carousel-indicators {
		position: absolute !important;
		bottom: 20px !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: auto !important;
		margin: 0 !important;
		padding: 6px 12px !important;
		background: rgba(0,0,0,0.3) !important;
		border-radius: 20px !important;
		backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(255,255,255,0.1) !important;
		list-style: none !important;
		z-index: 15 !important;
	}
	
	#myCarousel .carousel-indicators li {
		display: inline-block !important;
		width: 10px !important;
		height: 10px !important;
		margin: 0 4px !important;
		border: 2px solid rgba(255,255,255,0.6) !important;
		border-radius: 50% !important;
		background: transparent !important;
		cursor: pointer !important;
		position: relative !important;
		transition: all 0.3s ease !important;
		opacity: 0.7 !important;
	}
	
	#myCarousel .carousel-indicators li:hover {
		/* border-color: #4CAF50 !important; */
		opacity: 1 !important;
		transform: scale(1.2) !important;
	}
	
	#myCarousel .carousel-indicators .active {

		width: 12px !important;
		height: 12px !important;
		opacity: 1 !important;
	}
	
	/* Overlay gradient mobile */
	#myCarousel .carousel-inner .item:before {
		content: '' !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		background: linear-gradient(45deg, rgba(0,0,0,0.3) 0%, transparent 70%, rgba(0,0,0,0.1) 100%) !important;
		z-index: 1 !important;
		pointer-events: none !important;
	}
	
	/* OVERRIDE FINAL: Eliminar esquinas redondeadas del carousel en 767px */
	#myCarousel {
		border-radius: 0 !important;
	}
	
	#myCarousel .carousel-inner {
		border-radius: 0 !important;
	}
	
	.contenedor-cuerpo .col-md-6 {
        width: 100%;
        float: left !important;
    }
	
	.layout {
		padding-top: 10.5vh;
		background: #fff;
	}
	.link_mas{
		bottom: 2vh;
		right: 4vh;

	}
	.item-staff-responsive{
		padding-bottom: 22px;
	}
	.overlay-theme{
		    height: 75vh;
	}

	.contenedor-cuerpo .card-valores .offer-textB p{
		text-align: left;
	}
	.contenedor-cuerpo .card-valores{
		margin-bottom: 1vh;
    }
	.card_Socio img{
		width: 74vw;
	}
	.card_body_socio{
		height: 18vh;
	}
	.site-left-sidebar {
		        width: 199px !important;
	}
	.site-left-sidebar{
		position: fixed;
		margin-top: 12vh !important;
	}
	.site-header{
		    position: fixed;
	}
	.panel-default{
		padding: 2.5vh;
	}
	.container-nosotros 	.panel-default{
        padding: 0vh 2.5vh 4.5vh 2.5vh !important;
	}
	.card_nosotros_site .info-empresa {
        padding: 3vh 0px 6vh 0vh;
	}

	.panel-subtitle {
		font-size: 2vh !important;
	}
    .info-block{
		padding: 2.5vh !important;
	}
	.card_nosotros_site_nosotros{
		margin-bottom: 5vh;
	}
    #Boton_Compras button
    {
        white-space: normal;
        width: 100%;
        padding: 1.5vh 2vh;
        border-radius: 1.5vh;
        font-size: 2vh !important;
    }

}

@media only screen and (max-width: 600px){ 
	/* Mostrar elemento boton-lupa en smartphones pequeños */
	/* #boton-lupa {
		display: block !important;
	} */
	
	/* Ocultar botón de búsqueda responsive en smartphones pequeños */
	.boton-buscar-responsive,
	button.boton-buscar-responsive,
	.navbar-toggler.boton-buscar-responsive {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* Banner responsive para smartphones pequeños */
	#myCarousel .carousel-caption {
		position: absolute !important;
		top: 40% !important;
		left: 3% !important;
		right: auto !important;
		bottom: auto !important;
		width: 90% !important;
		height: auto !important;
		padding: 20px 15px !important;
		background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.65) 100%) !important;
		border-radius: 10px !important;
		transform: translateY(-50%) !important;
		opacity: 1 !important;
		z-index: 10 !important;
		backdrop-filter: blur(6px) !important;
		box-shadow: 0 12px 30px rgba(0,0,0,0.4) !important;
		border: 1px solid rgba(255,255,255,0.1) !important;
	}

	#myCarousel .carousel-caption .welcome-tag {
		display: inline-block !important;
		background: #4CAF50 !important;
		color: #ffffff !important;
		font-size: 9px !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		letter-spacing: 1px !important;
		padding: 5px 10px !important;
		border-radius: 20px !important;
		margin-bottom: 12px !important;
		border: none !important;
	}

	#myCarousel .carousel-caption h3 {
		position: static !important;
		top: auto !important;
		left: auto !important;
		font-size: 22px !important;
		line-height: 26px !important;
		margin: 0 0 12px 0 !important;
		color: #ffffff !important;
		font-weight: 700 !important;
		letter-spacing: 0.5px !important;
		border: none !important;
		padding: 0 !important;
		text-transform: none !important;
		width: 100% !important;
		text-align: left !important;
		background: none !important;
		text-shadow: 2px 2px 10px rgba(0,0,0,0.8) !important;
	}

	#myCarousel .carousel-caption p {
		position: static !important;
		top: auto !important;
		left: auto !important;
		font-size: 12px !important;
		line-height: 18px !important;
		color: #ffffff !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 95% !important;
		text-align: left !important;
		background: none !important;
		font-weight: 300 !important;
		text-shadow: 1px 1px 6px rgba(0,0,0,0.8) !important;
		opacity: 0.9 !important;
	}

	/* Resto de estilos para 600px */ 
	.Cabecera-Titulo{
		padding: 0px 20px 10px 10px !important;
	}	
	.Anuncio_Producto_Detalle{
		padding:10px 0px 20px 0px !important;
	}
	.Anuncio_Producto_Detalle_Contenedor h4{
		    padding: 20px 20px 0px 20px;
	}
	.contenedor-producto{
		padding:10px;
	}
    .cuerpo-modal{
		padding: 0px 20px 20px 20px !important;
	}
	
	/* === HEADER RESPONSIVE @600px (Small Smartphone) === */
	.site-header .sub-menu {
		min-height: 3.5vh !important;
        /* padding: 0.5vh 0.8vh 0vh 0.8vh !important; */
		overflow: hidden !important;
	}
	
	.site-header .sub-menu .breadcrumb {
		flex-wrap: wrap !important;
		gap: 0.3vw !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.site-header .sub-menu .breadcrumb li a {
		font-size: 10px !important;
		/* padding: 0vh 0.8vh 0vh 0.8vh !important; */
		white-space: nowrap !important;
		border-radius: 3px !important;
	}
	
	.navbar {
		height: auto !important;
		min-height: 6.5vh !important;
		padding: 0.3vh 0 !important;
	}
/* 	
	.navbar .col-md-3 {
		width: 58% !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		padding: 0.3vh 0.8vh !important;
	} */
	
	/* .navbar-toggler {
		width: auto !important;
		height: auto !important;
		padding: 0.6vh 0.8vh !important;
		border: none !important;
	} */
	
	.navbar-brand > img {
		/* height: 4.5vh !important;
		max-height: 35px !important; */
	}
	
	#Panel_Search {
		width: 100% !important;
		padding: 0.8vh !important;
		display: none !important;
	}
	
	.Form_Search .form-control {
		height: 4.5vh !important;
		font-size: 12px !important;
		padding: 0.8vh 2vh !important;
		border-radius: 20px !important;
	}
	
	#Panel_Botones {
        /* width: 49% !important;
        padding: 0.5vh 0vh !important; */
		/* display: flex !important;
		justify-content: center !important; */
		/* gap: 0vw !important; */
	
	}
	
	#Panel_Botones .btn-default.btn-pill .nav-icon i {
		font-size: 1.6em !important;
	}
	
	.navbar-nav .dropdown .dropdown-toggle img.img-circle {
        width: 5vh !important;
        height: 5vh !important;
        max-width: 5vh !important;
        max-height: 5vh !important;
		margin-top: -0.6vh !important;
	}
	.navbar-nav {
		margin: 7.5px 3px;
	}
	.nav>li>a {
		padding: 10px 5px;
	}
	.p-r-10 {
		padding-right: 0px !important;
	}

	/* === CAROUSEL RESPONSIVE @600px === */
	.carousel-caption h3 {
		font-size: 3vh !important;
		top: 6vh !important;
		left: 3vh !important;
		border-left: 0.6vh solid #04671E !important;
		padding: 0 1vh !important;
	}
	
	.carousel-caption p {
		font-size: 1.8vh !important;
		top: 13vh !important;
		left: 3vh !important;
		width: 75% !important;
	}
	
	.carousel-indicators {
		bottom: 1px !important;
	}
	
	.owl-item .item a{
		font-size:11px;
	}
	.noticias_blog h4 {
		padding: 0px 0px 10px 20px;
	}

	.detalle-noticia {
		padding: 0px 8px 0px 11px !important;
		width: 50%;
		float: right;
	}	
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		position: relative;
		min-height: 1px;
		padding-left: 0px;
		padding-right: 0px;
		
	}
    .card_nosotros_site {
        padding: 5vh 0px 0px 0px;
    }
	.cabecera-titulo {
		padding-bottom: 10px;
	}	
	.profesional-det{
		padding: 35px 15px 10px 15px;
	}
    .card-cursos-relacionados{
		padding: 20px;
	}	
	
	.card_Cliente{
		margin-top:10px;	
		margin-bottom:10px;	
	}
	.cabecera-panel-izq{
		padding-left:20px;
	}
	.alert{
		margin-bottom:0px;
	}
	/* .catalog-products{
		padding: 10px;
	} */

	.Btn_Detalle_Producto .alert.alert-icon-bg.alert-dismissable .alert-message, .alert.alert-icon-bg.alert-dismissible .alert-message {
		width: 257px;
		font-size: 1.1em;
		line-height: 22px;
	}	

	.Btn_Detalle_Producto .alert{
        margin-bottom: 10px !important;
	}
	.card_body_Cliente{
		padding: 35px;	
	}
	.Btn_Detalle_Producto .alert-danger.alert-icon-bg .alert-icon{
        width: 30%;
		padding: 20px;
	}
	.contenedor-titulo {
        padding: 3vh;
	}

	.panel-heading-admin .botones1{
        padding: 10px 0px 10px 0px;
	}
	.responsive-menu {
		margin-left: 235px !important;
	}	
	.label-warning{
		top: -20px !important;
		right: 29px;
	}	
	#form_Btn_is_C_1 {
		border: none;
		border-radius: 0px;
		width: 26px;
		padding: 8px 0px 0px 0px;
	}	
	.zmdi-shopping-cart{
		 font-size:2.5em;color:#454344;
	} 	
	.Pedido-Detalle-Cart .zmdi-shopping-cart{
		 font-size:1em;color:#454344;
	} 
	.carousel {
		height: 224px !important;
		padding-top: 10px;
	}
	.carousel-inner>.item>img {
		height: 220px !important;
	    object-fit: cover;
	}
	.carousel-caption {
	    font-size: 9px !important;
  		height: 220px !important;
	}

	.carousel-caption h3 {
		font-size: 15px !important;
		font-weight: 600 !important;
		padding: 12px 19px !important; 
	
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
		/* top: 72px; */
	}	
	
	.carousel-indicators{
		bottom: 10px;
	}
	

	.navigation img{
		width:100px;
	}
	.menusearch li{
		padding: 7% 0px 0px 0px;
		font-size: 0.9em;
		text-shadow: 2px 2px #1b1a1a;
	}


	.site-header .btn-outer {
	  border-color: transparent transparent transparent;
	  border-width: 0 0 63px 1px;
	}	
	.site-header .btn-outer {
	  width: 130px;
	}
	.srchbox1 {
	  left: 192px;
	  position: absolute;
	  z-index: 1000;
	}
	.bz_search_box {
	  right: auto;
	  width: 250px;
	  left: -160px;
	}
	.site-header .links-nav li {
	  margin-right: 0;
	}
	.contact-form .info-column .inner-most {
	  display: block;
	  position: absolute;
	  top: 50%;
	  width: 100%;
	  transform: translateY(-50%);
	}	

	.headersecond  .main-menu {

	  background: #203364;
	  padding: 0 15px;
	}
	.headersecond  .menusearch {
	  padding: 0;
	  position: absolute;
	  top: 0;
	  z-index: 999;
	}
	.headersecond  .bz_search_bar {
	  background-color: #00a1f1;
	  color: #fff;
	  cursor: pointer;
	  float: left;
	  font-size: 16px;
	  padding: 16px 20px 15px 20px;
	  text-align: center;
	  width: 100%;
	}
	.headersecond  .bz_search_box {
	  left: 0;
	  right: auto;
	  width: 250px;
	}

	.main-menu .navigation > li > ul > li > a{border-bottom:0!important;}	
	.site-header .nav-outer{
		padding-right:0px;	
	}
	.hdbox-left {
	color: #00b7f1;
	display: block;
	text-align: center;
		width: 100%;
	}

	.hdbox-right {
		display: block;
		color: #000;
		text-align: center;
		width: 100%;
	}
	.header-info li {
		display: block;
		margin-left: 0;
		text-align: center;
		margin-bottom: 20px;
	}
	.header-main .logo {
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	.site-header .header-main-box .nav-outer{
		width:100%;
		margin-top:-70px;
		padding-right:0px;	
	}
	
	.site-header.header-style-three .nav-outer{
		padding:0px;
		border:none;
	}
	
	.site-header.header-style-three .btn-outer{
		left:0px;	
	}
	
	.site-header.headerfirst .nav-outer{
		padding:0px 0px;	
	}
	
	.site-header .btn-outer{
		right:auto;
		left:15px;
		top:0px;
		z-index:14;	
	}
	
	.site-header .btn-outer .quote-btn{
		margin-top:8px;	
	}
	
	.site-header .btn-outer:before{
		left:10px;	
	}
	
	.header-main-box .nav-outer .search-box-btn{
		top:15px;
		right:60px;
		margin-top:0px;
		z-index:20;
	}
	
	.site-header .header-top .top-right, 
	.site-header .header-top .top-left {
		width: 100%;
		text-align:center;
	}
	
	.site-header .header-top .top-right ul,
	.site-header .header-top .top-left ul {
		text-align: center;
	}
	
	.site-header .header-top .top-right ul li,
	.site-header .header-top .top-left ul li {
		display: inline-block;
		float: none;
	}

	.header-firsttop .logo-outer  {
		display: block;
		width: 100%;
	}
	
	.site-header .header-firsttop .firsttop-column{
		margin-left:0px;
		width:100%;	
	}
	
	.site-header .header-firsttop .firsttop-column{
		padding-right:0px;	
	}
	
	.site-header .header-firsttop .firsttop-column.info-box {
		display: block;
		width:100%;
		text-align:center;
		padding:10px;
		max-width:none;
	}
	
	.site-header .info-box .icon-box{
		position:relative;
		display:block;
		top:0px;
		margin:0 auto 15px;	
	}
	
	.site-header .main-menu{
		padding-top:0px;
		width:100%;
		margin:0px;
	}
	
	.main-menu .collapse {
	   max-height:300px;
		overflow:auto;
		float:none;
		width:100%;
		padding:10px 0px 0px;
		border:none;
		margin:0px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
		border-radius:3px;
   }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{
		padding:10px 0px 0px;
		border:none;
		margin:0px 0px 15px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
		border-radius:3px;	
	}
	
	
	.main-menu .navbar-header{
		position:relative;
		float:none;
		display:block;
		text-align:right;
		width:100%;
		padding:12px 0px;
		right:0px;
		z-index:12;
	}
	
	.main-menu .navbar-header .navbar-toggle{
		display:inline-block;
		z-index:7;
		border:1px solid #00b7f1;
		float:none;
		margin:0px 0px 0px 0px;
		border-radius:0px;
		background:#00b7f1;
	}
	
	.main-menu .navbar-header .navbar-toggle .icon-bar{
		background:#ffffff;	
	}
	
	.main-menu .navbar-collapse > .navigation{
		float:none !important;
		margin:0px !important;
		width:100% !important;
		background:transparent;
		border:1px solid transparent;
		border-top:none;
	}
	
	.main-menu .navbar-collapse > .navigation > li{
		margin:0px !important;
		float:none !important;
		width:100%;
	}
	
	.main-menu .navigation > li > a,
	.main-menu .navigation > li > ul:before{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a{
		padding:10px 10px !important;
		border:none !important;
	}
	
	.main-menu .navigation li.dropdown > a:after,
	.main-menu .navigation > li.dropdown > a:before,
	.main-menu .navigation > li > ul > li > a::before,
	.main-menu .navigation > li > ul > li > ul > li > a::before{
		color:#ffffff !important;
		right:15px;
		font-size:16px;
		display:none !important;
	}
	
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		margin:0px;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		width:100%;
		background:#00b7f1;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
	}
		
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{
		border-top:none !important;
		opacity:1 !important;
		top:0px !important;
		left:0px !important;
		visibility:visible !important;
	}
	
	.main-menu .navbar-collapse > .navigation > li:first-child{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
		padding:0px !important;
		line-height:22px;
		color:#ffffff;
		background:transparent;
		text-align:left;
	}
	
	.main-menu .navbar-collapse > .navigation > li > a:hover,
	.main-menu .navbar-collapse > .navigation > li > a:active,
	.main-menu .navbar-collapse > .navigation > li > a:focus{
		background:#00b7f1;
	}
	
	.main-menu .navbar-collapse > .navigation > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li.current > a,
	.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
		background:#00b7f1;
		color:#ffffff !important;
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
		display:block;
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown:after,
	.main-menu .navigation > li > ul:before{
		display:none !important;	
	}
	
	.site-header .social-links-one{
		top:0px;
	}
	
	.contact-section .info-column{
		padding-left:15px;	
	}
	
	.main-slider,
	.page-title{
		margin-top:0px !important;	
	}
	
	.main-slider .tp-caption{
		display:none !important;	
	}
	
	.sortable-masonry .masonry-item{
		width:100%;	
	}
	
	.error-section .extra-big{
		font-size:42px;
		line-height:44px;
		margin-bottom:15px;	
	}
	
	.error-section .bigger-text{
		font-size:24px;
		margin-bottom:20px;
		line-height:1.4em;
	}
	
	.error-section .text-lower strong{
		display:block;	
	}
	
	.welcome-section .image-column{
		padding-right:15px;	
	}
	
	.testimonials-section .owl-controls{
		display:none;	
	}
	
	.map-section .outer-container .info-container{
		padding:30px 0px 15px 20px;	
	}
	
	.page-title{
		padding:50px 0px;	
	}
	
	.page-title h1,
	.sec-title h2{
		font-size:24px;	
	}
	
	.sec-title h3,
	.sidebar-page-container .blog-news-column h3{
		font-size:18px;	
	}
	
	.default-title h2,
	.services-style-one .title-box h2,
	.subscribe-intro .column h2,
	.blog-detail .blog-news-column h3{
		font-size:20px;	
	}
	
	.search-popup .search-form fieldset input[type="search"]{
		font-size:15px;
		padding:10px 15px;
		border-radius:0px;
	}
	
	.search-popup .search-form fieldset input[type="submit"]{
		position:relative;
		width:100%;
		border-radius:0px;
	}
	
	.site-header .btn-outer::before{
		-webkit-transform:skew(0deg);
		-ms-transform:skew(0deg);
		-o-transform:skew(0deg);
		-moz-transform:skew(0deg);
		transform:skew(0deg);	
	}
	
	.site-header .header-lower .bg-layer{
		width:100%;	
	}
	
	.fact-counter .column .inner{
		padding-left:0px;
		text-align:center;
	}
	
	.fact-counter .column .inner .icon-box{
		position:relative;
		left:0px;
		top:0px;
		margin:0 auto 30px;	
	}
	
	.default-service-block .inner-box{
		padding-left:25px;
		text-align:center;
	}
	
	.default-service-block .inner-box .icon-box{
		position:relative;
		left:0px;
		top:0px;
		margin:0 auto 20px;	
	}
	
	.default-section .gallery-column .row{
		padding-right:0px;	
	}
	
	.default-text-block{
		padding-left:0px !important;	
		padding-right:0px !important;	
	}
	
	.get-quote.style-two{
		padding-top:0px;	
	}
	
	.contact-section .form-column{
		padding-right:15px;	
	}
	
	.footer-bottom .col-xs-12{
		width:100%;
		text-align:center;	
	}
	
	.footer-bottom .footer-nav ul{
		float:none !important;	
	}
	
	.footer-bottom .footer-nav li{
		display:inline-block;
		float:none;
		margin:0px 10px 10px;	
	}
	
	.combo-section .form-column .inner-box{
		max-width:none;
		padding:40px 20px;	
	}
	
	.site-header .btn-outer .quote-btn {
		margin-top: 0px;
	}	
	.site-header .main-menu {
		padding-top: 0px;
		width: 100%;
		margin: 0px;
	}	
	.top-search-box {
		position: absolute;
		right: 150px;
		top: 0;
		z-index: 99;
	}	
	
		
	.site-header.headerfirst {
		height: auto;
	}	
	.contact-form .form-column {
		position: static;
		float: none;
		width: 100%;
		clear: both;
	}
	.contact-form .info-column {
		position: relative;
		text-align: center;
		height: 100%;
		min-height: 400px;
		width: 100%;
		clear: both;
	}	
	.contact-form .info-column .inner-box {
		 display: block;
		padding: 50px 20px 0;
	}
	.contact-form .form-column .inner-box {
		position: relative;
		padding: 60px 20px;
	}
	.single-blog-post {
		margin-bottom: 30px;
	}
	.footer-column .inner-title {
		margin-bottom: 15px;
	}
	.footer-column {
		padding: 30px 0;
		padding-left: 0;
		border-bottom: 1px solid #333;
	}
	.sec-padding {
		padding: 50px 0;
	}
	.testimonial-first {
		padding: 60px 0px;
	}
	.team-box {
		margin-bottom: 31px;
	}
	.vision-section .right-content-side {
		width: 100%;
		float: none;
	}
	.vision-section .left-image-side {
		position: relative;
		width: 100%;
		clear: both;
		height: 400px;
	}
	.vision-section .right-content-side .inner-box {
		position: relative;
		padding: 50px 20px;
	}
	.single-fact-counter {
	  border-bottom: 0;
	  margin-bottom: 30px;
	}
	.footer-four {
		margin-left: 0px;
	}
	.footer-second {
		margin-left: 0;
	}
	footer .col-md-3 {
		margin-bottom: 30px;
		border-bottom: 1px solid #333;
		padding-bottom: 30px;
	}

	.carousel-inner>.item{
		padding-bottom: 115px;
	}
	.carousel-caption{
		bottom: -3px;
		left: 0;
		width: 100%;
		text-align: left;
		background:#353535cf;
		padding: 25px 20px 20px 20px;
	}
    .detalle-noticia{
		width: 100%;
		padding: 19px 0px 0px 0px !important;
	}

}

@media only screen and (max-width: 599px){
	
	.rev_slider_wrapper{
		margin-bottom:340px;
	}
	.slidebtns h3 {
		color:#000;
		padding:20px 0px 20px 0px;
		text-shadow:none;	
	}
	
	.tp-mask-wrap{
		top: 18px;
	}
	.footer1 {
		background: #1e1e1e;
		padding: 0px 0 0px;
	}
	.copyright {
		border-top: 1px solid #444;
		color: #555;
		margin-top: 0px;
		padding: 0px 0px 37px 25px;
		background: #171717;
	}	
	
	.panel-form-l {
		position: absolute;
		right: 1.8em;
		top: 12.5em;
		z-index: 1000;
		padding-left: 15px;
	}

	.smooth-textbox {
		padding:0px !important;
		width: 370px;
	}

	.smooth-textbox h1 {
		font-size: 4em !important;
		text-align: center !important;
		width: 100%;
		line-height: 24px !important;
		padding: 0px 10% 0px 10% !important;
	}
	
	.smooth-textbox p {
		font-size:3.5em !important;
		text-align:center !important;
		width: 100%;
		line-height: 20px !important;
		padding: 0px 10% 0px 10% !important;
	}	
	.navigation img {
		width: 100px;
		padding: 3% 0px;
	}
	.menusearch li {
		padding: 21% 0% 0px 0px;
		font-size: 0.9em;
		text-shadow: none;
	}
	
	.slidebtns button {
		width: 100%;
	}
	
	.tp-leftarrow{
	    left:-23px !important;
	}
	.tp-rightarrow{
		left:107% !important;
	}
	
	.site-header .social-links-one{
		top:0px;
	}

	.site-header .header-top .top-left,
	.site-header .header-top .top-right{
		float:none !important;
		text-align:center;
	}
	
	.sidebar-page-container .author-box .inner{
		padding-left:0px;	
	}
	
	.sidebar-page-container .author-box .image{
		position:relative;
		margin-bottom:20px;	
	}
	
	.sidebar-page-container .comments-area .comment,
	.sidebar-page-container .comments-area .reply-comment{
		padding-left:0px;
		padding-right:0px;
		margin-left:0px;	
	}
	
	.sidebar-page-container .comments-area .comment-box .author-thumb{
		position:relative;
		top:0px;
		left:0px;
		margin-bottom:20px !important;	
	}
	
	.sidebar-page-container .comments-area .reply-comment{
		margin-left:0px;	
	}
	
	.sidebar-page-container .comments-area .comment-info .comment-time{
		float:left !important;	
	}
	
	.featured-style-one .inner-box{
		text-align:center;	
	}
	
	.featured-style-one .icon-box{
		margin:0px auto 20px;	
	}
	
	.blog-news-section{
		padding-right:0px !important;	
	}
	
	.sidebar-page-container .comments-area .reply-btn{
		position:relative !important;
		top:0px !important;
		right:0px;	
	}
	
	.property-dimensions .image-column .image-box .dimensions-value,
	.map-section .outer-container .info-container .inner-box h4,
	.about-property .property-info .info-block .title,
	.call-to-action .column{
		font-size:14px;	
	}
	
	.blog-news-section .post-share-options .pull-right.text-left{
		float:left !important;
		padding-top:10px !important;
		width:100%;
	}
	
	.site-header .header-firsttop .firsttop-right{
		padding:0px 0px;	
	}
	
	.about-section .mission-vision .block .inner-box{
		padding-left:0px;	
	}
	
	.about-section .mission-vision .block .image{
		position:relative;
		width:100%;
		margin-bottom:20px;	
	}
	
	.contact-style-one .info-column .info-box{
		padding:30px 20px;
	}
	
	.contact-style-one .info-column .info-box h3,
	.team-style-one .intro-column h2,
	.parallax-style-one h2{
		font-size:20px;	
	}
	
	.testimonial-style-one .slide-item .inner-box,
	.testimonial-style-two .slide-item .inner-box{
		padding-right:0px;
		text-align:center;	
	}
	
	.testimonial-style-two .slide-item .author-image{
		margin:0 auto;
		float:none;	
	}
	
	.testimonial-style-one .slide-item .author-image{
		margin:0 auto 20px;	
	}
	
	.testimonial-style-two .slide-item .author-info{
		float:none;
		text-align:center;
		margin-bottom:30px;	
	}
	
	.contact-style-two .info-column .inner-box,
	.contact-style-two .form-column .inner-box{
		padding:70px 15px;	
	}
	
	.about-section{
		text-align:center;	
	}
	
	.about-section .who-we-are .info-list li{
		padding:0px;
		text-align:center;
	}
	
	.about-section .who-we-are .info-list li .icon-box{
		position:relative;
		left:0px;
		top:0px;
		margin:0px;
		margin:0 auto 20px;	
	}
	
	.page-info .pull-left,
	.page-info .pull-right{
		width:100%;
		margin:10px 0px;
	}
	.detailgalry .img_holder img {
  max-width: 100%;
  width: 100%;
}
}

@media only screen and (max-width: 499px) {
	
	.ml-auto, .mx-auto {
		padding: 0px 18px;
		margin-left: auto!important;
    }
	
	.header-main-box .nav-outer .search-box-btn{
		display:none;	
	}
	
	.site-header .header-firsttop .firsttop-column.info-box {	
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
	.property-details .tabs-box .tab-buttons .tab-btn,
	.property-dimensions .tabs-box .tab-buttons .tab-btn{
		display:block;
		float:none;
		margin:0px 0px 15px;
		text-align:center;	
	}
	
	.default-portfolio-item .overlay-inner h3{
		display:none;	
	}
	
	.styled-list-three li:after{
		display:none;	
	}
	
	.styled-list-three li{
		margin:0px 0px 20px !important;
		padding-right:0px;
		width:100%;	
	}
	
	.newsletter-style-two .form-group{
		padding-right:0px;	
	}
	
	.newsletter-style-two .form-group button{
		display:block;
		width:100%;
		position:relative;
		left:0px;
		top:0px;
		text-align:center;
		margin-top:15px;	
	}
	
	.newsletter-style-one .form-group input[type="submit"], .newsletter-style-one .form-group button{
		position:relative;
		display:block;
		width:100%;
		right:0px;
		top:0px;
		height:auto;
		padding:10px 20px;
		text-align:center;
		background:#555555;
		border:none;
		font-size:14px;
		margin-top:10px;
		border-radius:20px;
	}
	.copyright {
		padding: 35px 35px 38px 35px;
	}
	.serivec-sec .img_holder {
		display: block;
	}	
	.serivec-sec .img_holder  img{width:100%;}	
	.key_benefits_panel .panel-heading {
		height: auto;
	}	
	.product-box2 .media a{width:100%;float:none;}
	.product-box2 .media-body {
		padding: 8px 0px 0 0;
		width: 100%;
		float: none;
		clear: both;
	}

	.single-testm {
	  border: 1px solid #ebebeb;
	  padding: 80px 20px 20px;
	  text-align: center;
	}
	.testwrp {
	  background: #fff none repeat scroll 0 0;
	  margin-left: 0;
	  padding: 10px;
	  margin-top: 60px;
	}
	.client-image {
	  background: #fff none repeat scroll 0 0;
	  border: 1px solid #ebebeb;
	  border-radius: 100%;
	  left: 50%;
	  margin-top: -52px;
	  padding: 10px;
	  position: absolute;
	  top: 0;
	  transform: translateX(-50%);
	}
}

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

	.top-search-box {
		position: absolute;
		right: 60px;
		top: 0;
		z-index: 99;
	}
	.top-search-box .search-box {
		right: -60px;
	}
	.welcome_title, .Advance-tech, .modern-eqip{margin-bottom:30px;}
	.welcome_sec .img_holder img {
		width:100%;
	}

}

@media only screen and (max-width: 330px){
	.slidebtns h3 {
		color: #000;
		font-size: 1.2em;
		padding: 20px 0px 20px 0px;
	}
	
	.panel-form-l {
		position: absolute;
		right: 2.5em;
		top: 12em;
		z-index: 1000;
		padding-left: 0px;
	}
	
	.smooth-textbox {
		padding:0px !important;
		width: 320px;
	}
	.row {
		margin-right: -15px;
		margin-left: -22px;
	}
	.navigation img {
		width: 100px;
		padding: 8px 0px;
	}
	
	.smooth-textbox p {
		font-size:4em !important;
		text-align: center !important;
		width: 100%;
				text-shadow: none !important;
		line-height: 20px !important;
		padding: 0px 10% 0px 10% !important;
	}
	.menusearch li {
		padding: 21% 14% 0px 0px;
		font-size: 0.9em;
		text-shadow: none !important;
		text-align: right;
		line-height: 16px;
	}
	.slidebtns button {
		width:100%;
	}
	.copyright {
		border-top: 1px solid #444;
		color: #555;
		margin-top: 0px;
		padding: 40px 34px 72px 45px;
		background: #171717;

	}
	.pl-5{
	    padding-left:15px!important;
	}
	.pt-5{
	    padding-top:25px !important;
	}	
	.navbar{
	        padding: 0px 6px 0px 0px;
	}
	

    .navbar-light .navbar-brand{
		padding: 10px 0px;
        margin: 0px;
	}
	.top-search-box {
		position: absolute;
		right: 60px;
		top: 0;
		z-index: 99;
	}
	.top-search-box .search-box {
		right: -60px;
	}
	.welcome_title, .Advance-tech, .modern-eqip{margin-bottom:30px;}
	.welcome_sec .img_holder img {
		width:100%;
	}

}