@media(min-width:1200px) {
  .rotating-campaign {
    background: var(--wpr-bg-9302beb8-4fba-4306-a370-858ca1b51586) no-repeat center 0;
    background-size: 100%;
    background-position: center;
    height: 100vh;
    margin-bottom: 0;
    z-index: 1
  }

  .rotating-campaign .c_co-cont .stybutton {
    padding-top: 42vh
  }

  .parallax-banenr {
    background: var(--wpr-bg-c2ad67fd-95d9-4668-8b34-a851a26ecfde) no-repeat 0 0;
    background-size: 100%;
    background-position-y: -4.487778vw;
  }

  #section02 {
    z-index: 1;
    background-color: #fff;
    position: relative;
    height: 100vh;
    margin-bottom: 0;
    overflow: hidden
  }

  .par_hero-banenr {
    padding-bottom: 0
  }

  section#sec1,
  section#sec2,
  section#sec3 {
    max-height: 100vh;
    overflow: hidden
  }

  header {
    z-index: 99999
  }

  header.top-fixed {
    -webkit-animation-duration: 3ms;
    animation-duration: 3s;
    position: sticky;
    animation-delay: 3s
  }

  .par_hero-banenr {
    position: relative
  }

  #sec1,
  #sec2,
  #sec3 {
    height: 100vh;
    position: relative
  }

  .r_cont .stybutton {
    padding-top: 4.888vw
  }

  .l_cont,
  .r_cont {
    vertical-align: middle;
    /* padding-top: 0.8666vw; */
    padding-top: 0;
  }

  .pro_sec2 .l_cont,
  .pro_sec2 .r_cont {
    padding-top: 0;
    margin-top: -6vw
  }

  .pro_sec1 .cbrow-coffe_bg {
    top: 4vw
  }

  .pro_sec1 .cbrow-coffe_bg,
  .pro_sec2 .cbrow-tea_bg,
  .pro_sec3 .cbrow-shot_bg {
    width: 100%;
    height: 65.11111vw;
    background-size: 100%;
    position: relative;
    margin-bottom: 0;
    top: 5vw;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
  }

  #sec1.come-in,
  #sec2.come-in,
  #sec3.come-in {
    visibility: visible !important;
    animation-delay: .5s
  }

  .pro_sec1 .cbrow-coffe_bg,
  .pro_sec2 .cbrow-tea_bg,
  .pro_sec3 .cbrow-shot_bg {
    top: 9.5555vw
  }

  .pro_sec1 .cold-b_cont {
    top: 1.777777vw
  }

  .pro_sec2 .cold-b_cont {
    top: 4.777777vw
  }

  .pro_sec3 .cold-b_cont {
    top: 1.777777vw
  }

  .pro_sec1 .cbrow-coffe_bg,
  .pro_sec2 .cbrow-tea_bg,
  .pro_sec3 .cbrow-shot_bg {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    animation-delay: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
  }

  .pro_sec1.come-in .cbrow-coffe_bg,
  .pro_sec2.come-in .cbrow-tea_bg,
  .pro_sec3.come-in .cbrow-shot_bg {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
  }

  .pro_sec1.come-in .cbrow-coffe_bg {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
  }

  .pro_sec2.come-in .cbrow-tea_bg {
    -webkit-animation-name: slideInUp2;
    animation-name: slideInUp2
  }

  .pro_sec3.come-in .cbrow-shot_bg {
    -webkit-animation-name: slideInUp3;
    animation-name: slideInUp3
  }
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-51.99999%);
    transform: translateY(-51.99999%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
}

@keyframes slideInDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-51.99999%);
    transform: translateY(-51.99999%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%)
  }
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(-51.99999%);
    transform: translateY(-51.99999%)
  }
}

@keyframes slideInUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(-51.99999%);
    -ms-transform: translateY(-51.99999%);
    transform: translateY(-51.99999%)
  }
}

@-webkit-keyframes slideInUp2 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0vw);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(-51.99999%);
    transform: translateY(-51.99999%)
  }
}

@keyframes slideInUp2 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(-51.99999%);
    -ms-transform: translateY(-51.99999%);
    transform: translateY(-51.99999%)
  }
}

