@media screen and (max-width: 960px) {
.logo {overflow: hidden; margin-top: 0px; }
#nav_area {padding-top: 10px; }
}

@media screen and (max-width: 1000px) {
#mobilemenu {
    display: block;
    background: #222;
    border-top: 1px solid #3a3a3a;
}
.mobile-menu-toggle {
    align-items: center;
    background: #222;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    font: 700 15px/1.2 Arial, sans-serif;
    gap: 9px;
    justify-content: flex-start;
    min-height: 48px;
    padding: 10px max(20px, calc((100% - 960px) / 2 + 20px));
    text-align: left;
    width: 100%;
}
.mobile-menu-toggle__icon {
    display: grid;
    gap: 4px;
    width: 20px;
}
.mobile-menu-toggle__icon span {
    background: currentColor;
    display: block;
    height: 2px;
    transition: transform 160ms ease, opacity 160ms ease;
}
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle__icon span:first-child {
    transform: translateY(6px) rotate(45deg);
}
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle__icon span:nth-child(2) {
    opacity: 0;
}
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle__icon span:last-child {
    transform: translateY(-6px) rotate(-45deg);
}
#main_nav { border: none; min-height: 30px; }
#main_nav .menu { display:none; }
.nav_container  {min-height: 30px; }
.js #mobilemenu .menu { display:none; }
.js #mobilemenu .menu.is-open { display:block; }
#mobilemenu .menu {
    background: #f5f5f5;
    border: 0;
    min-height: 0;
    padding: 0 max(20px, calc((100% - 960px) / 2 + 20px)) 10px;
}
#mobilemenu .menu li {
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    float: none;
}
#mobilemenu .menu li a {
    border: 0;
    float: none;
    min-height: 0;
    padding: 11px 8px;
    width: auto;
}
#mobilemenu .menu li li a { padding-left: 28px; }
#mobilemenu .menu li li li a { padding-left: 48px; }
}

@media screen and (max-width: 700px) {
#nav_area { padding: 0 0 10px 0; } 
#nav_area { display: block; }
#nav_area .nav { display: none; }
}

@media screen and (max-width: 1023px) {
#main {
    float: none;
    padding-top: 30px;
    position: relative;
    width: 100%;
    overflow: hidden;  
}
#content {
    float: none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 50px 0;
    width: 100%;
}
.single_post .post_pic {
    float: left;  
}
.single_post .post_pic a {
    width: auto;
    height: auto;  
}
.single_post .post_pic img {
    display: block;
    max-width: 100%;
    height: auto; 
}
.single_post .post_content {
    margin-left: 220px;
    float: none;
    max-width: 100%;
    width:auto;  
}
.single_post .post_pic,
.single_post .post_content,
.double_post .post {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.single_post .post { overflow: hidden; }
.double_post {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
}
.double_post .post {
    clear: none;
    position: relative;
    left: inherit !important;
    padding-left:0;
    position: relative;
    width: 48%;
    float: left;   
}
.double_post .post:nth-child(even) { float: right; }
.double_post .post_content {
    float: none;
    max-width: 100%;
    width:auto;  
}
.sidebar {
    margin: 0 0 40px 0;
    padding: 0 0 0 0;
    width: 48%; 
    border: none; 
}
.sidebar:nth-child(odd) { float: right ; }
#footer { padding-top: 40px;  margin:0 -20px 0 -20px;  }
.footer_column {
    float: left;
    margin: 0;
    padding:0 20px;
    width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}

@media screen and (max-width: 640px) {
#content { padding: 0; }
.single_post .post_pic {width: 140px; float: left; } 
.single_post .post_content {margin-left: 160px; } 
h1.post_heading {font-size: 20px; } 
.double_post .post,
.double_post .post:nth-child(even) {
    float: none;
    width: 100%;  
}
.sidebar:nth-child(odd), 
.sidebar { width: 100%; }
.footer_column {width: 48%; } 
.footer_column:nth-child(2) {float: right; } 
.footer_column:nth-child(3) {width: 100%; float: none; }
 .post {padding-bottom: 20px; }
}

@media screen and (max-width: 480px) {
.footer_column,
.footer_column:nth-child(2) {width: 100%; float: none;}
.footer_column .box { padding-bottom: 20px; }
.logo img { max-width: 75%; }
.double_post .post_pic { margin: 10px 9px 10px 0 !important; }
}

@media screen and (max-width: 479px) {
.single_post .post_pic {width: 80px; float: left; } 
.single_post .post_content {margin-left: 100px; } 
.double_post .post_pic { margin: 10px 9px 5px 0 !important; }
}

@media screen and (max-width: 320px) {
.single_post .post_pic {width: 80px; float: none; } 
.single_post .post_content {margin-left: 0; } 
}