/* #Media Specifications
================================================== */


/* Smaller than standard 960 */
@media only screen and (max-width: 999px) {
}

/* Tablet Portrait size to standard 960 */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	header:before {
		background: url(../images/border-top-720.png) bottom no-repeat;
	}
	#MainContainer:before {
		background: url(../images/border-bottom-720.png) bottom no-repeat;
	}
	.bannerImg {
		overflow: hidden;
		text-align: right;
	}
	.bannerImg img {
		height: 100%;
		width: auto;
		max-width: none;
		float: right;
	}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.logo {
		background: #FFF;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-box-shadow: 0 0 4px #000;
		-moz-box-shadow: 0 0 4px #000;
		box-shadow: 0 0 4px #000;
		padding: 0;
		z-index: 10000;
	}
	.logo a {
		float: left;
		width: 200px;
		left: 50%;
		margin-left: -210px;
		position: relative;
		padding: 5px 0;
	}
	.logo a img {
		height: 50px;
	}
	#NavigationTrigger {
		float: right;
		width: 60px;
		height: 60px;
		background: url(../images/nav.png) right no-repeat;
		right: 50%;
		margin-right: -210px;
		display: block;
		text-indent: -9999px;
		position: relative;
	}
	nav ul {
		position: absolute;
		top: -213px;
		background: rgba(46, 49, 146, 0.8);
		width: 221px;
		text-align: right;
		right: 0;
		display: none;
		z-index: 9999;
	}
	nav ul li a,
	nav ul li a:visited {
		margin: 0 -3px 0 -14px;
		padding: 0 20px 0 10px;
	}
	nav ul li a:hover,
	nav ul li a:active,
	nav ul li a.selected {
		background: url(../images/menu-over-mobile.png) no-repeat;
	}
	.mainContainerBkg {
		border: none;
		margin: auto;
	}
	.mainContainerBkg:before {
		display: none;
	}
	.content {
		padding: 0 10px 20px;
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px);
	}
	.sidebar {
		margin: auto;
		width: auto;
	}
	.footerContent {
		background-position: top;
		padding: 40px 0 0;
		text-align: center;
		margin: 40px 0 20px;
	}
	.bannerImg {
		overflow: hidden;
		text-align: right;
		border-width: 10px;
	}
	.bannerImg img {
		width: auto;
		max-width: none;
		float: right;
		height: 130px;
		margin-right: -140px;
	}
	header {
		margin-top: 95px;
		height: 30px;
	}
	#Media {
		position: relative;
	}
	.d3cp_review_itemize + .d3cp_review_itemize {
		width: -webkit-calc(100% / 5 - 6px);
		width: -moz-calc(100% / 5 - 6px);
		width: calc(100% / 5 - 6px);
		padding: 0 3px;
		text-align: center;
	}
	ul.formList li.label {
		width: 100%;
		padding: 2px 0 0;
		text-align: left; 
	}
	ul.formList li.field,
	ul.formList li.labelField,
	ul.formList li.button,
	ul.formList li.noLabel,
	ul.formList li.upload,
	ul.formList li.message {
		width: 100%;
		margin-left: 0;
	}
	.form-01 li {
		width: 100%;
	}
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	header:before {
		background: url(../images/border-top-420.png) bottom no-repeat;
		top: -30px;
		height: 30px;
	}
	#MainContainer:before {
		background: url(../images/border-bottom-420.png) bottom no-repeat;
		bottom: -30px;
		height: 30px;
	}
	.bannerCaption {
		top: 10px;
		left: 10px;
		padding: 5px 0 0 5px;
		max-width: 300px;
	}
	.bannerCaption h1 {
		font-size: 19px;
		line-height: 22px;
		display: inline-block;
	}
	.bannerCaption p {
		font: 14px;
		line-height: 19px;
		display: inline-block;
	}
	.bannerCaption h3 {
		font: 16px;
		line-height: 20px;
		display: inline-block;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size  */
@media only screen and (max-width: 479px) {
	header:before {
		background: url(../images/border-top-300.png) bottom no-repeat;
		top: -21px;
		height: 21px;
	}
	#MainContainer:before {
		background: url(../images/border-bottom-300.png) bottom no-repeat;
		bottom: -21px;
		height: 21px;
	}
	.logo a {
		margin-left: -150px;
	}
	#NavigationTrigger {
		margin-right: -150px;
	}
	.bannerImg img {
		margin-right: -155px;
	}
	.bannerCaption {
		top: 10px;
		left: 10px;
		padding: 5px 0 0 5px;
	}
	.bannerCaption h1 {
		font-size: 17px;
		line-height: 20px;
	}
	.bannerCaption p {
		 display: inline-block;
    font-size: 12px;
    line-height: 19px;
	}
	.bannerCaption h2 {
		font: 25px;
		line-height: 28px;
	}
	.bannerCaption h3 {
		font: 15px;
		line-height: 17px;
	}
}