@-webkit-keyframes slideInUp3 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0vw);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(-51.99999%);
    transform: translateY(-51.99999%)
  }
}

@keyframes slideInUp3 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(-51.99999%);
    -ms-transform: translateY(-51.99999%);
    transform: translateY(-51.99999%)
  }
}

@media all and (-ms-high-contrast:none) {
  .par_hero-banenr {
    margin-top: 0
  }
}

section.section-fuel .content {
  text-align: center;
  display: inline-block;
  margin-left: 1260px
}

section.section-fuel .new-flag {
  margin: auto;
  margin-bottom: 45px;
  width: 209px
}

section.section-fuel .new-flag img {
  width: 100%
}

section.section-fuel .stok-fuel-logo {
  width: 393px;
  margin: auto
}

section.section-fuel .stok-fuel-logo img {
  width: 100%
}

section.section-fuel .txt {
  font-size: 26px;
  text-transform: uppercase;
  margin: 25px 0 30px
}

section.section-fuel .txt span {
  display: block;
  font-size: 25px
}

section.section-fuel .learn-more-btn a {
  width: 370px;
  display: inline-block
}

section.section-fuel .learn-more-btn a img {
  width: 100%
}

@media(min-width:768px) {
  section.section-fuel {
    /* background-image:url(/wp-content/themes/stokcoffee/assets/images/h-img/peppermint-home-page_bg-lg.webp);
  background-size:100% 100%;
  background-position:center; */
    background-color: #ad7b4a;
    position: relative;
    /*height: 44.770833VW!important;
  max-height: 90vh!important;
  margin-bottom: 0.5vw;*/
    overflow: hidden;
    height: 47.95833vw !important;
    /*max-height:100vh!important;*/
  }

  section.section-fuel .foot_bg {
    background-color: #f93520;
    position: absolute;
    top: 37.3555555vw;
    height: 100%;
    max-height: 100vh;
    width: 100%;
  }
}

@media(min-width:1400px) {
  section.section-fuel {
    margin-bottom: 0vw;
  }
}


section.section-fuel .container {
  height: 100%
}

section.section-fuel .content {
  text-align: center;
  display: inline-block;
  margin-left: 70vw
}

section.section-fuel .new-flag {
  margin: auto;
  margin-bottom: 2.5vw;
  width: 11.611111111111vw
}

section.section-fuel .new-flag img {
  width: 100%
}

section.section-fuel .stok-fuel-logo {
  width: 36.34375vw;
  /* width:49.6875VW;
  margin:auto; */
}

section.section-fuel .stok-fuel-logo img {
  width: 100%
}

section.section-fuel .txt {
  font-size: 1.4444444444444vw;
  text-transform: uppercase;
  margin: 1.3888888888889vw 0 1.6666666666667vw
}

section.section-fuel .txt span {
  display: block;
  font-size: 1.3888888888889vw
}

section.section-fuel .learn-more-btn {
  text-align: center;
  margin-bottom: 0;
  margin-top: 3.0625vw;
}

section.section-fuel .learn-more-btn a {
  width: 25.555556vw;
  display: inline-block
}

section.section-fuel .learn-more-btn a img {
  width: 100%
}




@media(min-width:768px) {
  .stok-produ {
    width: 45.604167vw;
    right: 0;
    bottom: 0;
    text-align: center;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #section-fuel .stok-produ img {
    width: 100%;
  }

  section.section-fuel .content {
    margin-left: 8.61VW !important;
    margin-top: 7.4825vw;
    position: relative;
    z-index: 1;
  }

  section.section-fuel .learn-more-btn a {
    width: 27.4375vw;
    display: inline-block
  }

  section.section-fuel .container {
    max-width: 96.8%;
    margin: 0 auto;
    position: relative;
  }
}

@media(min-width:768px) and (max-width:1199px) {
  /*.stok-produ {
  width:20.15625VW;
      top:5vw;
    right: 6.5625VW;
  }
    section.section-fuel .content{
      margin-top:8.583333VW;
    }
    section.section-fuel .learn-more-btn{
      margin-top:18.6vw;
    }*/
}

