/****************** 4 - RESPONSIVE ***************/
@media (min-width: 1441px){
	.container-fluid {
	    width: 1285px;
	}
	.App-SliderPrincipal-Grid .LinkPrevious {
	    left: 0%;
	}
	.App-SliderPrincipal-Grid .LinkNext {
	    right: 0%;
	}
}
@media (max-width: 1200px){
}

@media (max-width: 990px){
	.custom-radio-checkbox {
    line-height: 18px;
}
	.DetalleContacto-Datos {
    padding: 0 15px;
}
.Contacto-BoxDato {
    width: 100%;
}
.Contacto-BoxAccion {
    width: 100% !important;
        padding-bottom: 0;
}
	.BoxImpresionTarjeta .BoxImpresiones {
	    width: 100%;
	}
	.CarritoCompras-Pedidos .CarritoCompras-Pedido.Imagen-CarritoCompras-Pedido {
    padding-right: 1rem;
    padding-left: 110px;
}
.CarritoCompras-Pedidos .CarritoCompras-Pedido.Imagen-CarritoCompras-Pedido .BoxImg {
    width: 110px;
}
	.MisOrdenesBox .BoxDetalle {
	    width: 100%;
	    /*flex-direction: column;*/
	}
	.CarritoCompras-Pedidos .CarritoCompras-Pedido.Elegi-CarritoCompras-Pedido {
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	}
	.CarritoCompras-Pedidos .CarritoCompras-Pedido.Elegi-CarritoCompras-Pedido .PedidoId {
	    margin-right: 0;
	    font-size: 14px;
	    margin-bottom: 0px !important;
	    width: 50%;
	    padding-right: 15px;
	}
	.CarritoCompras-Pedidos .CarritoCompras-Pedido.Elegi-CarritoCompras-Pedido .PromocionInput {
	     min-width: 50%; 
	    width: 50%;
	    display: inline-block;
	}
	.App-EstadoCuenta .FechaText {
	    position: static;
	}
	.BoxEstado-ColTop .ColTop {font-size: 10px;}
	.BoxEstado-ColNom .Col {font-size: 10px;line-height: 14px;}
	.BoxEstado-ColCont .Cont {font-size: 10px;line-height: 14px;}
	.BoxEstado-ColTop .ColTop.Col2 {font-size: 10px;}
	.BoxEstado-ColTop .ColTop.Col3 {font-size: 10px;}
	.BoxEstado-ColTop {
	    padding: 10px 0;
	}
	.BoxEstado-ColNom {
	    padding: 10px 0;
	}
	.BoxEstado-ColBottom .ColBottom {
	    font-size: 10px;
	    line-height: 14px;
	}
	.BoxEstado-ColBottom .ColBottom.Col2 {
	    line-height: 14px;
	    font-size: 10px;
	}
	.BoxEstado-ColBottom .ColBottom.Col3 {
	    line-height: 14px;
	    font-size: 10px;
	}

	.BoxBotonEstadoVolver {
	    margin-bottom: 2rem;
	}
/*	#SubMenuItems-Negocio.SubMenu .Link {left: 15px;}
	#SubMenuItems-Pedidos.SubMenu .Link {left: 15px;}
	#SubMenuItems-Reportes.SubMenu .Link {left: 15px;}
	#SubMenuItems-DatosPersonales.SubMenu .Link {left: 15px;}*/

	.MenuBloques .MenuBloque {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.MenuBloques {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    left: 0 !important;
    flex-direction: column;
}
	
	.Header-Logo .BoxLogo .ImgLogo {
    height: 36px;
}
	.App-Wrapper__ComprasConsolidado {
    padding-top: 62px;
}
	.App-Wrapper__Compras{
    margin-top: 3rem;
}
	.App-CarritoComprasEDB{
		margin-top: 3rem;
	}
	.App-Wrapper {
	    padding-top: 72px;
	}
	.Header-Logo .BoxLogo {
    position: relative;
    top: 0px;
}
	.App-Header_Menu {
	    height: 72px;
	    align-content: center;
	    justify-content: center;
	}
	.containerMenuNombre{
		position: absolute;
    	/*left: 50px;*/
    	padding-left: 60px;
	}
	.Header-Logo {
    margin-right: 0;
}
	.AccesosRapidoBox-Marcas {
    width: auto;
}
	.CarritoCompras-Accciones {
	    padding: 0 15px;
	}
	.CarritoCompras-Pedidos .CarritoCompras-Pedido .PedidoBtnCerrar {
	    right: 15px;
	}
	.CarritoCompras-Pedidos-Header {
	    padding: 15px 15px;
	}
	.CarritoCompras-Pedidos-Header .Controles {
	    right: 15px;
	}

	.CarritoCompras-Pedidos .CarritoCompras-Pedido {
	    padding: 15px 15px;
	}

	.CarritoCompras-Pedidos .CarritoCompras-Pedido .PedidoImporte {
	    right: 15px;
	}

	.Resumen-Items {
	    padding: 0 15px;
	}

	.Resumen-Items .ResumenItem {
	    display: flex;
	    justify-content: space-between;
	    padding: 5px 0;
	}

	.CarritoCompras-Resumen .Title {
	    padding: 15px;
	    border-bottom: 1px solid #F0F1F2;
	    font-style: normal;
		font-weight: 500;
		font-size: 24px;
		line-height: 29px;
		color: #B599B5;
	}
			
	.BarraMobile {
	    background: rgba(0,0,0,0.5);
	    display: flex;
	    width: 60px;
	    height: 100%;
	    position: absolute;
	    right: 0;
	    top: 0;
	    justify-content: center;
	}
	.BarraMobile .LinkClose {
	    width: 45px;
	    height: 45px;
	    background: #ffF;
	    display: flex;
	    border-radius: 50%;
	    top: 55px;
	    position: relative;
	    justify-content: center;
	    align-items: center;
	    color: #000;
	    text-decoration: none;
	}
	.BarraMobile .LinkClose .Icon {
	    background: url(../../assets/img/icon-close.svg);
	    width: 17px;
	    height: 17px;
	    display: inline-block;
	}

	.BoProductoGrid:nth-child(odd){
		padding-right: 5px;
	}
	.BoProductoGrid:nth-child(even){
		padding-left: 5px;
	}
	.BoxBienvenido{
		display: none;
	}
	.Perfil {
	    display: flex;
	    align-items: start;
	    flex-direction: column;
	}
	.Header-Menu-Principal .Menu {
	    display: none;
	    height: 100%;
	    align-items: center;
	    position: fixed;
	    left: 0;
	    top: 0;
	    z-index: 999;
	    background: #fff;
	    flex-direction: column;
	    width: 100%;
	    padding-top: 3rem;
	    overflow: scroll;
	    padding-right: 60px;
	}

	.Header-Menu-Principal .Menu.Active{
		display: flex;
	}

	.Header-Menu-Principal .Menu .Link.Active {
	    background: #9CAB8F;
    	color: #fff !important;
	}

	.Header-Menu-Principal .Menu .Link {
	    padding: 15px 15px;
	    display: flex;
	    height: auto;
	    position: relative;
	    text-decoration: none;
	    padding-left: 25px;
	    font-style: normal;
	    font-weight: normal;
	    font-size: 16px;
	    line-height: 19px;
	    color: #000;
	    width: 100%;
	    height: 50px;
	}
	.LinkCerrarSession-Mob {
	    font-style: normal;
	    font-size: 15px;
	    line-height: 19px;
	    text-align: right;
	    color: #B92F1F;
	    font-family: 'MuseoSans_500';
	    display: flex;
	    justify-content: flex-start;
	    width: 100%;
	    padding: 15px 25px;
	}
	.Header-Menu-Principal .Menu .Link:hover {
	    color: rgba(0, 0, 0, 1);
	}

	.SubMenu {
	    position: static;
	    background: #fff;
	    left: 0;
	    bottom: -95px;
	    padding: 0;
	    box-shadow: none;
	    width: 100%;
	    display: flex;
	    z-index: 2;
	    bottom: 85px;
	    flex-direction: column;
	    padding: 0 15px;
	    display: none;
	}

	.SubMenu .Link {
    padding: 15px 10px !important;
    color: #868E96 !important;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.SubMenu .Link:last-child{
	border-bottom: none;
}
.MenuBloques .MenuBloque .Link:last-child{
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.MenuBloques .MenuBloque:last-child .Link:last-child{
    border-bottom: none !important;
}

	.Header-Menu-Principal .Menu .Link .Icon {
	    margin-left: 5px;
	    float: right;
	    position: absolute;
	    right: 15px;
	    top: 15px;
	}

	.Header-Menu-Principal .Perfil {
	    display: flex;
	    align-items: baseline;
	    flex-direction: column;
	    margin-left: 0;
	}
	.MisOrdenesBox .BoxDetalle .Item {
	    margin-bottom: 15px;
	    width: 50%;

	}
	.MisOrdenesBox .BoxDetalle .Item:first-child {
		 width: 100%;
	}
	.BoxNuevasOrdenes .BoxNuevaOrden .Text {
	    width: 60%;
	    margin: 0 auto;
	}
	.BoxNuevasOrdenes .BoxNuevaOrden .Icon {
	    padding: 20px;
	}
	.Orden-BoxLogo{
		display: none;
	}
	.App-OrdenesHeader-Grid .Orden-Carrito {
	    padding: 0px !important;
	    position: absolute;
	    right: 15px;
	    top: 5px;
	}	
	.App-OrdenesHeader-Grid .Orden-BoxBuscador .FormularioBuscar .InputSearch {
	    width: 100%;
	}
	.App-OrdenesHeader-Grid .Orden-BoxNavegacion {
	    position: static;
	    width: 100%;
	    margin-bottom: 10px;
	}
	.App-OrdenesHeader-Grid .Orden-BoxBuscador {
	    width: 100%;
	    order: 2;
	}
	.App-OrdenesHeader-Grid {
	    position: relative;
	    flex-direction: column;
	}
	.App-OrdenesHeader {
	    height: 110px;
	}

	.App-OrdenesHeader.PedidoConsolidado {height: 64px;}
	.App-OrdenesHeader.PedidoConsolidado .App-OrdenesHeader-Grid .Orden-BoxNavegacion {margin-bottom: 0;}
	.App-OrdenesHeader.PedidoConsolidado .App-OrdenesHeader-Grid .Orden-BoxNavegacion .Text {top: 2px;}

	.CarritoCompras-Pedidos.PedidoConsolidado {
	    padding: 15px 0px;
	}

	.CarritoCompras-Resumen.PedidoConsolidado {
	    padding: 15px 15px;
	}

	.AccesosRapidoBox {
	    flex-wrap: wrap;
	}
	.AccesosRapidoBox .AccesoBox {
	    /*width: 20%;
	    margin-right: 15px;
	    margin-bottom: 15px;*/
	        margin-bottom: 15px;
	}
	.ItemSlider .Img-Mobile {
	    display: inline-block;
	}
	.ItemSlider .Img-Desktop {
	    display: none;
	}
	.ItemSlider .BoxDescripcion {
	    width: 80%;
	    top: 5%;
	}
	.IndicadorBoxGrupal{
		/*border-bottom: 1px solid rgba(0,0,0,.1);*/
	}
	.ContactosResultadoBox .ContactosResultadoBox-Title{
		width: 30%;
	}
	.ContactosResultadoBox .ContactosResultadoBox-Dato{
		width: 70%;
	}
	.App-ContactosResultados {
	    margin-bottom: 0rem;
	}
	.App-Seccion {
	    padding-bottom: 0rem;
	    /*padding-top: 3rem;*/
	}
	.AddHeader {
	    margin-bottom: 0.8rem;
	}
	.BoxComoPagar .BoxPagos {
	    flex-direction: column;
	}
	.BoxComoPagar .BoxPagos .BoxPago {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.BoxImpresionTarjeta .BoxImpresiones .BoxImpresion {
	    width: 100%;
	}
	.BoxImpresionTarjeta .BoxImpresiones .BoxImpresion .Text {
	    width: 25%;
	}
	.BoxImpresionTarjeta .BoxImpresiones .BoxImpresion .Dato {
	    width: 75%;
	}
	.BoxImpresionTarjeta .BoxImpresiones-Btn .w-50{
		width: 100% !important;
	}
	.BoxProducto {
	    padding: 10px 10px;
	    margin-bottom: 10px;
	}
	.BoxProducto .BoxTitle {
	    padding: 0 0px;
	    text-align: left;
	    font-size: 16px;
    	line-height: 18px;
	}
	.BoxProducto .BoxPrecios .BoxPrecio {
	    flex-direction: column;
	}
	.BoxProducto .BoxPrecios .BoxPrecio .Precio {
	    text-align: left;
	}
	.BoxProducto .BoxImg {
	    margin-bottom: 10px;
	}
	.AddHeader .AddHeader-Title {
	    font-size: 24px;
	    line-height: 24px;
	    margin-bottom: 0.5rem !important;
	}
	.MenuMobile {
	    display: flex;
	    flex-direction: column;
	    padding: 5px;
	    height: 36px;
	    justify-content: space-around;
	    margin-right: 25px;
	    cursor: pointer;
	}
	.MenuMobile i {
	    font-size: 1.6rem;
	    color: #fff;
	}
	.MenuMobile .Text {
	    color: #fff;
    	font-size: 8.4px;
	}
	.MenuMobile .Line {
	    height: 3px;
	    background: #fff;
	    border-radius: 20%;
	}
	.MenuMobile .Line1{width: 24px;}
	.MenuMobile .Line2{width: 14px;}
	.MenuMobile .Line3{width: 24px;}
	.Header-Menu-Principal {
	    flex-direction: inherit;
	}
	.App-CarritoComprasEBD-Pedido.EDB-BoxPromociones .CarritoCompras-Pedidos .CarritoCompras-Pedido .PromocionInput .Input {
	    width: 100%;
	}
	.BoxAvisoRestriccion .Title {
	    padding: 0 35px;
	}
	.BoxAvisoRestriccion {
	    padding: 25px !important;
	    /*padding-bottom: 10px !important;*/
	}
	.App-HeaderTitle .TextBievenido {
	    font-size: 26px;
	    line-height: 28px;
	}
}

@media (max-width: 767px){


}

@media (max-width: 480px){

}


@media (max-width: 360px){

}


@media (min-width: 991px) and (max-width: 1100px){  
	.BoxBienvenido {
	    margin-right: 3.5rem;
	}
	.Header-Menu-Principal {
	    margin-left: 20px;
	}
	.Header-Logo {
	    margin-right: -30px;
	}
	.MenuBloques .MenuBloque {
	    width: 30.3%;
	}
	.MenuBloques .MenuBloque .Link {
	    font-size: 14px;
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.Header-Menu-Principal .Menu .Link{
	    font-size: 15px;
	    line-height: 15px;
	    height: 35px;
	    padding: 10px 15px;
	}
	.Header-Menu-Principal .Menu .Link .Icon {
	    top: 10px;
	}
}