@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper #header { width: 740px; height: 150px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper #header .logo { position: static; display: inline; top: auto; left: auto; text-align: center; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper #header .logo img { display: block; margin: 0px auto 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper #header .logo .tagline { display:block; margin: 0px 0px 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper #header #logo-container { text-align: center; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper #header .main-nav ul li a { padding: 0px 10px; font-size: 12px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
footer { width: 740px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
footer { padding: 60px 0px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
footer .footer-widget { width: 173px; margin: 0px 16px 0px 0px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
footer .footer-widget h3 { font-size: 20px; margin: 0px 0px 20px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#footer-wrap { min-width: 740px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#footer-bottom-wrapper { min-width: 740px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#footer-bottom { width: 740px; }
}
@media only screen and (max-width: 479px){
#wrapper #header { width: 290px; height: auto; }
}
@media only screen and (max-width: 479px){
#wrapper #header .logo { position: static; display: inline; top: auto; left: auto; text-align: center; }
}
@media only screen and (max-width: 479px){
#wrapper #header .logo img { display: block; margin: 0px auto 10px; }
}
@media only screen and (max-width: 479px){
#wrapper #header .logo .tagline { display:block; margin: 0px 0px 10px; }
}
@media only screen and (max-width: 479px){
#wrapper #header #logo-container { text-align: center; }
}
@media only screen and (max-width: 479px){
#wrapper #header .main-nav > div { float: none; }
}
@media only screen and (max-width: 479px){
#wrapper #header .main-nav { border-radius: 0; position: relative; width: auto; height: auto; margin: 0px 0px 0px; padding: 0px 0px 40px;  }
}
@media only screen and (max-width: 479px){
#wrapper #header .main-nav ul { display:none;}
}
@media only screen and (max-width: 479px){
#wrapper #header .main-nav ul li { width: 50%; height: 28px; border-right:none; border-bottom-style:solid; border-bottom-width:1px; }
}
@media only screen and (max-width: 479px){
#wrapper #header .main-nav ul li:first-child { border-radius: 0px; }
}
@media only screen and (max-width: 479px){
#wrapper #header .main-nav ul li a { display: block; width: 250px; line-height: 28px; text-align: left; }
}
@media only screen and (max-width: 479px){
footer {  width: 290px; padding: 40px 0px 20px; }
}
@media only screen and (max-width: 479px){
footer .footer-widget { float:none; width: 280px; margin: 0px 5px 20px 5px; }
}
@media only screen and (max-width: 479px){
footer .footer-widget h3 { font-size: 20px; margin: 0px 0px 10px; }
}
@media only screen and (max-width: 479px){
#footer-wrap { min-width: 290px; }
}
@media only screen and (max-width: 479px){
#footer-bottom-wrapper { min-width: 290px; }
}
@media only screen and (max-width: 479px){
#footer-bottom { width: 290px; height: auto; padding: 7px 0px 5px; }
}
@media only screen and (max-width: 479px){
#footer-bottom p { font-size: 11px; line-height: 20px; text-align:center; }
}
@media only screen and (max-width: 479px){
#footer-bottom .copyrights { float: none; }
}
@media only screen and (max-width: 479px){
#footer-bottom .author { float: none; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper .page-head { width:650px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper #container { width: 740px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper #container #content { width: 480px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper #container #content.full-width{ width:740px; }
}
@media only screen and (max-width: 479px){
#wrapper .page-head { width:270px; padding: 15px 10px 10px; }
}
@media only screen and (max-width: 479px){
#wrapper #container { width: 290px; }
}
@media only screen and (max-width: 479px){
#wrapper #container #content { width: 290px; margin: 0px auto 20px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#sidebar .widget #searchform input[type="text"] { margin-bottom:10px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#sidebar .widget #searchform input[type="submit"] { margin: 0px 0px 0px 0px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
article .post-thumb { width:472px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
article .post-thumb img{ width:472px; }
}
@media only screen and (max-width: 479px){
#sidebar .widget #searchform input[type="text"] { margin-bottom:10px; width:90%; }
}
@media only screen and (max-width: 479px){
#sidebar .widget #searchform input[type="submit"] { margin: 0px 0px 0px 0px; }
}
@media only screen and (max-width: 479px){
article .post-thumb { width:282px; }
}
@media only screen and (max-width: 479px){
article .post-thumb img{ width:282px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
#wrapper #container #sidebar { width: 240px; float: right; margin: 0px 0px 30px; }
}
@media only screen and (max-width: 479px){
#wrapper #container #sidebar { width: 290px; float: none; clear:both; margin: 0px auto 20px; }
}