html,body,#wrapper,#wrapper section{height: 100%;margin: 0;padding: 0;width: 100%;}
  .bg{background-size: 100% 100%!important;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -2;transition: 0.2s;}
  .bg1{background:url(bg1.jpg?v=124);}
  .bg2{background:url(bg2.jpg?v=124);display: none;}
  .bgn{background-size: auto 100%!important;background-repeat: no-repeat!important;background-position: center!important;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;transition: 0.2s;}
  .bgn1{background:url(bg1.png?v=124);}
  .bgn2{background:url(bg2.png?v=124);display: none;}
  .a1{width: 50%;
    height: 100%;
    display: block;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;}
    .a2{    width: 50%;
      height: 100%;
      display: block;
      z-index: 9999;
      position: absolute;
      right: 0;
      top: 0;}
      @media screen and (max-width: 768px) {
        .bg{background-size: 100% 100%!important;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -2;transition: 0.2s;}
        .bg1{background: url(bgx.jpg?v=124);}
        .bg2{background: url(bgx.jpg?v=124);display: none;}
        .bgn{background-size: auto 100%!important;background-repeat: no-repeat!important;background-position: center!important;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;transition: 0.2s;}
        .bgn1{background: url(bgx.png?v=124);}
        .bgn2{background: url(bgx.png?v=124);display: none;}
        .a1{
          width: 100%;
          height: 50%;
          display: block;
          z-index: 9999;
          position: absolute;
          top: 0;
          left: 0;
          }
          .a2{
            width: 100%;
            height: 50%;
            display: block;
            z-index: 9999;
            position: absolute;
            left: 0;
            bottom: 0;
            top: auto;
            }
      }
      @media screen and (max-width: 480px) {
        
      }
      @media screen and (max-width: 350px) {

      }