/* @media(min-width:768px) and (max-width:1680px){
    section.section-fuel .stok-fuel-logo {
      width: 46.1875VW;
  }
  }
  @media (min-width:1301px) {
  section.section-fuel .content {
      margin-top: 3.555vw;
  }
  }
  @media (min-width:1280px) and (max-width:1300px) {
  section.section-fuel .content {
    margin-top:7.555vw;
  }
  
  } */
/* @media (min-width:1275px) and (max-height:718px) {
  section.section-fuel .content {
       margin-top: 3.555vw;
  }
  }
  
  @media(min-width:768px) and (max-width:1199px) {
  section.section-fuel .content {
      margin-top: 3.2555vw;
  }
  }
  @media(min-width:1368px) and (max-width:1441px){
    section.section-fuel .stok-fuel-logo {
  width:49.59VW;
  }	
  }
  @media(min-width:1300px) and (max-width:1366px){
    section.section-fuel .stok-fuel-logo {
  width:47.5875VW;
  }	
  }
  
  @media(min-width:768px) and (max-width:1024px) {
  section.section-fuel .stok-fuel-logo {
  width:46.5875VW;
  }
    #section-fuel .stok-produ img {
      width: 18.5vw;
  }
    section.section-fuel .content {
      margin-top: 5.2555vw;
  }
  } */
@media(min-width:768px) {

  .d-hide {
    display: none
  }
}

@media(max-width:767px) {
  .m-hide {
    display: none
  }

  section.section-fuel {
    margin-top: 0;
    margin-bottom: 2.5vw
  }

  section.section-fuel .container {
    height: 103.866666666667vw !important;
    position: relative;
  }

  section.section-fuel .content {
    margin-left: 0 !important
  }

  .stok-produ {
    width: 100%;
    right: 0;
    bottom: 0
  }
}

@media(max-width:767px) {
  section.section-fuel {
    height: 104.46666666666667vw !important;
    max-height: 100vh !important;
    transform: translate(0px, 0px) !important;
    background-color: #ad7b4a;
    margin-bottom: 0;
    padding-top: 4.8vw;
  }

  section.section-fuel .content {
    text-align: center;
    display: block;
  }

  section.section-fuel .new-flag {
    margin: auto;
    margin-bottom: 6.6666666666667vw;
    width: 21.6vw
  }

  section.section-fuel .new-flag img {
    width: 100%
  }

  section.section-fuel .stok-fuel-logo {
    width: 38.666666666667vw;
    margin: auto
  }

  section.section-fuel .stok-fuel-logo img {
    width: 100%
  }

  section.section-fuel .txt {
    font-size: 2.6666666666667vw;
    text-transform: uppercase;
    margin: 5.3333333333333vw 0 8vw
  }

  section.section-fuel .txt span {
    display: block;
    font-size: 2.6666666666667vw
  }

  section.section-fuel .learn-more-btn {
    position: absolute;
    z-index: 1;
    left: 5.333333333333333vw;
    right: auto;
    top: 76.66666666666667vw;
    margin: 0 auto;
  }

  section.section-fuel .learn-more-btn a {
    width: 47.68vw;
  }

  section.section-fuel .learn-more-btn a img {
    width: 100%
  }

  .scllordown {
    bottom: 5vw;
  }
}

.hero-banenr .parallax-banenr {
  -webkit-transition: 2s ease;
  -moz-transition: 2s ease;
  transition: 2s ease;
  -webkit-transform: translateY(0%);
  transform: translateY(0%)
}

.hero-banenr.slideUp .parallax-banenr {
  -webkit-transform: translateY(-40%);
  transform: translateY(-40%)
}

.hero-banenr .parallax-banenr .bo_l {
  -webkit-transition: 2s ease;
  -moz-transition: 2s ease;
  transition: 2s ease
}

.hero-banenr.slideUp .parallax-banenr .bo_l {
  bottom: 20vw
}

.hero-banenr .parallax-banenr .bo_r {
  -webkit-transition: 2s ease;
  -moz-transition: 2s ease;
  transition: 2s ease
}

.hero-banenr.slideUp .parallax-banenr .bo_r {
  bottom: 20vw
}

.hero-banenr .parallax-banenr .ice_l {
  -webkit-transition: 1.5s ease;
  -moz-transition: 1.5s ease;
  transition: 1.5s ease
}

