width: 100%;
float:none;
}
.nav-menu2 ul {
white-space:normal !important;
}
.nav-menu2 li ul {
background:#eee;
border:none;
box-shadow:none;
}
.nav-menu2 li li ul {
background:#f5f5f5;
}
.nav-menu2 li li a:hover {
background:#ddd;
}
.nav > li.hover > ul , .nav li li.hover ul {
position: static;
}
#search-form {
width:100%;
background:#444;
}
#search-form td.search-box {
padding:0 10px !important;
}
#search-form td.search-button {
padding:0 10px;
width:1%;
}
#search-form input#search-box[type="text"] {
margin:0 0 0 0;
}
#search-form input#search-button[type="submit"] {
margin:0 0 0 0;
}
.img-thumbnail {
margin:3px 10px 3px 0;
}
.recent-post-one-thumb .widget {
padding:0 0 10px 0;
}
#recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-5 .widget {
padding:0 5px 10px 0;
}
#recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-6 .widget {
padding:0 0 10px 5px;
}
.sidebar-container, .post-container {
padding:15px 0 0px;
}
}
@media only screen and (max-width:640px){
#wrapper {
padding:10px;
}
#post-wrapper, #sidebar-wrapper, #bottombar .left, #bottombar .center, #bottombar .right {
float:none;
width:100%;
max-width:100%
}
.header, .header-right {
margin:10px 0;
}
.sidebar-container, .post-container{
padding:10px 0 0px;
}
.largebanner .widget, #bottombar, .berlangganan-box, .author-profile {
padding:10px;
}
.post, .breadcrumbs {
margin:0 0 10px;
padding:10px;
}
.berlangganan-box {
margin:0 -10px 15px;
}
.author-profile {
margin: 15px -10px 0px;
}
.pagenavi {
margin: 6px 0 10px;
}
.recent-post-one-thumb .widget-content {
padding:10px;
}
#bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget {
margin:0 0 10px 0;
}
.nav-social, .nav-menu {
display: none;
}
.tinynav1 {
display: block;
}
}
@media only screen and (max-width:480px){
#wrapper {
padding:8px;
}
.header, .header-right, .recent-post-one-thumb {
float:none;
width:100%;
max-width:100%
}
.header img {
max-width:160px;
}
.largebanner .widget, #bottombar, .berlangganan-box, .author-profile {
padding:8px;
}
.berlangganan-box {
margin:0 -8px 15px;
}
.author-profile {
margin: 15px -8px 0px;
}
.post, .breadcrumbs {
margin:0 0 8px;
padding:8px;
}
.post-body a > img {
width: 100%;
}
.recent-post-one-thumb .widget-content {
padding:8px;
}
h2.post-title, h1.post-title {
font-size:16px;
}
.img-thumbnail, .img-thumbnail img {
width:120px;
height:90px;
}
.img-thumbnail {
margin:3px 8px 3px 0;
}
#recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-5 .widget, #recent-post-one-thumb-6 .widget {
padding:0 0 8px 0;
}
.comments .comment-block, .comments .comments-content .inline-thread {
padding:10px !important;
}
.comment .comment-thread.inline-thread .comment {
margin: 0 0 0 0 !important;
}
.footer-left, .footer-right {
float:none;
text-align:center;
}
}
@media screen and (max-width:320px){
#wrapper {
padding:6px;
}
.post, .breadcrumbs, .berlangganan-box, .author-profile {
padding:6px;
}
.berlangganan-box {
margin:0 -6px 15px;
}
.author-profile {
margin: 15px -6px 0px;
}
.recent-post-one-thumb .widget-content {
padding:6px;
}
.img-thumbnail, .img-thumbnail img {
width:100px;
height:80px;
}
}
/* START SHARE BUTTON */
.share__button {
width: 100%;
overflow: hidden;
margin-top: 20px;
}
.share__button a {
display: block;
height: 32px;
line-height: 32px;
color: #fff;
float: left;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 25px;
}
.share__button .facebook {
background-color: #436FC9;
}
.share__button .twitter {
background-color: #40BEF4;
}
.share__button .google {
background-color: #EC5F4A;
}
.share__button span {
display: block;
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
background: url(https://lh6.googleusercontent.com/-_xmVrHoLpCo/VNBsLm2TQSI/AAAAAAAAAZg/5SbdJpV7gN4/s800/single-share.png) no-repeat;
}
.share__button .facebook span {
background-color: #3967C6;
}
.share__button .twitter span {
background-color: #26B5F2;
background-position: -72px 0;
}
.share__button .google span {
background-color: #E94D36;
background-position: -144px 0;
}
/* END SHARE BUTTON */
/*.blog-posts*/
.post-body strong {
font-size small;
font-weight:bold;
color: #EE4B3D;
text-align:left;
background #ffff00;
color #4c1130;
font-family: Times, Times New Roman, serif;
}
.post-body ul {
padding:0 0 0 2px;
margin:5px 5px 5px 0px;
}
.post-body ol {
padding:0 0 0 2px;
margin:5px 5px 5px 25px;
}
.post-body {
max-width: 635px;
}
.blog-posts
{
max-width: 635px;
}
.post-body div {
max-width: 635px;
}
.blog-posts table
{
max-width: 635px;
}
.post-body table {
max-width: 635px;
}
.blog-posts div
{
max-width: 635px;
}
.post-title {
text-align: left;
}
.blog-pager {
max-width: 635px;
}
a.readmore {
display:inline-block;
margin:15px 0 0;
background-color:#ffffff;
border:1px solid #EE4B3D;
padding:0px 10px;
line-height:26px;
color:#EE4B3D;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
a.readmore:hover {
border:1px solid #333333;
}
/* NUMBERED PAGE NAVIGATION */
.displaypageNum a,.showpage a,.pagecurrent {
padding: 8px 10px;
margin-right: 3px;
color: #EE4B3D;
background-color: #ffffff;
border: 1px solid #EE4B3D;
display: inline-block;
border-radius: 3px;
}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent {
border: 1px solid #EE4B3D;
color: #EE4B3D
}
.showpageOf {
display:none !important;
}
.post-body strong {
font-weight:bold;
color: #EE4B3D;
background #ffff00;
font-family: Times, Times New Roman, serif;
}
.metro {
color: #4c1130;
font-family: Times, Times New Roman, serif;
}

--></style>
<style id='template-skin-1' type='text/css'><!--
/* CSS FOR LAYOUT */
body#layout .post-container {
padding: 0 15px 0 0;
}
body#layout .sidebar-container {
padding: 0 0 0 0;
}
body#layout .