/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* pagewrap */
	#pagewrap {
		width: 95%;
	}

	/* content */
	#content {
		width: 60%;
		padding: 3% 4%;
	}

	/* sidebar */
	#sidebar {
		width: 30%;
	}
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}
		/* post image - size of logo*/
	.post-image {
		width: 100%;
	}
	


}

/*NEW CODE HERE */

/*Responsive Styles*/

@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*/
	ul {

		display: none;
		position:absolute;
		top: 162px;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	
	/*Display 'show menu' link*/
	.show-menu {
		display:none;
	}
	
	.post-image {
		width: 100%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#header {
	position: relative;
	height: 250px;
    }
	
	/* content */
	#content {
		width: auto;
		float: none;
		margin: 20px 0;
	}

	/* sidebar */
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		padding: 3% 4%;
		margin: 0 0 10px;
	}

	
	#h4Main {
	margin: -10px 0 0;
	padding: 0;
	font: bold 16px/130% Arial, Helvetica, sans-serif;
	}
	
	/* Paragraph info */
	#pInfoMain {
	
		margin: 55px 0 0;	
	}
	
	#h4 {
	padding: 0;
	font: bold 16px/130% Arial, Helvetica, sans-serif;
	}
	
	/* Paragraph info */
	#pInfo {
	
		margin: 20px 0 0;	
	}
	
	/* contact image */
	.contact-image {
		position: absolute;
		margin: 0 0 15px;
		width: 30%;
		right:20px;
	}

}


@media screen and (max-width : 460px){
	/* content */
	#content {
		width: auto;
		float: none ;
		margin: 10px 0;
	}
	
	#header {
	position: relative;
	height: 100px;
}
	
	#h4 {
	position:static;
	padding: 0;
	font: bold 13px/130% Arial, Helvetica, sans-serif;
	width: 100%;
	}
	

	/* Paragraph info */
	#pInfo {
		margin: 15px 0 0;	
	}
	
	/* post image - size of logo*/
	.post-image {
		/* width: 320px;
		aligning the image to center */
		margin-left: auto;
	    margin-right: auto ;
		margin-top: 10px;


	}
	
	/*Make dropdown links appear inline*/
	ul {

		display: none;
		position:absolute;
		top: 157px;

	}
	
}
/*END OF NEW CODE HERE */