@media (max-width:850px){
#sidebar #s{width:96%;border-right:1px solid #ccc}#sidebar #searchsubmit{display:none} .primary-menu { display: none; } .search-container .search-field {
padding: 30px 64px 30px 0;
font-size: 1.25em;
font-weight: 400;
}
.search-container .search-button { margin-top: -17px; }
.search-container .search-button .fa { font-size: 32px; } .header { 
padding: 25px 10px; 
border-top: 8px solid #26272B;
}
.top-nav	
{	padding: 15px 10px;
}
.blog-title,
.blog-description {
margin-right: 60px;
} .top-nav .section-inner { position: relative; }
.nav-toggle-text{ display: block; margin:0px;}
.nav-toggle {
display: block;
width: 40px;
height: 40px;
background: #1abc9c;
border-radius: 99px;
position: absolute;
top: 50%;
margin-top: -20px;
margin-left: 50px;
box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}
.nav-toggle .bar {
width: 20px;
height: 2px;
background: #fff;
border-radius: 1px;
box-shadow: 0 1px 0 rgba(0,0,0,0.1);
position: absolute;
left: 50%;
margin-left: -10px;
top: 50%;
-webkit-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -webkit-transform 0.2s linear 0s;
-moz-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -moz-transform 0.2s linear 0s;
-o-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -o-transform 0.2s linear 0s;
transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, transform 0.2s linear 0s;
}
.nav-toggle .bar:nth-child(1) { margin-top: -7px; }
.nav-toggle .bar:nth-child(2) { margin-top: -1px; }
.nav-toggle .bar:nth-child(3) { margin-top: 5px; }
.nav-toggle:hover { cursor: pointer; }
.nav-toggle.active .bar { 
background: #fff; 
-webkit-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -webkit-transform 0.2s linear 0.2s;
-moz-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -moz-transform 0.2s linear 0.2s;
-o-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -o-transform 0.2s linear 0.2s;
transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, transform 0.2s linear 0.2s;
}
.nav-toggle.active .bar:nth-child(1),
.nav-toggle.active .bar:nth-child(3) { margin-top: -1px; }
.nav-toggle.active .bar:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-toggle.active .bar:nth-child(2) { 
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0; 
}
.nav-toggle.active .bar:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} .mobile-menu { background: #1abc9c; padding:0px; }
.mobile-menu li {display:block;}
.mobile-menu li a { 
border-top: 1px solid rgba(255,255,255,0.1); 
border-bottom: 1px solid rgba(0,0,0,0.1); 
}
.mobile-menu a {
display: block;
padding: 20px 6%;
font-size: 0.8rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.sub-menu{ padding:0px;}
.mobile-menu ul a { padding-left: 12%; }
.mobile-menu ul ul a { padding-left: 18%; }
.mobile-menu ul ul ul a { padding-left: 24%; }
.mobile-menu ul ul ul ul a { padding-left: 30%; }
.mobile-menu ul ul ul ul ul a { padding-left: 36%; }
.mobile-menu ul ul ul ul ul ul a { padding-left: 42%; }
.mobile-menu a:hover { color: #fff; }
}
@media all and (max-width:768px){.entry-thumbnail {width:100%;}
.entry-title { margin-top:0px; margin-left:0px; width:100%;}}
@media all and (max-width:480px){ .social-menu{ display:none;}}
@media all and (max-width:320px){.social-menu:{display:none;}}