<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
/*****************************************
Responsive styles
******************************************/ [MENTION=16931]medi[/MENTION]a screen and (max-width: 1230px){
.header-wrapper { height: 90px; }
#header { float:none; max-width:none; text-align:center; }
#header-right { float: none; }
#header h1 { margin-right: 0px; }
nav { border-bottom: 0; }
nav ul { display: none; height: auto; background: #333; }
nav a#pull { background-color: #FF9900; display: block; padding: 0 3%; position: relative; text-align: left; width: 94%; }
nav a#pull:after { content:""; background: url('http://media02.hongkiat.com/responsive-web-nav/demo/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px; }
nav li { display: block; float: none; width: 100%; }
nav a { color: #fff; }
nav a:hover, nav a:active { border: none; color: #eee; }
.bloginner-wrapper { margin: 90px 0 0 0; }
.flex-container { width: 90% !important; margin: 0 3% 1.5em !important; }
} [MENTION=16931]medi[/MENTION]a screen and (max-width: 1025px){
#content { width: 100%; }
.post { padding-left: 3%; }
.in-sidebar { display: none; }
} [MENTION=16931]medi[/MENTION]a screen and (max-width: 960px) {
.main-wrapper{ margin-right:0; width:100%; min-height: 0px; }
.ct-wrapper{ padding:0 15px; }
#content { border: 0; }
.sidebar-wrapper{ float: none; padding: 0; width: auto; }
.sidebar-wrapper .sidebar{ margin: 15px; }
.sidebar-wrapper .widget{ border: none; margin: 0px auto 10px auto; padding: 10px 20px; }
} [MENTION=16931]medi[/MENTION]a screen and (max-width: 768px){
.header-wrapper { margin-right: 0; min-height: 0; width: 100%; }
#header { text-align: center; width: 100%; max-width: none; }
#comment-editor { margin:10px; }
.footer { margin:15px; width:auto; }
.footer-credits .attribution{ display:none; }
} [MENTION=16931]medi[/MENTION]a screen and (max-width: 500px){
#header img { width:100%; }
.flex-container { display: none; }
} [MENTION=16931]medi[/MENTION]a screen and (max-width: 420px){
.comments .comments-content .datetime{ display:block; float:none; }
.comments .comments-content .comment-header { height:70px; }
} [MENTION=16931]medi[/MENTION]a screen and (max-width: 320px){
.ct-wrapper{ padding: 0; }
h1.post-title, h2.post-title { font-size: 35px; line-height: 40px; }
.post-body img{ max-width: 230px; }
.outer-wrapper { border: 0; }
.comments .comments-content .comment-replies { margin-left: 0; }
#comment-editor { margin: 0; }
}
