@media only screen and (max-width: 1225px) {
    .inner_wrap {
        padding: 0px 20px 20px 20px;
    }
    h1.title {
        padding: 25px 0 0 0;
        margin: 0;
        font-size: 34px;
    }
    img#logo {padding:10px 0 0 10px}
}
@media only screen and (max-width: 1100px) {
    h1.title {
        padding: 20px 0 0 0;
        margin: 0;
        font-size: 32px;
    }
    .single-post h1.title  { padding: 5px 0 0 0;
        margin: 0;
        font-size: 30px;}
    .sow-features-feature  {width:31.3% !important; min-height:285px;}
    .sow-features-list .sow-features-clear {display: none; }
	img.alignright , img.alignleft {max-width:50%; height:auto;}
}
@media only screen and (max-width: 780px) {
    h1.title,  .single-post h1.title {
        font-size: 32px;
    }
    
    .mobilehead {display: block !important}
    .titlez {display: none;}
    .mobilehead .fimg {margin:0;}
    .mobilehead h1, .mobilehead h2 {padding:10px 20px 0; margin:0; color:#0f5170; font-weight: bolder;    }
    .home h3.widget-title {
        font-size: 30px;
        padding-top: 15px;
    }
    .sow-features-feature  {width:48% !important}

    h1.entry-title {
        font-size: 30px;
    }
    p,
    .button,
    li {
        font-size: 17px
    }
    .cstudy img {
        width: 30%;
        height: auto;
        max-height: none;
        float: left;
        margin: 0 20px 20px 0;
    }
    .cstudy {
        padding-bottom: 30px;
    }
    img.aligncenter {
        max-width: 90%;
        margin: 0 auto;
    }
    .flex_10,
    .flex_20,
    .flex_25,
    .flex_33,
    .flex_40,
    .flex_50,
    .flex_60,
    .flex_66,
    .flex_75,
    .flex_80,
    .flex_90,
    .flex_100 {
        width: 100%;
        padding: 0;
    }
    .person:nth-child(4n), .cstudy:nth-child(4n),
    .person {
        width: 45%;
        padding: 0 5% 5% 0;
        min-height:360px;
    }
    .single .portrait,
    .single .bio {
        width: 100%;
    }
    .oneevent h3 img {
        max-width: 50%;
    }
    .alignright,
    .alignleft {
        max-width: 45%;
    }
    #masonrycontainer .masitem {
        width: 45%;
    }
}
@media only screen and (max-width: 600px) {
     .sow-features-feature  {width:96% !important; padding:2% !important; min-height:0; float: none !important; margin:0 auto 20px !important;}
    .mobilehead h1{font-size:25px;    }
    .cstudy img {
        width: 100%;
        height: auto;
        max-height: none;
        float: left;
        margin: 0 20px 20px 0;
    }
    #panel-5-3-0-0 > div,
    #panel-5-3-0-0 > div p {
        padding: 0 !important;
        text-align: left !important
    }
    h5 a br {
        display: none;
    }
    .oneevent h3 img {
        max-width: 100%;
    }
    #header {
        padding-top: 5px
    }
    .inner_header_wrap {
        margin-bottom: 10px;
    }
    .faqs #masonrycontainer .masitem,
    .post-type-archive-publication #masonrycontainer .masitem,
    .tax-publication_category #masonrycontainer .masitem {
        width: 95%;
    }
    img.alignright,
    img.alignleft,
    .alignright img,
    .alignleft img,
    .blogitem img {
        float: none;
        max-width: 100%;
        width: 100% !important;
        height: auto;
        padding: 0;
        margin: 0 0 10px;
        text-align: center;
    }
    ul.catz li a {
        padding: 10px 0px!important;
        display: block;
        width: 45%;
        float: left;
        ;
    }
    ul.catz li {
        padding: 0;
        margin: 0;
        float: none !important;
        display: block !important;
    }
    ul.catz li:after {
        content: ""
    }

    .person:nth-child(4n), .cstudy:nth-child(4n),
    .person {
        width: 100%;
        padding: 0 0 5% 0;
    }
}
@media only screen and (max-width: 580px) {
    h1.title {
        font-size: 22px;
        padding-top:4%;
    }
    .alignright,
    .alignleft {
        max-width: 100%;
    }
}