@media (max-width:640px) {
    /* generic */
    p, a {word-wrap:break-word;}
    .col {display:block; float:none;}
    .pims a, label {font-size:16px;}
    .fs.pims .page-links {padding-bottom:0;}
    
    /* header */
    .mobile .header {margin-bottom:10px;}
    .fs.pims .profile-info .panel-profile-summary {display:block; float:none; width:auto;}
    .fs.profile h1 {padding-bottom:7px !important;}
    .fs.pims .leave-review {display:none;}
    .fs.pims .profile-info .panel-profile-summary p {margin:0 0 0 46px; padding-top:10px;}
    span.show-contact {clear:left; display:block; font-size:16px; margin-left:46px;}
    span.show-contact a {color:#585858 !important; text-decoration:underline;}
    .profile-info .tel-box {background:#f2f2f2; border:1px solid #ddd; display:block; margin-bottom:10px; padding:10px 15px;} 
    .profile-info .tel-no {background:url(/img/pims/icon-telephone.png) left no-repeat; color:#900; font-size:20px; font-weight:bold; padding-left:25px;}
    .profile-info .tel-cost {color:#585858; font-size:14px; font-style:normal; line-height:normal; margin-top:5px;}
       
    /* nav */
    .pims .tabs-nav {background:none; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin:0; padding:5px 0; width:auto !important;}
    .pims .tabs-nav .crnr {display:none !important;}
    .fs ul.tabs li {background:none; bottom:auto; float:none; line-height:1.4em; margin:0; padding:5px 0;}
    .fs ul.tabs li.active {background:none; border:0; bottom:auto; color:#585858; font-weight:normal;}
    ul.tabs li.active .active-text {color:#900; font-weight:bold; margin:0; padding:3px 0;}
    .fs ul.tabs li a, .fs ul.tabs li.review-ratings-tabs a {color:#585858; display:inline; font-weight:normal; line-height:33px; padding:0; text-decoration:underline;}
    .fs ul.tabs li a:active, .fs ul.tabs li a:hover, .fs ul.tabs li a:active {text-decoration:none;}
    .fs ul.tabs li span {float:none;}
    .fs ul.tabs li:first-child span {padding-left:0;}
    .fs ul.tabs li.review-ratings-tabs {background:none; bottom:auto;}
    .fs ul.tabs li:last-child span {border-right:0;}
    
    /* subnav */
    .mobile-subnav {background:#900; border-bottom:1px solid #fff; color:#fff; display:block; font-weight:bold; padding:6px 10px; text-decoration:none;}
    .mobile-subnav span {float:right;}
    .mobile-subnav:hover, .mobile-subnav:active, .mobile-subnav:focus {background:#ef0825;}
    .mobile .pims .tabs-nav.collapsable {border:0; padding:0;}
    .mobile .pims .tabs-nav.collapsable li {background:#900; display:block; font-weight:bold; margin-bottom:1px; padding:0;}
    .mobile .pims .tabs-nav.collapsable li span {border:0; padding:0;}
    .mobile .pims .tabs-nav.collapsable li a {color:#fff; display:block; padding:0px 10px; text-decoration:none;}
    .mobile .pims .tabs-nav.collapsable li.active .active-text {color:#fff; display:block; padding:4px 10px;}
    .mobile .pims .tabs-nav.collapsable li.active, .mobile .pims .tabs-nav.collapsable li a:hover, .mobile .pims .tabs-nav.collapsable li a:active, .mobile .pims .tabs-nav.collapsable li a:focus {background:#d70521;}
    
    /* main content area and generic */
    .five.border {border:0;}
    .five.border > .pad {padding-left:0; padding-right:0;}
    .fs.profile .panel, .pims .box-list {float:none !important; margin-bottom:20px; margin-top:20px; width:100% !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    
    /* overview */
    .pims .three-sm .panel.contact-details {margin-bottom:0;}
    .contact-header p strong {display:block;}
    #myMap {margin:20px 0; width:90% !important;}
    .pims .three-sm .panel.contact-details .get-directions {margin-bottom:0;}
    .pims .three-sm .panel.contact-details .get-directions li.print-directions {display:none;}
    .pims .three-sm .panel.contact-details .get-directions .submit {border:0; clear:left; display:block; float:none; margin:10px 0 0 0;}
    .pims .three-sm .panel.contact-details .get-directions .submit input {margin-top:10px;}
    .pims .box-list .panel {float:none; margin:0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .pims .rc-comments .rc-comments-container .rc-comments-links p.left-link, .pims .rc-comments .rc-comments-container .rc-comments-links p.right-link {float:none;}
    .pims .panel .service-feedback .one-sm {border:0; margin:0; padding-bottom:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .pims .panel .service-feedback .one-sm.last {border:0; padding-bottom:1em; padding-top:0;}
    .pims .five-sm .breadcrumbs {width:auto;}
    .breadcrumbs li {display:block; float:none;}
    .pims .three-sm .breadcrumbs li a, .pims .five-sm .breadcrumbs li a {display:inline;}
    h3 a {color:#900;}
    .fs.profile .panel.panel-contact-box {margin-bottom:30px;}
    .fs.profile .online-facilities ul li img {margin-top:4px;}
    .pims .service-locations .panel {margin:0;}
    tr td.adp-substep:nth-child(3) {word-break:break-word;} /* non standard webkit only, to deal with long words in directions table */

    /* Phone Cost */
    .contact-details .tel-cost {background:#f2f2f2; color:#585858; font-size:14px; margin-bottom:10px; padding:10px;}
    
    /* department and services */
    .pims .departments-services {padding:0 2px 5px 2px;}
    .pims .departments-services table {width:100%;}
    .pims .departments-services table tr.firstnewletter th {padding-right:0;}
    .fs.pims .three-sm .panel.staff-details .staff-info {float:none; width:auto;}
    .pims .panel .panel-content .fft-maternity-intro, .pims .panel .panel-content .fft-maternity-key {float:none; width:auto;}
    .pims .panel .panel-content .fft-maternity-key {margin-bottom:30px;}
    .pims .panel .panel-content .fft-maternity-questions-holder {border-bottom:1px solid #ccc; float:none; margin:0 0 20px 0; padding-bottom:20px; width:auto;}
    .pims .panel .panel-content .fft-maternity-questions-holder p.fft-maternity-question {height:auto;}
    .pims .panel .panel-content .fft-maternity-holder .fft-maternity-score p {font-size:24px !important; font-weight:bold;}
    .pims .panel .panel-content .fft-maternity-holder .fft-maternity-score span {display:block; float:none; font-size:16px; padding:0;}
    
    /* facilities */
    .fs.pims .page-links p {float:none;}
    .fs.pims .page-links ul li:first-child {padding-left:0;}
    .fs.pims .tertiary-content {margin-top:20px;}
    .pims .facility {font-size:16px; padding-bottom:10px;}
    .pims .facility h3 {margin-top:10px; margin-bottom:20px;}
    .pims .panel-content .facility .facility-list {margin-bottom:0;}

    /* facilities / pharmacy services */
    .pims .panel-content .facility .facility-list li, .pims .panel-content .pharmacy-services .pharmacy-services-list li { background-position:0 4px; display:block; float:none; margin:0 0 5px 0; width:auto; height:auto }
    .pims .panel-content .facility .facility-list li span, .pims .panel-content .pharmacy-services .pharmacy-services-list li span { display:inline; }
    
    /* reviews and ratings */
    .pims .five-sm .reviews-ratings h2 {float:none;}
    .pims .five-sm .reviews-ratings .rr-heading h2 a {background-position:0 0;}
    .pims .five-sm .reviews-ratings .rr-heading h2 a:hover, .pims .five-sm .reviews-ratings .rr-heading h2 a:focus, .pims .five-sm .reviews-ratings .rr-heading h2 a:active {background-position:0 -30px;}
    .pims .five-sm .reviews-ratings .rr-overview-rating, .pims .five-sm .reviews-ratings .rr-heading {float:none; width:auto;}
    .pims .five-sm .reviews-ratings .rr-overview-rating .starrating {float:none;}
    .pims .five-sm .reviews-ratings .rr-overview-rating p {display:block; float:none; padding:10px 0; text-align:left;}
    .pims .five-sm .reviews-ratings .ratingsrow {float:none; margin-top:0;}
    .pims .five-sm .reviews-ratings .ratingsrow .ratingspanel {padding:0 5px; width:140px;}
    .pims .five-sm .reviews-ratings .ratingsrow .ratingspanel p {border-bottom:0;}
    .pims .five-sm .reviews-ratings .filters {float:none; width:auto;}
    .pims .five-sm .reviews-ratings .filters fieldset .filter-department, .pims .five-sm .reviews-ratings .filters fieldset .order, .pims .five-sm .reviews-ratings .filters fieldset #subject-results-container {display:block;}
    .pims .five-sm .reviews-ratings .filters h2 {float:none;}
    .pims .five-sm .reviews-ratings .filters .paging {margin-bottom:10px;}
    .pims .five-sm .reviews-ratings .filters p, .pims .five-sm .reviews-ratings .filters .paging ul.pagination {padding:0;}
    .pims .five-sm .reviews-ratings .filters fieldset {float:none; margin-top:10px; text-align:left; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .pims .five-sm .reviews-ratings .filters label {display:block; margin:0; padding:0;}
    .pims .five-sm .reviews-ratings .filters fieldset select {display:block;}
    .pims .five-sm .reviews-ratings .filters fieldset input {display:block; margin-bottom:10px;}
    .pims .five-sm .reviews-ratings .filters fieldset input.filter-btn {margin-bottom:0; margin-left:0;}
    .pims .five-sm .reviews-ratings .comments, .pims .five-sm .reviews-ratings .comments .nocomments {clear:left; float:none; width:auto;}
    .pims .five-sm .reviews-ratings .comments .panel {border:1px solid #ccc; margin-top:25px; padding:10px;}
    .pims .five-sm .reviews-ratings .comments .panel .paneltop {border-bottom-style:dotted; float:none; padding:0 0 5px 0;}
    .pims .five-sm .reviews-ratings .comments .panel .paneltop h3 {display:block; float:none; padding:40px 0 0 0 !important;}
    .pims .five-sm .reviews-ratings .comments .panel .paneltop h3.question-icon {padding:0 0 0 40px !important;}
    .pims .five-sm .reviews-ratings .comments .panel .panelmiddle {border-bottom-style:dotted;}
    .pims .five-sm .reviews-ratings .comments .panel .panelmiddle, .pims .five-sm .reviews-ratings .comments .panel .panelmiddle .content {float:none; padding:0; width:auto;}
    .pims .five-sm .reviews-ratings .comments .panel .panelmiddle h4 {margin:20px 0 10px 0; padding:0;}
    .pims .five-sm .reviews-ratings .comments .panel .panelmiddle .response-wrapper {float:none; margin-top:20px; width:auto;}
    .pims .five-sm .reviews-ratings .comments .panel .panelmiddle .response-wrapper .response, .pims .five-sm .reviews-ratings .comments .panel .panelmiddle .noresponse {float:none; margin:20px 0; padding:10px; width:auto;}
    .pims .five-sm .reviews-ratings .comments .panel .panelmiddle .response-wrapper .response {margin:0;}
    .pims .five-sm .reviews-ratings .comments .panel .panelmiddle .response p, .pims .five-sm .reviews-ratings .comments .panel .panelmiddle .noresponse p {width:auto;}
    .pims .five-sm .reviews-ratings .comments .panel .panelmiddle .noresponse p {padding:0;}
    .pims .five-sm .reviews-ratings .comments .panel .panelbottom {float:none; width:auto;}
    .pims .five-sm .reviews-ratings .comments .panel .panelbottom p.review-link {float:none;}
    .pims .share {margin-top:10px; width:74px;}
    .pims .share-js, .pims .share-js p, .pims .share-js .share-link, .pims .share-js span {float:none;}
    .pims .share-js .share-link {background-position:3px -140px;}
    .pims .share-js .share-link:hover, .pims .share-js .share-link:active, .pims .share-js .share-link:focus {background-position:3px -175px;}
    .pims .share-js .share-list {background-position:30px -265px; left:0; top:26px;}
    .pims .share-js .share-list-items {width:158px;}
    .pims .share-js .share-list-items p a {margin-top:2px;}
    .ui-dialog.ui-widget-content {left:15px !important; padding:0 !important; width:90% !important;}
    .pims .five-sm .lr-pad {padding:5px;}
    .pims .five-sm .lr-pad, .pims .five-sm .lr-pad fieldset.recommend .lr-pad-info .row {float:none;}
    .pims .five-sm .lr-pad legend.icon {background-position:0 2px; padding-bottom:2px;}
    .pims .five-sm .lr-pad-info {border-top:5px solid #f2f2f2; float:none; margin:0; padding:10px; width:auto;}
    .pims .five-sm .lr-pad fieldset.ratings .lr-pad-info .row {width:auto;}
    .pims .five-sm .lr-pad fieldset.review .lr-pad-info .row {float:none; width:auto;}
    .pims .five-sm .lr-pad fieldset.review .lr-pad-info label {float:none;}
    .pims .five-sm .lr-pad fieldset.review .lr-pad-info input, .pims .five-sm .lr-pad fieldset.review .lr-pad-info textarea {float:none; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .pims .five-sm .lr-pad fieldset.review .lr-pad-info .row span {display:block; float:none;}
    .pims .five-sm .lr-pad fieldset.ratings .lr-pad-info .row span {font-size:16px;}
    .pims .five-sm .lr-pad fieldset.ratings .lr-pad-info .row span.caption {font-size:14px;}
    .pims fieldset.ratings .UserRating, .pims fieldset.recommend .UserRating {padding-bottom:0; padding-top:20px;}
    .pims fieldset.ratings .ui-stars-star, .pims fieldset.ratings .ui-stars-cancel, .pims fieldset.recommend .ui-stars-star, .pims fieldset.recommend .ui-stars-cancel {margin-right:10px;}
    .pims fieldset.ratings .lr-pad-info .row .UserRating span.caption, .pims fieldset.recommend .lr-pad-info .row .UserRating span.caption {clear:left; float:none; font-size:14px; margin:0; min-height:20px; padding-bottom:0; padding-top:5px;}
    .pims .five-sm .lr-pad fieldset.ratings .lr-pad-info .row {padding-bottom:5px;}
    .pims .five-sm .lr-pad fieldset.facts .lr-pad-info .row1 {float:none; padding:0;}
    .pims .five-sm .lr-pad fieldset.facts .lr-pad-info .row1 select {margin-bottom:15px;}
    .pims .five-sm .lr-pad fieldset.submit-review .lr-pad-info .panel {float:none; width:auto;}
    .pims .five-sm .lr-pad fieldset.submit-review .lr-pad-info .panel p {float:none; padding:0;}
    .pims .five-sm .lr-pad fieldset.submit-review .lr-pad-info .panel .row1 {float:none; margin-bottom:15px; padding:0;}
    .pims .five-sm .lr-pad fieldset.submit-review .lr-pad-info .panel .row2 {float:none; padding:0;}
    .pims .five-sm .lr-pad fieldset.submit-review .lr-pad-info .panel .row1 label, .pims .five-sm .lr-pad fieldset.submit-review .lr-pad-info .panel .row2 label {margin-bottom:5px;}
    .pims .five-sm .lr-pad fieldset.submit-review .lr-pad-info .panel .row2 label.lrcheckbox-label {display:block; margin-top:20px; padding:0;}
    .pims .five-sm .submit-review .lr-pad-info label.lrcheckbox-label {margin-bottom:0 !important;}
    .pims .five-sm .lr-pad fieldset.submit-review .lr-pad-info .submit-btn {display:block; float:none; margin:20px 0 0 0;}
    
    /* news */
    .fs.pims .news-teaser {display:none;}
    
    /* opening times */
    .fs.pims .pims-opening-times.tabbed-content-wrap ul.tabs li {display:block;}
    .fs.pims .pims-opening-times .crnr {display:none;}
    .fs.pims .pims-opening-times.tabbed-content-wrap ul.tabs li a {font-size:14px;}
    .fs.pims .pims-opening-times.tabbed-content-wrap ul.tabs li.active a {font-size:16px; font-weight:bold;}
    .fs.pims .pims-opening-times.tabbed-content-wrap .tab-content, .fs.pims .pims-opening-times.tabbed-content-wrap .last-verified.js {float:none !important; width:100% !important;}
    .fs.pims .pims-opening-times.tabbed-content-wrap .tab-content {height:auto !important;}
    .fs.pims .pims-opening-times h4.ui-accordion-header {background:#efefef; border:1px solid #ccc; box-shadow:0 2px 2px #ababab; cursor:pointer; padding:5px 10px;}
    .fs.pims .pims-opening-times.tabbed-content-wrap .tab-content table {margin-bottom:10px;}
    .fs.pims .pims-opening-times h4.ui-accordion-header span {float:right;}
    .fs.pims .pims-opening-times h4.ui-accordion-header span:before {content:"\25bc";}
    .fs.pims .pims-opening-times h4.ui-state-active span:before {content:"\25b2";}
    .fs.pims .pims-opening-times .ui-accordion-content {margin-top:-1px;}
    .fs.pims .pims-opening-times .ui-accordion-content table {border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .fs.pims .pims-opening-times.tabbed-content-wrap .tab-content.out-of-hours {padding:0; width:auto !important;}
    .out-of-hours-wrap {border:1px solid #ccc; border-top:0; padding:10px;}
    .fs.pims .pims-opening-times table {float:none; width:100%;}
    .fs.pims .pims-opening-times.tabbed-content-wrap table tr td {vertical-align:middle; width:auto;}
    .fs.pims .pims-opening-times.tabbed-content-wrap .additional-info {float:none; margin-top:20px; width:auto;}
    
    /* staff info box, online facilities, latest news */
    .fs.pims .three-sm .module-col {margin-bottom:30px;}
    .fs.pims .three-sm .teaser.staff-info {float:none; width:auto;}
    .fs.pims .staff-info .panel, .fs.pims .three-sm .online-facilities .panel {margin:0;}
    .fs.pims .three-sm .news-panel .article-item {margin-bottom:0;}
    .fs.pims .three-sm .news-panel .article-item .last-updated, .fs.pims .three-sm .news-panel .article-item .btt-link {float:none; width:auto;}
    .pims .panel .profile-pic {display:inline-block; float:none; margin-left:0; padding:10px;}
    
    /* staff */
    .fs.pims .three-sm .panel.staff-details .additional-info {float:none; margin:0; width:auto;}
    .fs.pims .three-sm .panel.staff-details .additional-info .info-item {float:none; margin-bottom:15px; width:auto;}
    .fs.pims .three-sm .panel.staff-details h5 {font-size:16px;}
    .fs.pims .three-sm .panel.staff-details .additional-info p.explanation {clear:none; float:none;}
    
    /* performance */
    .fs.pims .three-sm .panel.article-item h3 {margin:0;}
    .fs.pims .three-sm .panel.article-item h3 + .panel {margin-top:10px;} 
    .fs.pims .metrics-wrap .panel {margin-bottom:5px; margin-top:0;}
    .fs.pims .metrics-wrap, .fs.pims .metrics-wrap .metric-item {float:none; margin-bottom:10px; width:auto;}
    .fs.pims .metrics-wrap .metric-item .metric, .fs.pims .metrics-wrap .metric-item .read-more {padding-bottom:0;}
    .fs.pims .metrics-wrap .metric-item .metric-title, .metrics-wrap .metric-item .metric-desc {padding:0;}
    .fs.pims .metrics-wrap .metric-item .metric-data {display:block; float:none; margin:20px 0;}
    
    /* contact */
    .fs.pims .three-sm .panel.catchment-area, .fs.pims .three-sm .panel.other-branches {border:0; float:none; margin-bottom:10px; padding:5px;}
    .pims .three-sm .panel .pals-info .pals-text, .pims .three-sm .panel .pals-info .box {float:none; width:auto;}
    .pims .three-sm .panel .pals dt, .pims .panel .pals dd, .pims .box-list.additional-contacts dt, .pims .box-list.additional-contacts dd {font-size:16px;}
    .pims .three-sm .panel.other-trust dl dd, .pims .three-sm .panel.other-trust dl dt {float:none; font-size:16px;}
    .pims .three-sm .panel.other-trust {margin-left:0;}
    .pims .box-list.additional-contacts .panel {min-height:0 !important;}
    
    /* care homes */
    .pims .three-sm .gallery-container {border:1px solid #ccc; padding:10px;}
    .pims .three-sm .gallery-header {cursor:pointer;}
    .pims .three-sm .gallery-header span.ghead {text-decoration:underline;}
    .pims .three-sm .gallery-header span.arrow {padding-left:10px;}
    .pims .three-sm .img-gallery .row {float:none; margin-bottom:0;}
    .pims .three-sm .img-gallery .item {display:inline-block; float:none; margin:0 10px 10px 0;}
    .pims .three-sm .img-gallery .item, .pims .three-sm .img-gallery .item .panel, .pims .three-sm .img-gallery .item .panel-content {height:auto; width:auto;}
    .pims .three-sm .img-gallery .item, .pims .three-sm .img-gallery .item .panel .panel-content .pad {width:auto;}
    .pims .three-sm .img-gallery .item .panel {margin:0;}
    .pims .three-sm .img-gallery .item .pad img {padding:10px;}
    .pims .three-sm .cqc-panel {margin-top:10px;}
    .pims .three-sm .cqc-panel .panel {margin:0;}
    .pims .three-sm #news-title {cursor:pointer;}
    .pims .three-sm #news-title span.nhead {text-decoration:underline;}
    .pims .three-sm #news-title span.arrow {padding-left:10px;}
    .fs.pims .three-sm .media-prev {float:none;}
    .fs.pims .three-sm .media-prev .side-content, .fs.pims .three-sm .media-prev .main-content {float:none; width:auto;}
    .fs.pims .three-sm .media-prev .media-item {height:auto; width:auto;}
    .fs.pims .three-sm .panel.article-item .profile-pic {float:none; margin-left:0;}

    /* friends and family graph */
    .lb-graph td.bar-value div {width:190px;}
    .lb-graph td.value {padding-left:0;}
    .lb-graph .lb-overlay h3 {padding:10px 10px 70px 10px;}
    
    /* patients accepted */
    .pims.profile .patient-acceptance ul li {line-height:18px; padding:0 0 6px 30px;}
    .pims.profile .patient-acceptance ul li.no {background-position:0 -38px;}
    
    /* Dentist patient acceptance verification */
    .pga-verification-profile-info p {margin:0 0 0 46px;}

    /* footer */
    .pims .last-updated {margin-top:20px;}
    .two-sm.last.serv-info-qual-wrap {float:none; padding-top:20px;}
    .serv-info-qual {float:none; text-align:left; width:auto;}

    /* ward tables */
    table.ward-nurse-staffing-levels {width:100%;}
    table.ward-nurse-staffing-levels td p.indicator-value, table.ward-nurse-staffing-levels td p.data-not-available {font-size:22px !important; font-weight:bold; padding:0;}
}

@media (max-width:480px) {
    table.ward-nurse-staffing-levels {background:#fff; border-collapse:collapse;}
    table.ward-nurse-staffing-levels * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    table.ward-nurse-staffing-levels thead {display:none;}
    table.ward-nurse-staffing-levels th {background-color:#f2f2f0 !important; border-right:0; clear:left; display:block; float:left; font-size:16px !important; font-weight:bold !important; padding-left:5px; text-align:left; width:100% !important;}
    table.ward-nurse-staffing-levels td {background:#fff; border-right:0; display:block; float:left; height:100%; width:100% !important;}
    table.ward-nurse-staffing-levels td span.label {display:block; float:left; font-size:16px; width:60%;}
    table.ward-nurse-staffing-levels th span.label {display:inline;}
    table.ward-nurse-staffing-levels td div {display:block; float:right; width:35%;}
    table.ward-nurse-staffing-levels td:last-child {border-bottom:0;}
    table.ward-nurse-staffing-levels tr:last-child td:last-child {border-bottom:6px solid #f2f2f0;}
}