/* mobile css */
@media screen and (max-width: 780px) {

.mobile-only {
    display: inline;
}
.desktop-only {
    display: none;
}
.fl-m,  .fr-m {
    clear: both;
    float: none;
    margin: 0 auto;
    width: 95% !important;
}
table {
    width: 95%;
}
table th, table td {
    padding: 2px;
}
.inner, #container, #bottom, #full_width , #footer, #subfooter, #footer #inner, #subfooter #inner {
    width: 95% !important;
    margin: 0 auto;
    min-width: 0;
    max-width: none;
}
#container, #footer, #subfooter {
    width: 100% !important;
    padding-top: 1em;
}
#logo {
    clear: both;
    float: none;
    position: relative;
}
#logo .logo {
    width: 99.99%;
    height: auto;
}
#nav {
    max-height: none;
    min-height: 0;
    max-width: none;
    margin: 0;
    box-shadow: none;
    width: 95% !important;
    margin: 0 auto;
    display: none;
}
.sf-menu li {
    width: 100%;
    margin: 0 auto;
    clear: both;
    float: none;
    display: inline-block;
}
#nav li a {
    font-size: 16px;
    padding: 15px 2%;
    text-shadow: none;
    font-weight: normal;
    display: block;
    width: 95.99%;
}
#nav li a:hover, #nav li a:active, #nav li:hover a {
    background: none;
}
#nav li a:hover, #nav li a:active, #nav li:hover a, #nav li.current-menu-item {
    background: none;
    background-color: #ccc;
}
.breadcrumb {
    display: none;
}
#the_body, #sidebar, #sidebar .useful_banner_manager_banners_rotation, #sidebar .useful_banner_manager_banner {
    width: 95% !important;
    float: none;
    margin: 0 auto;
    min-width: 0;
    max-width: none;
}
#the_body {
    padding: 0;
    padding-bottom: 4em;
}
#sidebar {
    padding: 0;
    margin-top: 2em;
}
#sidebar .widget a img {
    width: 100% !important;
    height: auto !important;
}
#the_body h4 span, #sidebar h4 span {
    margin: 1em 0.5em;
}
.posts_small img, .posts_small .post_content {
    float: none;
    margin: 0 auto;
}
.posts_small img {
    width: 50%;
    max-height: 50%;
    height: auto;
}
.posts_small .post_content {
    padding: 0;
    width: 95%;
}
#the_body .pagination {
    margin: 15px;
    font-size: 16px !important;
}
#the_body .pagination a {
    font-size: 16px !important;
    background: #f2f2f2;
}
#footer .one_fourth, .related .one_fourth {
    width: 95% !important;
    float: none;
    margin: 0 auto !important;
}

.single_post, .posts, .related, #comments, #sidebar .widget  {
    width: 95% !important;
    margin: 0 auto;
    padding: 0 2%;
    min-width: 0;
    max-width: none;
}
#comments #respond {
    padding-bottom: 1em;
}
#respond input {
    width: 70%;
}
#respond textarea {
    width: 90%;
    height: 10em;
}

.posts img {
    max-width: 95%;
    height: auto;
    margin: 1em auto;
}
.related {
    padding-top: 2em;
}
.related .one_fourth {
    padding-bottom: 1em;
}
.related .one_fourth a {
    margin: 0 auto;
    /*width: 90%;*/
    text-align: center;
    display: block;
}
.related .one_fourth a img {
    width: 50%;
    height: auto;
    margin: 0 auto;
}
#sidebar .widget {
    padding-top: 1em;
}
.fb_iframe_widget {
    margin: 1em 0;
}
#sidebar .searchform:before {
  content:"";
  display:table;
  clear:both;
}
#sidebar .searchform {
    width: 95%;
    float: none;
    margin: 0 auto;
    position: relative;
    /*top: 20px;*/
    margin-bottom: 2em;
}



}/*@media screen and*/