img {
	max-width: 100%;
	height: auto;
}
 @media only screen and (min-width: 1020px) and (max-width: 1200px) {

#boxed_layout {
width:1020px;
margin:0 auto;
}
 .wrapper {
 width: 960px;
 padding:0 30px;
}
.section .wrapper {
 background-color:#fff;
 padding:40px 30px;
}
 #widget_wrap {
 width:960px;
}
 .widget {
 width:217px;
}
 #posts {
 width:700px;
}
 #sidebar {
 width:230px;
}
#information {
	width:230px;
}
.one-half-sc {
 width:465px;
}
.one-third-sc {
 width:300px;
}
.two-third-sc {
 width:630px;
}
.one-fourth-sc {
 width:217.5px;
}
#posts .one-half-sc {
 width:335px;
}
#posts .one-third-sc {
 width:213px;
}
#posts .two-third-sc {
 width:457px;
}
#posts .one-fourth-sc {
 width:152px;
}
 .columns4 .isotope-item {
 width:217px
}
 .columns3 .isotope-item {
 width:300px;
}
 .columns2 .isotope-item {
 width:465px;
}
 .portfolio_recent_post {
 width:217px;
}
 .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;
}
}





	



/* #Tablet (Portrait)



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


	


	/* Note: Design for a width of 768px */
	 @media only screen and (min-width: 768px) and (max-width: 1020px) {

#boxed_layout{
width:768px;
margin:0 auto;
}
 .wrapper {
 width: 708px;
 padding:0 30px;
}
.section .wrapper {
 background-color:#fff;
 padding:40px 30px;
}
 #widget_wrap {
 width:708px;
}
 #logo_img {
 max-width:150px;
}
 .logo {
 max-width:150px;
}
 .widget {
 width:154.5px;
}
 #posts {
 width:478px;
}
 #sidebar {
 width:200px;
}
 .one-half-sc {
 width:339px;
}
 .one-third-sc {
 width:216px;
}
 .two-third-sc {
 width:462px;
}
 .one-fourth-sc {
 width:154.5px;
}
 #posts .one-half-sc {
 width:224px;
}
 #posts .one-third-sc {
 width:139px;
}
 #posts .two-third-sc {
 width:309px;
}
 #posts .one-fourth-sc {
 width:97px;
}
 .post_grid {
 width:349px;
}
 #posts .post_grid {
 width:233px;
}
 .columns4 .isotope-item {
 width:154px;
}
 .columns3 .isotope-item {
 width:216px;
}
 .columns2 .isotope-item {
 width:339px;
}
 .portfolio_recent_post {
 width:154.5px;
}
 #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;
}
nav ul {
	display:none;
}
#nav_button {
 display:block;
 margin:27px 10px 0px 0px;
 height:40px;
 float:right;
}

 #nav_button:before {
 font-family:"FontAwesome";
 color:#444;
 display:block;
 content:"\f0c9";
 padding:8px 0 0 0px;
 text-align:center;
 margin-left:-1px;
 font-size:18px;
}
}



	



	



/*	#Mobile (Portrait) 



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



	



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



	



	@media only screen and (max-width: 766px) {
#boxed_layout {
width:320px;
margin:0 auto;
}

#header_socials {
display:none;
}
#header_bottom {
height:40px;
}
.top_email,.top_phone{
	display:none;
}
 #logo_img {
 float:none;
 min-width:0px;
 max-width:170px;
 margin:0 auto;
}
 #logo_img:before {
 margin:0;
}
 #logo {
 text-align:left;
 display:inline-block;
 *display:inline;
 zoom:1;
 float:none;
 min-width:0px;
}
 .logo:before {
 margin:0;
}
 .logo {
 text-align:left;
 display:inline-block;
 *display:inline;
 zoom:1;
 float:none;
 min-width:320px;
 margin:0px;
}
.logo p { 
text-align:center;
width:320px;
}
 #boxed {
 width:320px;
}
 .wrapper {
 width: 260px;
 padding:0;
}
.section .wrapper {
 background-color:#fff;
 padding:40px 30px;
}
 #footer {
 width:300px;
 padding-top:30px;
}
#footer_coms ul {
	display:none;
}
#to_top {
	margin:0;
	padding:0px 5px 0px 0px;
}
 .widget {
 width:260px;
 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:260px;
}
 #information {
 width:100%;
 padding-top:0;
 margin:0 0 30px 0;
}
 #posts {
 width:100%;
}
 #sidebar {
 width:100%;
 margin:20px 0 0px 0;
}
 nav {
 width:auto;
 min-height:0;
 margin:0 0 0 -30px;
 
}
 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:0;
 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: 0;
 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:0px;
}
 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:0px;
 top:-1px;
}
 #nav_button {
float:none;
 display:block;
 margin:0px auto 0px auto;
 width:320px;
 height:55px;
}

 #nav_button:before {
 font-family:"FontAwesome";
 color:#444;
 display:block;
 content:"\f0c9";
 padding:8px 0 0 0px;
 text-align:center;
 margin-left:-1px;
 font-size:18px;
}
 .share-box ul {
 padding:0 0 0 8px;
}
 .share-box li {
 margin-right:8px;
}
 .columns4 .isotope-item {
 width:260px;
}
 .columns3 .isotope-item {
 width:260px;
}
 .columns2 .isotope-item {
 width:260px;
}
.black_bg {
 padding:0 30px;
}
.page_title_ctn {

 text-align:center;
}
.page_title {

 float:none;
}
 .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;
}
.pricetable {
 width:100%;
 padding:60px 0px 30px 0px;
}
 .pricetable-column {
 margin:20px 0 20px 0;
 border-bottom:1px solid #eee;
}
.sc_divider span {
padding: 0 10px;
}

	}
/* #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;
}