@media only screen 
and (max-width : 959px) {
  .pageWrapper { min-width: 0; width: 100%; }
  .sectionWrapper { width: auto; }
  
  .header, .bgNeedle, .bgNeedle.colored, .bgBaloon, .bgBaloon.colored, .bgNeedle.colored.dark, .company { background-attachment: scroll; background-position: center 0; background-repeat: repeat; }
  
  .header .sectionWrapper { height: auto; padding-bottom: 400px; padding-top: 116px; }
  .header .topBar { margin-top: -116px; }
  .header .topBar .sectionWrapper { padding: 0; }
  .topBar.floating { visibility: hidden; }
  .mainLogo { display: block; text-align: center; }
  .mainNav { display: none; }
  
  .headerHeadlineCanvas { position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0; padding: 40px 18px 40px; overflow: hidden;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .headerHeadlineCnt { padding: 0; width: auto; height: auto; background: transparent; }
  .headerHeadline { text-align: center; }
  .headerHeadline br { display: none; }
  .headerHeadline .qlik {  }
  .headerHeadlineCanvas.yetToFadeIn { width: auto; height: auto; margin: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;  
  }
  .headerHeadlineCanvas.yetToFadeIn .headerHeadlineCnt { margin: 0; background: transparent; }
  .headerShowcase .desktop { right: 50%; margin-right: -270px; }
  .headerShowcase .tablet { right: 20%; margin-right: -126px; }
  .headerShowcase .smartphone { right: 10%; margin-right: -61px; }
  
  .largeTxt { font-size: 1.2em; }
  
  .intro .sectionTxt { padding-left: 18px; padding-right: 18px; }
  .imgCntntSection { padding-left: 18px; padding-right: 18px; }
  .intro .imgCntntSection .imgBlock { position: relative; float: none; margin-left: 0; margin-right: 0; }
  .imgCntntSection.leftAlign .screenShowcase { position: relative; left: 50%; margin-left: -330px; }
  .features .imgCntntSection .imgBlock { width: 50%; }
  .features .imgCntntSection .imgBlock img { width: 100%; }
  .features .imgCntntSection.hasImg .txtBlock { float: left; width: 50%; }
  .features .imgCntntSection.rightAlign.hasImg .txtBlock { float: right; }
  .imgCntntSection.smaller, .imgCntntSection.smaller.rightAlign { float: none; width: auto; padding-right: 18px; border-right: 0; }
  
  .imgCntntSection .txtBlock { padding-top: 0; }
  .imgCntntSection.txt3 .txtBlock { padding-top: 0; }
  .imgCntntSection.txt4 .txtBlock { padding-top: 0; }
  
  .formSection .txtBlock { float: none; width: auto; padding: 0 18px 18px; }
  .formCnt, .customReports .formCnt { margin-left: 18px; margin-right: 18px; padding-left: 20px; padding-right: 20px; }
  .formHead { margin-left: -20px; margin-right: -20px; }
  
  .company { background-image: none; }
  .company .imgCntntSection .txtBlock { padding: 0; }
}
@media only screen 
and (max-width : 520px) { 
  .header .sectionWrapper { height: auto; padding-bottom: 200px; }
  .header .topBar .sectionWrapper { padding: 0; }
  .headerShowcase .desktop { bottom: -27px; margin-right: -135px; }
  .headerShowcase .tablet { bottom: -37px; margin-right: -63px; }
  .headerShowcase .smartphone { bottom: -38px; margin-right: -30px; }
  .headerShowcase .desktop .graphic { width: 271px; height: 223px; background: url('/imgs/hsc-desktop_50.png') no-repeat 0 0; }
  .headerShowcase .tablet .graphic { width: 127px; height: 186px; background: url('/imgs/hsc-tablet_50.png') no-repeat 0 0; }
  .headerShowcase .smartphone .graphic { width: 61px; height: 120px; background: url('/imgs/hsc-smartphone_50.png') no-repeat 0 0; }
  .headerShowcase .desktop .graphic img { top: 11px; left: 11px; width: 250px; }
  .headerShowcase .tablet .graphic img { top: 23px; left: 12px; width: 103px; }
  .headerShowcase .smartphone .graphic img { top: 20px; left: 9px; width: 44px; }
  
  .screenShowcase { width: 330px; height: 195px; background: url('/imgs/showcase-notebook_50.png') no-repeat 0 0; }
  .imgCntntSection.leftAlign .screenShowcase { margin-left: -165px; }
  .screenShowcase .canvas { top: 15px; left: 42px; width: 246px; height: 154px; overflow: hidden; background: #000; }
  .screenShowcase .canvas img { width: 100%; }  
}