@media screen and (min-width: 950px){ 
    #masthead .hgroup:not(.masthead-sidebar) {
        display: block;
        position: relative;
        height: 150px;
    }
    
    #masthead .hgroup .support-text{
        font-size: 18px;
        color: #2c2c2c;
        position: absolute;
        right: 0;
        bottom: 20px;
    }
}
@media screen and (max-width: 1100px){   
    .layout-full .panel-row-style.panel-row-style-full-width{
        padding:20px!important;
    }
    #main{
        padding:20px;
    }
    #masthead,
    #colophon > .full-container{
        padding:0 20px;
    }
    #colophon > .full-container{
        padding-bottom:20px;
    }
    #colophon .slogan{
        padding:20px 20px;
    }
    #yoast-breadcrumbs, #navxt-breadcrumbs{
        margin-top:-12px;
    }
    #colophon .slogan{
        font-size:18px;
    }
    .layout-full .panel-row-style.panel-row-style-full-width{
        margin:0px -30px;
    }
}
@media screen and (max-width: 950px){ 

    #masthead .main-navigation .menu-top-menu-container>ul>li:not(.search){
        padding-right:0px;
    }
    #masthead .nav-container  #menu-top-menu-1 .ajaxsearchpro .probox {
        width: calc(100% - 13px)!important;
        border-bottom: 2px dotted #2c2c2c!important;
    }
    #masthead .ajaxsearchpro .probox .proinput, #masthead .ajaxsearchpro .probox .proinput, div.asp_m.asp_m_1 .probox .proinput{
        background-color:#fff;
    }
    #wpadminbar{
        display:none;
    }
    html.no-admin-bar{
        margin-top:0px!important;
    }
    .grid-spacing-10{
        margin:0px;
        display:flex;
        flex-wrap: wrap;
    }
    .grid-spacing-10 .col{
        display:block;
        width:100%;
        padding:0px;
    }
    
    .grid-spacing-10 .col-83{
        order:1;
    }
    .grid-spacing-10 .col-16{
        order:2;
        margin-top:1em;
        text-align:center;
    }
    #colophon .social-links{
        display:block;
        width:100%;
        text-align:center;
        margin-top:2em;
    } 
    #colophon .menu-top-menu-container{
        width:100%;
    }
    #main .psgal figure {
        width: 33.33%!important;
    } 
    #yoast-breadcrumbs, #navxt-breadcrumbs{
        margin-top: 5px;
        padding:0px;
    }
    #content, body .site-navigation.post-navigation {
        padding: 0px;
    }
    .layout-full .panel-row-style.panel-row-style-full-width{
        padding:10px!important;
    }
    #main{
        padding:10px;
    }
    .layout-full .panel-row-style.panel-row-style-full-width{
        margin:0px -20px;
    }
    #masthead,
    #colophon > .full-container{
        padding:0 10px;
    }
    #colophon > .full-container{
        padding-bottom:10px;
    }
    #colophon .slogan{
        padding:10px;
    }
    #secondary, #primary,
    .page-template-default #primary {
        float: none;
        width: 100%;
    }
    #secondary {
        display:flex;
        flex-wrap:wrap;
        justify-content: space-between;
        margin-bottom:2em;
    }
    #secondary > aside,
    #secondary > div.widget{
        width:calc(50% - 20px);
    }
    #main .owl-description{
        font-size:1em;
    }
}
@media screen and (max-width: 768px){  
    #magazine_section{
        display:block;
    }
    #magazine_section .panel-grid-cell{
        width:100%;
        margin-bottom:0px!important;
    }
    .magazine-preview img {
        width:33.33%;
        margin-bottom:20px
    }
}
@media screen and (max-width: 680px){  
    #main .post-list .grid-item .grid-image {
        width: 40%;
    }
    #main .owl-description{
        font-size:1.1em;
    }
    #main .psgal figure {
        width:50%!important;
    } 
    #colophon .menu{
        flex-wrap:wrap;
    }
    #colophon .menu-top-menu-container ul:not(.sub-menu) > li{
        width:50%;
        min-width:initial;
        max-width:initial;
        margin-bottom:2em;
    }
    #main .owl-theme .owlnav {
        left: -38px;
        width: calc(100% + 76px);
    }
    .post-type-archive-authors .grid-2 .grid-item{
      width:50%;
    }
}
@media screen and (max-width:599px){ 
    .magazine-preview img{
        width:45%;
    } 
}
@media screen and (max-width: 479px){ 
    .post-type-archive-authors .grid-2 .grid-item{
      width:100%;
    }
    .magazine-preview img{
        width:calc(75% - 15px);
    } 
    #secondary > aside,
    #secondary > div.widget{
        width:100%;
    }
    #main .psgal figure {
        width:100%!important;
        padding:0px;
    }
    #main .psgal_wrap {
        margin: 0px!important;
    }
}