@media only screen and (max-width: 980px) {
  .wrapper { width:90%; }
  #top ul.desktop { display:none; }
  #top .burger { display:inline-block; }
  #header {
    height:auto;
    overflow:hidden;
  }
  #header .loyalty-logo {
    position:relative;
    left:0;
    float:left;
  }
  #header .loyalty-menu {
    overflow:hidden;
    width:220px;
    padding-top:15px;
  }
  #header ul li { float:none; }
  #header ul li a { line-height:40px; }
  #header ul li a:after { display:none; }
  #header ul.first { width:100%; }
  #header ul.second {
    width:100%;
    float:left;
  }
  .questions-answers dl dt a span { width:85%; }
}
@media only screen and (max-width: 800px) {
  .banners .seal { display:none; }
  .banners ul.slides li .inner-content { position:relative; }
  .flex-direction-nav a { top:20%; }
  .introduction .left {
    width:100%;
    padding:40px;
  }
  .introduction .right { width:100%; }
  .introduction .right figure { height:400px !important; }
  .questions-answers dl dt a span { width:80%; }
}
@media only screen and (max-width: 640px) {
  footer #copyright { text-align:center; }
  footer #copyright .details {
    float:none;
    text-align:center;
  }
  footer #copyright .details ul { display:inline-block; }
  footer #copyright .footer-logo {
    float:none;
    margin-top:20px;
  }
}
@media only screen and (max-width: 550px) {
  #header { text-align:center; }
  #header .loyalty-logo {
    position:relative;
    left:auto;
    float:none;
  }
  #header .loyalty-menu {
    width:100%;
    padding-top:0;
    text-align:center;
  }
  .banners ul.slides li .inner-content {
    position:relative;
    font-size:32px;
  }
  .introduction .right { width:100%; }
  .introduction .right figure {
    width:100%;
    height:400px !important;
  }
  .questions-answers dl dt a span { width:75%; }
}
@media only screen and (max-width: 480px) {
  .questions-answers dl dt a span { width:70%; }
}
@media only screen and (max-width: 320px) {
  .questions-answers dl dt a span { width:65%; }
}