/*
@media (min-width: 1700px) {
    .slideshow_bg {margin-left:112px}
}
@media (max-width: 1400px) {
    .slideshow_bg {margin-left:-40px}
}
@media (max-width: 1300px) {
    .slideshow_bg {margin-left:-135px}
}*/
//.slider_wrapper{overflow:hidden;}
@media (max-width: 1225px) {
    /*.slideshow {
        max-height:360px!important
    }*/
    nav.top-bar .menu-main-menu-container{
        margin-left:0px;
    }
    .slideshow .columns {
        height:100%;
    }
    #featured, .orbit-container {
        min-height:0px!important;
    }
    .orbit-container ul li {
    }
    .get_started .home-welcome-bot{width:65%}
    section.get_started h2 {
        margin-top:5%;
        font-size: 2em;
    }
    section.get_started h3 {
        font-size: 1.5em;
    }
    .get-involved  .large-3 {
        width: 25%;
    }
    .get-involved .middle-col {
        width: 50%;
    }
    
    .page-template-program-marketing .sections .activity {
        margin-left: auto;
        margin-right: auto;
        float: left;
    }

}
@media (max-width: 1115px) {
    body.page-template-page-templateslocation-default-php .top-bar{height:189px;}
    
    .side-tabs .tab-join span{
        background: url('../img/join-the-y-tab-tablet.png') no-repeat;
        height: 54px;
        width: 52px;
        margin-bottom: 10px;
        display: block;
    }
    .side-tabs .tab-contact > span{
        background: url('../img/contact-tab-tablet.png') no-repeat;
        height: 78px;
        width: 50px;
        display: block;
    }
    .side-tabs .tab-give span {
        background: url('../img/give-tab-tablet.png') no-repeat;
        height: 55px;
        width: 55px;
        display: block;
    }
    .side-tabs .tab-join {
        top: 80px;
    }
    .side-tabs .tab-give {
        top: 71px;
    }
    .side-tabs .tab-join span img,.side-tabs .tab-contact span img, .side-tabs .tab-give span img {display:none}
    .no-contact-side-tabs {
        z-index: 9999;
    }
    .no-contact-side-tabs .side-tabs .tab-give {top: -8px;}
    .side-tabs .tab-contact .content .address .medium-2, .side-tabs .tab-contact .content .phone .medium-2 {
        width: auto;
        padding: 0 5px;
    }
}
@media (max-width: 1100px) {
    nav.top-bar .logo-top {
        width: 100%;
    }
}
@media (max-width: 1000px) {
    .center1000{width:100%;}
    .center1000.location_single{padding: 20px!important;}
}