.hero-banenr.slideUp .parallax-banenr .ice_l {
  top: 0
}

.hero-banenr .parallax-banenr .ice_r {
  -webkit-transition: 1.5s ease;
  -moz-transition: 1.5s ease;
  transition: 1.5s ease
}

.hero-banenr.slideUp .parallax-banenr .ice_r {
  top: 0
}

.hero-banenr .parallax-banenr .nut_l {
  -webkit-transition: 1.8s ease;
  -moz-transition: 1.8s ease;
  transition: 1.8s ease
}

.hero-banenr.slideUp .parallax-banenr .nut_l {
  bottom: 20vw
}

.hero-banenr .parallax-banenr .nut_r {
  -webkit-transition: 1.8s ease;
  -moz-transition: 1.8s ease;
  transition: 1.8s ease
}

.hero-banenr.slideUp .parallax-banenr .nut_r {
  top: 0
}

.hero-banenr .parallax-banenr .h_cont {
  -webkit-transition: 2s ease;
  -moz-transition: 2s ease;
  transition: 2s ease
}

.hero-banenr.slideUp .parallax-banenr .h_cont {
  top: -20vw
}


section.section-wrexham {
  background-color: #e9432d;
  position: relative;
  overflow: hidden;
}

@media(min-width:768px) {
  section.section-wrexham {
    background-image: url(../../../../../../../../../themes/stokcoffee/assets/images/h-img/SToK_4693_Wrexham_HomePage.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 47.0887777777777778vw !important;
  }
}

section.section-wrexham .stok-fuel-logo {
  padding: 3.3333333333333335vw 5vw;
}

section.section-wrexham h1 {
  font-family: 'Knockout-HTF92-UltmtCruiserwt';
  font-size: 5.166666666666667vw;
  line-height: 1;
  color: #fff;
}

section.section-wrexham h2 {
  font-family: 'Knockout-HTF48-Featherweight';
  font-size: 4.888888888888889vw;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.04em;
}

section.section-wrexham .learn-more-btn {
  position: absolute;
  width: 16.145833333333336VW;
  top: 38.28875VW;
  left: 7.1808333VW;
  margin: auto;
}

@media(min-width:768px) and (max-width:1080px) {
  section.section-wrexham {
    height: 49.877778vw !important;
    background-size: 100% auto;
    background-position: center bottom;
  }

  section.section-wrexham .learn-more-btn {
    top: 41.44VW;
  }
}

@media (max-width: 767px) {
  section.section-wrexham {
    background-image: url(../../../../../../../../../themes/stokcoffee/assets/images/h-img/SToK_4693_Wrexham_HomePage-sm.webp);
    background-size: 100% 100%;
    background-position: center;
    height: 138.66666666666666vw !important;
    /* 		transform: translate(0px, 0px) !important; */
  }

  section.section-wrexham .stok-fuel-logo {
    padding: 5.333333333333333vw;
  }

  section.section-wrexham h1 {
    font-size: 11.066666666666666vw;
  }

  section.section-wrexham h2 {
    font-size: 8.666666666666666vw;
  }

  section.section-wrexham .learn-more-btn {
    width: 38.13333333333333vw;
    top: 44.09090909090909VW;
    left: 4.090909090909091VW;
    right: auto;
  }
}

/* ////////////New Update//////////////// */
#new-pumpkin {
  background: #3f2021 var(--wpr-bg-9dfe24f0-7629-4310-9343-a5857055969e) no-repeat;
  background-position: center bottom;
  background-size: cover;
  height: 100vh !important;
  max-height: 51.5625vw !important;
  overflow: hidden;
}

#new-pumpkin .stok-pumpkin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100vh;
  max-height: 51.5625vw !important;
}

#new-pumpkin .stok-pumpkin .stokimg {
  position: relative;
  width: 27.6041666667vw;
  height: 100%;
  margin-left: 5vw;
  margin-right: 4.6875vw;
}

#new-pumpkin .stok-pumpkin .stokimg .pumpkin-img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  top: auto;
  position: absolute;
  bottom: 0;
}

#new-pumpkin .stok-pumpkin .stokcont {
  position: relative;
  height: 100%;
}

