/*    critical styles     */
 #sg_b.sungroup .res.top{
  position: absolute;
  left: 0;
  top: 0;
}
#sg_b.sungroup .sg_pic_top{
  position: relative;
  display: block;
}

  @media (min-width:0px){
    #sg_b.sungroup picture.sg_pic_top{
      height: 0 !important;
      padding-top:calc( 150 / 300 * 100%);
    }
  }
  @media (min-width:300px){
    #sg_b.sungroup picture.sg_pic_top{
      height: 0 !important;
      padding-top:calc( 230 / 500 * 100%);
    }
  }
  /* @media(min-width:500px){
    #sg_b.sungroup picture.sg_pic_top{
      height: 0 !important;
      padding-top:calc( 400 / 1200 * 100%);
    }
  } */
  @media(min-width:500px) {
      #sg_b.sungroup picture.sg_pic_top {
          height: 0 !important;
          padding-top: calc(400 / 1360 * 100%);
      }
  }
  @media(min-width:1360px) {
      #sg_b.sungroup picture.sg_pic_top{
        height: 0 !important;
        padding-top:calc( 400 / 1920 * 100%);
      }
    }


#sg_b.sungroup .res {
  width: 100%;
  height: auto;
}

      /* .sg_fix{
        max-width: 1200px;
        width: 100%;
        margin: auto;
      } */

      .sg_fix {
          max-width: 1920px;
          width: 100%;
          margin: auto;
      }
      .sg_fix .lp-content {
        max-width: 1200px;
        width: 100%;
        margin: auto;
      }
      .landing-page-sun-group {
          max-width: 1920px !important;
      }
      .c-layout_row.c-layout_item.is-main.is-container {
          width: 1920px;
          max-width: 100%;
          padding-right: 0 !important;
          padding-left: 0 !important
      }
      .c-layout_row.c-layout_item.is-main.is-container .c-headline_title {
          width: 1200px;
          max-width: 100%;
          margin-left: auto;
          margin-right: auto;
          padding-right: 10px;
          padding-left: 10px;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
      }
      @media screen and (min-width:1200px) {
          .c-layout_row.c-layout_item.is-main.is-container .c-headline_title {
              padding-right: 0;
              padding-left: 0;
          }
      }


                  #sg_b.sungroup .sgCopyPop.sgCopyDone {
                     animation:sgCopyDone 1.4s ease-in-out
                    }
                    #sg_b.sungroup .sgCopyPop {
                     font-family:Poppins;
                     position:absolute;
                     width:200px;
                     top:10px;
                     left:50%;
                     transform:translateX(-50%);
                     color:#000;
                     background-color:#fff200;
                     border-radius:5px;
                     height:20px;
                     opacity:0;
                     font-size:12px;
                     z-index:9;
                     font-weight:normal;
                     display:flex;
                     align-items:center;
                     justify-content:center
                    }
                    @media (max-width:500px) {
                     #sg_b.sungroup .sgCopyPop {
                      font-size:10px;
                      width:150px
                     }
                    }
                    @keyframes sgCopyDone {
                     0% {
                      opacity:0
                     }
                     25% {
                      opacity:1
                     }
                     75% {
                      top:-20px;
                      opacity:1
                     }
                     100% {
                      top:-20px;
                      opacity:0
                     }
                    }