/*    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
               }
              }