/* Tablet Layout */
@media only screen and (min-width: 768px) and (max-width: 991px) {
body {text-align: unset;}
#header ,#headerbg,#page{width: 720px;}
#latest-post {width: 440px;}
#recent-posts {width: 200px;}
#latest-post .title {line-height: 33px;}
}


/* Mobile Small Layout */
@media only screen and (max-width: 767px) {
body {text-align: unset;} 
#logo h1 a {display: block;font-size: 30px;margin-top: 14px;text-align: center;}
#header, #headerbg, #page, #latest-post, #recent-posts {float: none;padding: 0;width: 260px;}
#logo {float: none;width: 100%;}
#latest-post .title {font-size: 24px;line-height: 33px;}
}



/* Mobile Large Layout Layout */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
body {text-align: unset;}
#logo h1 a {display: block;font-size: 30px;margin-top: 14px;text-align: center;}
#header ,#headerbg,#page,#latest-post,#recent-posts {width: 450px;float: none;padding: 0;}
#latest-post .title {line-height: 33px;}
}