/* Small screens (width < 940px) ----------- */
@media only screen 
and (max-width : 979px) {
/* Styles */
.inner, #wrapper .inner {width:auto; margin:0 20px;}
#featured .thumbnail {max-width:100%;}
#footer .column {width:23%;margin-left:2%;}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 949px) {
/* Styles */
#content {width:66%;}
.sidebar {width:30%}
.portfolio-post .post-content {width:66%}

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 800px) {
/* Hiddens */
#intro {display:none!important;}

/* Styles */
.inner, #wrapper .inner { margin:0 20px;}

/* Header */
#header {height:auto;}
#logo {position:relative;top:0;left:0;width:100%;text-align:center;margin-bottom:20px;}
#phone-wrapper {width:100%;text-align:center;}
#menu-wrapper, #phone {position:relative;top:0;left:0;padding-bottom:20px;}
#menu-wrapper select {display:block;width:100%;padding:5px 3px;border:1px solid #ddd;font-size:14px;margin-bottom:10px;}
#menu-wrapper ul, #menu-wrapper .icon {display:none!important;}

/* Blog */
.single .sidebar, .page .sidebar {margin-top:40px;}
.page .page {margin-top:50px;}
.super-heading {margin:50px 0 30px;padding-bottom:30px;} 
.post .thumbnail {max-width:100%}
.boxtitle {padding-left:0}
.postbox {width:48%;}
.children .comment {background-image:none;}
.comment-content {width:100%}
ul.children {padding-left:30px;}
.comment-content p {width:auto;}
.post {margin-top:60px;}
.post.first, .post.single {margin-top:50px;}
.post .post-meta {line-height:1.5}

/* Widgets */
.widget-title {height:auto;padding-bottom:17px;}
#searchform input {width:70%}

/* Footer */
#footer .column, #footer .fr {width:48%;}
#footer .column:nth-child(even) {margin-left:0}
#footer .column:nth-child(odd) {margin-left:4%}
#footer .icon {left:-20px;background-color:#fff;}
#footer {margin-top:20px;}
.pagination {margin-bottom:30px;}

/* Portfolio */
#portfolio {padding-top:30px;}
#portfolio-filter {margin-bottom:30px;}
.portfolio-post {margin-top:50px;}
.portfolio-post .post-content {width:460px}
.portfolio-post .super-heading {margin-bottom:40px;}
.post-excerpt img.icon-info {top:-60px;background-color:#fff}
#similar-works {margin:5px 0 25px;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 762px) {
.portfolio-post .post-content {width:66%}
.single .post-excerpt {width:30%}
#searchform input {width:66%}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 640px) {

/* Slider */
#featured .featured-intro p {display:none;}

/* Blog */
#content {width:100%;}
.sidebar {width:100%;}
.single .sidebar, .page .sidebar {margin-top:0;}
.postbox {width:48%;}
.children .comment {background-image:none;}
.comment-content {width:100%}
ul.children {padding-left:30px;}
.post {margin-top:50px;}
.post.first, .post.single {margin-top:40px;}

/* Widgets */
.widget {padding-top:15px;}

/* Portfolio */
.portfolio-post .post-content {width:100%}
.single .post-excerpt {width:100%;padding-top:0;}
.post-excerpt img.icon-info {display:none}

/* Footer */
#footer .column, #footer .fr {width:100%;margin:0!important;}

/* Shortcodes */
.one_fourth, .three_fourth {
    margin-right: 0;
    width: 100%;
}

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
.postbox {width:100%;}
ul.children {padding-left:20px;}
.comment-content {padding-top:10px;float:none;}
.comment-meta {float:none;margin-bottom:10px;}
.comment-index {float:none;width:100%;}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fifth, .three_fifth { float: none; width:100%; }

}

/* Retina Backgrounds ----------- */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
/* Styles */

}