/* responsive webstyles */

/* large Desktop */
@media only screen and (min-width: 1600px) {

  div.body-wrapper {
    width: 1600px;
  }

}

/* large Desktop */
@media only screen and (max-width: 1599px) {

  div.body-wrapper {
    width: 100%;
  }

}

/* X-large Destop Only */
@media only screen and (min-width: 1200px) {

  .container {
      width: 1030px;
  }

  .squares-list.three-col .square-list-item { /* three col is default */
    width: 30%;
    margin-right: 4.3333333333%;
  }

  .squares-list.three-col .square-list-item:nth-child(3n+3) {
    margin-right: 0;
  }

  .squares-list.circles.three-col .square-list-item {
    width: 33.0%;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 0;
    border-right: #d6d6d6 1px solid;
  }

  .squares-list.circles.three-col .square-list-item:nth-child(3n+3) {
    border-right: none;
  }

  .squares-list.two-col .square-list-item {
    width: 47.1%;
    margin-right: 4.1333333333%;
  }

  .squares-list.two-col .square-list-item:nth-child(2n) {
    margin-right: 0;
  }

  .panels ul {
    padding-right: 50px !important;
  }

  header.slideshow .slideshow-container .slide h1 {
    font-size: 5em;
    font-weight: 800;
  }

}

/* X-large Destop Only */
@media only screen and (min-width: 1100px) {

  /* SUBFOOTER */

  .partners-list a {
    display: inline-block;
    margin: 0 20px;
  }

  .partners-list a img {
    width: 250px !important;
  }

  /* SOCIAL BOXES */

  .social .social-block {
    position: relative;
    width: 360px;
  }

  .social-block.pull-left {
    padding-left: 30px;
  }

  .social-block.pull-right {
    padding-right: 30px;
  }

}

/* large Desktop */
@media only screen and (max-width: 1100px) {

  /* SUBFOOTER */

  .partners-list a {
    display: inline-block;
    width: 46%;
    margin: 0 1% 20px 1%;
  }

  /* SOCIAL BOXES */

  .social .social-block {
    position: relative;
    width: 360px;
  }

  .social-block.pull-left {
    padding-left: 60px;
  }

  .social-block.pull-right {
    padding-right: 60px;
  }

}

/* large Desktop */
@media only screen and (max-width: 1199px) and (min-width: 1030px) {

  .container {
    width: 1030px;
  }

  .squares-list.three-col .square-list-item { /* three col is default */
    width: 30%;
    margin-right: 4.1333333333%;
  }

  .squares-list.three-col .square-list-item:nth-child(3n+3) {
    margin-right: 0;
  }

  .squares-list.two-col .square-list-item {
    width: 47.1%;
    margin-right: 4.1333333333%;
  }

  .squares-list.two-col .square-list-item:nth-child(2n) {
    margin-right: 0;
  }

  .squares-list.circles.three-col .square-list-item {
    width: 33.0%;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 0;
    border-right: #d6d6d6 1px solid;
  }

  .squares-list.circles.three-col .square-list-item:nth-child(3n+3) {
    border-right: none;
  }

}

/* large Desktop */
@media only screen and (min-width: 1030px) {

    header.slideshow .slideshow-container .slide h1 {
      font-size: 5.0em;
      font-weight: 800;
    }

}

/* Medium / Pads etc */
@media only screen and (max-width: 1030px) {

  .container {
    width: 990px;
  }

  /* SQUARES */
  /* all square lists must be 2n+2 at this rez */

  .square-list-item {
    width: 48%;
    margin-right: 0;
    margin-left: 0;
  }

  .square-list-item:nth-child(2n+2) {
    float: right;
  }

  .squares-list.circles.three-col .square-list-item {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    border-right: #d6d6d6 1px solid;
  }

  .squares-list.circles.three-col .square-list-item:nth-child(2n+2) {
    border-right: none;
  }


  /* SLIDESHOW */
  header.slideshow .slideshow-container .slide h1 {
    font-size: 4.0em;
    font-weight: 800;
  }

}

