/* Orientation specific layout changes for IOS devices */

/* For portrait layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* iPad */
/* css styles go here per device */
	#inside {
		background-color:rgba(255,255,255,0.1);
		}
	#sideBar2 ul li.widget {
		background-color:rgba(255,255,255,0.1);
		}
	#sideBar ul li.widget {
		background-color:rgba(255,255,255,0.1);
		}


}@media screen and (max-device-width: 480px) and (orientation:portrait) { /* iPhone */



}/* For landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* iPad */
	#inside {
		background-color:rgba(255,255,255,0.1);
		}
	#sideBar2 ul li.widget {
		background-color:rgba(255,255,255,0.1);
		}
	#sideBar ul li.widget {
		background-color:rgba(255,255,255,0.1);
		}



}@media screen and (max-device-width: 480px) and (orientation:landscape) { /* iPhone */



}