@media only screen and (min-width: 481px) {
  #Header .sectionTitle {
    font-size: 1.5em;
  }
  #HeaderSlider .imgZoomed {
    border: 4px solid #fff;
  }
  .bx-wrapper .bx-pager {
    bottom: 20px;
  }
  #Devices .FeatureList ul {
    max-width: 600px;
    margin: 0 auto;
  }
  #Brief .ImgBlock {
    padding-top: 30%;
    background-size: contain;
  }
  #Benefits .BenefitsList ul li {
    position: relative;
    height: 180px;
    padding-left: 200px;
  }
  #Benefits .BenefitsList ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
  }
  #Benefits .BenefitsList ul li span {
    position: relative;
    top: 45px;
  }
  #Action .CtaButton {
    width: auto;
    font-size: 2em;
    padding: 30px 60px;
    margin: 60px auto 0;
  }
}
@media only screen and (min-width: 769px) {
  .section {
    padding: 40px;
    padding-bottom: 60px;
  }
  h2.sectionTitle {
    font-size: 2em;
  }
  #Header .HeaderTop:after {
    content: "";
    display: table;
    clear: both;
  }
  #Header .HeaderTop .headerTopItem.logo {
    float: left;
    text-align: left;
    width: 22%;
  }
  #Header .HeaderTop .headerTopItem.logo img {
    padding-bottom: 0;
  }
  #Header .HeaderTop .headerTopItem.menuElements {
    position: absolute;
    top: 25px;
    right: 20px;
  }
  #Header .sectionTitle {
    margin: 0 auto;
    padding: 10px 10px 0;
    width: 400px;
    color: #fff;
    position: static;
  }
  #Header .SloganContainer {
    padding: 20px 0;
  }
  #Header .SloganContainer h2 {
    font-size: 2em;
  }
  #Header .SloganContainer p {
    font-size: 1.3em;
  }
  #Brief .ImgBlock {
    padding: 0 10px 20px 0;
    padding-left: 45%;
    background-size: auto;
    background-color: #3f3f3f;
  }
  #Brief .ImgBlock:after {
    bottom: -60px;
  }
  #Monitoring .imgCaption {
    width: 680px;
    font-size: 1.3em;
    padding: 0;
  }
  #Monitoring .storeBg {
    background-attachment: fixed;
  }
  #Benefits .BenefitsList ul {
    margin: 0 auto;
    max-width: 800px;
  }
  #Benefits .BenefitsList ul li {
    display: inline-block;
    margin: 0 25px 30px;
    padding: 200px 0 0;
    height: auto;
  }
  #Benefits .BenefitsList ul li span {
    top: 0;
  }
  .FeatureImage {
    display: table-cell;
  }
  .FeatureReference {
    text-align: left;
    padding: 0px 0px 0px 20px;
  }
  .FooterGroupText {
    display: inline-block;
    font-size: 0.85em;
  }
  .FooterGroupButtons {
    display: inline-block;
    padding: 0;
  }
  .FooterLogo {
    display: inline-block;
    margin: 0 0 10px;
  }
  .FooterLogo img {
    height: 25px;
    width: auto;
  }
}
@media only screen and (min-width: 1023px) {
  h2.sectionTitle {
    font-size: 2em;
  }
  #Header .sectionTitle {
    font-size: 2em;
    width: 500px;
  }
  #Header .SloganContainer .sectionTitle {
    font-size: 2em;
  }
  #HeaderSlider .imgZoomed {
    border: 6px solid #fff;
  }
  #Brief .ImgBlock {
    padding: 0 40px 30px 500px;
    background-size: auto;
    background-color: #3f3f3f;
  }
  #Brief .ImgBlock:after {
    background-size: auto;
  }
  #Monitoring .bgWrapper {
    height: 1px;
    position: relative;
  }
  #Monitoring .bgWrapper .storeBg {
    position: absolute;
    top: -200px;
    z-index: -1;
  }
  #Devices .factoryBg {
    padding-bottom: 62%;
  }
  #Devices .factoryBg .bgText {
    width: 500px;
    position: absolute;
    bottom: 20px;
    right: 0;
    padding: 0;
  }
  #Devices .factoryBg .bgText:first-child {
    padding-top: 0;
    bottom: auto;
    top: 70px;
  }
  #Devices .FeatureList .section {
    padding: 0 40px 40px;
  }
  #Reports .section {
    padding-bottom: 18%;
  }
  #Action .section {
    padding-top: 22%;
  }
  #Reports .imgWrapper {
    margin: 4% auto 0;
  }
}
@media only screen and (min-width: 1360px) {
  h2.sectionTitle {
    font-size: 2.5em;
  }
  #Header .sectionTitle {
    font-size: 2.5em;
    padding: 20px 20px 0;
    width: 600px;
  }
  #Header .SloganContainer .sectionTitle {
    font-size: 2.5em;
  }
  #Brief .ImgBlock {
    padding: 0 40px 30px 650px;
  }
  #Monitoring .bgWrapper {
    margin-bottom: 10%;
  }
  #Devices .factoryBg .bgText h4 {
    font-size: 2em;
  }
  #Devices .factoryBg .bgText {
    right: 15%;
  }
  #Devices .FeatureList ul {
    max-width: none;
  }
  #Benefits .BenefitsList ul {
    max-width: none;
  }
  #Reports .section {
    padding-bottom: 180px;
  }
  #Reports .imgWrapper {
    bottom: -240px;
  }
  #Action .section {
    padding-top: 220px;
  }
}
@media only screen and (min-width: 1900px) {
  #Header .sectionTitle {
    font-size: 3.2em;
    width: 800px;
  }
  #Header .SloganContainer .sectionTitle {
    font-size: 3.2em;
  }
}