/* Large Desktop */
@media only screen and (min-width: 992px) {

  /* NAV */

  nav#head {
    height: 152px;
  }

  nav#head #logo {
    position: absolute;
    left: -5px;
    top: 10px;
    background-image: url(http://www.fpan.us/wp-content/uploads/2022/10/fpan-logo2.png);
    width: 217px;
    height: 137px;
  }

  nav#head #bar-top {
    height: 56px;
  }

  nav#head #menu {
    height: 96px;
    width: auto;
    position: absolute;
    right: 0px;
    top: 56px;
    z-index: 10030;
  }

  nav#head #menu ul li {
    display: inline-block;
    margin-left: 10px;
  }

  nav#head #menu ul li a.nav-item.top {
    width: auto;
    padding: 40px 10px 0 10px;
    height: 96px;
    font-size: 1em;
    text-shadow: 0 0 1px transparent;
  }

  nav#head #menu ul#navPrimary li .dropdown-menu {
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 1px 0 #d6d6d6;
    padding: 15px 26px !important;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .2);
  }

  nav#head #menu ul li a:hover, nav#head #menu ul li.open a.nav-item {
    text-shadow: 0 0 1px #000000;
    border-bottom: #000000 5px solid;
    background-color: #FFFFFF;
  }

  nav#head #menu ul#navPrimary li.open ul.dropdown-menu li.nav-block {
    margin: 0;
    padding: 0;
  }

  nav#head #menu ul#navPrimary li.open ul.dropdown-menu li.nav-block div.submenu-block {
    width: auto;
    display: block;
  }

  nav#head #menu ul#navPrimary li.open ul.dropdown-menu li.nav-block div.subnav-block {
    width: auto;
    display: block;
  }

  nav#head #menu ul#navPrimary li.open ul.dropdown-menu li.nav-block div.subnav-block div.subnav-menu ul,
  nav#head #menu ul#navPrimary li.open ul.dropdown-menu li.nav-block div.subnav-block div.subnav-menu ul li {
    display: block;
    margin-left: 0;
    width: 100%;
  }

  nav#head #menu ul#navPrimary li.open ul.dropdown-menu li.nav-block div.subnav-block div.subnav-menu ul li a {
    line-height: 32px;
    border-bottom: #d6d6d6 1px solid;
    width: 100%;
    display: block;
  }

  nav#head #menu ul#navPrimary li.open ul.dropdown-menu li.nav-block div.subnav-block {
    width: 205px;
  }

  nav#head #menu ul#navPrimary li.open ul.dropdown-menu.explore li.nav-block div.subnav-block {
    width: 585px !important;
  }

  nav#head #menu ul#navPrimary li.open ul.dropdown-menu.explore li.nav-block div.subnav-block div.subnav-menu {
    width: 30%;
    display: inline-block;
  }

  nav#head #menu ul#navPrimary li.open ul.dropdown-menu.explore li.nav-block div.subnav-block div.subnav-map {
    width: 360px;
    display: inline-block;
    float: right;
  }

  nav#head #menu ul#navPrimary li.open ul.dropdown-menu.explore li.nav-block div.subnav-block div.subnav-map div.dd-map {
    width: 360px;
    height: 283px;
    background-image: url(../images/dd-map.png);
  }

  nav#head #menu ul#navPrimary li.open ul.dropdown-menu.offset-menu {
    left: -50px;
  }

  nav#head div.mobile-contact-menu {
    display: none;
  }

  /* TOP BAR */

  div#bar-top {
    display: block;
  }

  /* REGION NAV */

  div#region-nav {
    display: block;
    margin: 0;
    position: relative;
    border-radius: 0;
    border: 0;
    width: 100%;
    height: 91px;
  }

  div#region-nav .inner {
    display: block;
    position: relative;
  }

  div#region-nav a.region-name {
    font-size: 1em;
    font-weight: 800;
    position: absolute;
    text-align: left;
    padding: 0;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    top: 0px;
    left: 0px;
    height: 91px;
    line-height: 91px;
    color: #FFFFFF;
  }

  div#region-nav .region-menu {
    height: 91px;
    padding: 0;
    margin: 0;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 115px;
  }

  div#region-nav ul#navSecondary {
    padding-left: 20px;
  }

  div#region-nav .region-menu a.top,
  div#region-nav .region-menu a.top:link,
  div#region-nav .region-menu a.top:visited,
  div#region-nav .region-menu a.top:active,
  div#region-nav .region-menu a.top:hover {
    color: #FFFFFF;
    font-size: 1em;
    font-weight: 400;
    padding: 0;
    margin: 0 12px;
    display: inline-block;
    text-shadow: 0 0 1px transparent;
    height: 91px;
    line-height: 91px;
    background-color: transparent;
  }

  div#region-nav .region-menu a.top:hover {
    text-shadow: 0 0 1px #FFFFFF;
  }

  div#region-nav.gradient-yellow .region-menu a.top,
  div#region-nav.gradient-yellow .region-menu a.top:link,
  div#region-nav.gradient-yellow .region-menu a.top:visited,
  div#region-nav.gradient-yellow .region-menu a.top:active,
  div#region-nav.gradient-yellow .region-menu a.top:hover {
    color: #2f2f2f !important;
  }

  div#region-nav.gradient-yellow .region-menu a.top:hover {
    text-shadow: 0 0 1px #2f2f2f !important;
  }

  div#region-nav .region-donate-button {
    padding: 0;
    margin: 0;
    display: inline-block;
    position: absolute;
    top: 28px;
    right: 0px;
  }

  div#region-nav .region-donate-button a.button.donate {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1em !important;
    border: #FFFFFF 1px solid;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
  }

  /* SQUARE LIST FILTER */

  .square-list-filter-h {
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 60px;
    right: 20px;
    height: 30px;
  }

  .square-list-filter-h a.filter-title {
    display: inline-block;
    width: 100px;
    color: #000000;
    font-weight: 800;
    text-transform: uppercase;
    position: absolute;
    left: 50px;
  }

  .square-list-filter-h ul.filter-list {
    display: inline-block;
    width: 95%;
    position: absolute;
    left: 100px;
  }

  .square-list-filter-h ul.filter-list li {
    display: inline-block;
    margin: 0 1.5%;
  }

  .square-list-filter-h ul.filter-list li a {
    display: block;
    color: #000000;
  }

  .square-list-filter-v {
    padding-bottom: 30px;
  }

  h4.filter-title {
    font-size: 1.2507em;
    font-weight: 800;
    border-bottom: #cfcfcf 1px solid;
  }

  .square-list-filter-v h4.filter-title {
    font-size: 1.2507em;
    font-weight: 800;
    padding-bottom: 20px;
    margin-bottom: 0;
  }

  .square-list-filter-v form.filter-list div.filter-item {
    height: 30px;
  }

  .square-list-filter-v form.filter-list div.filter-item b {
    top: -20px;
    padding-top: 2px;
    padding-left: 30px;
  }

  /* FOOTER */

  footer div.footer-left {
    padding-left: 0;
    padding-right: 60px;
  }

  footer div.footer-right {
    border-left: #202020 1px solid;
    padding-left: 59px;
    padding-right: 0;
  }

  /* TITLE BARS */

  /* HEADER */
  header.slideshow, header.slideshow .slideshow-container, header.slideshow .slideshow-container .slide {
    width: 100%;
    height: 485px;
  }

  header.slideshow .slideshow-container .slide {
    padding-top: 12%;
  }

  /* BLOCKS */

  section.callout-bar .callout-bar-left {
    padding-left: 0;
    padding-right: 15px;
  }

  section.callout-bar .callout-bar-right {
    text-align: right;
    padding-right: left;
    padding-right: 0;
  }

  section.callout-bar .title-only h3 {
    padding: 10px 0 0 0;
    margin: 0;
  }

  section.box .box-image {
    background-position: center center;
  }

  /* CONTENT */

  .cover-image {
    width: 100%;
    height: 366px;
  }

  /* PANELS BLOCKS */

  .panels-image {
    display: inline-block;
    box-sizing: border-box;
    /* width: 41%;*/
  }

  .panels-side {
    display: inline-block;
    box-sizing: border-box;
    /* width: 55%; */
    clear: none;
  }

  .panels-side-row {
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
    clear: both;
  }

  .panels .pull-left {
    float: left;
  }

  .panels .pull-right {
    float: right;
  }

  /* SQUARES */

  .squares-list.events .square-list-item .top-image {
    height: 287px;
  }

  .squares-list.news .square-list-item .top-image {
    height: 300px;
  }

  .squares-list.staff .square-list-item {
    height: 520px;
  }

  .squares-list.staff .square-list-item .top-image {
    height: 300px;
  }

  .squares-list .square-list-item .bottom-bar {
    height: 120px;
  }

  /* FAQ CAROUSEL */

  div.faq-carousel div.faq-slide div.faq-slide-content h3 {
    font-size: 1.87em;
  }

  /* CIRCLE ROWS */

  .circle-row {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .circle-row .circle-image {
    display: inline-block;
    width: 268px;
    height: 268px;
    border-radius: 134px;
    margin: 20px 20px 20px 10%;
    float: left;
  }

  .circle-text {
    padding-top: 10%;
    width: 55%;
    display: inline-block;
    float: right;
  }

  /* CIRCLE ICONS */

  .circle-icons-list a.circle-icon {
    display: inline-block;
    height: 215px;
    padding-top: 180px;
    width: 32%;
    margin-right: 1.111%;
  }

  .circle-icons-list a.circle-icon:nth-child(3n) {
    margin-right: 0;
  }

  .circle-icons-list a.circle-icon:after {
    width: 116px;
    height: 116px;
    left: 30%;
    top: 50px;
  }

  #faq-carousel-controls  {
    width: 100%;
    position: relative;
    z-index: 1; /* prevents the controls from slipping under the carousel */
  }

  #faq-carousel-controls .owl-prev, #faq-carousel-controls .owl-next {
    height: 116px;
    width: 70px;
    display: block;
    position: absolute;
    font-size: 2em;
    font-weight: 800;
    bottom: 100px;
  }

  #faq-carousel-controls .owl-prev {
    left: 0px;
    border-radius: 0 10px 10px 0;
  }

  #faq-carousel-controls .owl-next {
    right: 0px;
    border-radius: 10px 0 0 10px;
  }

  #faq-carousel-controls .owl-prev {
    background-position: -280px -60px;
  }

  #faq-carousel-controls .owl-next {
    background-position: -270px 40px;
  }

  /* EXPLORE NUMBERS */

  .explore-numbers .number-item {
    display: inline-block;
    width: 30%;
    margin: 1%;
  }

  .explore-numbers .number-item em {
    font-size: 1.088em;
    padding: 10px;
    width: 70%;
    margin: 0 auto;
  }

  /* SOCIAL BOXES */

  section.box.social {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/gray-diag.png);
    background-size: cover;
  }

  .social h4.social-header {
    font-size: 1.407em;
    text-transform: uppercase;
    font-weight: 600;
  }

  .social .social-list ul {
    position: relative;
    list-style: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }

  /* PANEL LINK LISTS */

  .panels ul.two-column {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }

  .panels ul.three-column {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
  }

  /* WIDTH SIZES */

  .w-30 {
    width: 30%;
  }

  .w-35 {
    width: 30%;
  }

  .w-40 {
    width: 40%;
  }

  .w-45 {
    width: 45%;
  }

  .w-50 {
    width: 50%;
  }

  .w-55 {
    width: 55%;
  }

  .w-60 {
    width: 60%;
  }

  .w-65 {
    width: 65%;
  }

  .w-70 {
    width: 70%;
  }

}

