/* =Tablet
-------------------------------------------------------------- */
@media screen and (max-width: 960px) {

/* Structure */
.container {width: 768px;}
#content {margin: 0 24px 0 0;width: 564px;}
#content.sidebar-left {margin: 0 0 0 24px;width: 564px;}
#sidebar {width: 180px;}

/* Home */
#header #logo {float:none;margin:0 auto 30px;}
#header #logo h1 {margin: 0 auto;}
#header #logo img {margin: 0 auto;}
#primary-nav {clear:both;float:none;margin:0 auto;text-align:center;}
#primary-nav ul li {float:none;display: inline-block;}

/* Home */
#hpslider .flex-direction-nav .flex-prev {right: 134px;}
#home-blocks li {width: 341px;}
#home-blocks li.newrow {clear: none;}
#home-blocks li.newrow-tab {clear: left;}

/* Portfolio Archive */
#portfolio-wrapper .hentry {width: 244px;}

/* Portfolio - Single */
.single-st_portfolio .pi-left .entry-thumb, .single-st_portfolio .pi-left .entry-video {width: 380px;}
.single-st_portfolio .pi-left .entry-wrap {margin: 0 0 0 405px;}

/* Portfolio - Related */
#entry-related ul li {width: 130px;}
#entry-related .entry-thumb .overlay {height:159px;}

/* Post Single - Related */
#related-posts .entry-thumb-placeholder {height: 127px;}


}


 /* =Mobile (Landscape)
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {

/* Structure */
.container {width: 480px;}

/* Structure */
#content, #sidebar, #content.sidebar-left {margin: 0 0 24px;width: 100%;float:none;}
.post, #content .page, .st_portfolio {margin: 0 0 20px;padding: 15px;}

/* Header */
#header {text-align:center;}
#heder-top {margin:0 0 20px}
#header-top .left {display:table;float:none;margin:0 auto 0;}
#header-top #social {display:table;float:none;margin:0 auto 10px;}
#header #logo {float:none;margin:0 auto 24px;}
#header #logo h1 {margin: 0 auto;}
#header #logo img {margin: 0 auto;}

/* Nav */
#primary-nav {margin:0 0 15px;float:none;}
#primary-nav ul     { display: none; }
#primary-nav select { display: inline-block; margin:8px 10px;padding:5px; }
 
 /* Homepage */
#hpslider {min-height:100px;margin:0 -80px -30px;} 
#hpslider .flex-caption {bottom: 80px;max-width: 300px;}
#hpslider .flex-caption h2 {font-size:14px;}
#hpslider .flex-caption p {font-size:12px;}
#hpslider .flex-direction-nav a {bottom:40px;padding: 0.5% 1.4%;}
#hpslider .flex-direction-nav .flex-prev {right: 130px;}
 
#callout {margin: -15px -15px 20px;padding: 15px 25px 20px;}
#callout h2 {font-size: 22px;letter-spacing: -0.5px;line-height: 28px;}
#callout h3 {font-size: 13px;}

#home-blocks {margin: 0 -15px;padding: 0 15px 5px;}
#home-blocks .circle {float:left;margin: 0 20px 10px 0;}
#home-blocks .circle:after {
    border-left: 20px solid #3294A6;
    border-right: transparent;
    right: -11px;
	left: auto;}
#home-portfolio .column:first-child, #home-blog .column:first-child {margin-top:15px;} 
#home-portfolio {
    margin: 0 -15px 24px;
    padding: 20px 15px 4px;
}

/* Portfolio Archive */
#portfolio-wrapper .hentry {width: 230px;}

/* Portfolio - Single */
.single-st_portfolio .pi-left .entry-thumb, .single-st_portfolio .pi-left .entry-video, .single-st_portfolio .pi-right .entry-thumb, .single-st_portfolio .pi-right .entry-video, .single-st_portfolio .pi-center .entry-thumb, .single-st_portfolio .pi-center .entry-center  {float: none;
    margin: -15px -15px 22px;
    width: 478px;}
.single-st_portfolio .pi-left .entry-wrap {
    margin: 0;
}
.single-st_portfolio .pi-right .entry-wrap {margin: 0;}
/* Portfolio - Related */
#entry-related ul li {width: 182px;}
#entry-related .entry-thumb .overlay {height:205px;}

/* Posts */
.single .post {padding: 15px;}
.entry-wrap {margin:0;}
.single .entry-wrap {margin: 0 0 22px 0;}
.post .flexslider {margin:-15px -15px 18px;}
.entry-audio {margin:-15px -15px 18px;}
.entry-video {margin:-15px -15px 18px;}
.post .entry-thumb {
    margin: -16px -15px 8px;
}
.entry-meta-tags {margin: 0 -15px 24px 0;}

/* Elements */
.circle {float:right;margin: 0 0 10px 20px;}
.circle:after {border-right: 20px solid #3294A6;border-left: transparent;left: -11px;}

/* Entry Author */
#entry-author {margin: 22px -15px 24px;padding: 26px 15px 24px;}
#entry-author h3 {margin: 0 0 23px;}
#entry-author .gravatar {margin: 0 20px 0 0;}
#entry-author h4, #entry-author .entry-author-desc {margin: 0 0 0 90px;}

/* Related Posts */
#related-posts {margin: 0;}
#related-posts .entry-thumb-placeholder {
    height: 127px;
}

/* Footer */
#footer-widgets .widget {margin-bottom: 22px;}
#footer-bottom #footer-nav, #footer-bottom #copyright {float: none;text-align:center;}
#footer-bottom #footer-nav {display:block;margin:0 0 5px;}

}

/* =Mobile (Portrait)
-------------------------------------------------------------- */ 
@media screen and (max-width: 480px) {

/* Structure */
.container {width: 320px;} 

/* Home */
#hpslider .flex-direction-nav .flex-prev {right: 122px;}
#home-portfolio .column:first-child, #home-blog .column:first-child {margin-top:0;} 

/* Portfolio Archive */
#portfolio-wrapper .hentry {width: 318px;}

/* Portfolio Single */
.single-st_portfolio .pi-left .entry-thumb, .single-st_portfolio .pi-left .entry-video, .single-st_portfolio .pi-right .entry-thumb, .single-st_portfolio .pi-right .entry-video, .single-st_portfolio .pi-center .entry-thumb, .single-st_portfolio .pi-center .entry-center  {width: 320px;}
#portfolio-slider {min-height: 210px;}

/* Portfolio Single- Related */
#entry-related ul li {width: 270px;}
#entry-related .entry-thumb .overlay {height:284px;}

/* Post */
.entry-title, .entry-title a { font-size: 22px;line-height: 26px;}

/* Post - Single */
#comments, #respond {padding: 20px 15px;}
.commentlist ul {margin: 0 0 0 12px;}
#comments .comment-wrap {padding: 14px 12px 0 18px;}
.allowed-tags {display:none;}

/* Post Single - Related */
#related-posts .entry-thumb-placeholder {height: 210px;}
#related-posts .column  {float:none;width:100%;	margin-left:0;}
#related-posts .entry-thumb-placeholder .overlay .caption span {margin: 30% auto 0;}

}