///////////////////////////////////////////////
//
//  Adapta Queries
//
///////////////////////////////////////////////

// MAX WIDTH
@media all and (max-width: 1200px) { //match with menu collapse
  .banner {
    .span5 { float: left !important; margin: 0px; padding: 50px 20px;}
  }
  .container-fluid.wizard form > dl { > dt, > dd {width:60%;}}
  // .container-fluid.wizard {#leftColumn-element {width: 30%; margin-left: 20%;} #rightColumn-element {width: 30%; margin-right: 20%;} } 
}

@media all and (max-width: $navbarCollapseWidth) {
  .banner {
    h1 { font-size: 28px;}
  }
  .container-fluid.wizard form > dl { > dt, > dd {width:80%;}}
  // .container-fluid.wizard {#leftColumn-element {width: 40%; margin-left: 10%;} #rightColumn-element {width: 40%; margin-right: 10%;} } 
  .wizard_form #progress { width: 100%; margin: 0 0 $baseLineHeight / 2 0;}
  // .container-fluid.wizard form {
  //   #btnCancel-element, #btnSubmit-element {float: none;}
  // } 
}

@media all and (min-width: 768px) and (max-width: 979px) {
  .table {
    th {font-size: $baseFontSize - 4;}
    td {font-size: $baseFontSize - 2; line-height:$baseFontSize; }
  }
}

@media all and (max-width: 767px) {
  body {
    padding-left: 0;
    padding-right: 0;
  }
  .banner {
    .span5 {
      text-align: center;
      float:none !important;
      padding: 0;
      margin: $baseLineHeight 0;
      br { display: none;}
    }    
    .span7 {
      text-align: center;
      float:none !important;
      img {max-width:450px; float:none !important; margin-top: $baseLineHeight;}
    }
  }  
  .clmn-left, .clmn-center {
    margin-bottom: $baseLineHeight;
  }
  .push > .container-fluid { margin-bottom: 0;}
  .navbar-static-top {
    margin-left: 0;
    margin-right: 0;
  }  
  footer { 
    text-align:center;
    * { float:none !important;}
  }   
  .navbar .brand {
    img {max-width: 220px;}
  }
  .brand-tel { margin-top: 20px;}
  .container-fluid.wizard form > dl { > dt, > dd {width:100%; select {max-width:100%;}}}
  // .container-fluid.wizard {#leftColumn-element {width: 50%; margin-left: 0%;} #rightColumn-element {width: 50%; margin-right: 0%;} }
  .container-fluid.wizard {#leftColumn-element, #rightColumn-element {width: 100%; padding-left: 0; padding-right: 0;} } 
  .container-fluid.wizard .result-record {
    width:100%;
    td { height: auto; width: auto; display: block;}
    .record-icon { display: none;}
    .record-eligibility { border-top: none;}
    h4 { margin-bottom: 0;}
    .nbsp { display: none;}
  }
  .container-fluid.wizard .result-buttons {
    .span3, .span9 {
      text-align: center;
    }
  }
  [id*="FirstRow_"] {
    input, select {
      width: auto !important;
    }
    [id*="Id"] {
      width: auto;
      margin-right: 0 !important;
    }
    dt[id^="new"] {
      width: auto;
      margin-right: 0 !important;
      text-align: left;
    }
    dd[id^="new"]  {
      width: auto;
      margin-right: 0 !important;
    }
  }
}

@media all and (max-width: 680px) {
  .fancybox-skin {@include border-radius(0 !important);}  
  #income-calculator-form {
    #income-calculator-form-enterIncome-element,
    #income-calculator-form-enterDeductions-element,
    #income-calculator-form-fieldset-notesAndTotal {
      dd, dt {
        float: none;
        width: 100%;
        margin: 0;
        padding-right: 0;
        border-bottom: none;
        min-height: 0;
      }
      dd {margin: 0px 0px 10px;}
    }
    #income-calculator-form-fieldset-notesAndTotal > dl > div > div {
        float: none;
        width: 100%;
        margin: 0;
    }
  }
  .wizard_form .inline-fields {
    dt, dd { float:none;}
  } 
}

@media all and (max-width: 480px) { 
  header { text-align: center;}
  .navbar .brand {
    float: none;
    display: block;
    text-align: center;
    img {max-width: 220px;}
  }
  .brand-tel { display: inline-block; margin:0 0 5px 0; font-size: 22px; float: none;}

  .nav-tabs {
    border:0; 
    > li {
      float:none !important;    
      border:0; 
      a { @include border-radius(0px); margin-right: 0; border-bottom: 1px solid #ccc !important;}
    }
  }
  .filter_form {
    dt, #query-element {width: 100% !important;}
    dt, dd {
      margin: 0;
      padding-bottom:5px;
      float: none !important;
    }
    input.text, select { width:100% !important;}
    #btnSearch-element { width:100% !important; text-align: center;}
  }
  .banner {
    .span5 {
      h1 {font-size: 24px; margin-bottom: $baseLineHeight / 2;}
      strong { font-size: 16px;}
    }    
  }
  .insurance-companies { display: none;}
  .wizard-subtitle h2 {
    font-size: 24px;
    line-height: 28px;
  } 
  .container-fluid.wizard {#leftColumn-element, #rightColumn-element {width: 100%; padding-left: 0; padding-right: 0;} } 
  #applicants td { 
    display: block;
    &.element { padding-bottom: 0 !important;}
    input.text { width: 100%;}
  }
}  

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

}