/********************************************************************************
			 --- Media Queries ---
*********************************************************************************/

/* ten-inch tablets like the iPad (768x1024) in portrait mode 
----------------------------------------------------------*/
@media screen and (max-width:959px) {
#container {width:768px;}	
/* Logo */
#logo {top:10px; left:15px;}
/* Corner */
#corner {margin:0; float:none; width:100%; position:relative; z-index:1001;}
.corner-btn {position:absolute; top:15px; right:70px; margin:0;}
.corner-btn.koncierge {right:255px;}
/* Utility Links */
.util-toggle {display: block;background:#b4cd95 url(../images/template/util-ico.png) no-repeat 0px 0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 3px 0px rgba(126,165,84,1);-moz-box-shadow: 0px 3px 0px rgba(126,165,84,1);box-shadow: 0px 3px 0px rgba(126,165,84,1);width: 46px;height:34px;position: absolute;top:0;right:15px;transition: background-color .25s ease;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;text-align: center;color: #fff;font-size: 32px;line-height: 40px; z-index:10;}
.util-toggle:hover {background-color:#c2dba2;}
.util-toggle.active {background-position:100% 0; border-bottom:0;}
.utility-links {margin:0; position:absolute; top:33px; right:0; width:100%; padding:0px 15px;}
.utility-links ul {width:100%; list-style:none; margin:0; padding:12px; float:none; background:#b4cd95; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 3px 0px rgba(126,165,84,1);-moz-box-shadow: 0px 3px 0px rgba(126,165,84,1);box-shadow: 0px 3px 0px rgba(126,165,84,1); margin:42px 0 0 0; display:none;}
.utility-links ul li {float:none;}
.utility-links ul li a {display:block; margin:0; color:#fff; padding:9px 15px; border-bottom:1px dashed #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.2); }
.utility-links ul li:last-child a {border:none;}
.utility-links ul li:first-child a {border-top:none;}
.utility-links ul li a:hover, .utility-links ul li.selected a {background:#6f6e73; color:#fff; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.utility-links ul li:last-child a {margin-right:0;}	
.mobile-small {display:none;}
/* Menu */
#menu {padding:0 15px; position:absolute; top:90px; left:0; width:100%; z-index:1000;}
.menu-toggle {display: block; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;color: #fff; background:#222522; height:40px; line-height:40px; font-size:21px; padding:0 15px; margin:0 0 4px 0; position:relative;}
.menu-toggle em {font-family:'FontAwesome'; position:absolute; top:0; right:0; background:#b4cd95; width:44px; text-align:center; border-left:4px solid #fff;  transition:background .25s ease;}
.menu-toggle:hover em {background-color:#c2dba2;}
#menu ul {background:#222522; list-style:none; margin:0; padding:0;}
#menu > ul {display:none;  padding:12px 20px;}
#menu li {display:block;}
#menu a {color:#fff; font-size:15px; display:block; border-bottom:1px dashed #fff;}
#menu > ul > li:last-child a {border:none;}
#menu a:hover {color:#c2dba2;}
#menu > ul > li.selected > a {color:#c2dba2;}
#menu > ul > li > a {text-transform:uppercase; padding:8px 0; margin:0; font-size:17px;}
#menu ul ul li a {padding:5px 0; margin:0;}
#menu ul ul li a:before {content:"\f0da"; font-family:'FontAwesome'; margin:0 7px 0 12px;}
/* Template - Layouts */
.full-a {padding:0;}
.primary-a > article {padding:0 25px 0 0;}
/* Home-Header */
.rcaption {width:70%;}
/* Home Section A - Connect */
.sa-connect p {margin:0 0 7px 0;}
.sa-connect .social-links {margin:0;}
/* Footer */
.f-col {min-height:210px;}
.f-col p {font-size:13px;}
.f-col .cinfo a, .f-col .cinfo span {display:block;}
/* Leadership Team */
.team-a {width:32%; height:255px; margin:0 2% 15px 0;}
.team-a:nth-child(4n) {margin:0 2% 15px 0;}
.team-a:nth-child(3n) {margin:0 0 15px 0;}
/* Login */
.login-left {margin:0 0 25px 0;}
.login-left, .login-right {float:none; width:100%;}
/* Account Template */
.logout-a {position:relative; top:inherit; right:inherit; margin:0 0 15px 0; text-align:right;}
/* HR Dashboard */
.hr-resources .one-half:first-child {padding:0; border:none;}
/* HR Dashboard - Order Form */
.order-resource {float:none; width:100%; margin:0 0 30px 0;}
.order-resource p {margin:0 0 10px 0;}
/* Form Styling */
.form-a .row {margin:0;}
.form-a .row p {float:none; width:100%;}
.form-a input[type="text"], .form-a input[type="password"], .form-a select, .form-a textarea {margin:0 0 12px 0;}

}

/* smaller tablets, like Amazons Kindle (600 x 800) and Barnes and Nobles Nook  (600 * 1024),portrait mode
--------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
#container {width:480px; padding:0 7px;}
/* Logo */
#logo {width:150px;}
/* Corner */
.corner-btn.koncierge {display:none;}
/* Home-Header */
.rcaption {width:80%; bottom:20px;}
.rdesc {display:none;}
.rcaption .rheadlines {margin:0 0 20px 0;}
.rcaption .rheadlines h3 {font-size:20px;}
.rcaption .rheadlines h4 {font-size:28px;}
.rcaption .rbtn {display:none;}
/* Template - Layouts */
.one-half {float:none; width:100%; margin:0 0 25px 0;}
.primary-a {float:none; width:100%; margin:0 0 35px 0;}
.primary-a > article {padding:0 15px 0 0;}
.secondary-a {float:none; width:100%;}
/* Template - Inner - Page Header */
.page-header {text-align:center;}
.social-a {float:none; display:inline-block;}
.breadcrumbs-a {display:none;}
/* Footer */
.f-col {float:none; width:100%; margin:0 0 25px 0; padding:0 0 25px 0; border:none; border-bottom:1px solid #fff; min-height:inherit;}
.f-col .cinfo a, .f-col .cinfo span {display:inline;}
/* Template - Page Elements */
img.alignleft, img.alignright {float:none; margin:0 0 18px 0;}
/* Leadership Team */
.team-a {height:230px;}
/* News & Events */
.news-row .one-half:first-child {border-right:none; padding-right:0;}
.news-row .one-half {border-bottom:1px solid #d6d6d6; padding:0 0 20px; margin:0 0 20px;}
/* Employee Testimonials */
.employee-testimonials ul li {width:100%; float:none; margin:0 0 25px 0;}
.employee-testimonials ul li img {display:block; margin:0 0 5px 0;}

}

/* small screen devices, like phones in landscape mode
------------------------------------------------------*/
@media screen and (max-width: 479px) {
#container {width:320px; padding:0;}
/* Corner Button */
.corner-btn {display:none;}
.mobile-small {display:block;}
/* Home-Header */
.rcaption {width:90%; bottom:15px;}
.rcaption .rheadlines {margin:0 0 10px 0; padding:6px 12px 8px 12px}
.rcaption .rheadlines h3 {font-size:16px;}
.rcaption .rheadlines h4 {font-size:21px;}
.rslides_tabs li a {width: 14px;height: 14px;}
.rslides_tabs {bottom:5px;}
.rcaption .rbtn a {font-size:12px; padding:3px 12px;}
/* Home - Testimonials */
.testimonials-a p.view-all {bottom: 12px; left: 21px;}
.testimonials-a p.view-all a {font-size:12px;}
/* Leadership Team */
.team-a {width:48%; margin:0 4% 15px 0;}
.team-a:nth-child(3n), .team-a:nth-child(4n) {margin:0 4% 15px 0;}
.team-a:nth-child(2n) {margin:0 0 15px 0;}
.team-left, .team-right {width:100%; float:none; margin:0 0 15px 0;}
/* Page Elements */
p.back-link a {font-size:14px;}
/* News & Events */
.feat-image {float:none; width:100%; margin:0 0 18px 0;}
.feat-info {float:none; width:100%;}
/* Template - Layouts */
.primary-a > article {padding:0 5px 0 0;}
}