/********************************************************************************************************/
/*    Note: Design for a width of 480px -> 599px                      */
/********************************************************************************************************/



@media only screen and (min-width: 480px) and (max-width: 599px) {

#cyphpGraphicModel { display: none; }
.mocSlidersMobile { display: block; }

h1 { font-size: 36px; padding: 0px; margin: 0 0 10px 0; } 
h2 { font-size: 170%; } 
h2.straplineInlineHome { font-size: 170%; line-height: 1.2em; margin-top: 10px; }
p, li { font-size: 16px; }


 

.item-page div[itemprop="articleBody"] { margin-top: 10px; }  

/**** Some main styles ****/
.mainPageWrapper{ width: 100% }
#mainContent { padding-bottom: 40px; }
.headerContent, .item-page, .fullWidthModule .moduleContent, .rainbowBlocks, .finder.searchResults { width: 95%; margin: auto; }
.breadcrumbs { font-size: 100%; line-height: 29px; height: auto; padding: 0 10px 0 10px; }
.rainbowBlocks { width: 100%; }  
.headerContent { padding-bottom: 10px; height: 155px; }
.item-page { margin-bottom: 50px; }
.footerContent { width: 95%; }


/* HEADER STUFF */
#header .moduleLeft { width: 120px; }  
#header .socialIcons a { margin-right: 5px; }
.moduletable.compStrapline {     margin: 10px 0px 30px 0px; }  
.moduletable.compStrapline p { font-size: 18px; margin-bottom: 0px; line-height: 24px; font-weight: 700;     padding: 0 50px; }
h2.straplineInlineHome { margin-top: 20px; }
.moduletable.NHSlogo.span2 { display: none; } 


.pageImageRight { width: 100%; margin: 0px; margin-bottom: 20px; }

.searchBoxTop input.search-query { width: 90px; }




/********************************************************************************************************/
/*    PAGE SPECIFIC
/********************************************************************************************************/   
/* Home */
.uk-overlay-panel { width: 90% !important; padding-top: 0px !important; margin-top: 20px !important; padding: 0px !important; }
.uk-slideshow h3 { padding: 6px 30px; font-size: 22px; } 
.uk-slideshow .uk-margin { padding: 6px; width: 100%; }
.uk-slideshow .uk-margin p { font-size: 15px; line-height: 16px; }
.uk-slideshow .uk-margin ul { margin-top: -15px; }
.uk-slideshow .uk-margin ul li { font-size: 15px; }
.uk-slideshow a.uk-button { margin-top: 10px; }
.uk-dotnav>* { height: 20px !important; line-height: 20px !important; }
.uk-dotnav>*>* { width: 9px !important; height: 9px !important; margin-top: 6px !important; }
.uk-dotnav>.uk-active>* { width: 11px !important; height: 11px !important; margin-top: 5px !important; }

.tileNavDisplayer .moduleContent:before { background-size: 100% 100%; }
.tileNav { height: auto; width: 100%; }
.tileNav h2 { font-size: 13pt; padding: 6px; }
.tileNav p { font-size: 15px; line-height: 16px; margin: 10px 0px 20px 0px; }  
.tileNav a { font-size: 15px; display: inline-block; margin-bottom: -8px; }
.tileNav.blackBG a { font-size: 22px; line-height: 42px; width: 45px; height: 45px; margin: 0px 10px; }

/* Our partners */
.moduletable.homeOurPartners { padding: 50px 20px; }

/* Publications */
a.doclink { margin-left: 0px; font-size: 18px; }
a.doclink span.koowa_icon--pdf { height: 40px; float: left; clear: left; }

/* News Listing */
.ooba-news.fullWidthModule.newsListing .moduleContent { width: 100%; }
.allmode-item { width: 100% !important; margin-right: 20px !important; margin-top: 30px !important; }
.allmode-item .allmode-img { width: 100px; margin: 2px 0px 0px 0 !important; }
.allmode-item .allmode-title { width: 63% !important; font-size: 16px !important; }
.ooba-news .allmode-item .allmode-text { width: 63% !important; line-height: 16px !important; font-size: 14px !important; }
.allmode-item:nth-of-type(3n) { margin-right: 20px !important; }
.allmode-item:nth-of-type(2n) { margin-right: 0px !important; }
.ooba-news .allmode-readmore { left: 0% !important; position: relative !important; }
.ooba-news .allmode-readmore a { display: inline-block !important; font-size: 15px !important; padding: 8px 10px !important; margin-top: 8px !important; margin-left: 13px; }  

/* Contacts Page */
.item-page.contactUs .right h2 + p { display: none; }
.item-page.contactUs .left { width: 100%; margin-right: 0px; }
.item-page.contactUs .right { width: 100%; margin-left: 0px; }

/* Search Results */
#search-form { width: 100%; }  
#search-form input[type="text"] { width: 70%; clear: left; }


/********************************************************************************************************/
/*    Main Navigation / Off Canvas Navigation                      */
/********************************************************************************************************/

.navigation { position: absolute; left: -1000px; opacity: 0;  -webkit-transition: opacity 1s linear 0.2s; -moz-transition: opacity 1s linear 0.2s; transition: opacity 1s linear 0.2s;  }
#offCanvasNavButtonWrapper { display:block !important; top: -2px; left: -2px; } 







/********************************************************************************************************/
/*    Footer / Footer Nav                      */
/********************************************************************************************************/
#footer .footerNav { display: none; }


.footerNav ul.menu > li { max-height: 250px; min-height: 150px; width: 46%; min-width: 100px; margin-right: 20px; }
.footerNav ul.menu > li:nth-of-type(odd) { margin-right: 0px; }
.footerNav li.item-120, .footerNav li.item-119 { display: block; }
.footerNav li.deeper > a, .footerNav .topNav { font-size: 14px; }
.footerStrapline p { font-size: 35px; margin-right: 40px; }
.footerNav li { line-height: 12px; }


/********************************************************************************************************/
/*    Module Overrides                     */
/********************************************************************************************************/ 
/* Newslettter Signup */
.newsletterSignup .moduleContent { height: 285px; }  
.newsletterSignup h5 { font-size: 19px; line-height: 21px; width: 100%; padding-top: 10px; padding-right: 10px; border: 0px; text-align: center; height: auto; margin-bottom: 0px; margin-top: 10px; }
.newsletterSignup .jsn-master .control-group { width: 100% !important; margin: 0px 0px; height: 50px; border: none !important; }
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input { margin-top: 0px !important; margin-bottom: 0px !important; }
.newsletterSignup .jsn-master { width: 100% !important; }
.newsletterSignup .jsn-master .jsn-bootstrap .form-actions { width: 100%; padding: 0px !important; right: 0px; position: relative; margin: 0px !important; height: 80px; line-height: 70px; float: none; }
.jsn-master .jsn-bootstrap .form-actions .btn-toolbar { text-align: center !important; }
.newsletterSignup .jsn-master .jsn-bootstrap .form-actions .btn { font-size: 22px; margin: 0px; width: 60%; margin-top: 12px; padding: 0px 10px !important; }
.newsletterSignup .jsn-master .jsn-form-content { width: 100%; padding-bottom: 0px; margin-top: 15px; border-right: 0px; }

/* Search top */  
.moduletable.searchBoxTop { position: absolute; right: 0px; top: 60px; }
.searchBoxTop input#mod-finder-searchword { width: 95px; } 





/* CONTACTS - CORE OVER-RIDES */
.contact { padding: 10px; }
.contact-category .row-striped .row-fluid [class*="span"] { margin-left: 0px; }
.contact-category .list-striped  h4 { font-size: 110%; }
.contact-category ul.category li.row-fluid { min-height: 330px; }

ul.category li .list-title { font-size: 100%; line-height: 1.2em; padding: 10px; }

.contact-fields.dl-horizontal dd, .contact-position.dl-horizontal dd { margin-left: 0px !important; }
.contact .thumbnail img { width: 250px; }




  
  
  

} /*** Note: Design for a width of 480px -> 599px ***/