@media only screen and (max-width: 740px) {
	body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; background-image:url(images/bg.jpg)}
	h1 { font-size: 2em; }
	h3 { font-size: 1em; }
	h2 { display: block; text-align: center; }
	#info { float: none; display: block; text-align: center; }
	#photo {
		float: none;
		display: block;
		text-align: center;
	}
	#w { padding: 20px 15px; }
	p { padding: 0; }
	
	/*edit css*/
	.container{ width:100%; margin:0px auto;}
	.box {width:92%; margin:2%;}
	.f-box {margin:5px;}
	.wid67p{width:87%;}
	.wid65p{width:83%;}
	.wid26p{width:95%;}
	.bodybg {background-image:none; background-color:#fff;}
	.org-arrow li { float:left; margin-right:3%; width:40%;}
	.gry-arrow li{ float:left; margin-right:4%;}
	.mrg-btn-blue{ margin:0px 0px 30px 30%;}
	.rwd-mrg-left2p{margin-left:2%;}
	.contact table td{width:100%;}
	.ad-txt{ width:100%; color:#fff; padding:41px 0px 41px 0px; text-align:center;}
	.grn-arrow{background-image:url(images/green-arrow-down.png); background-repeat:no-repeat; background-position:top center; text-align:center;}
	.f-box {width:94%;}
	.cont-icon {width:87%; font-size:1.1em; background-color:#f4f4f4; float:left; padding:15px;}
	.mail-icon{margin-top:4px; float:left;}
	.banner{width:97%; margin-bottom:25px;}
	.form_box{width:96%;}
	.form{ width:100%; float:left; margin-left:0px;}
	.grn-arrow{padding-left:5px;}
	.pack-table table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		.pack-table th {display:none;}
		
		/* Hide table headers (but not display: none;, for accessibility) */
	.pack-table	thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
	.pack-table	tr { border: 1px solid #ccc; }
		
	.pack-table	td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
	.pack-table	td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
	.pack-table	td:nth-of-type(1):before { content: ""; }
	.pack-table	td:nth-of-type(2):before { content: "Starter"; background-color:#06C; padding:10px; color:#fff; font-weight:bold; }
	.pack-table	td:nth-of-type(3):before { content: "Popular"; background-color:#06C; padding:10px; color:#fff;font-weight:bold; }
	.logo{ width:100px; height:84px; margin-top:25px;}
	
	.menu { 
	display:none;
	}
	img {
    height: auto;
    max-width: 96%;
}
}

@media only screen and (max-width: 768px) {
	.banner{width:97%;}
	.wht-arrow li{width:40%;}
	.mail-icon{margin-top:0px; float:right;}
	
}

@media only screen and (max-width: 570px) {
	ul li {
		display: inline-block; 
		padding-left: 15px; 
		width: 80%; 
		background-position: -5px 0px;
		margin-right: 6px; 
		line-height: 1.7em;
	}
	#skills-left, skills-right { margin-bottom: 15px; }
	
	/*modified css*/
	.box {width:90%; margin:2%;}
	.menu li, .menu > ul > li {
		display: block;
		width:100%;
	}
	.banner{width:97%;}
	.mail-icon{margin-top:0px;}
	
}

@media only screen and (max-width: 480px) {
	#w { margin: 0 20px; }
	
	.wid26p {
		width: 89%;
	}
	
	.banner{width:97%;}
	.mail-icon{margin-top:4px; float:left;}
}

@media only screen and (max-width: 320px) {
	#w { margin: 0 10px; }
	.wid69p{width:100%;}
	.mail-icon{margin-top:4px; float:left;}
}

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

	
	
	
}