.show-phone {
    display: none !important;
}
.show-tablet {
    display: none !important;
}
.show-screen {
    display: inherit !important;
}
.hide-phone {} .hide-tablet {} .hide-screen {
    display: none !important;
}
/***** Tablet (Smaller than 959px) *****/
@media only screen and (max-width: 959px) {
    .content-container .midcol.wide-midcol img.cms_paragraph_image.left, 
    .content-container .midcol.wide-midcol img.cms_paragraph_image.right {
        width: 100%;
    }
    .content-container .midcol.wide-midcol img.cms_paragraph_image.right[title="Join now"] {
        width: auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    body.policy {
        background-position: left 40px;
        padding-top: 40px;
    }
    div.general-container div.leftcol {
        margin-left: 0px;
    }
    div.general-container div.midcol {
        width: 449px;
        margin-right: 0;
    }
    div#cms-image-gallery-wrapper {
        width: 700px;
        float: none;
        display: block;
        margin: 10px 0 0;
        padding: 0;
    }
    div.cms-news-container div#right-col.right-col-narrow,
    div.news-wrapper div.content-container div#right-col.right-col-narrow,
    .general-container div.rightcol,
    .content-container div.cms-blog-list-tags,
    body div div div.cms-blog-entry-tags {
        display: none;
    }
    
    body, .container_12, div.footer-inner {
        margin: 0 auto;
        width: 700px;
        padding: 0;
    }

    div.general-container.calendar div.leftcol.wrapper div.content-box div.tabcontent.events_map {
        padding: 0;
    }
    div.general-container.calendar div.leftcol.wrapper div.content-box div.tabcontent.events_map div#map_canvas.map {
        width: 665px;
    }
    div.right-col-narrow {
        width: 100%;
        float: none;
        display: block;
        margin: 1em 0;
        padding: 0
    }
    div.full.wrapper,
    div.content-container div.leftcol.wrapper div.content-box div.tabcontent.events,
    div.content-container div.leftcol.wrapper, .grid_1, .grid_2,
    .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10,
    .grid_11, .grid_12, .content-block .grid_1, .content-block .grid_2,
    .content-block .grid_5, .content-block .grid_6, .content-block .grid_7, .content-block .grid_8, .content-block .grid_9,
    .content-block .grid_10, .content-block .grid_11, .content-block .grid_12 {
        width: 700px;
        margin: 0;
        float: none;
        display: block;
        padding: 0;
    }
    div.cms-news-container div#right-col.right-col-narrow,
    div.news-wrapper div.content-container div#right-col.right-col-narrow {}
    .show-phone {
        display: none !important;
    }
    .show-tablet {
        display: inherit !important;
    }
    .show-screen {
        display: none !important;
    }
    .hide-phone {
        display: inherit !important;
    }
    .hide-tablet {
        display: none !important;
    }
    .hide-screen {
        display: inherit !important;
    }
    #search-box {
        margin: 15px 10px 0 60px;
    }
    div.logo {
        padding: 16px 0 0 10px;
    }
    div.nav-wrapper.content-block {
        width: 680px;
        clear: both;
        background: #002a57;
        margin: 10px 0 0 25px;
    }
    div.content-container div.leftcol.wrapper div.content-box div.tabcontent table.list {
        width: 695px;
    }
    iframe {
        width: 100% !important;
    }
    table img.cms_paragraph_image, img.cms_paragraph_image.center {
        width: 100%;
    }
    img.cms_paragraph_image.left, img.cms_paragraph_image.right,
    img.cms_paragraph_image.center {
        float: none;
        height: auto;
    }
    .footer-inner img.cms_paragraph_image.left, .footer-inner img.cms_paragraph_image.right,
    .footer-inner img.cms_paragraph_image.center {
        width: 35px;
    }
    img.cms_paragraph_image.left {
        padding-right: 92px;
    }
    .footer-inner img.cms_paragraph_image.left {
        padding-right: 15px;
    }
    div.footer-wrapper .cred a {
        color: #fff; 
    }
   
    .ols_login_wrapper .ols-left-col td {
        padding: 10px 5px;
        vertical-align: middle;
    }
    .ols_login_wrapper {
        background: #fff;
    }
    .ols_login_wrapper .main-ols .ols-mid-col {
        width: 50% !important;
    }
    .logo img {
        width: 90%;
    }
    div.content-container div.leftcol.wrapper div.content-box div.tabcontent.events {
        width: 677px !important;
        margin-left: 10px !important;
    }
       
}
/***** Phone (portrait 300px) *****/

