/********************************************************************************************************/
/*    Note: Design for a width of 600px -> 767px                       */
/********************************************************************************************************/



@media only screen and (min-width: 600px) and (max-width: 767px) {
#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; }




/**** Some main styles ****/
.mainPageWrapper{ width: 100% }  
.headerContent, .item-page, .fullWidthModule .moduleContent, .rainbowBlocks, .finder.searchResults { width: 95%; margin: auto; }
.rainbowBlocks { width: 100%; }  
.headerContent { padding-bottom: 30px; }
.item-page { margin-bottom: 150px; }
.footerContent { width: 95%; }

#header .moduleLeft { width: 130px; }  

.moduletable.compStrapline { width: 34%; top: 35px; }  
.moduletable.compStrapline p { font-size: 20px; }

.pageImageRight { width: 280px; margin-top: 25px; }

/********************************************************************************************************/
/*    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 { min-height: 290px; width: 155px; }
.footerNav li.item-120, .footerNav li.item-119 { display: block; }
.footerStrapline p { font-size: 35px; margin-right: 40px; }

/********************************************************************************************************/
/*    PAGE SPECIFIC
/********************************************************************************************************/   
/* Home */
.uk-overlay-panel { padding-top: 0px !important; }
.uk-slideshow h3 { padding: 10px 30px; font-size: 25px; } 
.uk-slideshow .uk-margin { padding: 10px; }
.uk-slideshow .uk-margin p { font-size: 16px; line-height: 18px; }
.uk-slideshow .uk-margin ul { margin-top: -15px; }
.uk-slideshow .uk-margin ul li { font-size: 16px; }
.uk-slideshow a.uk-button { margin-top: 10px; }
.uk-touch .uk-slidenav-position .uk-hidden-touch { display: block !important; }

.tileNavDisplayer .moduleContent:before { background-size: 100% 100%; }
.tileNav { height: 350px; }
.tileNav h2 { font-size: 16pt; }
.tileNav p { font-size: 16px; line-height: 18px; }  
.tileNav a { font-size: 17px; }
.tileNav.blackBG a { font-size: 22px; line-height: 42px; width: 45px; height: 45px; }

/* News Listing */
.ooba-news.fullWidthModule.newsListing .moduleContent { width: 100%; }
.allmode-item { width: 47% !important; margin-right: 20px !important; margin-top: 30px !important; }
.allmode-item .allmode-img { width: 100px; }
.allmode-item .allmode-title { width: 58% !important; }
.ooba-news .allmode-item .allmode-text { width: 58% !important; line-height: 15px !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; }

/* Contacts Page */
.item-page.contactUs .right h2 + p { display: none; }

/* Search Results */
#search-form { width: 70%; }    

/********************************************************************************************************/
/*    Module Overrides                     */
/********************************************************************************************************/ 
/* Newslettter Signup */  
.newsletterSignup h5 { font-size: 16px; line-height: 20px; padding-top: 30px; padding-right: 15px; }
.newsletterSignup .jsn-master .control-group { width: 100% !important; margin: 5px 0px; height: 50px; border: none !important; }
.newsletterSignup .jsn-master { width: 74% !important; }
.newsletterSignup .jsn-master .jsn-bootstrap .form-actions { width: 170px; padding: 0px !important; right: 10px; }
.newsletterSignup .jsn-master .jsn-bootstrap .form-actions .btn { font-size: 26px; margin: 0px; width: 95%; margin-top: 12px; }
.newsletterSignup .jsn-master .jsn-form-content { width: 55%; padding-bottom: 10px; margin-top: 15px; border-right: 2px solid #fff; }


/* 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: 380px; }

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 600px -> 767px ***/