/* Medium / Pads etc */
@media only screen and (max-width: 991px) {

  .container {
    width: 760px;
  }

  /* NAV */

  div#bar-top {
    display: none;
  }

  /* NAV */

  nav#head {
    z-index: 10030;
    border: 0;
    height: 114px;
  }

  nav#head .inner.container {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  nav#head #logo {
    position: absolute;
    left: 30px;
    top: 15px;
    background-image: url(http://www.fpan.us/wp-content/uploads/2022/10/fpan-logo-mobile2.png);
    width: 133px;
    height: 79px;
  }

  nav#head #menu {
    width: 100%;
    z-index: 10030;
  }

  .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus,
  #region-nav .navbar-toggle, #region-nav .navbar-toggle:hover, #region-nav .navbar-toggle:focus {
    display: block;
    background-color: transparent;
    border: none;
    position: absolute;
    margin-top: 0;
    margin-bottom: 0;
  }

  .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    top: 40px;
    right: 20px;
  }

  .navbar-inverse .navbar-toggle span.icon-bar,
  #region-nav .navbar-toggle span.icon-bar {
    background-color: #000000;
    width: 30px;
    height: 3px;
    border-radius: 0px;
    margin-bottom: 4px;
  }

  nav#head #menu #topnav-navbar-collapse {
    background-color: #FFFFFF;
    padding: 20px 30px 20px 30px;
    border: none;
    width: 100%;
    margin-top: 114px;
    z-index: 10030;
    background-color: #eaeaea;
  }

  nav#head #menu ul {
    width: 100%;
  }

  nav#head #menu ul li a {
    display: block;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 0.98em;
    width: 100%;
    padding: 10px 0 10px 0;
    height: auto;
    text-align: left;
    border-bottom: #b7b6b6 1px solid;
    background-color: transparent;
  }

  nav#head #menu ul li a.dropdown-toggle::after {
    position: absolute;
    right: 0px;
    top: 9px;
    display: block;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: 0 -200px;
    content: " ";
    width: 24px;
    height: 24px;
  }

  .subnav-menu  ul li a {
    padding: 10px 0 10px 20px !important;
  }

  nav#head div.mobile-contact-menu {
    display: block;
    text-align: center;
  }

  div.mobile-contact-menu a {
    display: inline-block;
    width: 120px;
	vertical-align: bottom;
  }


  /* REGION NAV */

  div#region-nav {
    display: block;
    width: 100%;
  }

  div#region-nav .region-menu {
    display: none;
    width: 100%;
  }

  div#region-nav ul#navSecondary {
    background-color: #eaeaea;
    margin-top: 0;
    margin-bottom: 0;
  }

  div#region-nav .inner {
    width: 100%;
    position: relative;
  }

  div#region-nav .navbar-toggle, #region-nav .navbar-toggle:hover, #region-nav .navbar-toggle:focus {
    top: 10px;
    right: 20px;
  }

  div#region-nav .region-menu a {
    border-bottom: #b7b6b6 1px solid;
  }

  div#region-nav .region-menu a,
  div#region-nav .region-menu a:link,
  div#region-nav .region-menu a:visited,
  div#region-nav .region-menu a:active,
  div#region-nav .region-menu a:hover {
    background-color: transparent;
    width: 100%;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #2f2f2f;
    border-bottom: #b7b6b6 1px solid;
  }

  div#region-nav a.region-name {
    display: inline-block;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 800;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
  }

  div#region-nav .region-donate-button {
    display: none;
    background-color: transparent;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
  }

  div#region-nav .region-donate-button .button.donate {
    margin: 10px auto;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1em !important;
    border: #FFFFFF 1px solid;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
  }

  div#region-nav .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
  }

  /* SQUARE LIST FILTER */

  .square-list-filter-h {
    width: 100%;
  }

  .square-list-filter-h a.filter-title, .square-list-filter-h ul.filter-list li a {
    display: block;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 0.98em;
    width: 100%;
    padding: 10px 0 10px 0;
    height: auto;
    text-align: left;
    border-bottom: #b6b6b6 1px solid;
    background-color: transparent;
    position: relative;
    color: #000000;
    font-weight: 400;
  }

  .square-list-filter-h a.filter-title {
    margin-bottom: 30px;
    padding: 10px 30px 10px 30px;
  }

  .square-list-filter-v h4.filter-title, h4.filter-title {
    margin-bottom: 0px;
    padding: 10px 30px 10px 30px;
  }

  .square-list-filter-v h4.filter-title {
    border-bottom: #b6b6b6 1px solid !important;
  }

  .square-list-filter-h a.filter-title b {
    display: none;
  }

  .square-list-filter-h a.filter-title::after, .square-list-filter-v h4.filter-title:after {
    position: absolute;
    right: 0px;
    top: 8px;
    display: block;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: 0 -200px;
    content: " ";
    width: 24px;
    height: 24px;
  }

  .square-list-filter-h ul.filter-list {
    position: relative;
    padding: 20px 30px 30px 30px;
    border: none;
    width: 100%;
    background-color: #eaeaea;
    margin: 0;
    top: -30px;
  }

  .square-list-filter-h ul.filter-list li {
    width: 100%;
  }

  .square-list-filter-h ul.filter-list li {
    width: 100%;
  }

  .square-list-filter-h ul.filter-list li a.active {
    width: 100%;
  }

  /* SQUARE LIST FILTER VERTICAL */

  .filter-sidebar {
    padding-bottom: 30px;
  }

  .square-list-filter-v {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 0;
  }

  .square-list-filter-v.top {
    border-top: #b7b6b6 1px solid !important;
  }

  .square-list-filter-v div.filter-list {
    padding: 20px 30px;
  }

  .square-list-filter-v div.filter-list div.filter-item {
    height: 30px;
  }

  .square-list-filter-v div.filter-list div.filter-item b {
    top: 0px;
    padding-top: 2px;
    padding-left: 30px;
  }

  /* FAQ CAROUSEL */

  div.faq-carousel div.faq-slide div.faq-slide-content h3 {
    font-size: 1.5em;
  }

  /* FOOTER */

  footer div.footer-left, footer div.footer-right {
    padding-left: 0;
    padding-right: 0;
  }

  footer div.footer-right {
    margin-top: 30px;
    padding-top: 40px;
    border-top: #202020 1px solid;
  }


  /* HEADER */
  header.slideshow, header.slideshow .slideshow-container, header.slideshow .slideshow-container .slide {
    width: 100%;
    height: 385px;
  }

  header.slideshow .slideshow-container .slide {
    padding-top: 10%;
  }

  header.slideshow .slideshow-container .slide {
    text-align: center;
  }

  /* CONTENT */

  .cover-image {
    width: 100%;
    height: 300px;
  }

  /* CHARCOAL BLOCKS */

  .panels ul li {
    margin-right: 0;
  }

  .panels-image {
    display: block;
    padding-left: 0;
    padding-right: 0;
    float: none;
    margin: 0 auto;
  }

  .panels-side {
    display: block;
    padding-left: 0;
    padding-right: 0;
    float: none;
    margin: 0 auto;
  }

  .panels-side-row {
    display: block;
    float: none;
    margin: 0 auto;
    width: 760px;
    padding: 20px 15px;
  }

  .panels .pull-left, .panels .pull-right {
    float: none !important;
  }

  .panels-side-row .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
  }

  /* BLOCKS */

  section.callout-bar {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  section.callout-bar .callout-bar-left, section.callout-bar .callout-bar-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  section.callout-bar .callout-bar-right {
    padding-top: 20px;
    text-align: inherit;
  }

  section.callout-bar .callout-bar-button {
    margin-left: 0;
  }

  section.callout-bar .title-only h3 {
    padding: 10px 0 0 0;
    margin: 0;
  }

  section.box .box-image {
    background-position: center top;
    height: 500px;
  }

  /* MOBILE PAD BOOSTRAP OVERRIDES */

  .m-pad-lr-15 {
    padding-left: 15px;
    padding-left: 15px;
  }

  .m-pad-lr-30 {
    padding-left: 30px;
    padding-left: 30px;
  }

  .m-pad-tb-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m-np-t {
    padding-top: 0 !important;
  }

  .m-col-centered {
    float: none;
    margin: 0 auto;
  }

  .m-no-padding, .m-np {
    padding-left: 0;
    padding-right: 0;
  }

  .m-nmb, .m-no-margin-bottom {
    margin-bottom: 0;
  }

  /* BLOCK OVERRIDES */

  .sidebar, .content {
    padding-left: 0;
    padding-right: 0;
  }

  .force-h {
    clear: both;
  }

  /* PANEL OVERRIDES */

  .panel-title-simple {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .panel-content-simple {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }


  /* SQUARES */

  .squares-list.events .square-list-item .top-image {
    height: 287px;
  }

  .squares-list.news .square-list-item .top-image {
    height: 300px;
  }

  .squares-list.staff .square-list-item .top-image {
    height: 300px;
  }

  /* CIRCLE ROWS */

  .circle-row {
    padding: 30px 0;
  }

  .circle-row .circle-image {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    margin: 20px 20px 20px 12%;
    float: left;
  }

  .circle-text {
    padding-top: 0;
    width: 55%;
    display: inline-block;
    float: right;
  }

  /* CIRCLE ICONS */

  .circle-icons-list a.circle-icon {
    display: inline-block;
    height: 215px;
    padding-top: 180px;
    width: 48%;
    margin-right: 1.111%;
  }

  .circle-icons-list a.circle-icon:nth-child(2n) {
    margin-right: 0;
  }

  .circle-icons-list a.circle-icon:after {
    width: 116px;
    height: 116px;
    left: 33%;
    top: 50px;
  }

  /* FAQS CAROUSEL */

  #faq-carousel-controls  {
    width: 100%;
    z-index: 1; /* prevents the controls from slipping under the carousel */
    text-align: center;
    padding-top: 10px;
  }

  #faq-carousel-controls .owl-prev, #faq-carousel-controls .owl-next {
    display: inline-block;
    height: 70px;
    width: 70px;
    font-size: 2em;
    font-weight: 800;
    margin: 5px;
  }

  #faq-carousel-controls .owl-prev {
    background-position: -275px -82px;
    border-radius: 10px;
  }

  #faq-carousel-controls .owl-next {
    background-position: -270px 18px;
    border-radius: 10px;
  }

  /* EXPLORE NUMBERS */

  .explore-numbers .number-item {
    display: block;
    width: 100%;
    margin: none;
    padding-bottom: 35px;
  }

  .explore-numbers .number-item em {
    font-size: 1.088em;
    padding: 10px;
    width: 200px;
    margin: 0 auto;
  }

  .homepage-map-large {
    padding-top: 30px;
  }

  /* TRAINING CAROUSEL */

  .training-carousel {
    padding-top: 60px;
  }

  /* SOCIAL BOXES */

  .social .social-header {
    font-weight: 800;
    margin-left: 150px;
  }

  .social .social-block {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 40px;
  }

  .social .social-block:last-child {
    padding-bottom: 0px;
  }

  .social .social-list ul {
    position: relative;
    list-style: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    padding-left: 60px;
    padding-right: 60px;
  }

  /* Overides */
  .pull-right, .pull-left {
    padding-left: 15px;
    padding-right: 15px;
  }

}

