@media screen and (max-width: 767px) {
	.xs-hide { display: none }
	.xs-show { display: block }

	.xs-fl { float: left }
	.xs-fr { float: right }
	.xs-fn { float: none }

	.xs-p0 { padding: 0 }
	.xs-p0l { padding-left: 0 }
	.xs-p0r { padding-right: 0 }
	.xs-p0t { padding-top: 0 }
	.xs-p0b { padding-bottom: 0 }

	.xs-p1 { padding: 1px }
	.xs-p1l { padding-left: 1px }
	.xs-p1r { padding-right: 1px }
	.xs-p1t { padding-top: 1px }
	.xs-p1b { padding-bottom: 1px }

	.xs-p2 { padding: 2px }
	.xs-p2l { padding-left: 2px }
	.xs-p2r { padding-right: 2px }
	.xs-p2t { padding-top: 2px }
	.xs-p2b { padding-bottom: 2px }

	.xs-p3 { padding: 3px }
	.xs-p3l { padding-left: 3px }
	.xs-p3r { padding-right: 3px }
	.xs-p3t { padding-top: 3px }
	.xs-p3b { padding-bottom: 3px }

	.xs-p4 { padding: 4px }
	.xs-p4l { padding-left: 4px }
	.xs-p4r { padding-right: 4px }
	.xs-p4t { padding-top: 4px }
	.xs-p4b { padding-bottom: 4px }

	.xs-p5 { padding: 5px }
	.xs-p5l { padding-left: 5px }
	.xs-p5r { padding-right: 5px }
	.xs-p5t { padding-top: 5px }
	.xs-p5b { padding-bottom: 5px }

	.xs-p8 { padding: 8px }
	.xs-p8l { padding-left: 8px }
	.xs-p8r { padding-right: 8px }
	.xs-p8t { padding-top: 8px }
	.xs-p8b { padding-bottom: 8px }

	.xs-p10 { padding: 10px }
	.xs-p10l { padding-left: 10px }
	.xs-p10r { padding-right: 10px }
	.xs-p10t { padding-top: 10px }
	.xs-p10b { padding-bottom: 10px }

	.xs-p15 { padding: 15px }
	.xs-p15l { padding-left: 15px }
	.xs-p15r { padding-right: 15px }
	.xs-p15t { padding-top: 15px }
	.xs-p15b { padding-bottom: 15px }

	.xs-p20 { padding: 20px }
	.xs-p20t { padding-top: 20px }
	.xs-p20b { padding-bottom: 20px }
	.xs-p20l { padding-left: 20px }
	.xs-p20r { padding-right: 20px }

	.xs-p25 { padding: 25px }
	.xs-p25t { padding-top: 25px }
	.xs-p25b { padding-bottom: 25px }
	.xs-p25l { padding-left: 25px }
	.xs-p25r { padding-right: 25px }

	.xs-p30 { padding: 30px }
	.xs-p30t { padding-top: 30px }
	.xs-p30b { padding-bottom: 30px }
	.xs-p30l { padding-left: 30px }
	.xs-p30r { padding-right: 30px }

	.xs-b0 { border: 0 }
	.xs-b0l { border-left: 0 }
	.xs-b0r { border-right: 0 }
	.xs-b0b { border-bottom: 0 }
	.xs-b0t { border-top: 0 }

	.xs-b1 { border: 1px solid #cccccc }
	.xs-b1l { border-left: 1px solid #cccccc }
	.xs-b1r { border-right: 1px solid #cccccc }
	.xs-b1b { border-bottom: 1px solid #cccccc }
	.xs-b1t { border-top: 1px solid #cccccc }

	.xs-b1_dotted { border: 1px dotted #cccccc }
	.xs-b1l_dotted { border-left: 1px dotted #cccccc }
	.xs-b1r_dotted { border-right: 1px dotted #cccccc }
	.xs-b1b_dotted { border-bottom: 1px dotted #cccccc }
	.xs-b1t_dotted { border-top: 1px dotted #cccccc }

	.xs-b1_transparent { border: 1px solid transparent }
	.xs-b1l_transparent { border-left: 1px solid transparent }
	.xs-b1r_transparent { border-right: 1px solid transparent }
	.xs-b1b_transparent { border-bottom: 1px solid transparent }
	.xs-b1t_transparent { border-top: 1px solid transparent }

	.xs-b3 { border: 3px solid #cccccc }
	.xs-b3l { border-left: 3px solid #cccccc }
	.xs-b3r { border-right: 3px solid #cccccc }
	.xs-b3t { border-top: 3px solid #cccccc }
	.xs-b3b { border-bottom: 3px solid #cccccc }

	.xs-m0_auto { margin: 0 auto }

	.xs-m1 { margin: 1px }
	.xs-m1l { margin-left: 1px }
	.xs-m1r { margin-right: 1px }
	.xs-m1t { margin-top: 1px }
	.xs-m1b { margin-bottom: 1px }

	.xs-m2 { margin: 2px }
	.xs-m2l { margin-left: 2px }
	.xs-m2r { margin-right: 2px }
	.xs-m2t { margin-top: 2px }
	.xs-m2b { margin-bottom: 2px }

	.xs-m3 { margin: 3px }
	.xs-m3l { margin-left: 3px }
	.xs-m3r { margin-right: 3px }
	.xs-m3t { margin-top: 3px }
	.xs-m3b { margin-bottom: 3px }

	.xs-m5 { margin: 5px }
	.xs-m5l { margin-left: 5px }
	.xs-m5r { margin-right: 5px }
	.xs-m5t { margin-top: 5px }
	.xs-m5b { margin-bottom: 5px }

	.xs-m10 { margin: 10px }
	.xs-m10l { margin-left: 10px }
	.xs-m10r { margin-right: 10px }
	.xs-m10t { margin-top: 10px }
	.xs-m10b { margin-bottom: 10px }

	.xs-left { text-align: left }
	.xs-center { text-align: center }
	.xs-justify { text-align: justify }
	.xs-right { text-align: right }

	.xs-auto { width: auto; min-height: 1px }
	.xs-w10 { width: 10px; min-height: 1px }
	.xs-w20 { width: 20px; min-height: 1px }
	.xs-w30 { width: 30px; min-height: 1px }
	.xs-w40 { width: 40px; min-height: 1px }
	.xs-w50 { width: 50px; min-height: 1px }
	.xs-w60 { width: 60px; min-height: 1px }
	.xs-w70 { width: 70px; min-height: 1px }
	.xs-w80 { width: 80px; min-height: 1px }
	.xs-w90 { width: 90px; min-height: 1px }
	.xs-w100 { width: 100px; min-height: 1px }
	.xs-w110 { width: 110px; min-height: 1px }
	.xs-w120 { width: 120px; min-height: 1px }
	.xs-w130 { width: 130px; min-height: 1px }
	.xs-w140 { width: 140px; min-height: 1px }
	.xs-w150 { width: 150px; min-height: 1px }
	.xs-w160 { width: 160px; min-height: 1px }
	.xs-w170 { width: 170px; min-height: 1px }
	.xs-w180 { width: 180px; min-height: 1px }
	.xs-w190 { width: 190px; min-height: 1px }
	.xs-w200 { width: 200px; min-height: 1px }
	.xs-w210 { width: 210px; min-height: 1px }
	.xs-w220 { width: 220px; min-height: 1px }
	.xs-w230 { width: 230px; min-height: 1px }
	.xs-w240 { width: 240px; min-height: 1px }
	.xs-w250 { width: 250px; min-height: 1px }
	.xs-w300 { width: 300px; min-height: 1px }
	.xs-w310 { width: 310px; min-height: 1px }
	.xs-w320 { width: 320px; min-height: 1px }
	.xs-w330 { width: 330px; min-height: 1px }
	.xs-w340 { width: 340px; min-height: 1px }
	.xs-w350 { width: 350px; min-height: 1px }
	.xs-w390 { width: 390px; min-height: 1px }
	.xs-w400 { width: 400px; min-height: 1px }
	.xs-w450 { width: 450px; min-height: 1px }
	.xs-w500 { width: 500px; min-height: 1px }
	.xs-w600 { width: 600px; min-height: 1px }
	.xs-w900 { width: 900px; min-height: 1px }

	.xs-col1 { width: 8.33333%; min-height: 1px }
	.xs-col2, .xs-col1-5 { width: 16.66666%; min-height: 1px }
	.xs-col3, .xs-col1-4 { width: 24.99999%; min-height: 1px }
	.xs-col4, .xs-col1-3 { width: 33.33333%; min-height: 1px }
	.xs-col5 { width: 41.66666%; min-height: 1px }
	.xs-col6, .xs-col1-2 { width: 49.99999%; min-height: 1px }
	.xs-col7 { width: 58.33333%; min-height: 1px }
	.xs-col8, .xs-col2-3 { width: 66.66666%; min-height: 1px }
	.xs-col9, .xs-col3-4 { width: 74.99999%; min-height: 1px }
	.xs-col10, .xs-col4-5 { width: 83.33333%; min-height: 1px }
	.xs-col11 { width: 91.66666%; min-height: 1px }
	.xs-col12 { width: 100%; min-height: 1px }

	.xs-mha { min-height: auto }
	.xs-mh10 { min-height: 10px }
	.xs-mh15 { min-height: 15px }
	.xs-mh20 { min-height: 20px }
	.xs-mh25 { min-height: 25px }
	.xs-mh30 { min-height: 30px }
	.xs-mh35 { min-height: 35px }
	.xs-mh40 { min-height: 40px }
	.xs-mh45 { min-height: 45px }
	.xs-mh50 { min-height: 50px }
	.xs-mh55 { min-height: 55px }
	.xs-mh60 { min-height: 60px }

	.xs-lha { line-height: auto }
	.xs-lh10 { line-height: 10px }
	.xs-lh15 { line-height: 15px }
	.xs-lh20 { line-height: 20px }
	.xs-lh25 { line-height: 25px }
	.xs-lh30 { line-height: 30px }
	.xs-lh35 { line-height: 35px }
	.xs-lh40 { line-height: 40px }
	.xs-lh45 { line-height: 45px }
	.xs-lh50 { line-height: 50px }
	.xs-lh55 { line-height: 55px }
	.xs-lh60 { line-height: 60px }

	.xs-ha { height: auto }
	.xs-h10 { height: 10px }
	.xs-h15 { height: 15px }
	.xs-h20 { height: 20px }
	.xs-h25 { height: 25px }
	.xs-h30 { height: 30px }
	.xs-h35 { height: 35px }
	.xs-h40 { height: 40px }
	.xs-h45 { height: 45px }
	.xs-h50 { height: 50px }
	.xs-h55 { height: 55px }
	.xs-h60 { height: 60px }
	.xs-h70 { height: 70px }
	.xs-h80 { height: 80px }
	.xs-h90 { height: 90px }
	.xs-h100 { height: 100px }
	.xs-h110 { height: 110px }
	.xs-h120 { height: 120px }
	.xs-h130 { height: 130px }
	.xs-h140 { height: 140px }
	.xs-h150 { height: 150px }
	.xs-h160 { height: 160px }
	.xs-h170 { height: 170px }
	.xs-h180 { height: 180px }
	.xs-h190 { height: 190px }
	.xs-h200 { height: 200px }
	.xs-h210 { height: 210px }
	.xs-h220 { height: 220px }
	.xs-h230 { height: 230px }
	.xs-h240 { height: 240px }
	.xs-h250 { height: 250px }
	.xs-h260 { height: 260px }
	.xs-h270 { height: 270px }
	.xs-h280 { height: 280px }
	.xs-h290 { height: 290px }
	.xs-h300 { height: 300px }
}