/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */

/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */

/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */

/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}

/*
 * Tablet sizes and up
 */
@media only screen and (min-width: 768px) {
#feat-container-b {
  position: absolute;
  margin-left: 25%;
  margin-right: 25%;
  top: 20%;
  width: 50%;
}
#feat-container{position: absolute;
margin-left:0px;
margin-right:0px;
bottom: 0;
width: 100%;
}
.header-intro #feat-container{position: absolute;
margin-left:11%;
margin-right:11%;
bottom: 0;
width: 78%;
}
.feat-title {margin-left:25%; margin-right:25%;}
.feat-caption, .box-feat-caption{
position: relative;
padding:0px 15px;
z-index:1;
min-height: 50px;
color:#fff;
text-shadow: 1px 1px #000;
font-weight:bold;
}
.feat-caption-b {
  position: relative;
  padding: 0px 15px;
  z-index: 1;
  min-height: 60px;
  color: #fff;
  text-shadow:  -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
  font-weight: bolder;
}
.feat-caption a, .feat-caption-b a{color:#fff;}
.slide-overlay, .box-slide-overlay {
       position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
       filter: alpha(opacity=50);
       opacity:.5;
       min-height: 40px;
       background-color:#000;
   }
   .quicklinks{float:right !important;}
   .field-name-field-pagebox {
   float:right;
   max-width: 33%;
padding: 10px;
min-width: 25%;
}
.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
display: block; padding:10px;0px;
}
.flex-direction-nav a  {
    line-height: 40px;
    top:50%;
}
.flex-direction-nav .flex-next { right: 0 !important; margin-right: 0px; opacity: 1 !important;
background-color:rgba(111,134,141,0.5); padding-right:10px;}
.flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; margin-left: 0px;
background-color:rgba(111,134,141,0.5); padding-left:10px; }
.flexslider { width: 100%; margin: 0 auto; }
 .out-left{
  height: 100%;
  width: 10%;
  background-color:rgba(51,51,51,0.7);
  position: absolute;
  top: 0px;
  border-right: solid 3px #fff;
}
.out-right{
  height: 100%;
  width: 10%;
  background-color:rgba(51,51,51,0.7);
  position: absolute;
  top: 0px;
  right:0px;
  border-left: solid 3px #fff;
}
.tb-megamenu .mega-align-justify > .dropdown-menu{width:100%!important;}
#block-search-form .content{float:right; padding-top:5%;padding-bottom:5;}
#branding{width:50%; float:left;}
.ua-block {
  width: 25%;
  float: left;
}
.quicklinks{margin-bottom:10px;}
#quicktabs-front_page .item-list.item-list-q ul li a{color:#fff; font-size:2em; text-transform:uppercase;
font-weight:bold;}
#quicktabs-front_page .item-list.item-list-q ul li{padding:15px 10px 5px 10px;}
   }

/*
 * Desktops/laptops and up
 */
@media only screen and (min-width: 1025px) {
   .quicklinks{float:right !important;}
   .field-name-field-pagebox {
   float:right;
max-width: 33%;
padding: 10px;
min-width: 25%;
margin-left:20px;
}
.page-node-34 .field-name-field-pagebox {
max-width: 100%;
padding: 10px;
min-width: 25%;
margin-left:0px;
}
#block-search-form {
  width: 50%;
  float: right;
}
   }