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: 1020px) {
#searchtop {
 display:none;
}
 #boxed_layout {
width:768px;
margin:0 auto;
}
 .wrapper {
 width: 708px;
}
 #widget_wrap {
 width:708px;
}
 .widget {
 width:222px;
}
 #posts {
 width:466px;
}
 #sidebar {
 width:222px;
}
 .one-half-sc {
 width:344px;
}
 .one-third-sc {
 width:222px;
}
 .two-third-sc {
 width:466px;
}
 .one-fourth-sc {
 width:162px;
}
 #posts .one-half-sc {
 width:223px;
}
 #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:162px;
}
 .columns3 .isotope-item {
 width:222px;
}
 .columns2 .isotope-item {
 width:344px;
}
 .portfolio_recent_post {
 width:162px;
}
 #information {
 width:100%;
 padding-top:0;
 margin:0 0 30px 0;
}
 .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;
 cursor:pointer;
}
 #nav_button:before {
 font-family:"FontAwesome";
 color:#e8e8e8;
 display:block;
 content:"\f0c9";
 padding:8px 0 0 0px;
 text-align:center;
 margin-left:-1px;
 font-size:18px;
}
 #posts .wpcf7 textarea {
width: 438px;
}
#posts .wpcf7 input[type=text] {
width: 127px;
}
#posts .wpcf7-form-control-wrap:last-child input[type=text] {
width: 127px;
}
.contact_left {
width: 222px;
}
.contact_right {
width: 467px;
}
.contact_right textarea {
height: 125px;
width: 94%;
padding: 13px 13px 0 13px;
}
#footer .wpcf7 input[type=text] {
width: 92px;
}
#footer .wpcf7 textarea {
width: 208px;
}
.columns4 .port_arrow {
margin: -41px 0 0 134px;
}
.columns3 .port_arrow {
margin: -41px 0 0 186px;
}
.columns2 .port_arrow {
 margin: -41px 0 0 307px;
}
#posts_2 {
max-width: 484px;
}
.post_2 {
width: 222px;
}
.post_2 .post-attachement {
max-height: 178px;
width:222px;
}
.post_2 .post-content {
width: 182px;
height: 310px;
}
.post_2 .post-info {
right: 20px;
width: 182px;
font-size:9px;
}
#port_gallery div img {
padding: 0;
margin: 0;
border: none;
width: 80.5px;
min-height:0;
}
.member-photo {
width: 156px;
height: 278px;
background-color: #353535;
}
.left_square:before, .right_square:before {
 top:51%;
}
.post-attachement {
width: 136px;
background-color: rgb(243, 243, 243);
height: 240px;
}
 #portfolio-tags {
 height:auto;
 overflow:auto;
}
.post_single .post-content {
width: 426px;
height: auto;
padding: 0 20px 20px 20px;
}
#add-comment textarea {
height: 90px;
width: 398px;
padding: 1% 13px 0 13px;
}
#author, #email {
width: 111px;
margin-right: 13px;
padding-left: 13px;
}
#url {
width: 111px;
padding-left: 13px;
}
#options li {
padding: 3px 10px 5px 0;
}
}
	



/*	#Mobile (Portrait) 



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



	



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



	



	@media only screen and (max-width: 766px) {
.flex-caption {
	display:none;
}
#searchtop {
 display:none;
}
#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:200px;
 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: 280px;
 padding:0;
}
.section .wrapper {
 padding:40px 0px;
}
 #footer {
 width:280px;
 padding-top:30px;
}
#footer_coms ul {
 display:none;
}
#footer_coms .wrapper {
padding: 35px 0 9px 0;
}
 .widget {
 width:280px;
 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:280px;
}
 #information {
 width:100%;
}
 #posts {
 width:100%;
}
 #sidebar {
 width:100%;
 margin:20px 0 0px 0;
}
 nav {
 width:auto;
 min-height:0;
 margin:0 0 0 0px;
}
 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:280px;
 height:55px;
}
 #nav_button:before {
 font-family:"FontAwesome";
 color:#e8e8e8;
 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 5px;
}
 .share-box li {
 margin-right:5px;
}
 .columns4 .isotope-item {
 width:280px;
}
 .columns3 .isotope-item {
 width:280px;
}
 .columns2 .isotope-item {
 width:280px;
}
.columns4 .port_arrow {
margin: -41px 0 0 245px;
}
.columns3 .port_arrow {
margin: -41px 0 0 245px;
}
.columns2 .port_arrow {
margin: -41px 0 0 245px;
}
 .page_title_ctn {
 text-align:center;
}
.page_title {
 float:none;
}
 .page_subtitle {
 display:none;
}
#posts_2 {
width: 300px;
}
.post_2 {
margin: 0 0px 20px 0px;
padding: 0px 0 0 0px;
width: 280px;
}
.post-attachement {
max-height: 204px;
width: 280px;
}
.post_2 .post-attachement {
max-height: 224px;
width:280px;
}
.post_2 .post-content, .post-content {
padding: 0 20px;
width: 240px;
height: 260px;
}
.post_2 .post-info, .post-info {
right: 20px;
width: 240px;
}
.post-content .more {
 right:20px;
}
.post_single .post-content {
	width: 620px;
	height: auto;
	padding: 0 20px 20px 20px;
}
.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;
}
#footer .wpcf7 input[type=text] {
width: 121px;
}
#footer .wpcf7 textarea {
width: 266px;
}
.wpcf7 input[type=text], input[type=password], textarea {
width: 266px;
}
.contact_left {
width: 266px;
}
.contact_right {
width: 266px;
float:none;
}
#posts .wpcf7 textarea {
width: 252px;
}
#posts .wpcf7 input[type=text] {
width: 262px;
}
#posts .wpcf7-form-control-wrap:last-child input[type=text] {
width: 262px;
}
 #portfolio-tags {
 height:auto;
 overflow:auto;
}
.member-photo {
width: 280px;
height: auto;
}
.member-info {
width: 240px;
height: 280px;
}
#add-comment input, #add-comment textarea {
margin-bottom: 10px;
}
#author, #email {
width: 223px;
margin-right: 0px;
padding-left: 13px;
margin-bottom:10px;
}
#url {
width: 223px;
padding-left: 13px;
margin-bottom: 0;
}
#add-comment textarea {
height: 90px;
width: 212px;
padding: 1% 13px 0 13px;
}
#port_gallery div {
float: left;
padding: 8px;
margin-left: 65px;
margin-bottom: 10px;
margin-top: 10px;
}
#port_gallery h4 {
text-align: center;
}
#options li {
padding: 3px 10px 5px 0;
}
}
/* #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;
}