/* Work around for legacy IE */
@media only screen and (min-width:320px) and (max-width:480px) {
  .ie6-7 .mbp-c #menu-bar .menu-wrapper  ul,
  .ie6-7 .mbp-c #menu-bar .menu-wrapper  .sf-menu li {
    left: auto;
  }


}




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

.five-columns .views-row, 
.four-columns .views-row, 
.three-columns .views-row, 
.two-columns .views-row {
  width: 100%;
  float: none;
}
.five-columns .views-row img, 
.four-columns .views-row img, 
.three-columns .views-row img, 
.two-columns .views-row img {
  width: auto;
  height: auto;
}


.column-width-50, 
.column-width-33, 
.column-width-25 {
  width: 100%;
  float: none;
  text-align: center;
}
.column-width-50 img, 
.column-width-33 img, 
.column-width-25 img {
  text-align: center;
}


#page .group-left, 
#page .group-right {
  margin: auto;
  width: 100%;
  float: none;
  text-align: center;
}
#page .group-left img, 
#page .group-right img {
  margin: auto;
  width: auto;
  float: none;
  height: auto;
  text-align: center;
}


#page #branding, #page .region-header {
  margin: 0 20px 10px 20px;
  width: auto;
}
#logo {
  float: none;
  padding: 0;
  margin: auto;
  text-align: center;
}
#page h1#site-name, #page #site-slogan {
  text-align: center;
}
#logo,
#logo img {
  float: none;
  text-align: center;
}
#name-and-slogan {
  border-left: none;
  display: block;
  float: none;
  margin-left: 0;
  min-height: inherit;
  padding-left: 0;
}


#menu-bar {
  background-color: #4c4742;
  padding: 0;
  margin-bottom: 20px;
}
#menu-bar .menu-wrapper ul.menu {
  background-color: #ffffff;
  padding: 15px;
}
.nav .block-menu ul li a.active {
  background-color: transparent;
  font-weight: bold;
}
.nav .block-menu ul li a {
  border-bottom: 1px dotted #CCC;
}
.nav .block-menu ul li.last a {
  border-bottom: none;
}
.nav .block-menu ul li a {
  background-color: transparent;
}


.horizontal-list ul.menu {
  margin: auto;
  text-align: center;
}
.horizontal-list ul.menu li {
  display: inline;
  float: none;
}


#page .block-inner-no-margin .block-inner {
}
#page .block-inner-no-margin-right .block-inner {
  margin-right: 1.5em;
}
#page .block-inner-no-margin-left .block-inner {
  margin-left: 1.5em;
}
.block-inner-no-margin-left-right-first .block-inner {
  margin-left: 1.5em;
  margin-right: 1.5em;
}


.image-right .field-type-image.field-label-above .field-label, 
.image-right .field-type-image figure, 
.ia-r .field-type-image.field-label-above .field-label, 
.iat-r .field-type-image.field-label-above .field-label, 
.ia-r .field-type-image figure, 
.iat-r .field-type-image figure {
  clear: both;
  display: block;
  float: none;
  text-align: center;
  margin: auto auto 1em;
}
.field-type-image img {
  display: block;
  margin: auto;
  text-align: center;
}


#page img.adaptive-image.image-style-front-mobile-small {
  float: none;
  margin: auto;
  max-width: inherit;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: auto;
  z-index: 2;
  bottom: 0;
}
.has-flex-slider-bg .group-inner-wrapper.container {
  min-height: 200px;
}


}





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


.five-columns .views-row {
  width: 33.3%;
}
.four-columns .views-row, 
.three-columns .views-row {
  width: 50%;
}
.two-columns .views-row {
  width: 50%;
}


.column-width-50 {
  width: 100%;
  float: none;
  text-align: center;
}
.column-width-33, 
.column-width-25 {
  width: 50%;
}


#page .group-left, 
#page .group-right {
  margin: auto;
  width: 100%;
  float: none;
}
#page .group-left img, 
#page .group-right img {
  margin: auto;
  width: auto;
  float: none;
  height: auto;
  text-align: center;
}


.five-columns .views-row, 
.four-columns .views-row {
  width: 33%;
}
.two-columns .views-row,
.three-columns .views-row {
  width: 50%;
}


#logo,
#logo img {
  float: none;
  text-align: center;
}
.has-flex-slider-bg .group-inner-wrapper.container {
  min-height: 250px
}
.heros-image-slider .block-region-secondary-content {
  min-height: 250px;
}
.heros-image-slider .bg-image-slider .top-fixed-bg, 
.heros-image-slider .has-bg-image .top-fixed-bg {
  margin: auto;
  min-height: 250px;
  position: absolute;
  top: 0;
  width: 100%;
}


}





