/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

.mobile-frame {
	background-image: url('gfx/mobile-frame.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 729px;
	padding: 0px;
	width: 375px;
}

.mobile-frame iframe {
	height: 501px;
	margin-left: 50px;
	margin-top: 103px;
	position: relative;
	width: 281px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	.mobile-frame {
		height: 500px;
		width: 257px;
	}

	.mobile-frame iframe {
		height: 343px;
		margin-left: 34px;
		margin-top: 72px;
		position: relative;
		width: 193px;
	}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {

	.mobile-frame {
		height: 500px;
		width: 257px;
	}

	.mobile-frame iframe {
		height: 343px;
		margin-left: 34px;
		margin-top: 72px;
		position: relative;
		width: 193px;
	}

}