/* Tablet size devices */
@media only screen and (max-width: 900px) {
    .center, #site, #container, .sidebar, #header-main/*, #footer-columns, .four-columns, #copyrights*/ {
        width: 670px;
        display: block;
    }

    /* header image*/
    #header-img {
        overflow: hidden;
        width: 344px;
    }
    #header-img img {
        position: relative;
        left: -160px;
    }
    #header-main-shadow, #header-main-shadow-home {
        top: -60px;
    }

    /* Sidebar */
    .sidebar {
        padding: 20px 0 20px 40px;
        float: left;
        max-width: 630px;
        /*border-top: 1px solid #aaa;*/
        background: #F1F8FB;
        margin-bottom: 0;
        min-height: 0;
    }
    .sidebar-box {
        float: left;
        margin-right: 40px;
        width: 270px;
        clear: none;
    }
    .sidebar-box:nth-child(even) {
        float: right;
    }

    /* Home page */
    #header-logo-home {
        /*margin: 0;*/
        float: none;
        width: 100% ;
    }
    #center-name-home {
        width: 100%;
        margin: 0 auto;
        left: 0;
    }
    #header-logo-home {
        background-position: 50% 0;
    }

    /* footer */
    .four-columns:nth-child(3) {
        clear: left;
    }
    .four-columns {
        width: 280px;
    }
    #copyrights {
        height: auto;
    }
    #copyrights h5, #copyrights h6, #footer {
        width: 630px;
        float: left;
        margin: 15px 40px;
        padding: 0;
        text-align: left;
    }
    .footer-widget {
        margin: 10px 0;
    }
    
    /* Calendar */
    #container.calendar-full, #container.calendar-full #content {
        width: 100%;
    }
    .calendar-full #content {
        margin-left: 0;
    }
}

/* Phone size devices (in addition to rules above) */
@media only screen and (max-width: 600px) {
    .center, #site, #header-main, #container, #content, .sidebar, #footer-columns, .four-columns, #copyrights {
        width: 100%;
        display: block;
    }
    #content, .sidebar {
        padding: 0 5%;
        width: 90%;
        margin: 0;
    }
    .sidebar {
        margin-top: 20px;
        padding-top: 20px;
    }
    .sidebar-box {
        display: none; /* gets shown via jquery link */
        float: none;
        margin-right: 0;
        width: 100%;
    }
    /* fix for amr_widget */
    .amr_widget{
       display: block; 
    }
    
    #mobile-show-sidebar {
        display: block;
        margin-bottom: 20px;
    }

    /* logo,  header image */
    #header-img, #header-img img {
        height: auto;
        width: 100%;
        max-width: 100%;
        left: 0;
    }
    #header-main-shadow, #header-main-shadow-home {
        display: none;
    }
    #header-top {
        height: auto;
    }
    #header-main {
        background-image: url("images/new-page-logo-fade-only.gif");
        background-repeat:repeat-x;
        background-size: auto 119px;
    }
    #header-logo {
        margin: 0 auto 40px;
        float: none;
        height: 119px;
        background-size:163px 119px; /* 50% */
        background-position:top center;
    }
    #center-name {
        bottom: -20px;
    }
    #center-name .line1, #center-name .line2 {
        font-size: .5em;
    }


    /* Mobile menu - style the menu icon, hide the main menu, make vertical, indent and space sub-menu */
    #mobile-menu {
        background: url("images/icon-mobile.png") no-repeat scroll 0 0 transparent;
        cursor: pointer;
        display: inline-block;
        float: right;
        height: 30px;
        margin: 16px 10px 0;
        width: 41px;
        visibility: visible;
        font-size: 10px;
        text-indent: -3.5em;
    }
    #menu-container, #menu-container-home {
        display: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .menu li {
        clear: both;
    }
    #access ul ul a {
        padding: 10px 12px;
    }
    #access ul ul {
        left: 50px;
        border-left: 1px solid #333333;
    }


    /* program listings */
    .program-main .program-image {
        width: inherit;
        max-width: 120px;
        max-height: 120px;
    }
    .program-main .program-image img {
        max-width: 120px;
        max-height: 120px;
    }
    .program h4.program-date, .program h4.program-date, .program div.program-intro  {
        margin-left: auto;
    }

    /* Home page */
    .home-col {
        width: 100%;
        float: left;
        clear: none;
        margin-right: 0;
        margin-left: 0;
    }

    /* Home slider */
    .home-full .program-image img  {
        max-width: 120px;
        max-height: 120px;
    }
    .home-full .program-image {
        height: 120px;
    }
    .home-full .program-slider {
        height: 330px;
    }
    .home-full .program-slider .program .program-intro {
        margin-left: 0 !important;
    }

    /* posts */
    .post-excerpt {
        float: left;
        width: auto;
    }
    .blog .post-image, .size-medium {
        float: none;
        width: 100%;
        height: auto;
        text-align: left;
    }

    /* Single Program */
    .program-image-detail {
        max-width: 33%;
        margin-right: 0;
    }
    .program-meta {
        float: none;
        max-width: 100%;
        clear: both;
    }

    /* Registration */
    #RegPriceInfo .oneRow, #RegProgramInfo .oneRow, #RegSubmit .oneRow, #RegCaptcha .oneRow {
        padding-left: 0;
    }
    #RegPersonalInfo label {
        width: 100%;
    }

    /* widths of bottom items */
    #copyrights h5, #copyrights h6, #footer {
        width: 90%;
        margin: 15px 5%;
    }

    #footer {
        display: none;
    }
}

/* very small screens */
@media only screen and (max-width: 300px) {
    #header-logo-home {
        background-size: 700px 140px;
        height: 165px;
    }
    #center-name-home .line1, #center-name-home .line2 {
        display: none;
    }
}

/* larger devices - revert things we hid like the menu */
@media only screen and (min-width: 601px) {
    #mobile-menu {
        display: none;
        visibility: hidden;
    }
    #menu-container, #menu-container-home {
        display: block !important;
    }
    .menu li {
        clear: none;
    }

    /* Show sidebar and footer again */
    .sidebar-box, #footer {
        display: block;
    }
    #mobile-show-sidebar {
        display: none;
    }
}