#new-pumpkin .stok-pumpkin .stokcont .stoktext {
  text-align: center;
  width: 52.0833333333vw;
  max-height: 27.6041666667vw;
}

#new-pumpkin .stok-pumpkin .stokcont .stoktext .pumpkin-text {
  width: 100%;
  max-height: 100%;
  position: absolute;
  margin: 0 auto;
  top: auto;
  bottom: 20vw;
  right: 0;
  left: 0;
}

#new-pumpkin .stok-pumpkin .stokcont .stokbtn {
  width: 29.84375vw;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 9.4791666667vw;
}

@media only screen and (max-width: 767px) {
  #new-pumpkin {
    background: var(--wpr-bg-e6f530fc-8edd-4306-8a13-6b4227f3071d) no-repeat;
    background-position: center bottom;
    background-size: cover;
    max-height: 100vh !important;
    height: 102.6666666667vw !important;
  }

  #new-pumpkin .stok-pumpkin {
    height: 102.6666666667vw !important;
    max-height: 102.6666666667vw !important;
  }

  #new-pumpkin .stok-pumpkin .stokimg {
    width: 29.8666666667vw;
    margin-left: 3.4666666667vw;
    margin-right: 2vw;
  }

  #new-pumpkin .stok-pumpkin .stokcont .stoktext {
    width: 61.4666666667vw;
    max-height: 60.6666666667vw;
  }

  #new-pumpkin .stok-pumpkin .stokcont .stoktext .pumpkin-text {
    bottom: 35.2vw;
  }

  #new-pumpkin .stok-pumpkin .stokcont .stokbtn {
    width: 54.9333333333vw;
    bottom: 16.2666666667vw;
  }
}

#new-peppermint {
  background: #94232b var(--wpr-bg-35aadb5f-c536-49c3-a6a6-71fe42369e2b) no-repeat;
  background-position: center bottom;
  background-size: cover;
  height: 100vh !important;
  max-height: 51.5625vw !important;
  overflow: hidden;
}

#new-peppermint .stok-peppermint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100vh;
  max-height: 51.5625vw !important;
}

#new-peppermint .stok-peppermint .stokimg {
  position: relative;
  width: 27.6041666667vw;
  height: 100%;
  margin-left: 0;
  margin-right: 4.8958333333vw;
}

#new-peppermint .stok-peppermint .stokimg .peppermint-img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  top: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}

#new-peppermint .stok-peppermint .stokcont {
  position: relative;
  margin-left: 4.375vw;
  height: 100%;
}

#new-peppermint .stok-peppermint .stokcont .stoktext {
  text-align: center;
  width: 60.4166666667vw;
  max-height: 25.8333333333vw;
}

#new-peppermint .stok-peppermint .stokcont .stoktext .peppermint-text {
  width: 100%;
  max-height: 100%;
  position: absolute;
  margin: 0 auto;
  top: auto;
  bottom: 21.3541666667vw;
  right: 0;
  left: 0;
}

#new-peppermint .stok-peppermint .stokcont .stokbtn {
  width: 29.84375vw;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 11.875vw;
}

@media only screen and (max-width: 767px) {
  #new-peppermint {
    background: var(--wpr-bg-07915432-7f05-4023-8758-b5e4a9f4f63f) no-repeat;
    background-position: center bottom;
    background-size: cover;
    max-height: 100vh !important;
    height: 102.6666666667vw !important;
  }

  #new-peppermint .stok-peppermint {
    height: 102.6666666667vw !important;
    max-height: 102.6666666667vw !important;
  }

  #new-peppermint .stok-peppermint .stokimg {
    width: 29.8666666667vw;
    margin-left: 0;
    margin-right: 2vw;
  }

  #new-peppermint .stok-peppermint .stokcont {
    margin-left: 3.2vw;
  }

  #new-peppermint .stok-peppermint .stokcont .stoktext {
    width: 64.4vw;
    max-height: 55.6vw;
  }

  #new-peppermint .stok-peppermint .stokcont .stoktext .peppermint-text {
    bottom: 35.2vw;
  }

  #new-peppermint .stok-peppermint .stokcont .stokbtn {
    width: 54.9333333333vw;
    bottom: 16.2666666667vw;
  }
}

