/* animation */
.muchmore1 {
  -webkit-animation: muchmore_animation 16s 0s infinite;
  -o-animation: muchmore_animation 16s 0s infinite;
  animation: muchmore_animation 16s 0s infinite;
  height: 0;
  overflow: hidden;
  transition: 1s;
}

.muchmore2 {
  -webkit-animation: muchmore_animation 16s 4s infinite;
  -o-animation: muchmore_animation 16s 4s infinite;
  animation: muchmore_animation 16s 4s infinite;
  height: 0;
  overflow: hidden;
  transition: 1s;
}


.muchmore3 {
  -webkit-animation: muchmore_animation 16s 8s infinite;
  -o-animation: muchmore_animation 16s 8s infinite;
  animation: muchmore_animation 16s 8s infinite;
  height: 0;
  overflow: hidden;
  transition: 1s;
}


.muchmore4 {
  -webkit-animation: muchmore_animation 16s 12s infinite;
  -o-animation: muchmore_animation 16s 12s infinite;
  animation: muchmore_animation 16s 12s infinite;
  height: 0;
  overflow: hidden;
  transition: 1s;
}

@keyframes muchmore_animation {
  0% {
    height: auto;
    transition: 3s;
    opacity: 0;
  }

  5% {
    height: auto;
    transition: 3s;
    opacity: 1;
  }

  15% {
    height: auto;
    transition: 3s;
    opacity: 1;
  }

  19% {
    height: auto;
    transition: 3s;
  }

  20% {
    height: 0;
    transition: 3s;
    opacity: 0;
  }

  100% {
    height: 0;
    transition: 3s;
  }
}

.muchmore1_btn {
  -webkit-animation: muchmore_btn_animation 16s 0s infinite;
  -o-animation: muchmore_btn_animation 16s 0s infinite;
  animation: muchmore_btn_animation 16s 0s infinite;
  overflow: hidden;
  transition: 1s;
  opacity: 0;
}


.muchmore2_btn {
  -webkit-animation: muchmore_btn_animation 16s 4s infinite;
  -o-animation: muchmore_animation 16s 4s infinite;
  animation: muchmore_btn_animation 16s 4s infinite;
  overflow: hidden;
  transition: 1s;
  opacity: 0;
}


.muchmore3_btn {
  -webkit-animation: muchmore_btn_animation 16s 8s infinite;
  -o-animation: muchmore_animation 16s 8s infinite;
  animation: muchmore_btn_animation 16s 8s infinite;
  overflow: hidden;
  transition: 1s;
  opacity: 0;
}


.muchmore4_btn {
  -webkit-animation: muchmore_btn_animation 16s 12s infinite;
  -o-animation: muchmore_animation 16s 12s infinite;
  animation: muchmore_btn_animation 16s 12s infinite;
  overflow: hidden;
  transition: 1s;
  opacity: 0;
}

@keyframes muchmore_btn_animation {
  0% {
    transition: 3s;
    opacity: 0;
  }

  5% {
    transition: 3s;
    opacity: .5;
  }

  15% {
    transition: 3s;
    opacity: .5;
  }

  19% {
    transition: 3s;
    opacity: 0;
  }

  20% {
    transition: 3s;
    opacity: 0;
  }

  100% {
    transition: 3s;
    opacity: 0;
  }
}

.newseries_h1 {
  text-align: right;
  margin: 3% 0 2% 0;
}

.screen_vga_boom {
  padding: 0 0 42% 0;
}

.exellence_bg {
  padding: 2% 0 65% 0;
}


.twoway_bg {
  background: url('../img/vga/85.jpg') no-repeat;
  padding: 5% 0 43% 0;
}

.ai_bg {
  padding: 3% 0 57% 0;
}

.utility_bg {
  padding: 3% 0 69% 0;
}

.output_padding {
  padding: 26% 0 0 0;
}


.warranty_bg {
  padding: 5% 0 0% 0;
  margin: 0;
  background: url('../img/vga/67_1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 1500px) {
  .screen_vga_boom {
    padding: 0 0 42% 0;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
  .screen_vga_boom {
    padding: 0 0 50% 0;
  }

  .exellence_bg {
    padding: 2% 0 70% 0;
  }

  .twoway_bg {
    background: url('../img/vga/85.jpg') no-repeat;
    padding: 5% 0 47% 0;
  }

  .ai_bg {
    padding: 3% 0 62% 0;
  }

  .utility_bg {
    padding: 3% 0 75% 0;
  }

  .output_padding {
    padding: 20% 0 0 0;
  }

  .warranty_bg {
    padding: 5% 0 0% 0;
    margin: 0;
    background: url('../img/vga/67.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .newseries_h1 {
    text-align: left;
    padding-left: 3%;
    margin: 3% 0 0% 0;
  }

  .screen_vga_boom {
    padding: 0 0 50% 0;
  }

  .exellence_bg {
    padding: 2% 0 48% 0;
  }

  .twoway_bg {
    background: url('../img/vga/85.jpg') no-repeat;
    padding: 5% 0 59% 0;

  }

  .ai_bg {
    padding: 3% 0 43% 0;
  }

  .utility_bg {
    padding: 3% 0 55% 0;
  }


  .warranty_bg {
    padding: 5% 0 0% 0;
    margin: 0;
    background: none;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .muchmore1,
  .muchmore2,
  .muchmore3,
  .muchmore4 {
    animation: none;
    -webkit-animation: none;
    height: auto;
  }

}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .newseries_h1 {
    text-align: left;
    padding-left: 30px;
    margin: 3% 0 0% 0;
  }

  .screen_vga_boom {
    padding: 0 0 50% 0;
  }

  .exellence_bg {
    padding: 2% 0 48% 0;
  }

  .ai_bg {
    padding: 3% 0 43% 0;
  }

  .utility_bg {
    padding: 3% 0 55% 0;
  }

  .warranty_bg {
    padding: 5% 0 0% 0;
    margin: 0;
    background: none;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .twoway_bg {
    background: none;
    animation: none;
    -webkit-animation: none;
  }

  .muchmore1,
  .muchmore2,
  .muchmore3,
  .muchmore4 {
    animation: none;
    -webkit-animation: none;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .newseries_h1 {
    text-align: left;
    padding-left: 30px;
    margin: 5% 0 0% 0;
  }

  .screen_vga_boom {
    padding: 0 0 50% 0;
  }

  .exellence_bg {
    padding: 2% 0 48% 0;
  }

  .ai_bg {
    padding: 3% 0 43% 0;
  }

  .utility_bg {
    padding: 3% 0 55% 0;
  }

  .warranty_bg {
    padding: 5% 0 0% 0;
    margin: 0;
    background: none;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .twoway_bg {
    background: none;
    animation: none;
    -webkit-animation: none;
  }

  .muchmore1,
  .muchmore2,
  .muchmore3,
  .muchmore4 {
    animation: none;
    -webkit-animation: none;
    height: auto;
  }
}