@media only screen and (max-width: 767px) {
    table thead,
    table tfoot {
        display: none
    }
    body.policy {
        background-position: left 90px;
        padding-top: 90px;
    }
    .ols_login_wrapper table.main-ols p {
        width: 100%;
    }
    body,
    .container_12,
    div.footer-inner {
        margin: 0 auto;
        min-width: 300px!important;
        width: 300px;
        padding: 0;
    }
    .reset-coord {
        display: none;
    }
    div.portlet-content div.news-list-entry {
        width: 100%;
        float: none;
        padding-top: 10px;
        background-color: white;
    }
    div.row {
        height: auto;
    }
    div.nav-wrapper {} div.nav-wrapper.content-block {
        width: 300px;
        float: none;
        padding: 0;
        margin: 2px 0 0;
    }
    div.nav-wrapper ul {
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 0;
    }
    div.nav-wrapper.content-block ul.navigation li.page.current {
        color: #002D5B;
        margin-top: 2px;
        border-radius: 5px;
    }
    div.cms-links {
        font-size: 1em;
        width: 300px;
        height: auto;
        left: 0;
    }
    div div.content-container div.leftcol.wrapper {
        margin: 10px 0;
    }
    div.content-box div.cms-links {
        margin: 0;
    }
    div.cms-links ul {
        display: block;
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        height: auto;
        background: none;
    }
    div.cms-links ul li a {
        text-decoration: underline;
        color: #333
    }
    div.cms-links ul li:last-child,
    div.cms-links ul li {
        background-image: url(/images/bg-line-stipple.png);
        background-position: bottom left;
        background-repeat: repeat-x;
        height: auto;
        display: block;
        font-weight: normal;
        float: none;
        width: auto;
        margin: 0;
        border-radius: 0px;
        text-align: left;
        border: none;
        color: black;
        padding: 5px 10px;
    }
    div.nav-wrapper li {
        display: block;
        height: auto;
        text-align: center;
        padding: 4px 0;
        float: none;
        font-size: 1.2em;
        background: #002D5B;
        margin-top: 2px;
    }
    div.nav-wrapper li a {
        border: none;
    }
    div.nav-wrapper ul ul {
        position: static;
        background: transparent;
        margin: 8px 0px 0px 0px;
        border: none;
    }
    div.nav-wrapper ul li:hover ul {
        display: block;
        background: transparent;
        border: none;
    }
    div.nav-wrapper ul ul li {
        background-color: #004070;
        margin-top: 1px;
        width: 100%;
    }
    div.logo,
    div.status {
        display: block;
        width: 300px;
        float: none;
        height: auto;
        margin: 2px auto 0;
        padding: 0;
    }
    div.status {
        background: #002D5B;
        background: #3D3D3D;
        border-radius: 5px;
        padding: 3px;
        width: 294px;
        text-align: center;
    }
    div.status ul,
    div.status ul li {
        float: none;
        display: block;
        margin: 0;
        padding: 0;
    }
    div.status p {
        float: none;
        text-align: center;
    }
    .rss-link,
    div.cms-links div.layout.left,
    div.cms-links div.layout.tail {
        display: none;
    }
    div.status ul li a.login-box img,
    div.status ul li a {
        display: block;
        margin: 0 auto;
        float: none;
        padding: 0;
    }
    div.logo {
        width: auto;
    }
    div.logo img {
        margin: 0 auto;
        display: block;
    }
    div.footer-inner p,
    div.footer-inner a,
    div.footer-inner .cred {
        float: none;
        text-align: left;
        margin: 0 15px;
    }
    #search-box {
        float: none;
        margin: 0 auto;
        position: relative;
        top: -7px;
    }
    div.footer-inner div a,
    div.footer-inner p a {
        margin: 0;
    }
    .content-block {
        overflow: hidden;
    }
    div.cms-new-comments,
    div.cms-news-container div.leftcol.wrapper,
    div.news-wrapper div.content-container div.leftcol.wrapper {
        background: white;
        width: 280px;
        margin: 10px 0 0;
        padding: 10px;
        float: none;
    }
    div.cms-news-container div#right-col.right-col-narrow,
    div.news-wrapper div.content-container div#right-col.right-col-narrow,
    .general-container div.rightcol,
    .content-container div.cms-blog-list-tags {}
    .content-container div.blog-wrapper {
        margin: 10px 0 0 0;
        background: white;
    }
    table {
        width: 296px;
    }
    table tr, table td, table th {
        display: block;
        position: relative;
        padding: 0;
        border: none;
    }
    table th, form table th, table.view th {
        font-weight: bold
    }
    td, th table tr.even th, table tr.even td,
    table tr.odd th, table tr.odd td, table tr.odd th, table tr.odd td {
        background: white;
        border: none;
        display: block;
        padding: 0;
        margin: 0;
        width: 280px;
    }
    table tr td.required-col, table tr th.required-col,
    td.required-col, th.required-col {
        position: absolute;
        right: 2px;
        width: auto!important;
        top: 7px;
    }
    div.footer {
        margin: 5px 0 0 0;
    }
    .general-container div.midcol, .general-container div.leftcol,
    div#cms-image-gallery-wrapper, .subpage-content-general div.grid_3 {
        width: 300px;
        float: none;
        display: block;
        margin: 10px 0 0;
        padding: 0;
    }
    div.footer-wrapper .cred a {
        color: #fff; 
    }
    .general-container div.midcol {
        width: 280px;
        padding: 3px 10px;
    }
    p {
        margin: 0;
        padding: 5px 0;
    }
    .general-container div.leftcol ul, .subpage-content-general div.grid_3 ul {
        border: none;
    }
    .row {
        margin: 0;
        width: auto;
        display: inline-block;
    }
    div.general-container.calendar div.leftcol.wrapper div.content-box div.tabcontent.events_map {
        padding: 0;
        width: 280px;
    }
    div.general-container.calendar div.leftcol.wrapper div.content-box div.tabcontent.events_map div#map_canvas.map {
        width: 100%;
    }
    div.right-col-narrow {
        width: 100%;
        float: none;
        display: block;
        margin: 1em 0;
        padding: 0
    }
    div.full.wrapper, div.content-container div.leftcol.wrapper div.content-box div.tabcontent.events,
    div.content-container div.leftcol.wrapper, .grid_1, .grid_2, .grid_3, .grid_4, 
    .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, 
    .content-block .grid_1, .content-block .grid_2, .content-block .grid_3,
    .content-block .grid_4, .content-block .grid_5, .content-block .grid_6,
    .content-block .grid_7, .content-block .grid_8, .content-block .grid_9,
    .content-block .grid_10, .content-block .grid_11, .content-block .grid_12 {
        width: 300px;
        margin: 0;
        overflow: hidden;
        float: none;
        display: block;
        padding: 0;
    }
    .offset_1, .offset_2, .offset_3, .offset_4, .offset_5, .offset_6,
    .offset_7, .offset_8, .offset_9, .offset_10, .offset_11 {
        margin-left: 0;
    }
    .show-phone {
        display: inherit !important;
    }
    .show-tablet {
        display: none !important;
    }
    .show-screen {
        display: none !important;
    }
    .hide-phone {
        display: none !important;
    }
    .leftcol.wrapper.calendarevents .hide-phone , 
    .calendarday .hide-phone, .calendarweek .hide-phone, 
    .calendarmonth .hide-phone, .calendarevents_map .hide-phone {
        display: block !important;
    }
    .hide-tablet {
        display: none !important;
    }
    /* check */
    
    .hide-screen {
        display: inherit !important;
    }
    .navigation .current .sub {
        display: block;
    }
    div.status ul li.login-status {
        width: auto;
    }
    .fpBox {
        text-align: center;
        margin: 0 0 5px 0!important;
    }
    .fpBox h3 {
        margin: 0;
        padding: 0;
    }
    .fpBox div.content-block.inner {
        margin: 0;
        padding: 13px 0 0 0;
        height: 30px;
    }
    .fpBox a {
        display: block;
        margin: 0;
        padding: 0;
    }
    .fpBox img {
        margin: 0 0 17px 0!important;
    }
    div#news.portlet div.portlet-content div.news-list-entry {
        float: none;
        margin: 0 0 20px 0;
    }
    
    div.footer-inner p, div.footer-inner a, div.footer-inner .cred {
        clear: both;
        text-align: left;
        margin: 0 15px;
    }
    div#news.portlet div.portlet-content div.news-list-entry {
        float: none;
        margin: 0 0 20px 29px;
    }
    #search-box {
        margin: 0;
        top: 0;
    }
    .search-box-form {
        background: #003768;
        padding: 6px 0 4px 42px;
    }
    div.logo {
        padding: 10px 0 0 0;
    }
    .wrapper {
        display: block !important;
    }
    #form1_row_latlng_coordinates_map {
        width: 293px !important;
    }
    img.cms_paragraph_image.left,
    img.cms_paragraph_image.right,
    img.cms_paragraph_image.center {
        float: none;
        height: auto;
    }
    img.cms_paragraph_image.left {
        padding-right: 92px;
    }
    table img.cms_paragraph_image, img.cms_paragraph_image.center {
        width: 100%;
    }
    /***testing for the table***/
    table img.cms_paragraph_image {
        width: 32% !important;
    }
    table tr, table td, table th {
        width: auto !important;
        display: inline !important;
    }
    table td strong, table p {
        width: 31%;
        display: inline-block;
    }

    table {
        width: 100% !important;
    }

        
    div.cms-news-image,
    .img.cms_paragraph_image.right {
        margin: 10px;
        float: none;
    }
    .cms-news-mainheading {
        margin: 0 10px 20px 10px;
    }
    .cms-news-date {
        font-weight: bold;
        color: #888;
        padding: 0 0 5px 10px;
    }
    .cms-tagcloud {
        width: 200px;
        margin: 10px auto;
    }
    div#cms-blog {
        width: 280px;
    }
    .general-container div.rightcol {
        float: none;
        margin-left: 0;
        margin-right: 0;
        margin: 20px 0 0 0;
        padding: 2%;
        width: 96%;
        background: #fff;
    }
    .general-container div.rightcol .content-block.inner,
    .general-container div.rightcol .content-block {
        margin: 0;
        width: 100%;
    }
    iframe {
        width: 100% !important;
    }
    table.list tbody tr td.upcomingevents-details,
    table.list tbody tr td.upcomingevents-title,
    table.list tbody tr td.upcomingevents-end_date,
    table.list tbody tr td.upcomingevents-start_date {
        width: 290px;
    }
    .footer-inner img.cms_paragraph_image.left {
        padding-right: 15px;
    }
    .ols_login_wrapper input[type="text"], .ols_login_wrapper input[type="password"], 
    .ols_login_wrapper td.Text input[type="textarea"] {
        width: 54% !important;
        float: right;
        margin-right: -9px;

    }
    .ols_login_wrapper table {
        padding-left: 10px;
        padding-right: 10px;
    }
    .ols_login_wrapper #form1 table tr {
        display: -webkit-inline-box !important;
    }
    .ols_login_wrapper .ols-left-col table {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .ols_login_wrapper .ols-left-col table td {
        background: rgb(221, 221, 221);
    }
    .ols_login_wrapper .ols-right-col table {
        padding: 0px;
    }
    .ols_login_wrapper td.Text input[type="text"], 
    .ols_login_wrapper input[type="password"], .ols_login_wrapper td.Text input[type="textarea"] {
        margin-left: 124px;
        margin-top: -17px;
        margin-bottom: 10px;
    }
    .ols_login_wrapper #form1 {
        padding: 15px 5px 0px 1px;
    }
    .ols_login_wrapper .AnswerButton {
        margin-left: 10px;
    }
    /**testing**/
    .calendarevents .tabcontent.events, .tabcontent.day, .tabcontent.month {
        overflow-x: scroll !important;
    }
    div.content-container div.leftcol.wrapper div.content-box div.tabcontent.events table.list {
        width: 925px !important;
    }
    .calendarevents table thead, .calendar.week thead, 
    .calendar.day thead, .calendar.month thead {
        display: table-header-group !important;
    }
    .calendarevents table tr, .calendar.week tr, 
    .calendar.day tr, .calendar.month tr {
        display: table-row !important;
    }
    .calendarevents tfoot {
        display: table-footer-group !important;
    }
    .calendarevents th, .calendarevents td, .calendar.week td, 
    .calendar.week th, .calendar.day th, .calendar.day td, 
    .calendar.month th, .calendar.month td {
        display: table-cell !important;
    }
    .calendarevents table , table.calendar.week, table.calendar.day, table.calendar.month {
        display: table !important;
    }

    div.general-container.calendar div.leftcol.wrapper div.content-box div.tabcontent.events_map, 
    div.general-container.calendar div.leftcol.wrapper div.content-box div.tabcontent.events_map div#map_canvas.map, 
    div.tabcontent.week table.es.calendar.week {
        width: 690px !important;
    }
    .calendarweek .tabcontent.week, .tabcontent.day .calendar.day, .tabcontent.month .calendar.month {
        overflow-x: scroll !important;
        width: 458px;
    }
    .tabcontent.day, .tabcontent.month .calendar.month {
        width: 440px !important;
    }
    div.general-container.calendar div.leftcol.wrapper, 
    div.content-container div.general-container.calendar div.leftcol.wrapper {
        width: 475px;
    }
    .ols-right-col table td p {
        background-color: #fff;
    } 

}
/***** Phone (landscape 420px) *****/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    body.policy {
        background-position: left 75px;
        padding-top: 75px;
    }
    body,
    .container_12,
    div.footer-inner {
        margin: 0 auto;
        min-width: 470px!important;
        width: 470px;
        padding: 0;
    }
    div.portlet-content div.news-list-entry {
        width: 100%;
        float: none;
        padding-top: 10px;
        background-color: white;
    }
    .reset-coord {
        display: none;
    }
    div.row {
        height: auto;
    }
    div.nav-wrapper {} div.nav-wrapper.content-block {
        width: 470px;
        float: none;
        padding: 0;
        margin: 2px 0 0;
    }
    div.nav-wrapper ul {
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 0;
    }
    div.nav-wrapper.content-block ul.navigation li.page.current {
        color: #002D5B;
        margin-top: 2px;
        border-radius: 5px;
    }
    div.cms-links {
        font-size: 1em;
        width: 480px;
        height: auto;
        left: 0;
    }
    div div.content-container div.leftcol.wrapper {
        margin: 10px 0;
    }
    div.content-box div.cms-links {
        margin: 0;
    }
    div.cms-links ul {
        display: block;
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        height: auto;
        background: none;
    }
    div.cms-links ul li a {
        text-decoration: underline;
        color: #333
    }

    div.cms-links ul li:last-child,
    div.cms-links ul li {
        background-image: url(/images/bg-line-stipple.png);
        background-position: bottom left;
        background-repeat: repeat-x;
        height: auto;
        display: block;
        font-weight: normal;
        float: none;
        width: auto;
        margin: 0;
        border-radius: 0px;
        text-align: left;
        border: none;
        color: black;
        padding: 5px 10px;
    }
    .calendarweek div.cms-links ul li:last-child,
    .calendarweek div.cms-links ul li {
        width: 94.3%;
        background-image: url(/images/bgnd-title.png);
    }
    div.nav-wrapper li {
        display: block;
        height: auto;
        text-align: center;
        padding: 10px 0;
        float: none;
        font-size: 1.2em;
        background: #002D5B;
        border-radius: 0px;
        margin-top: 2px;
    }
    div.nav-wrapper li a {
        border: none;
    }
    div.nav-wrapper ul ul {
        position: static;
        background: transparent;
        margin: 8px 0px -10px 0px;
        border: none;
    }
    .nav-wrapper ul ul li a {
        width: 100%;
    }
    div.nav-wrapper ul li:hover ul {
        display: block;
        background: transparent;
        border: none;
    }
    div.nav-wrapper ul ul li {
        background-color: #004070;
        margin-top: 1px;
    }
    div.logo, div.status {
        display: block;
        width: 470px;
        float: none;
        height: auto;
        margin: 2px auto 0;
        padding: 0;
    }
    div.status {
        background: #002D5B;
        background: #3D3D3D;
        border-radius: 5px;
        padding: 3px;
        width: 464px;
        text-align: center;
    }
    div.status ul, div.status ul li {
        float: none;
        display: block;
        margin: 0;
        padding: 0;
    }
    div.status p {
        float: none;
        text-align: center;
    }
    .rss-link, div.cms-links div.layout.left,
    div.cms-links div.layout.tail {
        display: none;
    }
    div.status ul li a.login-box img,
    div.status ul li a {
        display: block;
        margin: 0 auto;
        float: none;
        padding: 0;
    }
    div.logo {
        width: auto;
    }
    div.logo img {
        margin: 0 auto;
        display: block;
    }
    div.footer-inner p, div.footer-inner a, div.footer-inner .cred {
        clear: both;
        text-align: center;
        margin: 0 15px;
    }
    #search-box {
        float: none;
        margin: 0 auto;
        position: relative;
        top: -7px;
    }
    div.footer-inner div a, div.footer-inner p a {
        margin: 0;
    }
    .content-block {
        overflow: hidden;
    }
    div.cms-new-comments, div.cms-news-container div.leftcol.wrapper,
    div.news-wrapper div.content-container div.leftcol.wrapper {
        background: white;
        width: 470px;
        margin: 10px 0 0;
        padding: 0;
        float: none;
    }
    div.cms-news-container div#right-col.right-col-narrow,
    div.news-wrapper div.content-container div#right-col.right-col-narrow,
    .general-container div.rightcol, .content-container div.cms-blog-list-tags, 
    div.tags-wrapper div.grid_4 div.cms-tagcloud {}
    .content-container div.blog-wrapper {
        margin: 10px 0 0 0;
        background: white;
    }
    table {
        width: 466px;
    }
    table tr, table td, table th {
        display: block;
        position: relative;
        padding: 0;
        border: none;
    }
    table th, form table th, table.view th {
        font-weight: bold
    }
    td, th table tr.even th, table tr.even td, table tr.odd th,
    table tr.odd td, table tr.odd th, table tr.odd td {
        background: white;
        border: none;
        display: block;
        padding: 5px;
        margin: 0;
        width: 454px!important;
    }
    table tr td.required-col, table tr th.required-col,
    td.required-col, th.required-col {
        position: absolute;
        right: 2px;
        width: auto!important;
        top: 7px;
    }
    div.footer {
        margin: 5px 0 0 0;
    }
    .general-container div.midcol, .general-container div.leftcol,
    div#cms-image-gallery-wrapper, .subpage-content-general div.grid_3 {
        width: 470px;
        float: none;
        display: block;
        margin: 10px 0 0;
        padding: 0;
    }
    div.general-container div.wide-midcol, .general-container div.midcol {
        width: 94%;
        padding: 3px 15px;
    }
    p {
        margin: 0;
        padding: 5px 0;
    }
    .general-container div.leftcol ul,
    .subpage-content-general div.grid_3 ul {
        border: none;
    }
    .row {
        margin: 0;
        width: auto;
        display: inline-block;
    }
    div.general-container.calendar div.leftcol.wrapper div.content-box div.tabcontent.events_map {
        padding: 0;
        width: 450px;
    }
    div.general-container.calendar div.leftcol.wrapper div.content-box div.tabcontent.events_map div#map_canvas.map {
        width: 100%;
    }
    div.right-col-narrow {
        width: 100%;
        float: none;
        display: block;
        margin: 1em 0;
        padding: 0
    }
    div.full.wrapper,
    div.content-container div.leftcol.wrapper div.content-box div.tabcontent.events,
    div.content-container div.leftcol.wrapper, .grid_1, .grid_2, .grid_3, .grid_4,
    .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
    .content-block .grid_1, .content-block .grid_2, .content-block .grid_3,
    .content-block .grid_4, .content-block .grid_5, .content-block .grid_6,
    .content-block .grid_7, .content-block .grid_8, .content-block .grid_9,
    .content-block .grid_10, .content-block .grid_11, .content-block .grid_12 {
        width: 470px;
        margin: 0;
        overflow: hidden;
        float: none;
        display: block;
        padding: 0;
    }
    .offset_1, .offset_2, .offset_3, .offset_4, .offset_5, .offset_6,
    .offset_7, .offset_8, .offset_9, .offset_10, .offset_11 {
        margin-left: 0;
    }
    .show-phone {
        display: inherit !important;
    }
    .show-tablet {
        display: none !important;
    }
    .show-screen {
        display: none !important;
    }
    .hide-phone {
        display: none !important;
    }
    .hide-tablet {
        display: none !important;
    }
    .hide-screen {
        display: inherit !important;
    }
    div#news.portlet div.portlet-content div.news-list-entry {
        float: left;
        margin: 0 0 20px 0;
    }
    .search-box-form {
        background: #003768;
        padding: 15px 0 0 11px;
    }
    div.logo {
        padding: 10px 0 0 0;
    }
    .wrapper {
        display: block !important;
    }
    #form1_row_latlng_coordinates_map {
        width: 465px !important;
    }
    img.cms_paragraph_image.left, img.cms_paragraph_image.right,
    img.cms_paragraph_image.center {
        float: none;
        height: auto;
    }
    .cms-tagcloud {
        width: 200px;
        margin: 10px auto;
    }
    table.scaffold tbody tr th.label-col {
        width: 100%;
    }
    div#cms-blog {
        width: 400px;
    }
    .general-container div.rightcol {
        float: none;
        margin-left: 0;
        margin-right: 0;
        margin: 20px 0 0 0;
        padding: 2%;
        width: 96%;
        background: #fff;
    }
    .general-container div.rightcol .content-block.inner,
    .general-container div.rightcol .content-block {
        margin: 0;
        width: 100%;
    }
    iframe {
        width: 100% !important;
    }
    .cred {
        width: 100%;
    }
    .ols_login_wrapper .ols-right-col p {
        padding: 0px;
    }
    .ols_login_wrapper {
        background: #fff;
    }
    table.main-ols table.Login table  {
        width: 300px !important;
    }

}

