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;
}
 #widget_wrap {
 width:960px;
}
 .widget {
 width:auto;
}
 #posts {
 width:700px;
}
 #sidebar {
 width:230px;
}
#information {
 width:230px;
}
#posts .post_inner_ctn {
 max-width:580px;
}
.post_inner_ctn {
max-width: 839px;
}
 .one-half-sc, .pb_one_half {
 width:465px;
}
 .one-third-sc, .pb_one_third {
 width:300px;
}
 .two-third-sc, .pb_two_third {
 width:630px;
}
 .one-fourth-sc, .pb_one_fourth {
 width:217.5px;
}
 .three-fourth-sc, .pb_three_fourth {
 width:712.5px;
}
 .pb_full_width {
 width:960px;
}
 #posts .one-half-sc, #posts .pb_full_width {
 width:700px;
}
 #posts .one-half-sc, #posts .pb_one_half {
 width:335px;
}
 #posts .one-third-sc, #posts .pb_one_third {
 width:213px;
}
 #posts .two-third-sc, #posts .pb_two_third {
 width:457px;
}
 #posts .one-fourth-sc, #posts .pb_one_fourth {
 width:152px;
}
#posts three-fourth-sc, #posts .pb_three_fourth {
width: 518px;
}
#posts .pb_full_width .jcarousel, #posts .pb_full_width .rp_sc, #posts .pb_full_width .staff_sc {
 width:730px;
}
#posts .pb_three_fourth .jcarousel, #posts .pb_three_fourth .rp_sc, #posts .pb_three_fourth .staff_sc {
 width:742.5px;
}
#posts .pb_two_third .jcarousel, #posts .pb_two_third .rp_sc, #posts .pb_two_third .staff_sc {
 width:487px;
}
#posts .pb_one_half .jcarousel, #posts .pb_one_half .rp_sc, #posts .pb_one_half .staff_sc {
 width:365px;
}
#posts .pb_one_third .jcarousel, #posts .pb_one_third .rp_sc, #posts .pb_one_third .staff_sc {
 width:233px;
}
#posts .pb_one_fourth .jcarousel, #posts .pb_one_fourth .rp_sc, #posts .pb_one_fourth .staff_sc {
 width:182px;
}
.single-portfolio .jcarousel, .pb_full_width .jcarousel, .pb_full_width .rp_sc, .pb_full_width .staff_sc {
 width:990px;
}
 .pb_three_fourth .jcarousel, .pb_three_fourth .rp_sc, .pb_three_fourth .staff_sc {
 width:742.5px;
}
 .pb_two_third .jcarousel, .pb_two_third .rp_sc, .pb_two_third .staff_sc {
 width:660px;
}
 .pb_one_half .jcarousel, .pb_one_half .rp_sc, .pb_one_half .staff_sc {
 width:495px;
}
 .pb_one_third .jcarousel, .pb_one_third .rp_sc, .pb_one_third .staff_sc {
 width:330px;
}
 .pb_one_fourth .jcarousel, .pb_one_fourth .rp_sc, .pb_one_fourth .staff_sc {
 width:247.5px;
}
 .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;
}
 #widget_wrap {
 width:708px;
}
 #logo_img {
 max-width:150px;
}
 .logo {
 max-width:150px;
}
 .widget {
 width:154.5px;
}
 #posts {
 width:478px;
}
 #sidebar {
 width:200px;
}
#posts .post_inner_ctn {
 max-width:358px;
}
.post_inner_ctn {
max-width: 587px;
}
 .single-portfolio .jcarousel, .pb_full_width .jcarousel, .pb_full_width .rp_sc, .pb_full_width .staff_sc {
 width:738px;
}
 .pb_three_fourth .jcarousel, .pb_three_fourth .rp_sc, .pb_three_fourth .staff_sc {
 width:553.5px;
}
 .pb_two_third .jcarousel, .pb_two_third .rp_sc, .pb_two_third .staff_sc {
 width:492px;
}
 .pb_one_half .jcarousel, .pb_one_half .rp_sc, .pb_one_half .staff_sc {
 width:369px;
}
 .pb_one_third .jcarousel, .pb_one_third .rp_sc, .pb_one_third .staff_sc {
 width:246px;
}
 .pb_one_fourth .jcarousel, .pb_one_fourth .rp_sc, .pb_one_fourth .staff_sc {
 width:184.5px;
}
 .one-half-sc, .pb_one_half {
 width:339px;
}
 .one-third-sc, .pb_one_third {
 width:216px;
}
 .two-third-sc, .pb_two_third {
 width:462px;
}
 .one-fourth-sc, .pb_one_fourth {
 width:154.5px;
}
.three-fourth-sc, .pb_three_fourth {
width: 523.5px;
}
.pb_full_width {
 width:708px;
}
#posts three-fourth-sc, #posts .pb_three_fourth {
width: 351px;
}
 #posts .one-half-sc, #posts .pb_one_half {
 width:224px;
}
 #posts .one-third-sc, #posts .pb_one_third {
 width:139px;
}
 #posts .two-third-sc, #posts .pb_two_third {
 width:309px;
}
 #posts .one-fourth-sc, #posts .pb_one_fourth {
 width:97px;
}
#posts .pb_full_width {
 width:478px;
}
#posts .pb_full_width .jcarousel, #posts .pb_full_width .rp_sc, #posts .pb_full_width .staff_sc {
 width:508px;
}
#posts .pb_three_fourth .jcarousel, #posts .pb_three_fourth .rp_sc, #posts .pb_three_fourth .staff_sc {
 width:381px;
}
#posts .pb_two_third .jcarousel, #posts .pb_two_third .rp_sc, #posts .pb_two_third .staff_sc {
 width:339px;
}
#posts .pb_one_half .jcarousel, #posts .pb_one_half .rp_sc, #posts .pb_one_half .staff_sc {
 width:254px;
}
#posts .pb_one_third .jcarousel, #posts .pb_one_third .rp_sc, #posts .pb_one_third .staff_sc {
 width:169px;
}
#posts .pb_one_fourth .jcarousel, #posts .pb_one_fourth .rp_sc, #posts .pb_one_fourth .staff_sc {
 width:127px;
}
 .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:21px 10px 0px 0px;
 height:40px;
 float:right;
}
 #nav_button:before {
 font-family:"FontAwesome";
 display:block;
 content:"\f0c9";
 padding:8px 0 0 0px;
 color:#fff;
 text-align:center;
 margin-left:-1px;
 font-size:18px;
}
#mobile-menu {
 height:100%;
 position:fixed;
 width:100%;
 top:0;
 z-index:100000000000000000;
 overflow:auto
}
 .section {
 -webkit-background-size:auto !important;
-moz-background-size:auto !important;
-o-background-size:auto !important;
background-size: auto !important;
}
}



	



	



