/* Thai Breaking CSS */

/* 

v5 fluid wrapping.

All break tags with the class 'thbr' will be disabled. 
They can then be selectively enabled based on the below 
css rules, generally specific to browser size.
Initial project: WS-Sept15.

Breakpoints:
 - xlarge: 1442px and wider.
 - large: 1069px and wider.
 - medium: 1068px to 736px.
 - small: 735px and thinner.

Changelog:
 - Different from v2. Changed from 1024px to 1068px.
 - 2015/02/26: Different from v3. Made large class apply to both large and xlarge.
 - 2015/08/25: v5 - Small breakpoint now works on desktop, no need to override medium breaks on small now.

*/

br.thbr {display: none;}

br.small-viewport-only{
	display:none;
}

/* Fluid Line Wrapping */

/* enable breaks for xlarge layout */
@media only screen and (min-width: 1442px) {
	br.thbr.xlarge { display: inline; }
}

/* enable breaks for large layout */
@media only screen and (min-width: 1069px) {
	br.thbr.large { display: inline; }
}

/* enable breaks for medium layout */
@media only screen and (max-width: 1068px) and (min-width: 736px) {
	br.thbr.med { display: inline; }
}

/* enable breaks for small layout */
@media only screen and (max-width: 735px) and (max-width: 768px) {
br.small-viewport-only{
	display:inline;
	}
}


/* enable breaks for old IE7&8 */
html.oldie br.thbr.ie { display: inline; }
html.ie8 br.thbr.ie { display: inline; }