/* Pads+Desktop Devices */
@media only screen and (min-width: 768px) {

  /* REGION MODAL */

  #region-modal.modal .modal-dialog {
    width: 737px;
  }

  #region-modal.modal .modal-content {
    background-color: #FFFFFF;
    padding: 10px;
    width: 737px;
  }

  #region-modal.modal .modal-content h2 {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: #CFCFCF 1px solid;
  }

  #region-modal.modal .modal-content .modal-region-map img {
    width: 100%;
  }

  #region-modal.modal .modal-region-menu a.button {
    color: #FFFFFF;
    margin-bottom: 10px;
    width: 100%;
    font-size: 1em;
    line-height: 120% !important;
    padding: 10px;
  }

  /* Staff Images */
  .staff-bio-image {
    display: block;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 300px;
    float: left;
  }

}


/* Mobile Devices */
@media only screen and (max-width: 767px) {

  .container {
    width: 100%;
  }

  /* FOOTER */

  footer div.footer-right {
    text-align: center;
  }

  /* SQUARES */

  .square-list-item { /* one col at this rez */
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .squares-list.circles.three-col .square-list-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }

  .squares-list.events .square-list-item .top-image {
    height: 350px;
  }

  .squares-list.news .square-list-item .top-image {
    height: 350px;
  }

  .squares-list.staff .square-list-item .top-image {
    height: 350px;
  }

  /* CONTENT */

  .cover-image {
    width: 100%;
    height: 200px;
  }

  section.box .box-image {
    background-position: center top;
    height: 400px;
  }

  /* PANELS BLOCKS */

  .panels-side-row {
    width: 100%;
  }

  /* CIRCLE ROWS */

  .circle-row {
    padding: 30px 0;
  }

  .circle-row .circle-image {
    display: inline-block;
    width: 180px;
    height: 180px;
    border-radius: 90px;
    margin: 20px 20px 20px 12%;
    float: left;
  }

  .circle-text {
    padding-top: 0;
    width: 55%;
    display: inline-block;
    float: right;
  }

  /* CIRCLE ICONS */

  .circle-icons-list {
    width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  .circle-icons-list a.circle-icon {
    display: inline-block;
    height: 215px;
    padding-top: 180px;
    width: 48%;
    margin-right: 1.111%;
  }

  .circle-icons-list a.circle-icon:nth-child(2n) {
    margin-right: 0;
  }

  .circle-icons-list a.circle-icon:after {
    width: 116px;
    height: 116px;
    left: 25%;
    top: 50px;
  }

  /* SECTION TITLE */

  .section-title h2 {
    width: 50%;
    font-size: 1.3em;
    vertical-align: middle;
    display: table-cell;
    line-height: 42px;
  }

  .section-title.text-centered h2 {
    display: block;
    text-align: center;
    width: 100%;
  }

  .title-bar-buttons {
    top: 75px;
  }

  .title-bar-buttons a.button {
    font-size: 0.737em;
    padding: 15px;
  }

  .section-title.underline {
    padding-bottom: 0px;
  }

  /* TRAINING CAROUSEL */

  .training-carousel .training-slide.item {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* SUBFOOTER */

  .partners-list a {
    display: block;
    width: 100%;
    margin: 20px 0;
  }

  /* SOCIAL BOXES */

  .social .social-list ul {
    position: relative;
    list-style: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    padding-left: 30px;
    padding-right: 30px;
  }

  .social .social-list ul li {
    text-align: center;
  }

  /* SVG Maps */
  .svg-map img {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
  }

  /* SVG MAPS */
  .svg-map {
    padding: 15px
  }

  /* REGION MODAL */

  #region-modal.modal .modal-dialog {
    width: 100%;
  }

  #region-modal.modal .modal-content {
    background-color: #FFFFFF;
    padding: 10px;
    width: 100%;
  }

  #region-modal.modal .modal-content h2 {
    padding-top: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: #CFCFCF 1px solid;
  }

  #region-modal.modal .modal-dialog {
    margin: 0;
  }

  #region-modal.modal .modal-region-map,
  #region-modal.modal .modal-region-menu {
    padding-left: 0;
    padding-right: 0;
  }

  #region-modal.modal .modal-content .modal-region-map img {
    width: 100%;
  }

  #region-modal.modal .modal-region-menu {
    padding-top: 20px;
    text-align: center;
  }

  #region-modal.modal .modal-region-menu a.button {
    display: inline-block;
    color: #FFFFFF;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    font-size: 1em;
    line-height: 120% !important;
    padding: 10px;
  }

  /* Staff Images */
  .staff-bio-image {
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }

}