@media (max-width: 1024px){
    .advert {
    text-align: center;
}

.page-template-program-marketing .sections .activity {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.page-template-program-marketing .sections .activity:nth-child(2n) {
    float: none;
    margin-left: auto;
    margin-right: auto;
}


.page-template-program-marketing .sections .activity:nth-child(2n), .page-template-program-marketing .sections .activity {
    width: 100%;
}

.page-template-program-marketing .sections .activity:nth-child(2n) {
    float: none;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    text-align: center;
}

.page-template-program-marketing .sections .activity {
    float: none;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    text-align: center;
}

.page-template-program-marketing .sections .activity .icon {
    text-align: center;
    float: none;
    width: auto;
    margin-bottom: 15px;
}

.activity .icon img {
    width: auto;
}
.page-template-program-marketing .sections .activity .text {
    font-size: 14px;
    line-height: 1.3;
    height: auto;
    width: 100%;
    padding: 0px;
}

.page-template-program-marketing .sections .activity .button {
    font-size: 15px;
    padding: 15px 1px;
    margin: auto;
    background-color: #0B62A8;
    width: 165px;
    position: relative;
    bottom: auto;
    right: auto;
    left: auto;
    margin-top: 15px;
}


}


@media (max-width: 1030px){


    .top-bar-section{width: 100%}

    .commitment-input-wrapper .large-2{float:left;width:25%}
    .commitment-input-wrapper .large-2:last-child {width:50%;margin:0;float:left;margin-top:8px;}
    .commitment-input-wrapper{width:100%;}
    .commitment-input-wrapper .large-2:nth-child(5){margin-top:30px;width:100px;}
    .commitment-input-wrapper .large-2:nth-child(6){padding-left: 0px;
                                                    margin-top: 23px;}
    .left-panel_v2 .col-1 img{float:left}
    .left-panel_v2 .col-1 img:nth-child(1),
    .left-panel_v2 .col-1 img:nth-child(2){display:none}
    .left-panel_v2 .col-1 img:nth-child(3),.left-panel_v2 .col-1 img:nth-child(4) {clear:both}

    .page-id-11114 .inner_page_content .large-6{width:66%;}
    .page-id-11114 .inner_page_content .large-3:last-child{width:100%;}
    .page-id-11114 .inner_page_content .large-3:last-child p{float:left;width:auto;}
    #all-programs .large-3{ width:30%;}
    #all-programs .large-9{width:70%}
    #single-program .large-3{ width:30%;}
    #single-program .large-9{width:70%}
    /*    #all-programs .search-programs,  #all-programs #browse-programs{position: fixed;
    max-width: 30%;}*/
    .news-events-wrapper .item-info {
        float: left;
        width: 80%;
    }
    .news-events-wrapper .item-img {
        float: left;
        padding-right: 10px;
        width: 20%;
    }
    #collections .form-wrapper {
        padding: 0 15px;
    }
    #collections .form-wrapper .half-width-payment {
        width: 100%;
    }
    .donor_information .donor_middle .submit-button-input-wrapper {margin-bottom: 20px; overflow: hidden;}
}
@media screen and (max-width: 1024px) {
    div.center1000 {padding-left: 60px;}
    section.page-timeline  {padding-left: 60px;}
    .no-contact-side-tabs {bottom: 445px;}
    .center1000.location_single {padding-left: 60px !important;}
    .page-template-program-marketing div.center1000 {padding-left: 0;}
}
@media screen and (orientation: portrait) and (max-width: 1024px) {
    .no-contact-side-tabs {bottom: initial; top: 195px;}
    .side-tabs .tab-give {bottom: 543px;}
}
@media (max-width: 1000px) {
    .family_center_programs{
        font-size: 10px;
    }
    .family_center_programs th {
        color: #0561ae;
        font-size: 11px;
    }
    nav.top-bar{
        margin-left:0;left:0;
    }
    section.banner h3 {
        text-transform: uppercase;
        font-size: 29px;
        line-height: 29px;
    }
    #browse-programs {
        text-align: center;
        clear: both;
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
}
/*specific rule */
@media (max-width: 980px) {
    .left-panel_v2 .col-1 img{width:48%;}
    .left-panel_v2 .col-1 img:nth-child(3){clear:both}
    .search-in-nav {min-height: 0;}
    .search-in-nav .ui-btn{display:block;text-indent: -999px}
    input.search_input{float:left;width:136px;}
    .search-nav-form{
        float:left;
        position: absolute;
        width: 235px!important;
        margin-left: -177px;
        top: 40px;
        display: none;
        height: 44px;
        background: #512691;
        behavior: url(/ymca/web/wp-content/themes/ymca_2014/js/PIE.htc); border-radius: 0 0 12px 12px;
    }
    .search_btn {
        display: block;
        margin-left: 10px;
        margin-top: 0px;
        top: 0px;
        float: left;
    }
    .news-events-landing-wrapper .item{
        width: 40%!important;
        margin-right: 10%;
    }
    .item.clear{
        clear:none!important;
        width:auto;
    }
    #post-32199 .entry-content .alignright {
        float: none;
        display: block;
        margin: 20px auto;
    }
    .banner-text-trans p {
        display: none;
    }
}
@media (max-width: 900px){
    .special-offers{  }
    .banner-popup {
        top: 10%;
    }
}
@media (max-width: 900px) {

    section.banner h3 {
        text-transform: uppercase;
        line-height: 23px;
        font-size: 23px;
        color: #0662a8;
    }
    nav.top-bar{
        margin-left:0;left:0;
    }
    .orbit-slides-container img {
        display: block;
        /*        min-height: 100%;*/
    }
    body {

    }
    section.mason_content .item {
        float: left;
        max-width: 50%;
        position:relative!important;
        left:0!important;top:0!important;
    }
    section.mason_content .item.wide {
        max-width: 100%!important;position:relative!important;
        width: 100%;
    }
    .part-find-programs{margin:0 35px!important;}
    .how-to-blocks{margin-top:10px}
    .how-to-blocks p {display:block;float:left;width:50%;text-align: center}
    .get-involved .img-col, .get-involved .img-col p{text-align: center;width:100%;}
    .get-involved .small-12 {
        width: 100%;
    }
    .get-involved .middle-col img{
        min-width: 100%;
    }


}
@media (max-width: 870px) {
    .leadership-team.right-panel ul li {
        float: left;
        margin: 20px 10%;
        overflow: hidden;
        width: 29%;
        height: 260px;
        color: #666666;
    }
}
@media (max-width: 750px) {
    .orbit-container .banner-text-trans h3 {
        font-size: 20px;
    }

    .slideshow .orbit-bullets-container .orbit-bullets {
        text-align: right;
        padding-right: 10px;
    }

    section.slideshow .orbit-bullets li {
        width: 15px;
        height: 15px;
    }
}
@media (max-width: 715px) {
    body.home {
        padding-top: 45px!important;
    }
}
@media (max-width: 840px) {

    .programs-column,.news-events-column{
        width:100%;
    }
    .page-template-page-templateslocation-default-php section.banner .banner-text .banner-text-trans, .page-template-page-templateslocation-default-php section.banner .banner-text {
        height: 35px;
    }
    section.banner .banner-text {
        bottom: 20px;
    }
    .large-3 p{width:100%;text-align: center;}
    .large-3 p img{min-width:0%;width:auto;float:none;}

    .top-bar .title-area .name {
        float: left;
        /*        height: 45px;*/
        overflow: hidden;
    }
    html {overflow-x:hidden }
    .mason_nav .tabs dd{width:33.3333333333333333%!important;}
    .contact-mason{display:block}
    .contact-mason {width:33.3333333333333333%!important;}
    .contact-mason {background: url(../img/contact-repeat.jpg) repeat-x}
    section.mason_nav .tabs dd.events_news.active a:after,
    section.mason_nav .tabs dd.events_news a:hover:after,
    section.mason_nav .tabs dd.get_involved.active a:after,
    section.mason_nav .tabs dd.get_involved a:hover:after,
    section.mason_nav .tabs dd.why_the_y.active a:after,
    section.mason_nav .tabs dd.why_the_y a:hover:after,
    section.mason_nav .tabs dd.find_programs.active a:after,
    section.mason_nav .tabs dd.find_programs a:hover:after,
    section.mason_nav .tabs dd.find_programs.active a:after,
    section.mason_nav .tabs dd.find_programs a:hover:after,
    section.mason_nav .tabs dd.locate_your_y.active a:after,
    section.mason_nav .tabs dd.locate_your_y a:hover:after{
        background:none;border:none;display:none
    }
    .locate_y_container {
        width: 90%!important;
        margin: 0 5%;
    }
    section.mason_content .locate_y_container input.zip{
        float:left;
        left:0!important;margin-right:10px;
    }
    .start-c {display:none;
              float:left;width:auto!important;margin-right:10px;
    }
    .zip-c {
        width:auto!important;margin-right:10px;
        margin-top:7px;
    }
    .distance-c{width:auto!important;margin-right:0px;margin-top:12px;float:right!important;}
    section.mason_content .locate_y_container .search{padding:0!important}
    section.mason_content .locate_y_container .search form{margin-top:0px;}
    section.mason_content .locate_y_container input{margin-bottom:0px}
    .content.js-masonry.active{max-width:90%!important;margin:0 5%;}
}

