/* AJUSTES RESPONSIVE */
.top-nav .menu-mobile ul {
	background-color: #009776;
}

/* ################################################################################################################### */
/* ################################################################################################################### */
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* ################################################################################################################### */
/* ################################################################################################################### */
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

/* ################################################################################################################### */
/* ################################################################################################################### */
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.first-content {
		padding-top: 50px;
	}

	.leaderboard-search .form-control,
	.indicadores {
		padding-top: 80px;
	}

	.indicadores .medallas .medalla {
		width: 60px;
	}

	.top-nav .tag {
		width: 130px;
		height: 140px;
		background-image: url(../img/tag-100.png);
		background-size: 100% auto;
		background-position: center bottom;
		background-repeat: no-repeat;
		position: absolute;
		padding: 14px 33px 0;
	}

	.top-nav .instance-logo {
		display: none;
	}

	.carousel-inner>.item>img {
		width: 100%;
	}

	.indicadores h2 {
		font-size: 1.2rem;
		width: 39%;
	}

	.invitacion .logos.instance-logo img,
	.login-container .logos.instance-logo img {
		width: auto;
		max-width: auto;
		margin-top: 43px;
	}

	footer .elementos {
		margin-top: 0;
	}

	.footer .foot small {
		font-size: 70%;
	}

	.footer .menu li a {
		padding: 0 13px;
	}

	.top-nav .instance-logo img {
		max-width: 150px;
		margin: 0;
	}

	.icon-menu,
	.link-menu-mobile {
		display: block;
		margin-left: -10px;
	}

	body.blog-post .noticias h1 {
		font-size: 2.2em;
	}

	.footer .foot {
		padding: 4px 0 70px;
		text-align: center;
	}

	.modal-usuario .picture {
		margin-left: 20px;
	}

	.modal-usuario .picture .col-sm-5 {
		text-align: center !important;
	}

	.modal-usuario .avatar {
		width: 60%;
		margin: 0 20%;
	}

	table.table {
		table-layout: fixed;
	}

	body.home .leaderboard .badges {
		position: relative;
		justify-content: flex-start;
	}


}


/* ################################################################################################################### */
/* ################################################################################################################### */
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {}

/* ################################################################################################################### */
/* ################################################################################################################### */
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}