/*Responsive mobile */
@media only screen and (max-width: 767px) {
	/*Responsive index*/
	.logo {
		margin-left: 50px;
	}
	.img-logo-top {
		width: 200px;
	}
	.content-index {
		display: block;
	}
	.content-index .section-1, .content-index .section-2 {
		width: 100% !important;
	}
	.content-index .section-1 .widget-header, .content-index .section-1 .widget-content  {
		padding-left: 0px !important;
	}
	.addPaquetes-index  {
		width: 95%;
		margin: auto;
		margin-bottom: 10px;
	}
	.content-index .section-2 .widget-content  {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.btn-index {
		display: inherit;
	}
	.btn-index #btn-ingresar{
		margin-bottom: 10px;
	}
	.btn-index #btn-ingresar, .btn-index #btn-seguir{
		width: 160px !important;
	}

	/*Responsive seleccion*/
	.header-seleccion .span5, .header-seleccion .span4, .header-seleccion .span3 {
		width: 250px !important;
	}
	.title-header-seleccion .span5 {
		margin-left: 20px !important;
		width: 85%;
	}
	.contente-servicios {
		margin-left: 0px !important;
	}
	.contente-servicios .responsive-card {
		width: 90% !important;
	}
	.sel-recogida, .sel-entrega {
		display: inline-block;
	}
	.sel-recogida div, .sel-entrega div {
		width: 70px !important;
	}
	.sel-recogida div:last-child, .sel-entrega div:last-child {
		float: left !important;
	}
	.text-seleccionar {
		font-size: 14px !important;
	}
	/*Responsive datos*/
	.header-datos .span5 {
		width: 90% !important;
	}
	.header-datos .span5 p {
		text-align: center;
	}
	.header-datos div:last-child {
		margin-left: 20px !important;
	}
	.inputs-paquetes {
		width: 380px !important;
		margin-left: 10px !important;
	}
	.contenido-datos, .seguro-datos, .reembolso-items {
		width: 97%; 
		margin-left: 10px;
		display: inline-block;
		margin-bottom: 10px;
	}
	.contenido-input, .seguro-datos .seguro, .reembolso-items .card-reembolso {
		width: 320px;
		display: inline-block;
	}
	.contenido-info-btn, .seguro-datos .info{
		width: 90px;
		display: inline-block;
	}
	.contenido-info-arti, .seguro-datos .info-politica{
		width: 270px;
		display: inline-block;
	}
	.iban-datos {
		width: 97%;
	}
	.iban-datos #titular {
		width: 90% !important;
	}
	.footer-seguir .three {
		margin-right: 25px;
	}
	.section-1-direc {
		display: inline-block;
	}
	.section-remitente, .section-destinatario {
		width: 310px;
	}
	.section-remitente {
		margin-bottom: 10px;
	}
	.section-destinatario {
		margin-left: 10px;
	}
	.section-1-direc .span5 {
		float: initial;
	}
	.content-direcciones .responsive-cabeSel {
		margin-left: 0px;
	}
	.seguimiento-direcciones {
		width: 100%; 
		margin-left: 10px
	}
	.seguimiento-direcciones .segumiento-div {
		width: 60% !important;
	}
	.seguimiento-direcciones .memorizar-datos-div {
		width: 40% !important;
	}
	.memo-datos {
		width: 95% !important;
	}
	.memo-datos-0 {
		width: 0% !important;
	}
	.fechas-direcciones {
		width: 100% !important;
		margin-left: 10px !important;
	}
	.header-agenda .span6 {
		width: 65%
	}
	.header-agenda .span5 {
		width: 23%
	}
	.conten-create-domicilio {
		float: left !important;
	}
	.conten-create-domicilio .elements-two {
		width: 380px;
		margin-left: 15px;
	}
	.tick-agenda .span6 .span1 {
		margin-left: 0px !important;
	}
	.tick-agenda .span6 .span5 {
		width: 95% !important;
	}
	.tick-agenda .span6 .span5 .span4 .span4 p:first-child {
		margin-left: 280px !important;
	}
	.tick-agenda .span6 .span5 .span4 .span4 p:last-child {
		margin-left: 310px !important;
	}
	.tick-agenda .span6 .span5 .btndcMediano {
		margin-left: 145px !important;
	}
	.agenda-telefonos {
		width: 380px;
	}
	.agenda-telefonos .span6 {
		width: 182px;
		display: inline-block;
	}
	.content-finalizar {
		padding: 10px 0px 10px;
	}
	.contenido-fin {
		width: 95% !important;
	}
	.terminos-noti-finalizar, .pagos-finalizar {
		width: 45%;
	}
	.pagos-finalizar .fin-pag {
		width: 100% !important;
	}
	.pagos-finalizar .fin-pag div:last-child {
		margin-left: 65px !important;
	}
	.cod-promocional {
		width: 100% !important;
	}
	.btns-finalizar .fin-pag {
		width: 350px !important;
	}
	.btns-finalizar .fin-pag .btndc {
		line-height: 60px;
		width: 150px;
	}
	.btns-finalizar .span3 span .btndc {
		line-height: 70px;
		width: 140px;
		margin-bottom: 5px;
	}
	.btns-finalizar .span3 span a:last-child {
		line-height: 58px;
	}
	.option-responsive {
		border-radius: 50%;
		padding: 8px;
		color: #fff;
		background-color:  rgba(0,0,0,.54);
		margin-right: 10px;
	}
	.option-active {
		background-color: #3f51b5;
	}
	.subnavbar .container>ul>li>a {
		font-size: 11px;
    	background: transparent;
	}
	.container-segumiento {
		width: 100% !important;
	}
	.container-segumiento .tab-content {
		margin-left: 0px !important;
	}
	.body-seguimiento {
		display: block;
	}
	input.expe {
		width: 150px !important;
		display: inline-block;
	}
	.btnseguimiento {
		height: 35px;
		width: 40px;
		/*line-height: 15px;*/
	}
	.btnseguimiento>a>i {
		font-size: 22px;
	}
	.titles-seguimiento, .detalle-segumiento {
		width: 60% !important;
		float: left !important;
	}
	.detalle-segumiento .span6 {
		width: 100%;
	}
	.titles-seguimiento .span2, .detalle-segumiento .span2 {
		margin-left: 0px;
		width: 85px;
	}
	.pdf-segiumiento {
		width: 30% !important;
		float: left !important;
	}
	.pdf-segiumiento>p>img {
		width: 60px !important;
	}
	#pestana-direcciones {
		margin-left: 35px;
	}
	.section-1-direc #divRemitente {
		text-align: center;
	}
	.form-agenda>div>form>input {
		width: 100%;
	}
	.accordion-body {
		display: block;
	}
	.accordion-body .section-recogida, .accordion-body .section-entrega {
		display: inline-block;
		width: 48%;
	}
	.accordion-body .compra {
		width: 100%;
	}
	.section-1>div, .section-2>div {
		width: 100%;
	}
	.section-1 .widget:last-child .widget-content {
		padding: 0px !important;
	}
	/*Estilos para navbar diferentes como el de portal mensajeros*/
	.container-menu {
		width: 22%;
	}
	/*-----------*/
	.btns-pagoKO, .btns-pagoOK {
		width: 100% !important;
	}
	.inpts-fechas {
		width: 100%;
		display: block;
	}
	.inpts-fechas .inpt-manana, .inpts-fechas .fecha-calendar {
		display: inline-block;
	}
	.inpts-fechas .inpt-manana p {
		display: inline-block;
		margin-top: 0px;
	}
	.inpts-fechas .inpt-manana input {
		margin-top: 0px !important;
	}
}
@media only screen and (max-width: 450px) {
	.btn-index {
		display: grid;
		justify-content: center;
	}
	/*Responsive datos*/
	.inputs-paquetes {
		width: 95% !important;
		margin-left: 10px !important;
	}
	.contenido-input, .seguro-datos .seguro, .reembolso-items .card-reembolso {
		width: 275px;
	}
	.seguro-datos .seguro .border-redo-5{
		width: 265px !important;
	}
	.seguro-datos .seguro .border-redo-5 .card-seguro, .reembolso-items .card-reembolso .border-redo-5 .header-reembols{
		width: 255px !important;
	}
	.reembolso-items .card-reembolso .border-redo-5 {
		width: 265px !important;
	}
	.footer-seguir {
		width: 90%;
	}
	.footer-seguir .one, .footer-seguir .two {
		width: 100px !important;
	}
	.content-direcciones {
		padding: 10px 10px 10px;
	}
	.section-remitente, .section-destinatario, .section-titles-remitente, .section-titles-destinatarios  {
		width: 100% !important;
	}
	.content-direcciones input.dire {
		width: 95%;
	}
	.section-destinatario {
		margin-left: 0px;
	}
	.telefonos-direcciones {
		width: 100% !important;
		float: initial !important;
		margin-left: 7px !important;
	}
	.telefonos-direcciones input {
		width: 45% !important;
	}
	.telefonos-direcciones input:first-child {
		margin-right: 2% !important;
	}
	.conten-create-domicilio .elements-two {
		width: 95%;
		margin-left: 10px;
	}
	.tick-agenda .span6 .span5 {
		width: 92% !important;
	}
	.tick-agenda .span6 .span5 .span4 {
		width: 92% !important;
	}
	.tick-agenda .span6 .span5 .span4 .span4{
		width: 100% !important;
	}
	.tick-agenda .span6 .span5 .span4 .span4 p:first-child {
		margin-left: 75% !important;
	}
	.tick-agenda .span6 .span5 .span4 .span4 p:last-child {
		margin-left: 85% !important;
	}
	.content-header-direcciones {
		padding: 10px 0px 10px;
	}
	.content-header-direcciones .header-agenda {
		margin-left: 0px;
	}
	.content-header-direcciones .header-agenda .span6 {
		margin-left: 10px;
		width: 60%;
	}
	.tick-agenda .span6 .span5 .btndcMediano {
		margin-left: 60% !important;
		line-height: 50px;
		width: 70px;
	}
	.agenda-telefonos {
		width: 100%;
	}
	.agenda-telefonos .span6 {
		width: 47%;
		display: inline-block;
	}
	.category-contact {
		width: 100% !important;
	}
	.terminos-noti-finalizar, .pagos-finalizar {
		width: 100%;
		margin-left: 0px;
	}
	.pagos-finalizar .fin-pag .span1 {
		width: 35px;
	}
	.pagos-finalizar .fin-pag div:last-child {
		margin-left: 45px !important;
	}
	.pagos-finalizar .fin-pag {
		float: inherit !important;
	}
	.pagos-finalizar .pago-facturacion {
		width: 220px !important;
	}
	.pagos-finalizar .pago-tarjeta {
		width: 150px !important;
	}
	.pagos-finalizar .pago-efectivo {
		width: 150px !important;
	}
	.btns-finalizar .fin-pag {
		width: 285px !important;
	}
	.btns-finalizar .fin-pag .btndc {
		width: 120px;
	}
	.accordion-header .remitente, .accordion-header .destino {
		width: 34% !important;
	}
	.remitente p, .destino p, .total p {
		font-size: 13px !important;
	}
	.accordion-header .opciones {
		width: 10% !important;
	}
	.accordion-header .opciones div {
		width: 25px !important;
		margin-left: 5px !important;
		float: initial !important;
	}
	.accordion-header .opciones div:first-child a:last-child {
		margin-left: 0px !important;
	}
	.container-menu {
		width: 25%;
	}
	.mis-envios-body {
		width: 95% !important;

	}
	.mis-envios-body .tab-content {
		display: inline-block !important;
		margin-left: 0px !important;
	}
	.ocult-column-seguimiento {
		display: none;
	}
	.fila-extra-seguimiento {
		display: block !important;
	}
	.titles-seguimiento-pdf {
		display: none;
	}
	.titles-seguimiento, .detalle-segumiento {
		width: 100% !important;
	}
	.titles-seguimiento .span2, .detalle-segumiento .span2 {
		width: 35%;
	}
	.titles-seguimiento-pdf-extra {
		display: block !important;
		width: 100%;
	}
	.pdf-segiumiento {
		width: 100% !important;
	}
	.category-contact .span1 {
		margin-left: 25px !important;
	}
	.category-contact .span1:first-child {
		margin-left: 0px !important;
	}
	/*Estilos para navbar diferentes como el de portal mensajeros*/
	.content-menu {
		height: 125px;
	}
	.logo {
		width: 100%;
		margin-left: 0px;
		text-align: center;
		line-height: 85px;
	}
	.btn-menu2 {
		top: 0px;
		left: 3px;
	}
	.btn-options {
		display: none;
	}
	#menuLog {
		display: block;
		background-color: initial;
		border-radius: 0px;
		margin-top: 80px;
		width: 100%;
		text-align: center;
		float: initial;
		line-height: 0px;
		height: 45px;
	}
	.content-menu .menu a {
		line-height: initial;
		padding: 0px;
		font-size: 12px;
		padding-bottom: 10px;
	}
	.carrito-compras a span {
		left: 95% !important;
		font-size: 10px;
		padding: 1px 5px 2px;
	}
	.carrito-compras a i {
		font-size: 18px !important;
	}
	.container-menu {
		margin-top: 130px !important;
	}
	.container-menu {
		width: 100px;
	}
	.li-direcciones {
		width: 45% !important;
		margin-left: -5% !important;
	}
	.li-finalizar>a {
		float: left !important;
	}
	/*------------------*/
	.contente-servicios .responsive-card {
		margin-left: 10px !important;
		width: 95% !important;
	}
	.responsive-card>a>div>p {
		font-size: 15px !important;
	}
	.seguimiento-direcciones {
		display: block;
		margin-left: 0px;
	}
	.seguimiento-direcciones .segumiento-div {
		width: 103%;
	}
	.seguimiento-direcciones .memorizar-datos-div {
		width: 100% !important;
	}

}