@media only screen and (max-width: 767px) {

  #section01,
  #new-pumpkin,
  #section-wrexham {
    /*     max-height: 100vh !important; */
    -webkit-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
  }

  .parallax-banenr {
    margin-bottom: 40.666667vw;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #section01 {
    margin-bottom: 9vh;
  }
}

@media only screen and (min-width: 1279px) and (max-width: 1400px) {
  #new-pumpkin .stok-pumpkin .stokimg {
    width: 26.0416666667vw;
  }

  #new-pumpkin .stok-pumpkin .stokcont .stoktext {
    width: 50vw;
  }

  #new-pumpkin .stok-pumpkin .stokcont .stoktext .pumpkin-text {
    bottom: 18.9583333333vw;
  }

  #new-pumpkin .stok-pumpkin .stokcont .stokbtn {
    width: 29.5833333333vw;
  }

  #new-peppermint .stok-peppermint .stokimg {
    width: 26.0416666667vw;
  }

  #new-peppermint .stok-peppermint .stokcont .stoktext {
    width: 51.5625vw;
  }

  #new-peppermint .stok-peppermint .stokcont .stoktext .peppermint-text {
    bottom: 20.8333333333vw;
  }

  #new-peppermint .stok-peppermint .stokcont .stokbtn {
    width: 29.5833333333vw;
  }
}

/*//////////// New Update 03-09-24 ////////////*/
picture {
  display: block;
}

.stokbtn img,
.learn-more-btn img {
  width: 100%;
}

.stok-energy .stok-energy-cans_bg {
  width: 100%;
  height: 21.256vw;
  background-size: 100%;
  margin-bottom: 18.589vw;
}

.stok-energy-cans_bg {
  background-color: #e0b882;
}

.stok-energy .po_name h2 {
  color: #000000;
  line-height: 1;
}

.pro_sec .po_img_can {
  width: 40.1666666667vw;
}

@media (min-width: 768px) {
  .pro_sec .po_img_can {
    height: 19.62888vw;
  }

  .pro_sec .po_img_can img {
    position: absolute;
    left: -1.48888vw;
    right: 0;
    margin: 0 auto;
    text-align: 0;
    top: -4vw;
    width: 48vw;
  }
}

.po_img_can {
  display: inline-block;
  margin-left: -0.3vw;
}

@media (min-width: 768px) {
  .stok-energy .cold-b_cont .r_cont {
    display: inline-block;
    margin-left: 0vw;
  }
}

@media (min-width: 1200px) {
  section#sec2_new {
    max-height: 100vh;
    overflow: hidden;
    margin-top: -0.188vw;
    height: 100vh;
    position: relative;
  }

  section#sec2_new .l_cont,
  section#sec2_new .r_cont {
    padding-top: 0.8666vw;
  }

  section#sec2_new .r_cont .stybutton {
    padding-top: 5.08888vw;
  }

  .stok-energy .stok-energy-cans_bg {
    width: 100%;
    height: 30.4444vw;
    background-size: 100%;
    position: relative;
    margin-bottom: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
  }

  #sec2_new.come-in {
    visibility: visible !important;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .stok-energy .stok-energy-cans_bg {
    top: 9.5555vw;
  }

  .stok-energy .cold-b_cont {
    top: 1.777777vw;
  }

  .stok-energy .stok-energy-cans_bg {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
  }

  .stok-energy.come-in .stok-energy-cans_bg {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .stok-energy.come-in .stok-energy-cans_bg {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
  }
}

@media (max-width: 1199px) {
  .stok-energy-top_line {
    background-image: var(--wpr-bg-50601fd1-6e39-4401-bc69-bb02b95094f9);
    background-size: 100%;
    height: 2.2222222222vw;
    position: absolute;
    width: 100%;
    top: -2.11111vw;
    left: 0;
  }
}

@media (max-width: 767px) {
  .stok-energy-top_line {
    background-image: var(--wpr-bg-5e627134-2a50-4469-bfe5-a443d02c59b0);
    background-size: 100%;
    height: 4.6936114733vw;
    top: -4.4936114733vw;
  }

  .stok-energy .stok-energy-cans_bg {
    height: 112.2855556vw;
    margin-bottom: 72.088889vw;
    background-position: 50% 0;
  }

  .pro_sec .po_img_can {
    width: 100vw;
    margin: 0 auto;
    margin-top: -10.08888vw;
  }

  .pro_sec .po_img_can img {
    width: 100%;
  }
}



