#three_column_mid_section:after,
#about_section:after  {content: ""; display: table; clear: both;}

img {max-width:100%;height:auto;}
/* Responsive Menu */
.mainNav {display:none;}
nav.mobile {display:block;}
#showLeft { display:block;position:absolute;bottom:20px;right:10px;font-size: 28px; color:#0A5E77; border: none; cursor: pointer; background:none; text-align: center; }
.cbp-spmenu { display: block; background: #0A5E77; position: fixed;overflow:scroll;}
.cbp-spmenu ul {list-style:none;margin:0;padding:0;}
.cbp-spmenu a { display: block; color: #fff; font-size: 14px; line-height: 1.1;text-decoration: none;border-top: 1px solid #0283D4; padding: 5px 10px}
.cbp-spmenu ul li ul a {padding-left:25px;font-size:12px;}
.cbp-spmenu li.current-menu-item > a, .cbp-spmenu a:hover {background:#0283D4;border-top:1px solid #0A5E77;}
.cbp-spmenu-vertical { width: 240px; height: 100%; top: 0; z-index: 1000 }
.cbp-spmenu-left { left: -240px }
.cbp-spmenu-left.cbp-spmenu-open { left: 0 }
.cbp-spmenu { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }



/* #Base 960 Grid
================================================== */

#page { position:relative; width:90%; max-width:960px; margin: 2em auto; padding:0; box-sizing:border-box; }

/* Larger than mobile */
@media (min-width:400px){

}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width:550px){

}

/* Larger than tablet */
@media (min-width:750px){

}

@media (min-width:960px) {
    nav.mobile,
    #showLeft{ display:none }
    #bbb_ribbon,
    #access div {display:block;}

    .header-top {padding:0;}
    #branding hgroup {float: left;width: 350px;}
    #branding hgroup img {padding: 4% 0 ;}
    #contact_header {float: right;width: 225px;text-align: right;margin: 18px 35px 0 0;line-height:1.6;}
    #contact_header span {font-size:15px;}

    #primary {	float: left;margin: 0 -31.4% 0 0;width: 100%;}

    .column {width: 27%;}
    .left {float: left;margin: 15px 0 0 50px;}
    .middle {float: left;margin: 15px 0 0 45px;}
    .right {float: right;margin: 15px 50px 0 0;}

    #about_section {width: 100%;}
    #about {float: left; width: 50%;margin: 0 0 0 50px;}
    #photo_gallery {display:block;float: right;width: 35%;margin: 3% 5% 0 0;}

    #first {width: 250px;height: 167px;}
    #second {width: 175px;height: 167px;}
    #first, #second {border:none;border-right: solid 1px #ccc;}
    #supplementary.three .widget-area {float: left;}

    .textwidget {margin-bottom: 24%;padding-bottom:0;}

    .footer_contact {padding: 0 0 2.5%;font-size:16px;}

    #content {margin: 3% 34% 0 7.6%;width: 56.4%;}
    #secondary {float: right;margin-right: 5.6%;margin-top: 9%;margin-bottom: 5%;width: 25.8%;}


}

/* Larger than desktop */
@media (min-width:1100px){


}

/* Larger than Desktop HD */
@media (min-width:1200px){

}

@media  (max-width:749px){

}