@media (max-width: 767px) {

	.main > ol.breadcrumb {
		padding-left: 15px;
		padding-right: 15px;
	}

	.main .player-tracker {
		padding-left: 0;
		padding-right: 0;
	}

}

@media (max-width: 543px) {
	/* Remove padding from body elements */
	#skill-table, #total-pie-chart {
		padding-left: 0;
		padding-right: 0;
	}	
	
	header.navbar > div.container-fluid > button.navbar-toggler {
		position: relative;
		float: left;
	}

	header.navbar a.navbar-brand {
	   	padding: 8px 0;
	   	width: 202px !important;
	}

	.brand-logo {
		height: 40px;
	}

	.player-tracker {
		padding: 0 15px;
	}

	.player-tracker > button {
		margin-bottom: 20px;
		margin-top: 5px;
	}

	#skill-0 > div div {
		float: none;
		margin-left: 0;
	}

	/* Dashboard graphs */
	.no-padding-mobile {
		padding: 0 !important;
	}
	
	/* Skill Summary Table */
	.skill-item-summary:nth-child(4n + 4) {
		border-right: none;
	}

	.skill-item-summary:nth-child(3n + 3) {
		border-right: 1px solid #e4e5e6;
	}

	.skill-item-summary:nth-last-child(2), .skill-item-summary:nth-last-child(3), .skill-item-summary:nth-last-child(4) {
		border-bottom: 1px solid #e4e5e6;
	}

	.skill-item-summary:nth-last-child(1){
		border-bottom: none; 
	}

	.skill-item-summary:nth-last-child(2) {
		border-right: 1px solid #e4e5e6;
	}

	/* If skill is not ranked */
	.not-ranked {
		font-size: 8px;
	    padding-top: 6px;
	    position: absolute;
	    line-height: 21px !important;
	}

	/* Total XP pie chart */
	#total-pie-chart > div.card > div.card-block > div.chart-wrapper {
		height: 70vh;
		width: 70vw;
	}
}

@media (max-width: 350px) {

	.not-ranked {
		line-height: 10px !important;
	}

}