/*    critical styles     */

#sg_b.sungroup .res.top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

#sg_b.sungroup .sg_pic_top {
  position: relative;
  display: block;
}

#sg_b.sungroup img {
  max-width: 100%;
  height: auto;
}

#sg_b.sungroup .grupa, #sg_b.sungroup .odmiana{
  margin-top: 0;
}

@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 / 1360 * 100%);
    margin-bottom: 0;
  }
}

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

#sg-top-timer {
  height: 80px;
}

@media (max-width: 425px) {
  #sg-top-timer:not(.countdown-end-red) {
    height: 58px;
  }
}


/* 1920px */

.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;
}

/*  */

.sg_fix {
  max-width: 1920px;
  width: 100%;
  margin: auto;
}

#sg_b.sungroup .odmiana {
  max-width: 100%;
  margin: 50px auto 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

#sg_b.sungroup .sg-odmiana {
  max-width: 1360px;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  z-index: 2;
  position: relative;
  padding: 80px 0;
}

#sg_b.sungroup .o_title {
  height: 60px;
  padding-left: 50px;
  margin-bottom: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
}

/*    critical box_pro    */

#sg_b.sungroup .produkty .box_pro {
  margin: 0.25%;
  max-width: 19.5%!important;
  width: 100%;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}

@media(min-width:1100px){
  #sg_b.sungroup .box_pro.hero{
    max-width: 49.5%!important;
  }

  #sg_b.sungroup .produkty .box_pro.hero .sg_box_content{
    padding: 10px 20px;
  }
}


@media (max-width: 1250px) {
  #sg_b.sungroup .produkty .box_pro {
    max-width: 24.5%!important;
  }
}

@media (max-width: 1100px) {
  #sg_b.sungroup .produkty .box_pro {
    max-width: 32.8%!important;
  }
}

@media (max-width: 800px) {
  #sg_b.sungroup .produkty .box_pro {
    max-width: 49.5%!important;
  }
}


/*  critical menu   */

#sg_b.sungroup .menu {
  display: flex;
  width: 100%;
  max-width: 1360px !important;
  position: sticky;
  flex-wrap: wrap;
  top: 0;
  margin: 0 auto;
  padding: 0;
}

#sg_b.sungroup .menu.menu_fixed {
  max-width: 100% !important;
}

#sg_b.sungroup .menu div.dropdown {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 3px;
  flex: 1;
  flex-basis: 9% !important;
  font: 600 12px/20px robotoregular, Arial, sans-serif !important;
  padding: 3px 10px;
  justify-content: center;
  align-items: center;
}

#sg_b.sungroup .menu_select,
#sg_b.sungroup .dropdown-content {
  display: none;
}

#sg_b.sungroup .menu .menu_arrow {
  position: absolute;
}

@media (max-width: 950px) {
  #sg_b.sungroup .menu_select.katSeen .sg_option_kategory {
    position: absolute;
    right: 10px;
  }
  #sg_b.sungroup .menu {
    display: none;
  }
  #sg_b.sungroup .menu_select {
    display: block !important;
    font: 600 16px/20px robotoregular, Arial, sans-serif;
  }
  #sg_b.sungroup .sg_option_tt {
    padding: 14px 17px;
    display: flex;
    box-sizing: border-box;
  }
  #sg_b.sungroup .option_tt.option_tt_icon {
    height: 18px;
  }
  #sg_b.sungroup .sg_options {
    display: none;
  }
}