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




/* 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 */



}