.mobile-col-1{width: 8.3333%;}
.mobile-col-2{width: 16.6666%;}
.mobile-col-3{width: 25%;}
.mobile-col-4{width: 33.3333%;}
.mobile-col-5{width: 41.6666%;}
.mobile-col-6{width: 50%;}
.mobile-col-7{width: 58.3333%;}
.mobile-col-8{width: 66.6666%;}
.mobile-col-9{width: 75%;}
.mobile-col-10{width: 83.3333%;}
.mobile-col-11{width: 91.6666%;}
.mobile-col-12{width: 100%;}
	



@media (min-width:768px){
	.note-col-1{width: 8.3333%;}
	.note-col-2{width: 16.6666%;}
	.note-col-3{width: 25%;}
	.note-col-4{width: 33.3333%;}
	.note-col-5{width: 41.6666%;}
	.note-col-6{width: 50%;}
	.note-col-7{width: 58.3333%;}
	.note-col-8{width: 66.6666%;}
	.note-col-9{width: 75%;}
	.note-col-10{width: 83.3333%;}
	.note-col-11{width: 91.6666%;}
	.note-col-12{width: 100%;}
}

@media (min-width:768px){
	.desktop-col-1{width: 8.3333%;}
	.desktop-col-2{width: 16.6666%;}
	.desktop-col-3{width: 25%;}
	.desktop-col-4{width: 33.3333%;}
	.desktop-col-5{width: 41.6666%;}
	.desktop-col-6{width: 50%;}
	.desktop-col-7{width: 58.3333%;}
	.desktop-col-8{width: 66.6666%;}
	.desktop-col-9{width: 75%;}
	.desktop-col-10{width: 83.3333%;}
	.desktop-col-11{width: 91.6666%;}
	.desktop-col-12{width: 100%;}
}