/* Medium Mobile Devices */
@media only screen and (max-width: 650px) {

    /* CIRCLE ROWS */

    .circle-row {
      padding: 30px;
    }

    .circle-row .circle-image {
      display: block;
      width: 260px;
      height: 260px;
      border-radius: 130px;
      margin: 20px auto;
      float: none;
    }

    .circle-text {
      padding-top: 0;
      width: 100%;
      display: block;
      float: none;
      text-align: center;
    }

    /* HEADER */

    header.slideshow .slideshow-container .slide h1 {
      font-size: 3.0em;
      font-weight: 800;
    }

    header.slideshow, header.slideshow .slideshow-container, header.slideshow .slideshow-container .slide {
      width: 100%;
      height: 350px;
    }

    header.slideshow .slideshow-container .slide {
      padding-top: 30px;
    }

    /* Align Overrides */

    .alignright, .alignleft {
      display: block;
    }

    .alignright, .alignleft {
      float: none;
      margin-right: 0;
      margin-left: 0;
    }

}


/* Medium Mobile Devices */
@media only screen and (max-width: 550px) {

  /* CIRCLE ICONS */

  .circle-icons-list {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .circle-icons-list a.circle-icon {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    height: 180px;
    padding-top: 150px;
    width: 300px;
  }

  .circle-icons-list a.circle-icon:after {
    width: 116px;
    height: 116px;
    left: 90px;
    top: 30px;
  }

}

/* Medium Mobile Devices */
@media only screen and (max-width: 512px) {

  .squares-list.events .square-list-item .top-image {
    height: 270px;
  }

  .squares-list.news .square-list-item .top-image {
    height: 270px;
  }

  .squares-list.staff .square-list-item .top-image {
    height: 270px;
  }

  /* SECTIONS */

  section.callout-bar a.callout-bar-button {
    width: 100%;
  }

  section.box .box-image {
    background-position: center top;
    height: 300px;
  }

}


/* Small Mobile Devices */
@media only screen and (min-width: 480px) {

  /* EVENT DETAILS */

  .event-detail-block, .event-detail-block .event-date {
    width: 100%;
  }

}

/* Medium Mobile Devices */
@media only screen and (max-width: 480px) {

  /* CENTER TITLES */

  .callout-bar-left h2 {
    text-align: center;
  }

  /* SECTION TITLE */

  .section-title {
    padding-top: 40px;
  }

  .section-title h2 {
    width: 100%;
    font-size: 1.2em;
    vertical-align: middle;
    display: table-cell;
    line-height: 42px;
    padding-bottom: 10px;
  }

  .title-bar-buttons {
    position: static;
    width: 100%;
    padding-bottom: 20px;
  }

  .title-bar-buttons a.button {
    margin-left: 0;
    margin-right: 0;
  }

  /* SLIDES */

  header.slideshow .slideshow-container .slide h1 {
    line-height: 120%;
  }

  /* OTHER */

  .homepage-map-large {
    display: none;
  }

  section.box {
    padding-bottom: 40px;
  }

}

@media only screen and (max-width: 420px) {

  .button.region-index-special {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }

  .event-detail-block a.button {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    text-align: center;
  }

  .event-detail-block {
    width: 100%;
    display: block;
  }

  .event-detail-block .event-date {
    width: 100%;
  }

}

/* Small Mobile Devices */
@media only screen and (max-width: 380px) {

  .squares-list.events .square-list-item .top-image {
    height: 230px;
  }

  .squares-list.news .square-list-item .top-image {
    height: 230px;
  }

  .squares-list.staff .square-list-item .top-image {
    height: 270px;
  }

  .social .social-header {
    margin-left: 140px;
  }

  /* EVENT DETAILS */

  .event-detail-block {
    width: 100%;
  }

}