@media only screen and (min-device-width: 1201px) {
	#webWidget {
		width: 100% !important;
		height: 100% !important;
		left: 0;
		right: 0;
		margin: 5% auto 0 auto;
		max-width: 800px !important;
		max-height: 1600px !important;
		bottom: 0;
	}
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1200px)  {
	#webWidget {
		width: 100% !important;
		height: 90% !important;
		left: 0;
		right: 0;
		margin: 5% auto 0 auto;
		bottom: 0;
	}
}
@media only screen and (min-device-width: 168px) and (max-device-width: 768px)  {
	#webWidget {
		width: 100% !important;
		height: 100% !important;

	}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	#webWidget {
		width: 100% !important;
		height: 100% !important;

	}  

}