@media only screen and (max-width: 1280px){
	.centered {
		width: 80%;
	}
	
	.cardWidth {
		width: calc((100% / 3) - 16px);
		min-width: 250px;
	}
}

@media only screen and (max-width: 1024px){
	.centered {
		width: 90%;
	}
}

@media only screen and (max-width: 800px){
	
	.centered {
		width: 90%;
	}
	
	.left {
		width: 100%;
	}
	
	.right {
		display: none;
	}

}

@media only screen and (max-width: 414px){
	
	a.set-interval span {
		 display: none;
	}
	
	.deviceQrCode img {
		width: 100%;
	}
	
	.breadcrumb-title {
		display: none;
	}
	
	nav .breadcrumb {
		padding: .5rem 0rem;
		margin-bottom: 0;
	}

	.breadcrumb li {
		line-height: 1.3rem;
	}
	
}