img {
	max-width: 100%;
	height: auto;
}





	

/* #Tablet (Portrait)

================================================== */	



	/* Note: Design for a width of 768px */



	@media only screen and (min-width: 768px) and (max-width: 1040px) {
 #boxed {
 width:788px;
}
 .wrapper {
 width: 728px;
}
 #widget_wrap {
 width:758px;
}
 nav ul li a {
 padding:20px 3px 34px 3px;
}
 #logo_img {
 max-width:150px;
}
 .logo {
 max-width:150px;
}
 .widget {
 width:159.5px;
}
 #posts {
 width:498px;
}
 #sidebar {
 width:200px;
}
 .one-half-sc {
 width:349px;
}
 .one-third-sc {
 width:222px;
}
 .two-third-sc {
 width:476px;
}
 .one-fourth-sc {
 width:159.5px;
}
#posts .one-half-sc {
 width:234px;
}
#posts .one-third-sc {
 width:146px;
}
#posts .two-third-sc {
 width:322px;
}
#posts .one-fourth-sc {
 width:102px;
}
 .post_grid {
 width:349px;
}
 #posts .post_grid {
 width:233px;
}
 .columns4 .isotope-item {
 width:159px;
}
 .columns3 .isotope-item {
 width:222px;
}
 .columns2 .isotope-item {
 width:348px;
}
 .portfolio_recent_post {
 width:159px;
}
 #information {
 width:200px;
}
 .member-social-links ul {
 padding:0 0 0 1px;
}
 .member-social-links li {
 margin-right:1px;
}
 .post-content {
 width:310px;
}
 .post-content-large {
 width:530px;
}
}

	

	

/*	#Mobile (Portrait) 

================================================== */

	

	/* Note: Design for a width of 320px */

	

	@media only screen and (max-width: 766px) {
 header .wrapper {
 text-align:center;
}
 header {
 overflow:auto;
}
 header .wrapper {
 width:320px;
 overflow:auto;
}
.home_top_message {
padding:160px 0 10px 0;
}
.home_top_message img {
 padding-bottom:0px;
}
.home_bottom_message {
 padding:20px 0 10px 0;
}
 #logo_img {
 text-align:left;
 display:inline-block;
 *display:inline;
 zoom:1;
 float:none;
 min-width:0px;
 max-width:170px;
}
 #logo_img:before {
 margin:0;
}
 #logo {
 text-align:left;
 display:inline-block;
 *display:inline;
 zoom:1;
 float:none;
 min-width:0px;
}
 .logo {
 text-align:left;
 display:inline-block;
 *display:inline;
 zoom:1;
 float:none;
 min-width:0px;
 max-width:170px;
}
 .logo:before {
 margin:0;
}
 .logo {
 text-align:left;
 display:inline-block;
 *display:inline;
 zoom:1;
 float:none;
 min-width:0px;
}
 #boxed {
 width:320px;
}
 .wrapper {
 width: 300px;
 padding:0;
}
 #footer {
 width:300px;
 padding-top:30px;
}
 .widget {
 width:100%;
 margin:0 0 30px 0;
}
 .one-half-sc, .one-third-sc, .one-fourth-sc, .three-fourth-sc, .two-third-sc {
 width:100%;
 margin:0 0 20px 0;
}
#posts .one-half-sc, #posts .one-third-sc, #posts .one-fourth-sc, #posts .three-fourth-sc, #posts .two-third-sc {
 width:100%;
 margin:0 0 20px 0;
}
 .portfolio_recent_post {
 width:298px;
}
 #information {
 width:100%;
}
 #posts {
 width:100%;
}
 #sidebar {
 width:100%;
 margin:20px 0 0px 0;
}
 nav {
 width:auto;
}
 nav ul {
 border:1px solid #222;
 display:none;
 z-index:10000;
 margin-top:-80px;
}
 nav ul li {
 width:318px;
 text-align:center;
 border-top:1px solid #383a3f;
 border-bottom:1px solid #1c1d1f;
 background:url(images/title_bg.png) repeat;
}
 nav ul li a {
 width:100%;
 padding:0px 0px 14px 0px;
}
/* submenu */
nav ul ul {
 position:relative;
 padding: 0 0 0 0;
 top:0;
 margin:0;
 left:-158px;
 opacity:1;
 background:none;
 border:none;
 outline:none;
}
 nav ul ul li {
 width:318px;
 display:block;
 text-align:center;
 border-top:1px solid #383a3f;
 border-bottom:1px solid #1c1d1f;
 background:url(images/title_bg.png) repeat;
opacity:1;
}
nav ul ul li a {
 width:100%;
 opacity:1;
 display:block;
 padding:10px 0px 10px 0px;
 border:none;
 background:none;
}
nav ul li:hover ul, nav ul li.sfHover ul {
 left: -158px;
 top: 0px;
 z-index: 100000;
}
nav ul li:hover li ul, nav ul li.sfHover li ul, nav ul li li:hover li ul, nav ul li li.sfHover li ul, nav ul li li li:hover li ul, nav ul li li li.sfHover li ul {
 top:0;
 left:-158px;
}
nav ul li li:hover ul, nav ul li li.sfHover ul, nav ul li li li:hover ul, nav ul li li li.sfHover ul, nav ul li li li li:hover ul, nav ul li li li li.sfHover ul {
 left:-158px;
 top:-1px;
}
 #nav_button {
 background-color:black;
 border-radius: 5px;
 opacity:0.3;
 display:block;
 margin:0 auto 20px auto;
 width:40px;
 height:40px;
}
 #nav_button:hover {
 opacity:1;
}
 #nav_button:before {
 font-family:"FontAwesome";
 color:#fff;
 display:block;
 content:"\f0c9";
 padding:8px 0 0 0px;
 font-size:18px;
}
 .share-box ul {
 padding:0 0 0 10px;
}
 .share-box li {
 margin-right:10px;
}
 .columns4 .isotope-item {
 width:298px;
}
 .columns3 .isotope-item {
 width:298px;
}
 .columns2 .isotope-item {
 width:298px;
}
 .page_subtitle {
 display:none;
}
 .to_top {
 right:0;
}
 .post-content {
 width:270px;
 margin:25px 15px 0 15px;
}
 .post-content-large {
 width:270px;
 margin:25px 15px 0 15px;
}
 .post-info {
 width:auto;
}
 #main_content .section:first-child {
 border-top:141px solid #1c1d1f;
}
 .page_title_ctn {
 margin:141px 0 81px 0;
}
 .pricetable {
 width:100%;
 padding:60px 0px 30px 0px;
}
.pricetable-column {
margin:20px 0 20px 0;
border-bottom:1px solid #eee;
}
	}
/* #Mobile (Landscape)

================================================== */

@media only screen and (min-width: 280px) and (max-width: 480px) {
 iframe {
 height:auto;
}
}

/* #Clearing

================================================== */



	/* Self Clearing Goodness */

	.container:after {
 content: "\0020";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns, 

	or wrap each row of columns in a <div class="row"> */

	.clearfix:before, .clearfix:after, .row:before, .row:after {
 content: '\0020';
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;
}
 .row:after, .clearfix:after {
 clear: both;
}
 .row, .clearfix {
 zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */

	.clear {
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;
}