/* New Update */

.just_decaf .cold-b_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 768px) {
  .just_decaf .cold-b_cont {
    top: 7.1875vw;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.just_decaf .just_decaf_bg {
  width: 100%;
  height: 62.5vw;
  background-size: 100%;
  margin-bottom: 18.589vw;
  background-color: #0d1922;
}

.just_decaf .newflag {
  position: absolute;
  top: 0;
  left: 0;
  width: 13.8020833333vw;
}

.just_decaf .newflag img {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .just_decaf .r_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 27.34375vw;
    margin-top: 3.0208333333vw;
    margin-right: -1.25vw;
  }
}

.just_decaf .r_cont .text_heading {
  width: 100%;
}

.just_decaf .r_cont .text_heading img {
  width: 100%;
}

.just_decaf .just_decaf-img {
  width: 41.1458333333vw;
  margin-left: 9.0625vw;
}

.just_decaf .just_decaf-img img {
  width: 100%;
}

@media (min-width: 1200px) {
  section#sec1_new {
    max-height: 52.5625vw !important;
    overflow: hidden;
    margin-top: -0.188vw;
    height: 100vh;
    position: relative;
  }

  section#sec1_new .r_cont .stybutton {
    padding-top: 2.8125vw;
  }

  .just_decaf .just_decaf_bg {
    width: 100%;
    height: 59.375vw;
    background-size: 100%;
    position: relative;
    margin-bottom: 0;
  }

  #sec1_new.come-in {
    visibility: visible !important;
  }

  .just_decaf .just_decaf_bg {
    top: 9.5555vw;
  }

  .just_decaf .cold-b_cont {
    top: 7.1875vw;
  }

  .just_decaf .just_decaf_bg {
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
  }

  .just_decaf.come-in .just_decaf_bg {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .just_decaf.come-in .just_decaf_bg {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
  }
}

@media (max-width: 1199px) {
  .just_decaf-top_line {
    background-image: var(--wpr-bg-2adea18e-c455-4580-82ba-6d6e83669e68);
    background-size: 100%;
    height: 2.2222222222vw;
    position: absolute;
    width: 100%;
    top: -2.11111vw;
    left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .just_decaf .r_cont {
    margin-top: -11.979167vw;
    margin-right: 0;
  }

  .just_decaf .just_decaf_bg {
    height: 39.256vw;
    margin-bottom: 16.589vw;
  }

  .just_decaf .cold-b_cont {
    top: 9.1875vw;
  }
}

@media only screen and (max-width: 767px) {
  .just_decaf .just_decaf-top_line {
    background-image: var(--wpr-bg-4aaa6fbd-2d5d-418d-a1a8-77d02a48fb99);
    background-size: 100%;
    height: 4.6936114733vw;
    top: -4.4936114733vw;
  }
}

@media only screen and (max-width: 767px) {
  #sec1_new.just_decaf {
    transform: translate(0px, 0%) !important;
  }

  .just_decaf .cold-b_cont {
    top: 10.6666666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 62.5333333333vw;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 auto;
  }

  .just_decaf .just_decaf_bg {
    width: 100%;
    margin-bottom: 44.333333vw;
    height: 115.7333333333vw;
  }

  .just_decaf .newflag {
    top: 56.8vw;
    left: 0;
    width: 18.5333333333vw;
  }

  .just_decaf .r_cont {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    padding-top: 0;
    margin-bottom: 11.3333333333vw;
  }

  .just_decaf .just_decaf-img {
    width: 100%;
    margin-left: 0;
  }

  .just_decaf .stybutton {
    margin-top: 5.6vw;
  }

  .just_decaf .stybutton .flov_m-width {
    width: 100%;
  }
}








@media (min-width:1200px) {
  section#sec1_new {
    margin-top: -4.188vw;
    padding-top: 1.44vw;
  }

  .just_decaf .cold-b_cont {
    top: 8.5875vw;
  }
}