/**

 * 8.0 Media Queries

 * ----------------------------------------------------------------------------

 */



@media only screen and (min-width: 980px) and (max-width: 1599px) {

.site { border: 0; }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

#main .content-area{ padding:0 20px;}

}

@media only screen and (min-width: 200px) and (max-width: 979px) {

#main{ background:none; margin:0; padding:40px 0 0 0;}

#main .content-area{ padding:0;}

.main-banner{ height:450px;}

.content-area{ width:94%; margin:0 3%; float:left; clear:both; overflow:visible;}

.header-right li{ padding-top:7px;}

.header-right li.first{ padding-right:0;}

.header-button{ border:none; clear:both; padding:18px 0;}

.navbar{ margin:5px 0 0 0;}

#content{ width:75%;}

#tertiary{ width:21%;}

.footer-bottom .right{ float:left; margin-bottom:15px; width:100%;}

.social-media span{ margin:0;}

.menu-box .menu-inner{ padding:15% 0;}

.col3-box{ margin:0 3% 0 0; width:31%;}

.leftcontent{ width:65%;}

.rightcontent{ width:30%;}

.form .inputbox, .row .gform_wrapper ul li.gfield.inputbox{ width:48%;}

.form .input-text, .row .gform_wrapper .top_label input.medium{ width:92%;}

.form select{ width:99%;}

.form textarea, .row .gform_wrapper .top_label input.large, .row .gform_wrapper .top_label select.large, .row .gform_wrapper .top_label textarea.textarea{ width:96%;}

.navbar li{ padding-left:22px;}

.jqTransformSelectWrapper{ width:99% !important;}

#colophon{ padding:30px 0;}

.team-details{ float:right; margin:0 5% 0 0; width:50%;}

.entry-header h1{ padding-right:140px}

}



/* Collapse oversized image and pulled images after iPad breakpoint. */

@media only screen and (min-width: 320px) and (max-width: 768px) {

.main-banner{ height:300px;}

img{ height:auto;}

.navbar li{ padding:0 0 0 11px;}	

.navbar li a{ font-size:15px;}

.footer-top aside.first{ width:50%;}

.menu-box{ width:46%;}

.menu-box .menu-inner{ padding:12% 0;}

.team-image{ width:40%; margin:0;}

.team-details{ float:right; width:55%; margin:0;}

.header-right li{ padding-left:5px; padding-right:5px;}

.header-right li.first{ padding-right:0;}



}