/*	#Mobile (Portrait) 



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



	



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



	



	@media only screen and (max-width: 766px) {
#boxed_layout {
width:320px;
margin:0 auto;
}
.home_top_message {
padding:0px 0 10px 0;
position:relative;
top:-30px;
}
.home_top_message img {
 padding-bottom:0px;
}
.home_bottom_message {
 padding:20px 0 10px 0;
}
#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_layout header .wrapper {
 width:320px;
 padding:0;
}
 .wrapper {
 width: 260px;
 padding:0;
}
 #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, #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;
}
 .pb_one_half, .pb_one_third, .pb_one_fourth, .pb_two_third, .pb_three_fourth, .pb_full_width, #posts .pb_one_half, #posts .pb_one_third, #posts .pb_one_fourth, #posts .pb_two_third, #posts .pb_three_fourth, #posts .pb_full_width {
 width:100%;
 margin:0;
}
#pb_ctn {
 margin-left:0;
}
.single-portfolio .jcarousel, .pb_full_width .jcarousel, .pb_full_width .rp_sc, .pb_full_width .staff_sc {
 width:290px;
}
 .pb_three_fourth .jcarousel, .pb_three_fourth .rp_sc, .pb_three_fourth .staff_sc {
 width:290px;
}
 .pb_two_third .jcarousel, .pb_two_third .rp_sc, .pb_two_third .staff_sc {
 width:290px;
}
 .pb_one_half .jcarousel, .pb_one_half .rp_sc, .pb_one_half .staff_sc {
 width:290px;
}
 .pb_one_third .jcarousel, .pb_one_third .rp_sc, .pb_one_third .staff_sc {
 width:290px;
}
 .pb_one_fourth .jcarousel, .pb_one_fourth .rp_sc, .pb_one_fourth .staff_sc {
 width:260px;
}
 .portfolio_recent_post {
 width:290px;
}
 #information {
 width:100%;
 padding-top:0;
 margin:30px 0 0 0;
}
 #posts {
 width:100%;
}
.post {
 padding:0 0 40px 0;
 overflow:auto;
}
#posts .post_inner_ctn, .post_inner_ctn {
padding:0;
margin: 0;
border:none;
position: relative;
overflow: visible;
float: left;
max-width:260px;
}
.post-date-ctn {
 display:none;
}
#pbd-alp-load-posts a {
 margin-left:100px;
}
 #sidebar {
 width:100%;
 margin:20px 0 0px 0;
}
#boxed_layout nav {
width: auto;
min-height: 0;
margin: 0 0 0 0px;
}
 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;
}
 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;
 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;
}
 #nav_button:before {
 font-family:"FontAwesome";
 color:#fff;
 display:block;
 content:"\f0c9";
 padding:8px 0 0 0px;
 text-align:center;
 margin-left:300px;
 margin-top:-60px;
 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;
}
 .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;
}
.pricetable {
 width:100%;
 padding:60px 0px 30px 0px;
}
 .pricetable-column {
 margin:20px 0 20px 0;
 width:100% important;
 border-bottom:1px solid #eee;
}
.sc_divider span {
padding: 0 10px;
}
 #comments ul li {
padding: 20px 0 0 45px;
margin-bottom: 0;
position: relative;
margin-left: 38px;
border:none;
}
#comments .children {
margin-bottom: 0;
margin-left: -53px !important;
}
.share-box {
 margin: 0 0 0 0 !important;
border-left: none !important;
}
#mobile-menu {
 height:100%;
 position:fixed;
 width:100%;
 top:0;
 z-index:100000000000000000;
 overflow:auto;
}
#mobile-menu .wrapper {
 width:100%;
}
.section {
		padding-top:55px;
 -webkit-background-size:auto !important;
-moz-background-size:auto !important;
-o-background-size:auto !important;
background-size: auto !important;
}
	}
/* #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;
}