html, body { overflow-x: hidden; }

/*****************************************************************************
									 		  < 1200
*****************************************************************************/
@media only screen and (max-width: 1199px) {
	#Wrapper {
		padding: 80px 0;
	}
}
/*****************************************************************************
												< 992
*****************************************************************************/
@media only screen and (max-width: 991px) {
	#Wrapper {
		padding: 40px 0;
	}
	.panel-content {
	  -webkit-box-shadow: 0px 10px 20px 0px rgba(56,72,89,0.5);
	  -moz-box-shadow: 0px 10px 20px 0px rgba(56,72,89,0.5);
	  box-shadow: 0px 10px 20px 0px rgba(56,72,89,0.5);
	}
}
/*****************************************************************************
											 		< 768
*****************************************************************************/
@media only screen and (max-width: 767px) {
	#Wrapper {
		padding: 30px 0;
	}
	.panel-content {
		width: 550px;
		height: 410px;
	}
	.content {
	  padding-top: 35px;
	}
}

/*****************************************************************************
		                     < 581
*****************************************************************************/
@media only screen and (max-width: 579px) {
	#Wrapper {
		padding: 20px 0;
	}
	.panel-content {
		width: 450px;
		height: 335px;
		-webkit-box-shadow: 0px 5px 15px 0px rgba(56,72,89,0.5);
	  -moz-box-shadow: 0px 5px 15px 0px rgba(56,72,89,0.5);
	  box-shadow: 0px 5px 15px 0px rgba(56,72,89,0.5);
	}
	.header {
	  height: 87px;
	  padding: 0 27px;
	}
	.header .left-logo {
	  width: 120px;
	  height: 25px;
	}
	.header .right-logo {
	  width: 90px;
	  height: 25px;
	}
	.content {
	  padding-top: 10px;
	}
	.footer {
		height: 60px;
	}
}

/*****************************************************************************
		                     < 480
*****************************************************************************/
@media only screen and (max-width: 479px) {
	.panel-content {
		width: 100%;
		background: url(/product-orders/javax.faces.resource/panel-bg.png.xhtml?ln=images) no-repeat -5px 0;
	  background-size: inherit;
	}
}
