/* CSS Document */
/*hide active*/
.hide1020 {
  display: block; }
  @media screen and (max-width: 1020px) {
    .hide1020 {
      display: none; } }

.active1020 {
  display: none; }
  @media screen and (max-width: 1020px) {
    .active1020 {
      display: block; } }

.hide768 {
  display: block; }
  @media screen and (max-width: 768px) {
    .hide768 {
      display: none; } }

.active768 {
  display: none; }
  @media screen and (max-width: 768px) {
    .active768 {
      display: block; } }

.hide600 {
  display: block; }
  @media screen and (max-width: 600px) {
    .hide600 {
      display: none; } }

.active600 {
  display: none; }
  @media screen and (max-width: 600px) {
    .active600 {
      display: block; } }

.hide414 {
  display: block; }
  @media screen and (max-width: 414px) {
    .hide414 {
      display: none; } }

.active414 {
  display: none; }
  @media screen and (max-width: 414px) {
    .active414 {
      display: block; } }

.hide375 {
  display: block; }
  @media screen and (max-width: 375px) {
    .hide375 {
      display: none; } }

.active375 {
  display: none; }
  @media screen and (max-width: 375px) {
    .active375 {
      display: block; } }

.hide320 {
  display: block; }
  @media screen and (max-width: 320px) {
    .hide320 {
      display: none; } }

.active320 {
  display: none; }
  @media screen and (max-width: 320px) {
    .active320 {
      display: block; } }