/* Thai Breaking CSS */

/* Description:

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 device.

*/

br.thbr {display: none;}

/* desktop/larger than ipad */
@media only screen and (min-device-width:769px) {
	br.thbr.desktop { display: inline; }
}

/* iPhone */
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
	br.thbr.iphone { display: inline; }
}

/* iPhone portrait */
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation : portrait) {
	br.thbr.iphone-port { display: inline; }
}

/* iPhone landscape */
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation : landscape) {
	br.thbr.iphone-land { display: inline; }
}

/* iPad */
@media only screen and (min-device-width:481px) and (max-device-width:768px) {
	br.thbr.ipad { display: inline; }
}

/* iPad portrait */
@media only screen and (min-device-width:481px) and (max-device-width:768px) and (orientation : portrait) {
	br.thbr.ipad-port { display: inline; }
}

/* iPad landscape */
@media only screen and (min-device-width:481px) and (max-device-width:768px) and (orientation : landscape) {
	br.thbr.ipad-land { display: inline; }
}

/* Fluid Line Wrapping */

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

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

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

/* disable breaks for xsmall layout */
@media only screen and (max-width: 767px) {
	html.touch br.thbr { display: none !important; }
}

/* enable breaks for old IE */
html.oldie br.thbr.ie { display: inline; }

/* enable breaks for touch devices */
html.touch br.thbr.touch { display: inline; }

/* enable breaks for non-touch devices */
html.no-touch br.thbr.no-touch { display: inline; }




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