@media screen and (max-width:992px){
	.modal-dialog{
		min-width: 100%!important;
		max-width: 100%!important;
		margin: 0px;
		
	}

	.modal-content{
		min-height: 100vh!important;
		border: 0px!important;
		border-radius: 0px!important;
	}

	.nav-respons, .opcion-item{
		display: flex;
	flex-wrap: wrap;
	width: 620px;
	margin: auto;
	/* quitar_para_incorporar */
	/* flex-direction: column; */
	}

	.opcion-item{
		padding-top: 20px;
		border-top: 1px solid #ccc;
	}

	.nav-respons .top-nav{
		text-align: left;
		padding-bottom: 20px;
	}

	.nav-respons .logo{
		margin: auto;
		max-width: 250px;
	}

	.nav-item-responsive, .opcion-item a {
	display: flex;
	align-items: center;
	width: 300px;
	margin: auto;
		
	}
	.opcion-item a{
		font-size: 18px;
		font-weight: 700;
		padding-left: 50px;
		margin-bottom: 20px;
	} 

	.nav-item-responsive img {
		width: 40px;
		margin-right: 5px;
	}

	.modal-footer{
		border:none;
		align-items: center;
		justify-content: center;
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(9,45,93,1) 31%, rgba(9,45,93,1) 100%);
	}

	.modal-footer button{
		width: 50px;
		height: 50px;
		color: white;
		background: #87d172;
		opacity: 1;
	}

	.modal-footer .footerBox .btn-link{
		font-size: 20px;
		color: white;
	}

	.nav-respons .top-nav{
		font-size: 20px;
	}
}

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

	.nav-respons, .opcion-item{
		width: 100%;
		max-width: 400px;
		padding: 0;
		
	}
	.nav-respons .logo{
		max-width: 180px;
	}

	.nav-item-responsive img {
		width: 35px;
	}

	.nav-respons .top-nav {
		padding-top: 0px;
	}

	.nav-item-responsive, .opcion-item a {
		
		width: 150px;
		margin: auto;
		margin-bottom: 10px;
	}
	.nav-respons .smallText{
		display: none;
	}

	.opcion-item a{
		padding: 0px;
		padding-top: 10px;
	}

}