﻿/* dynamic size, large */
div.capability-size
{
	display:block;
	background-color:transparent;
	font-size:0;
	width:0px;
	height:0px;
}

/* medium width - without Capability Navigation */
@media (max-width:1279px),
screen and (min-device-width:768px) and (max-device-width:1024px)
{
	body:not(.withCapabilityNav) div.capability-size {
		width: 1px;
	}
}
/* medium width - with Capability Navigation */
@media (max-width:1489px), screen and (min-device-width:768px) and (max-device-width:1024px) {
	body.withCapabilityNav div.capability-size {
		width: 1px;
	}
}

/* small width - without Capability Navigation */
@media (max-width:768px),
screen and (max-device-width:480px) and (orientation:portrait)
{
	body:not(.withCapabilityNav) div.capability-size {
		width: 2px;
	}
}
/* small width - with Capability Navigation */
@media (max-width:978px), screen and (max-device-width:480px) and (orientation:portrait) {
	body.withCapabilityNav div.capability-size {
		width: 2px;
	}
}