@media only screen and (max-width: 480px) {
    div.general-container div.wide-midcol,
    .general-container div.midcol {
        width: 90%;
        padding: 3px 15px;
    }
    .table-section {
        overflow-x: scroll; 
    }
    .footer-inner img.cms_paragraph_image.left {
        width: 12%;
    }
    td.Text input[type="text"], input[type="password"], 
    td.Text input[type="textarea"] {
        width: 38%;
    }
    .ols_login_wrapper input[type="text"], .ols_login_wrapper input[type="password"], 
    .ols_login_wrapper td.Text input[type="textarea"] {
        width: 97% !important;
        float: right;
        margin-right: 0px;
        margin: 6px -3px 10px -6px !important;

    }

    .ols_login_wrapper .AnswerButton {
        padding: 6px 21px;
        margin-left: 10px;
    }
    .ols_login_wrapper {
        background: #fff;
    }
    .table-section table {
        width: 750px !important;
    }
    .table-section table img.cms_paragraph_image {
        width: 31% !important;
    }
    .calendarweek .tabcontent.week {
        overflow-x: scroll !important;
        width: 283px;
    }
        .tabcontent.month {
            width: 282px !important;
    }
    .content-container .midcol.wide-midcol img.cms_paragraph_image.left, 
    .content-container .midcol.wide-midcol img.cms_paragraph_image.right {
        width: 100%;
    }

}
@media only screen and (max-width: 350px) {
    img.cms_paragraph_image.left, img.cms_paragraph_image.right, img.cms_paragraph_image.center {
        float: none;
        height: auto;
        width: 100%;
    }
    .footer-inner img.cms_paragraph_image.left {
        float: none;
        height: auto;
        width: 35px;
    }
    .table-section table {
        width: 750px !important;
    }
    .table-section table img.cms_paragraph_image {
        width: 31% !important;
    }
    .midcol.wide-midcol p a img.cms_paragraph_image.right {
        width: auto;
    }
}

/***** Clean up *****/

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.row:after, .clearfix:after {
    clear: both;
}
.row, .clearfix {
    zoom: 1;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}