@media only screen and (min-width: 100px) and (max-width: 640px) {

.mobile { display:block; }

.desktop { display:none; }



.main-banner{ height:250px;}

#masthead{ position:relative; z-index:5;}

#masthead .content-area{ margin:0; width:100%;}

.logo{ margin-left:3%;}

.header-right{ margin-right:3%;}


#masthead ul.nav-menu{ padding-bottom:5px;}

/* Small menu */

.menu-toggle { cursor: pointer; display:block; margin:0; padding:11px 5% 10px; color:#fff; background:url(images/m-menubg.png) no-repeat right center; overflow:hidden; text-transform:uppercase;}

.navbar{ float:left; width:100%; margin:25px 0 0 0; position:relative;}

.navbar li{ padding:0 0 0 9px;}

.nav-menu{ width:100%; }

.nav-menu li{ padding:0; margin:0; width:100%;}

.nav-menu li a{ padding:8px 5%; float:none; overflow:hidden; clear:both; display:block; color:#000;}

.nav-menu li a:hover{ background-color:#C6B1B5; color:#6d212e;}

.nav-menu li.current-menu-item a{ background-color:#7f3e49; color:#C6B1B5;}

.row .gform_fields, .row .gform_wrapper .gform_footer{ width:99%;}




.logo{ float:none; margin:15px 0; width:100%; text-align:center;}

.header-right, .header-right ul, .header-button{float:none; width:100%; text-align:center; overflow:hidden; margin:0; padding:0;}

.header-right li, .header-right li.header-button{ padding:0; border:none; width:100%; text-align:center;}

.header-right li{ display:none;}

.header-right li.only-mobile{ display:block;}

.header-button{ padding-top:22px;}

.button{ border:none; display:inline-block; float:none;}

#main{ background:none; background-color:#fbfbfb; padding:0; margin:20px 0 0 0; min-height:50px;}

#main .content-area{ width:100%; margin:0;}

#main #content{width:90%; margin:0 5%; overflow:hidden;}

#content, #tertiary{ width:100%; clear:both; border:none; min-height:0px;}

#colophon{ padding-bottom:0;}

#colophon .content-area, .footer-top{ float:none; width:100%; margin:0; padding:0;}

.footer-top aside.first, .footer-top aside.last, .footer-bottom .left, .footer-bottom .right, .social-media, .button-area{ padding:25px 5%; width:auto; margin:0; float:none; overflow:hidden; clear:both;}

.footer-top aside.last, .footer-bottom .left{ border-top:1px solid #DFDFDF;}

#colophon h3{ float:none; margin:0 0 5px;}

.footer-top aside.first .bx-wrapper{ margin:0 !important;}

.button-area{ padding:0;}

.social-media{ padding:0 0 20px 0;}

.social-media span{ font-size:19px;}



.footer-bottom .left .widget_text{ border:none; margin:0; padding:0;}

.siteby{ float:none; clear:both; overflow:hidden; padding-top:15px; text-align:center;}

.wp-pagenavi{ margin:20px 0;}



.main-banner{ margin:38px 0 0 0; height:260px;}

#map-canvas{ height:100% !important;}

#tertiary .widget_categories{ background:#b5a2a5 url(images/m-left-menubg.gif) repeat-x 0 0; padding:0; position:absolute; left:0; top:-318px; width:100%;}

#tertiary .widget_categories .menu-title{background:url(images/m-arrow-leftmenu.png) no-repeat right center; margin:0; padding:9px 5%; display:block; cursor:pointer; float:none;}

#tertiary .widget_categories ul.menu{ display:none; background-color:#6d212e; box-shadow:0 5px 5px rgba(0, 0, 0, 0.5); padding:0 0 5px 0;}

#tertiary .widget_categories li{ margin:0;}

#tertiary .widget_categories li a{ padding:8px 5%; float:none; overflow:hidden; clear:both; display:block; color:#fff; font-size:15px; line-height:16px; margin:0;}

#tertiary .widget_categories li a:hover{ background-color:#C6B1B5; color:#6d212e;}

#tertiary .widget_categories li.current-menu-item a{ background:none; background-color:#7f3e49; color:#C6B1B5;}

#tertiary .widget_categories ul.children{ margin:0;}

#tertiary .widget_categories ul.children > li > a{ padding-left:40px; margin-left:-10px;}

#tertiary .widget_categories li.current-menu-item a, #tertiary ul.menu > li.current_page_item > a, #tertiary ul.children > li.current_page_item > a{ background:none; background-color:#7f3e49; color:#C6B1B5;}



.home .main-banner, .error404 .main-banner, .page-id-69 .main-banner{margin:0;}

.home #main{ margin-top:20px;}



.footer-bottom .left ul, .footer-bottom .left .widget{ float:none; width:100%; text-align:center;}

.footer-bottom .left ul li{ float:none; display:inline; margin:0 0 0 7px; padding:0 0 0 8px;}

.footer-bottom .left ul li.first{ margin:0; padding:0; border:none;}



.inslider{ height:400px;}

.footer-top aside.last input[type="submit"]{ float:none;}



}



/* Mobile devices */

@media only screen and (min-width: 100px) and (max-width: 570px) {

body{ font-size:14px;}

h1{ font-size:32px;}

h2{ font-size:18px;}

h3{ font-size:16px;}

p{ margin-bottom:15px;}

.entry-header p{ font-size:17px; margin-top:15px;}

.post img, .image img{ border:none;}

div.overflow {margin:0 -5%; padding:20px 5%;}

div.recent-post{ margin-top:25px;}

.col3-box{ margin:0 0 15px 0; width:100%;}

#main .button.button, #colophon .button.button{ display:block; margin:0; clear:both; padding:5px 10px 6px 10px;}

#main .button.button-print{ display:none;}

#main .row .button.gform_button{ height:auto; padding:3px 10px;}

.nav-menu{ top:41px;}



.logo{ float:none; margin:15px 0; width:100%; text-align:center;}

.header-right, .header-right ul, .header-button{float:none; width:100%; text-align:center; overflow:hidden; margin:0; padding:0;}

.header-right li, .header-right li.header-button{ padding:0; border:none; width:100%; text-align:center;}

.header-button{ padding-top:22px;}

.button{ border:none; display:inline-block; float:none;}

#main{ background:none; background-color:#fbfbfb; padding:0; margin:20px 0 0 0; min-height:50px;}

#main .content-area{ width:100%; margin:0;}

#main #content{width:90%; margin:0 5%; overflow:hidden;}

#content, #tertiary{ width:100%; clear:both; border:none; min-height:0px;}

#colophon{ padding-bottom:0;}

#colophon .content-area, .footer-top{ float:none; width:100%; margin:0; padding:0;}

.footer-top aside.first, .footer-top aside.last, .footer-bottom .left, .footer-bottom .right, .social-media, .button-area{ padding:25px 5%; width:auto; margin:0; float:none; overflow:hidden; clear:both;}

.footer-top aside.last{ overflow:visible;}

.footer-top aside.last, .footer-bottom .left{ border-top:1px solid #DFDFDF;}

#colophon h3{ float:none; margin-bottom:5px;}

.footer-top aside.first .bx-wrapper{ margin:0 !important;}

.button-area{ padding:0;}

.social-media{ padding:0 0 20px 0;}

.social-media span{ font-size:19px;}



.footer-bottom .left .widget_text{ border:none; margin:0; padding:0;}

.siteby{ float:none; clear:both; overflow:hidden; padding-top:15px; text-align:center;}

.wp-pagenavi{ margin:20px 0;}



.footer-bottom .left ul, .footer-bottom .left .widget{ float:none; width:100%; text-align:center;}

.footer-bottom .left ul li{ float:none; display:inline; margin:0 0 0 7px; padding:0 0 0 8px;}

.footer-bottom .left ul li.first{ margin:0; padding:0; border:none;}



.inslider{ height:300px;}

.overflow.bottom-button{ padding:0; margin:0;}

.bottom-navi-button .button{ width:60px;}



.header-button .button{ margin:0 5px;}

.footer-top aside.last{padding-bottom:45px}

}

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

.entry-header h1{ padding-right:0px}

.nav-back{ clear:both; margin:10px 0; position:static; display:block}

.image{ width:100%; height:105px; overflow:hidden; position:relative; border:1px solid #D7D7D7;}

.image img, .leftcontent, .rightcontent{ width:100%;}

.leftcontent{ margin-bottom:15px;}

.fancybox-title-float-wrap .child{ font-size:15px;}

.right-img{ margin:10px 0 20px 0;}

.form textarea, .row .gform_wrapper .top_label input.large, .row .gform_wrapper .top_label select.large, .row .gform_wrapper .top_label textarea.textarea{ width:97%;}

.inslider{ height:200px;}



}

@media only screen and (min-width:100px) and (max-width: 360px) {



.menu-box {clear: both; display: block; float: none; height: auto; overflow: hidden; width: auto;}

.menu-box.left{ margin-bottom:20px;}

ul.gallery li,

ul.gallery li:nth-child(3n-2) { width:45%; margin:2%;}

.view a span{ width:36px; height:36px; padding:0; margin:-18px 0 0 -18px; overflow:hidden; text-indent:-9999px;}

.team-image, .team-details{ width:100%; margin:0 0 10px 0;}

.team-list h2{ font-size:20px;}

.team-list h3{ font-size:18px;}

.footer-bottom .left ul li{ margin:0 0 0 4px; padding:0 0 0 6px;}

.fancybox-type-inline .fancybox-close{ right:0; top:-40px;}

.post img, .image img{ width:100%;}



}

@media only screen and (min-width:20px) and (max-width: 359px) {

.footer-bottom .left ul li{ margin:0 0 0 2px; padding:0 0 0 4px; font-size:13px;}

.fancybox-wrap{ width:280px !important;}

.fancybox-inner{ width:auto !important;}

}