@media only screen and (min-width:592px) and (max-width:800px) {

.three-columns .views-row, 
.two-columns .views-row {
  width: 50%;
}
.five-columns .views-row, 
.four-columns .views-row {
  width: 33%;
}


.column-width-33, 
.column-width-25 {
  width: 50%;
}


.five-columns .views-row {
	width: 25%;
}
.four-columns .views-row {
	width: 33%;
} 
.three-columns .views-row {
	width: 50%;
}
.two-columns .views-row {
	width: 50%;
}


.has-flex-slider-bg .group-inner-wrapper.container {
  min-height: 300px
}
.heros-image-slider .block-region-secondary-content {
  min-height: 300px;
}
.heros-image-slider .bg-image-slider .top-fixed-bg, 
.heros-image-slider .has-bg-image .top-fixed-bg {
  margin: auto;
  min-height: 300px;
  position: absolute;
  top: 0;
  width: 100%;
}


}





@media only screen and (min-width:801px) and (max-width:959px) {

.five-columns .views-row, 
.four-columns .views-row {
  width: 33.3%;
}


}




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

/*menu styles*/
#page .menu-toggle {
  display: block;
}
#menu-bar .menu-wrapper ul.menu, 
#page .menu-toggle {
  float: none;
}
#page h2.menu-toggle {
  float: right;
  text-align: right;
  text-transform: capitalize;
  margin: 0;
}
#page h2.menu-toggle a {
  display: block;
  float: right;
  padding: 0.5em 1em;
}

/* flex slider flex-slider-bg */

#page .has-flex-slider-bg {
  min-height: none;
  height: auto;
}
#page .has-flex-slider-bg .top-fixed-bg {
  background-image: none;
  display: none;
}
#page .slider-bg-image {
  display: block;
}
.has-flex-slider-bg .group-left, 
.has-flex-slider-bg .group-right {
  width: 100%;
  float: none;
}


.has-hero-image .header-outer-wrapper {
  background-color: #2B80C5;
}
.horizontal-menu ul.menu {
  text-align: center;
}
.horizontal-menu ul.menu li {
  display: inline-block;
  text-align: center;
  float: none;
}


}




@media only screen and (min-width:800px) {


.bg-image-slider .views_slideshow_slide,
.has-bg-image .views-row {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    left: auto !important;
    top: auto !important;
}
.bg-image-slider.page-hero-image .views-slideshow-cycle-main-frame,
.bg-image-slider.page-hero-image .views_slideshow_slide,
.has-bg-image .views-row {
  height: 350px !important;
  width: 100%;
}
.bg-image-slider .views-slideshow-cycle-main-frame,
.bg-image-slider .views_slideshow_slide {
  height: 500px !important;
  width: 100%;
}
.group-content-outer-wrapper {
	position: relative;
}
.bg-image-slider .featured-image {
  display: none;
}
.featured-text {
}


/* top slider */
.page-top-slider .views_slideshow_slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    left: auto !important;
    top: auto !important;
}
.page-top-slider .views-slideshow-cycle-main-frame,
.page-top-slider .views_slideshow_slide {
  height: 400px !important;
  width: 100%;
}
.page-top-slider .group-content-outer-wrapper {
	position: relative;
}
.page-top-slider .featured-image {
  display: none;
}


}




@media only screen and (min-width:801px) {

#page nav#block-system-main-menu {
  display: block !important;
}
.has-hero-image .header-outer-wrapper {
  position: absolute;
}
body.front .has-hero-image .heros-image-slider .group-inner-wrapper {
  padding-top: 200px;
}
.has-hero-image .heros-image-slider .group-inner-wrapper {
  padding-top: 100px;
}


}




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

#page .bg-image-slider .views_slideshow_slide,
#page .page-top-slider .views_slideshow_slide {
  background-image: none !important;
  height: auto;
}
.featured-image {
  display: block;
}
.featured-image img.adaptive-image  {
  float: left;
}
.featured-wrapper {
  position: relative;
  bottom: auto;
  left: auto;
  z-index: 20;
  display: block;
}
.featured-inner-wrapper {
  padding: 0;
}


body.front .heros-image-slider .block-region-secondary-content {
  min-height: inherit;
}
body.not-front .has-bg-image {
  position: relative;
}


.has-flex-slider-bg {
  min-height: inherit;
}
.has-flex-slider-bg .group-inner-wrapper.container {
  bottom: 0;
  padding: 50px 25px;
  position: relative;
  width: auto;
  z-index: 5;
}
.has-bg-image .group-outer-wrapper.container {
  bottom: 0;
  padding: 50px 25px;
  position: relative;
  width: auto;
  z-index: 5;
}
.has-flex-slider-bg .group-inner-wrapper .group-inner-inner-wrapper {
  width: auto;
  margin: 0 25px;
}
.has-flex-slider-bg .group-wrapper {
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}
#page img.adaptive-image.image-style-front-mobile {
  float: none;
  margin: auto;
  max-width: inherit;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: auto;
  z-index: 2;
  bottom: 0;
}


}



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

#page .header-inner-wrapper {
  padding: 12px 25px;
  width: auto;
}
.featured-text {
  margin: 0 25px;
}
#page .mmenu-wrapper a.show-menu {
  display: block;
}
#menu-bar {
  display: none;
}
.has-bg-image .group-outer-wrapper.container {
  padding-right: 25px;
  padding-left: 25px;
}


}


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

#branding {
  float: none;
  text-align: center;
}
#page .region-header {
  float: none;
  width: auto;
  text-align: center;
  max-width: inherit;
}

}