/*fix for menu length*/
@media  screen and (max-width: 800px) and  (orientation:portrait)  {
    .menu-item-has-children > a:after {right:10px!important;}
    .menu-item-has-children a {
        padding-right: 16px !important;
        padding-left: 3px!important;
    }
}

@media (max-width: 810px) {
    .page-template-program-marketing .sections .activity {
    margin-left: auto;
    margin-right: auto;

}
   
}

@media (max-width: 800px) {
    .small-offset-7 {
        margin-left: 50.33333% !important;
    }
    .orbit-container .orbit-prev{left:2px;}
    .orbit-container .orbit-next{right:2px;;}
    section.banner p{
        line-height: 14px;
    }
    #all-programs .large-3, #single-program  .large-3{ width:100%;}
    #all-programs .large-9, #single-program .large-9{width:100%}
    .pay-col-1 {float: left; width: 100%}
    .pay-col-2 {float: left; width: 100%}
    .give .left-panel_v2 #trigger img{min-width:0;width:auto;}
    .donor_content .volunteer_wrapper {top: 10px;}
    .donor_information .donor_middle .volunteer_wrapper > label {position: static;}
    .donor_information .donor_middle .volunteer_wrapper > input[type="text"] {margin-left: 15px;}
    div#pop-up2 {right: -107px; top: -90px; }
    div#pop-up2 > p {margin: 0; padding: 10px;}
}

@media (max-width: 768px) {
    
    .page-template-program-marketing .sections .activity {
        float: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: auto;
}

.page-template-program-marketing .sections .activity:nth-child(2n) {
    float: right;
    left: auto;
    margin-left: auto;
    margin-right: auto;
}
    
}

