/**
 * 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, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */

/* Some basic examples of cascading media queries. */

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

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

/* Smartphone sizes and down */
@media only screen and (max-width: 480px) {

  /*
    Float Region blocks example:
    In smaller screen sizes we can remove the float and widths so all blocks
    stack instead of displaying horizonally. The selector used here 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.
    
    "Float Region blocks" is an extension for floating blocks in regions, see
    your themes appearance settings, under the Extensions tab.
  */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }

  .region-sidebar-first .block-inner {
    margin-left: 10px;
    margin-right: 10px;
  }

  #block-superfish-1 .main-menu > li.first {
    margin-left: 0;
  }

}

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

  #content-wrapper #over-wrapper {
    max-width: 768px
  }

  #block-superfish-1 .sf-menu.main-menu {
    background: #A02722;
    width: 100%;
    border-radius: 10px;
    padding: 10px 0;
  }

  #block-superfish-1 .main-menu > li > a {
    border-bottom: 4px solid #CCC;
  }

  #header-wrapper,
  #header-wrapper header {
    width: 100%;
    display: block;
  }

  #branding, .region-header {
    display: block !important;
  }

  .region-header #block-superfish-1  .sf-menu.main-menu {
    padding: 0;
  }

  #block-superfish-1 {
    width: 100%;
    overflow: visible;
  }

  body.front #main-content .content-style {
    overflow: visible;
  }

  .region-header #block-superfish-1 {
    margin-top: 0;
    margin-bottom: 0;
  }
  #block-superfish-1 .main-menu > li.first {
    margin-left: 0;
  }

}

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

  #content-wrapper #over-wrapper {
    max-width: 480px
  }

  #block-superfish-1 .sf-menu.main-menu {
    background: #A02722;
    width: 100%;
    border-radius: 10px;
    padding: 10px 0;
  }

  #block-superfish-1 .main-menu > li > a {
    border-bottom: 4px solid #CCC;
  }

  #branding, .region-header {
    display: block !important;
  }

  .region-header #block-superfish-1  .sf-menu.main-menu {
    padding: 0;
  }

  .page-gallery .block .item-list ul.field-slideshow-pager {
    width: 240px;
  }

  #webform-client-form-22 label,
  #webform-client-form-25 label,
  #webform-client-form-23 label {
    width: 60px;
  }

  #webform-client-form-22 input,
  #webform-client-form-25 input,
  #webform-client-form-23 input {
    margin-left: 70px;
    max-width: 250px
  }

  .form-item, .form-action {
    clear: both;
    overflow: hidden;
  }

  #block-superfish-1 {
    overflow: visible;
  }

  body.front #main-content .content-style {
    background: none;
  }

  #block-block-7 .social-links-front {
    background: none;
    width: 100%;
    height: auto;
    padding: 12px 0;
  }

  #block-block-7 .social-links-front a {
    overflow: hidden;
  }

  .region-header #block-superfish-1 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .region-sidebar-first .block-inner {
    margin-left: 10px;
    margin-right: 10px;
  }
  #block-superfish-1 .main-menu > li.first {
    margin-left: 0;
  }
}

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

  #content-wrapper #over-wrapper {
    max-width: 320px
  }

  #block-superfish-1 .sf-menu.main-menu {
    background: #A02722;
    width: 100%;
    border-radius: 10px;
    padding: 10px 0;
  }

  #block-superfish-1 .main-menu > li > a {
    border-bottom: 4px solid #CCC;
  }

  #branding, .region-header {
    display: block !important;
  }

  .region-header header {
    display: block;
    width: 100%;
  }

  .region-header #block-superfish-1  .sf-menu.main-menu {
    padding: 0;
  }

  .page-gallery .block .item-list ul.field-slideshow-pager {
    width: 240px;
  }

  #webform-client-form-22 label,
  #webform-client-form-25 label,
  #webform-client-form-23 label {
    width: 60px;
  }

  #webform-client-form-22 input,
  #webform-client-form-25 input,
  #webform-client-form-23 input {
    margin-left: 70px;
    max-width: 130px
  }

  .form-item, .form-action {
    clear: both;
    overflow: hidden;
  }

  #block-superfish-1 {
    overflow: visible;
  }

  body.front #main-content .content-style {
    background: none;
  }

  #block-block-7 .social-links-front {
    background: none;
    width: 100%;
    height: auto;
    padding: 12px 0;
  }

  #block-block-7 .social-links-front a {
    overflow: hidden;
  }

  #block-superfish-1 {
    width: 100%;
    overflow: visible;
  }

  .region-header #block-superfish-1 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .region-sidebar-first .block-inner {
    margin-left: 10px;
    margin-right: 10px;
  }
  #block-superfish-1 .main-menu > li.first {
    margin-left: 0;
  }
}

@media only screen and (min-width: 962px) {
  #content-wrapper #over-wrapper,
  #content-wrapper #over-wrapper > .container,
  #messages-help-wrapper #over-wrapper > .container,
  #content-top-wrapper #over-wrapper > .container {
    max-width: 1024px; /*hsv change to 1024 from 960*/
    /*background: url(images/main.png) no-repeat center -4px;*/
  }

  body.front.sidebar-first .content-inner {
    margin-right: 29%;
  }

  body.front.sidebar-first .region-sidebar-first {
    width: 28%;
    margin-left: -29%;
  }

  .region-header #block-superfish-1 {
    margin-top: 50px;
    margin-bottom: 0;
  }
  #header-wrapper header {
    height: 122px;
  }
}

@media screen and (max-width: 961px) and (min-width: 769px) {
  .region-header #block-superfish-1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #content-wrapper #over-wrapper {
    max-width: 1024px; /*hsv change to 1024 from 960*/
  }

  #branding, .region-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #block-superfish-1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .page-gallery .block .item-list ul.field-slideshow-pager {
    overflow: hidden;
    margin: 0;
    float: left;
    width: 100%;
    margin-top: 10px;
  }
}

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

/* Desktops/laptops and up 
@media only screen and (min-width: 1025px) {
}
*/