@media (max-width: 750px) {
    #menu-main-menu a{font-size:72%;}
    .involved-form .commitment-input-wrapper li {width: 49%;}
    .commitment-element-wrapper .input-wrapper > ul > li:last-of-type {width: auto;}
    .donor_information .donor_middle .volunteer_wrapper > label {position: static; bottom: 0; right: 0;}
    .donor_information .donor_middle .volunteer_wrapper {margin-top: 10px;}
}
@media (max-width: 715px) {
    .designation-input-wrapper p {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
}
@media (max-width: 700px) {
    li.right.hide-for-small.search-in-nav {
        position: absolute;
        background: #0561ae;
        top: -89px;
    }
}

@media (max-width: 710px) {
    
    .page-template-program-marketing .sections .activity {
        float: none;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: auto;
}

.page-template-program-marketing .sections .activity:nth-child(2n) {
    float: none;
    left: auto;
    margin-left: auto;
    margin-right: auto;
}
    
}

@media (max-width: 655px) {
    .commitment-element-wrapper .input-wrapper > ul > li:last-of-type label {float: right;}
    .donor_information .donor_middle .commitment-input-wrapper ul li:nth-of-type(5) input[type='radio'] {top: 8px;}
    .donor_information .donor_middle .commitment-input-wrapper ul li input[type='radio'] {top: 25px;}
    .donor_information .donor_middle .commitment-input-wrapper input[type="text"] {float: none; clear: both; margin: 0; margin-top: 20px;}
    .donor_information .commitment-input-wrapper .ui-radio {float: none;}
    .donor_information .donor_middle .volunteer_wrapper {clear: both; margin-top: 0;}
    .volunteer_wrapper a.give_question_mark2 {
        float: right;
        bottom: 28px;
        left: 30px;
        top: initial;
    }
    .commitment-element-wrapper .input-wrapper > ul > li:last-of-type {margin-top: 0;}
    .commitment-element-wrapper .designation_options .ui-radio, .donor_information .donor_middle .designation-element-wrapper .ui-radio {
        overflow: hidden; 
        float: left;
    }
    .donor_information .donor_middle .designation-element-wrapper .ui-radio {width: 100%;}
    .commitment-element-wrapper .designation_options .ui-radio label {
        font-size: 15px;
        text-align: left;
        display: block;
        float: right;
        clear: both;
    }
    .donor_information .donor_middle .designation-element-wrapper .ui-radio label {
        font-size: 15px;
        text-align: left;
        display: inline-block;
    }
    .commitment-element-wrapper .designation_options .ui-radio input[type="radio"], .donor_information .donor_middle .designation-element-wrapper .ui-radio input[type="radio"] {
        float: left; 
        margin-right: 5px;
        display: inline-block;
    }
    .donor_information .donor_middle .designation-element-wrapper .ui-select #family_center-button span {
        display: none;
    }
    div#pop-up2 {right: 1px; top: -5px;}
}
@media (min-width: 640px) {
    .mobile-title{
        display: none;
    }
}
@media (max-width: 640px) {
    .view-parent-resource{margin-left:0;}
    .location_single .content_center .opening_paragraph {
        width: 100%;
    }
    .location_single .content_center p.disney-logo {
        width: 100%;
        margin-right: 40%;
    }
    .location_blog_container a img {
        width: auto;
    }
    .download-schedules{
        padding-left:0px;
    }
    #panel-hours {
        float: left;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
    .center1000.location_single {
        padding: 0px!important;
    }
    
    section.banner .banner-text {
        display:none;
    }
    section.banner .banner-text h3, section.banner .banner-text p{
        color:#000;
    }
    .special-offers {
    position: absolute!important;
    top: 50px;
    right: 16px;
    font-size: 16px!important;
    padding: 11px 25px !important;
    background: #f37a1f;
    width: 219px!important;
    }
    
  	section.banner .vplay { 
	
	position: absolute!important;
	top: 100px;
	
	}  
 
    .banner-popup{display:none}
    nav.top-bar .logo-top{display:none;}
    html .nav-wrapper{
        position: fixed;
        margin-top: 0px;
    }
    body .faux-submenu {display:none;}
    .small-offset-7 {
        margin-left: 42.33333% !important;
    }
    body.page .top-bar {
        background: #317fc9;
        position:fixed;
    }
    body.page.home nav.top-bar .logo-top {
        display:none;
    }
    nav.top-bar .menu-main-menu-container {
        margin-left:0px;
    }
    #advanced-search #keyword-search input[type="text"] {
        width: 100%;
        float: left;
        margin-right: 0;
    }
    #advanced-search .row{width:100%;}
    #advanced-search input[type="checkbox"] {
        float: left;
        position: relative;
        top: 0px;
        margin-top: 10px;
    }
    #advanced-search label {
        float: right;
        padding: 10px;
        width: 90%;
        line-height: 1;
    }
    #advanced-search {padding:0 15px;}
    #advanced-search #keyword-search .ui-btn{text-indent: -99px;float:left;}
    #advanced-search .ui-checkbox{float:left;width:100%;}
    .page-id-11114 .inner_page_content .large-6{width:100%}
    .gift-card-link img{float:left;width:160px!important}
    .gform .inner_page_content ul {
        margin-left: 0px;
    }
    .gform_title, .gform_heading, .gform_description{width:100%}
    .gform_wrapper h3 {
        font-size: 32px;
        font-weight: bold;
        margin: 0 auto;
        color: white;
        padding-top: 20px;
        width: 100%;
        text-align: center;
    }
    .gform_wrapper .ginput_container input, .gform_wrapper .ginput_container textarea{
        max-width:100%;
    }
    .gform_wrapper {
        width: 100%;
    }
    .gform_wrapper .gform_footer input {
        margin-left: 60%;
    }
    .gform_wrapper .gform_footer .ui-btn {color:#fff;}
    .gform_body,.gform_title,.gform_heading,.gform_description{float:left;width:100%;}
    .page-id-786 .large-3{display:none}
    .donor_information .donor_bottom{width:100%;}
    .left-panel_v2 {margin:10px}
    .row .row{width:96%; margin:0 2%;}
    .page-template-page-templatesactivity-item-level-view-php #item-detail{
        width:96%;margin:0 2%;
    }

    .city-element-wrapper,.state-element-wrapper {width:50%!important;margin-left:0!important;}
    .zip-element-wrapper, .birthday-element-wrapper{width:100%!important;margin-left:0!important}
    .donor_information .donor_middle .birthday-selects {float: none; margin-left: 0;}
    .birthday-input-wrapper .group_label {display: block;}
    .birthday-input-wrapper .ui-select{float:none;margin-right:10px;display:inline-block;}
    .birthday-input-wrapper .ui-select:last-child{float:none;margin-right:0px;}
    .donor_information .ui-radio {float:left;}
    .give .left-panel_v2 .col-1 img:nth-child(2),.give .left-panel_v2 .col-1 img:nth-child(3){
        margin-left:2%;
        width: 48%;
        min-width:48%!important;
    }
    .give .left-panel_v2 .col-1 img:nth-child(4){
        clear:both
    }
    .give .left-panel_v2 .col-1 img:nth-child(1),.give .left-panel_v2 .col-1 img:nth-child(2){
        display:none;
    }

    .give .left-panel_v2 .col-1 img{min-width:50%!important;width:50%;float:left}
    #activity-detail{width:90%;margin:0 5%;}
    #activity-detail.w-sidebar #content, #activity-detail.w-sidebar #content iframe{width:100%;}
    #activity-detail.w-sidebar #content img {width:100%;}
    .program-sidebar.right-sidebar{display:none}
    .y-locations .large-4:nth-child(2n+1){
        clear:both;
    }
    .y-locations .large-4:last-child{float:left}
    .location_single .content_center{
        width: 90%;
        margin: 0 5%;
    }
    .location_single .sidebar_default{
        width: 80%;
        margin: 0 10%;
    }
    .location_single .sidebar_default .full-width-img, .location_single .sidebar_default .linebreak{min-width:100%;}
    .location_blog_container p {
        float: left;
        width: 100%;
        font-size: 12px;
    }
    .slider_wrapper {
        margin-bottom: 33px;
    }
    .location_single .sidebar_default .accordion, .location_single .sidebar_default .section_links{
        float: left;
        width: 100%;
    }
    .location_single .sidebar_default .section_links {margin-bottom: 60px!important;
    }
    .location_single .sidebar_default .section_links:nth-child(2) {
        margin-top: -58px;
    }
    .panel_hours > dd > a, .panel_contact > dd > a { }
    #panel-hours, #panel-contact, #panel-pool-hours, #panel-child-development-hours, #panel-schedules {display:block!important;}
    .accordion.panel_pool_hours, .accordion.panel_child_development_hours{width:100%!important}

    .page-id-32199 .large-3.medium-4 {display:none;}
    .partners_panel .row:first-child .middle_panel {
        float: left;
        width: 100%;
        padding-left: 0;
        overflow: hidden;
    }
    .row:nth-child(2) .rightside_panel{width:75%;margin:0;margin-left:25%;padding-left:0px;margin-top:10px}
    .partners_panel .middle_panel {
        float: left;
        width: 75%;
        padding-left: 0;
        overflow: hidden;
    }
    .partners_panel #partner_links {
        position: relative;
        width: 310px;
        display: block;
        padding-left: 0;
        margin: 0 auto;
        float:none;
    }
    .partners_panel .leftside_panel {
        float: left;
        width: 25%;
    }
    #partner_links ul{float: left;
                      width: auto;
                      margin: 0;}
    .column, .columns { padding:0px}
    .partners_panel .find-outs, .page-id-1575 .entry-header {display:none}
    .leadership-team.right-panel ul.board-members li {
        font-size: 17px;
    }
    .leadership-team.right-panel ul li {
        float: left;
        margin: 0 20%;
        width: 60%;
        height: auto;
    }
    body.home {
        padding-top:  0px;
    }
    body {
        padding-top: 48px;
    }

    .membership_accordion ul li {
        list-style: none;
        width: 100%;
        float: left;
        margin-bottom:15px;
    }
    .membership_accordion ul li p {margin-bottom:0px;}
    .search-programs select {
        width: 100%;
    }
    .ui-select .ui-btn span  {
        display:none;
    }
    .form-submit .ui-btn  {
        text-indent: 999px;
        max-width:300px;
        line-height:0px;overflow: hidden;
        display: inline-block;
    }
    html .nav-wrapper ul > li > ul > li > ul {
        top: 0px;
        left: 0px;
        width: 240px;
        padding-left: 0;
        position: absolute;

    }
    html .nav-wrapper ul > li:hover > ul {display:none}
    .mobile-clear{clear:both}
    .clear{clear: none}
    .news-events-landing-wrapper .item{width:47%!important;min-height:200px;margin-right:3%;}
    .cat-mobile-expand{color:#fff;font-size:20px;display:block;background:#117fc3;text-align:center;padding:10px 0;cursor:pointer;}
    .cat-mobile-expand span{font-size: 14px}
    .news-events-wrapper .item-info{width:70%;}
    .news-events-wrapper .item-img {
        display:block;
        padding-right: 10px;
        width: 26%;
    }
    .left-press .categories{
        padding:4px;
        float:left;
        width:100%;
        background: #117fc3;
        border:solid 1px #117fc3;
        margin-bottom:20px;-webkit-behavior: url(/ymca/web/wp-content/themes/ymca_2014/js/PIE.htc); border-radius: 8px;
        -moz-behavior: url(/ymca/web/wp-content/themes/ymca_2014/js/PIE.htc); border-radius: 8px;
        behavior: url(/ymca/web/wp-content/themes/ymca_2014/js/PIE.htc); border-radius: 8px;
    }
    .left-press .categories .cat-top,.left-press .categories .cat-foot {display:none;}
    .left-press .categories .cat-mid{display:none;background:#117fc3}
    .left-press .categories .cat-mid li{float:left;width:100%;}
    .left-press .categories .cat-mid h4{float:left;width:50%;}
    .left-press .categories .cat-mid ul{float:left;width:50%;}
    .inner_page_content{ margin: 0 3%;padding:0;width:auto;}
    html  .nav-wrapper ul li{padding:20px 15px;width:100%;}
    .menu-item-has-children > a:after {top:22.5px!important;}
    html  .nav-wrapper ul > li > ul{z-index:999;top: 58px;}
    .current-menu-parent{background:#512691}
    .menu-item-has-children li.menu-item-has-children a:after {
        top: 17.5px!important;
    }

    .search-results-page .search-programs{position:static;width:90%;margin:0 5%;}
    .search-results-page .search-programs img{width:auto;}
    .search-results-page .search-programs  .ui-btn {display:none}
    .search-results-page h1{text-align:left!important;font-size:20px;}
    html  .nav-wrapper ul > li > ul{behavior: url(/ymca/web/wp-content/themes/ymca_2014/js/PIE.htc); border-radius: 0!important;padding-left: 0px;padding-top: 0px;}
    html  .nav-wrapper ul > li > ul li{padding: 8px;padding-left: 30px;border-bottom: solid 1px; float: none;}
    html  .nav-wrapper ul > li > ul li:last-child{border-bottom: none;}
    html .nav-wrapper ul > li > ul{top:58px;width:100%;left:0px;padding:0px;background: #c02291;}
    html .nav-wrapper ul > li:hover {background: #512691;}
    .top-bar-section li:not(.has-form) a:not(.button) {line-height: 25px;}
    html  .nav-wrapper ul li{    -webkit-transiton: margin-top 0.5s;
                                 -moz-transition: margin-top 0.5s;
                                 -ms-transition: margin-top 0.5s;
                                 -o-transition: margin-top 0.5s;
                                 -transition: margin-top 0.5s;}
    select#family_center,
    .birthday-element-wrapper,
    .gender-div, .gender-div select
    {width:100%!important;}
    .donor_information .donor_middle .donor_content, .donor_middle,.donor_top{
        width:100%!important
    }
    .membership_accordion .accordion .content{
        padding: 18px;
    }
    .give .left-panel_v2 img{width:100%}
    .acc-image img{display:none;}
    #browse-programs {
        text-align: center;
        float: left;
        width: 100%;
        height: 36px;
    }
    .page-template-page-templatessearch-results-php  .right-sidebar a:first-child{margin-right:5%}
    .page-template-page-templatessearch-results-php  .right-sidebar a:last-child{margin-left:5%}
    .page-template-page-templatessearch-results-php  .right-sidebar a{float:left;width:45%;}
    .page-template-page-templatessearch-results-php  .right-sidebar,
    #search-results.w-sidebar #content{
        width:100%!important;
    }
    .page-template-page-templatesall-programs-php .banner .medium-3,
    .page-template-page-templatesprogram-single-w-sidebar-php .banner .medium-3,
    .page-template-page-templatesprogram-landing-php .banner .medium-3,

    #all-programs .program .activities {
        float: right;
        width: 55%;
        margin-left: 5%;
    }
    #all-programs .program img {
        max-width: 100%;
    }
    #all-programs .program .single-activity {
        float: left;
        width: 100%;
        padding: 3%;
    }
    #all-programs .program .more-button {
        width: 96%;
        padding: 4px 24px;
        line-height: 38px;
        display: block;
        clear: both;
        text-align: center;
        margin-bottom: 8px;
        margin-right: 8px;
    }
    .activities .row{
        width:auto;
        margin:0!important;
        float:left;
        width:100%;
    }
    .locations-grid {
        margin-top: 15px!important;
        padding: 0px!important;
        padding-top: 15px;
        width: 96%!important;
        margin-right: 3%!important;
        margin-left: 3%!important;
    }
    .y-locations .large-4:after{clear:both}
    .y-locations .large-4{display:table-cell; float:left;width:50%;padding: 0 6px;}
    section.mason_content .locate_y_container h5 {
        height: 45px;
    }
    section.mason_content .locate_y_container p {
        height: 70px;
    }

    body .part-find-programs{height:auto!important;margin:0px!important;}
    section.mason_content .large-9 .item.third{
        max-width: 50%!important;
    }
    .top-bar-section ul {
        background:none;
        z-index:999;
    }
    .top-bar-section ul li {
        padding: 20px;
        position: relative;
    }
    .top-bar .toggle-topbar.menu-icon a:after {
        right: 14px;
        top: 7px;
    }
    body .top-bar .toggle-topbar.menu-icon {
        background:#317fc9;
        right: 0px;
        top: 0%;
        height: 50px;
        margin-top: 0px;
        width: 55px;
        padding-left:0px;
    }
    .top-bar-section .dropdown {
        left:0;
    }
    body .top-bar .toggle-topbar.menu-icon  a{
        padding-right:0px;
    }
    body nav.top-bar, body nav.top-bar.expanded, .top-bar.expanded .title-area{
        background:url('../img/mobile-nav-bg.png') repeat-x;
        height:50px!important;
    }

    body .top-bar .name {
        height: 50px;
    }
    nav.top-bar{overflow: visible!important;position:fixed;}
    .nav-wrapper{
        min-height:380px;
        width:0px;
        display: block;
        border: solid 2px;
        border-right: none;
        right: -2px;
        position: fixed;
        height: auto;
        top: 50px;
        bottom: 0px;
        background: #317fc9;

        transition:width .6s;
        -webkit-transition: width .6s; /* Safari */
    }
    .search-in-nav-mobile{
        display: block;
        right: 70px;
        top: 0%;
        margin-top: 9px;
        position: absolute;}
    .search-in-nav-mobile form{
        padding: 6px 0;
        margin-left: -181px;
    }
    .top_content .row div:first-child{text-align:center}
    .top_content .row div:first-child img{width:auto!important;}
    .search-in-nav-mobile .mag {

        margin-top: 3px;
        float: right;
    }
    .banner .medium-3, .banner .medium-5 {
        width: 27%;
        float: left;
    }
    .banner .medium-9{
        width: 70%;margin-left:3%;
        padding-top: 8px!important;
    }
    .banner .medium-4{width:35%;}
    .banner .medium-5 h3 {
        font-size: 18px;
    }
    .banner .medium-5 p{line-height: 15px;}

    section.mason_nav .tabs dd.locate_your_y {box-shadow:none}
    .sponsor_footer{
        float: left;
    }
    section.footer{padding: 0px 0;}
    .top_footer{background:#307ec9;color:#fff;}
    section.top_footer {
        padding-bottom:0px;
        padding-top: 18px;
    }
    section.top_footer .social_media{
        padding-bottom: 20px;
        width: auto;
        float: none;
        margin-right: 0;
    }
    section.top_footer li.facebook {
        background: url(../img/icon_mobile_fb.png) no-repeat;
    }
    section.top_footer li.youtube {
        background: url(../img/icon_mobile_yt.png) no-repeat;
    }
    section.top_footer li.linkedin {
        background: url(../img/icon_mobile_li.png) no-repeat;
    }
    section.top_footer li.twitter {
        background: url(../img/icon_mobile_twitter.png) no-repeat;
    }
    section.top_footer li.rss {
        background: url(../img/icon_mobile_rss.png) no-repeat;
    }
    .social_media{
        display:inline;
    }
    .social-parent{
        text-align:center;
    }
    section.top_footer .social_media li{width:54px;height:56px;}
    .dr-p-logo{margin-top: 15px;width:100%;text-align: center }
    .dr-p-logo img{
        width: auto;
        display: inline!important;
    }
    .footer-mission{ }

    section.footer .large-12{padding:20px;display: table;}
    section.footer .large-12 .large-2:nth-child(2n+1) { clear: both; }
    section.footer .large-12 .large-2{
        width:100%!important;
        float:left;
        text-align:center;
        display: table-cell;
        margin-bottom:10px;
    }
    section.footer p, section.footer li, section.footer li a {
        font-size: 19px;
    }
    section.footer h4 {
        font-size: 21px;
    }
    section.get_started p.button_group {margin-right:0px!important}
    a.button.right_arrow {width:100%;background: url(../img/right_arrow.png) no-repeat 93% center #01a492;
                          padding-right: 17%;
    }
    .get_started .home-welcome-bot {width:100%;}
    section.top_footer p, section.top_footer h6 {
        color: #fff;
        line-height: 13px;
        font-size: 12px;
    }
    .inner_page_content h1{
        text-align:center;
    }

    .floatUp{

    }

    .paycamp .grand_total_container {
        text-align: left;
        font-size: 18px;
    }
    .paycamp .element-wrapper {
        width: 90% !important;
        float: none !important;
        margin-left: 0 !important;
    }
    .paycamp .element-wrapper select {
        max-width: 100%;
    }
    .paycamp .grand_total_container {
        text-align: left;
        margin-top:20px;
    }

    .paycamp .col {
        float: none !important;
        width: 100% !important;
    }
    .paycamp .ccv {
        display: none;
    }
    #collections .billing-info .ui-select {
        clear: both;
    }
    #collections .billing-info #billing_first_name, #collections .billing-info #billing_address {
        margin-right: 4%;
    }
    #collections .credit-card-info span {
        display: none;
    }
    #collections .credit-card-info #select-31-button select {margin: 0;}
    #collections .form-wrapper:last-child .ui-checkbox label {
        display: inline-block;
        margin-top: 9px;
    }
    #collections .form-wrapper:last-child .ui-checkbox input[type=checkbox] {
        float: left;
    }
    #collections .billing-info #billing_first_name, #collections .billing-info #billing_last_name,
    #collections .billing-info #billing_address, #collections .billing-info #billing_city,
    #collections #member-information-form input[type=text], #collections #member-information-form input[type=email] {
        width: 100%;
    }
    #collections #member-information-form #member_zip {
        width: 73%;
    }
    .family_center_programs td img{width:auto;}
    div.center1000 {padding-left: initial;}
    section.page-timeline  {padding-left: initial;}
    .no-contact-side-tabs .side-tabs .tab-join span, .side-tabs .tab-join span {
        background: url('../img/join-mobile.png') no-repeat;
        height: 45px;
        width: 45px;
        margin: 0;
    }
    .no-contact-side-tabs .side-tabs .tab-give span, .side-tabs .tab-give span {
        background: url('../img/give-mobile.png') no-repeat;
        height: 45px;
        width: 45px;
    }
    .side-tabs .tab-contact span {
        background: url('../img/contact-mobile.png') no-repeat;
        height: 45px;
        width: 75px;
    }
    .side-tabs {
        display: table;
        top: 0;
        height: 45px;
    }
    .side-tabs .tab-join, .side-tabs .tab-give, .side-tabs .tab-contact {
        top: 0;
        bottom: initial;
        position: static;
        float: none;
        width: auto;
        padding: 2px 10px;
        display: table-cell;
        vertical-align: middle;
    }
    .no-contact-side-tabs {
        top: 0;
        height: 50px;
        display: table;
    }
    .no-contact-side-tabs .side-tabs {
        display: table-row;
    }
    .no-contact-side-tabs .side-tabs .tab-join, .no-contact-side-tabs .side-tabs .tab-give {
        top: 0;
        bottom: initial;
        position: static;
        float: none;
        width: auto;
        padding: 5px 15px;
        display: table-cell;
        vertical-align: middle;
    }
    .side-tabs .tab-contact .tab {
        position: inherit;
    }
    .side-tabs .tab-contact .insert {
        margin-left: 0;
        top: 50px;
        position: absolute;
        display: none;
        width: 300px;
        height: auto;
    }
    .side-tabs .tab-contact > span {
        position: static;
    }

    .banner-text .banner-text-trans {
        left:0;
        background: url(../img/contact-repeat.jpg) center center repeat-x;
    }

    .orbit-container .orbit-slides-container {
        box-sizing: content-box;
        padding-bottom: 48px;
    }

    .orbit-container .orbit-slides-container a.button {
        width: auto;
    }
    .donor_information .donor_middle .designation-element-wrapper .ui-radio {
        width: auto;
    }
    .donor_information .donor_middle .designation-input-wrapper > label {width: auto; margin: 0; float: none;}
    
    
    .activity .icon img {
    width: auto;
}
    
}
@media (max-width: 550px) {
    .family_center_programs table tr th, .family_center_programs table tr td {
        padding: 4px;
    }
    .involved-form .commitment-input-wrapper li {width: 100%;}
}
@media  screen and (max-width: 500px) and  (orientation:portrait)  {
    .slideshow {display:none;}
    #donor-information-2 .quform-elements div {width:100%;}
}
@media (max-width: 500px) {
    .family_center_programs td img{width:auto;}
    .slideshow {display:none;}
    .mason_nav .tabs dd{width:50%!important;}
    .contact-mason {width:50%!important;}
    
    
    .special-offers {
    
    position: relative!important;
    top: 20px; 
    }
    
	
	section.banner .vplay { 
	
	position: absolute!important;
	top: 10px;
	
	}
    
    
    
    
}
@media (max-width: 480px) {
    .news-events-landing-wrapper .item{width:100%!important;}
    .banner .medium-5 p{
        display:none;
    }
    .banner .medium-5 h3 {
        font-size: 18px;
        text-align: center;
        margin-top: 16%;
    }
}
@media (max-width: 450px) {
    .family_center_programs table tr th, .family_center_programs table tr td {
        font-size:9px;
    }
}
@media (max-width: 430px)  {
    .footer-mission{width: 50%;float:left;margin-top:8px;}
    .sponsor_footer {
    }
    .sponsor_footer img{min-width:auto;}
    .foot-logo{width:50%;float:left;margin-bottom: 25px;}
}
@media (max-width: 400px)  {
    section.footer p, section.footer li, section.footer li a {
        font-size: 15px;
    }
    section.footer h4 {
        font-size: 17px;
    }
}

@media (max-width: 380px)  {
    .y-locations .large-4{width:100%;}
    section.mason_content .locate_y_container h5 {
        height: auto
    }
    section.mason_content .locate_y_container p {
        height: auto;
    }

}


@media (max-width: 380px)  {
.page-template-program-marketing .sections .activity:nth-child(2n), .page-template-program-marketing .sections .activity {
    width: 100%;
}

.page-template-program-marketing .sections .activity:nth-child(2n) {
    float: none;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    text-align: center;
}

.page-template-program-marketing .sections .activity {
    float: none;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    text-align: center;
}

.page-template-program-marketing .sections .activity .icon {
    text-align: center;
    float: none;
    width: auto;
    margin-bottom: 15px;
}

.activity .icon img {
    width: auto;
}
.page-template-program-marketing .sections .activity .text {
    font-size: 14px;
    line-height: 1.3;
    height: auto;
    width: 100%;
    padding: 0px;
}

.page-template-program-marketing .sections .activity .button {
    font-size: 15px;
    padding: 15px 1px;
    margin: auto;
    background-color: #0B62A8;
    width: 165px;
    position: relative;
    bottom: auto;
    right: auto;
    left: auto;
    margin-top: 15px;
}



}