/** Shopify CDN: Minification failed

Line 1981:2 Comments in CSS use "/* ... */" instead of "//"
Line 1986:2 Comments in CSS use "/* ... */" instead of "//"
Line 2375:4 Comments in CSS use "/* ... */" instead of "//"
Line 2425:6 Comments in CSS use "/* ... */" instead of "//"
Line 3987:10 Comments in CSS use "/* ... */" instead of "//"
Line 4075:10 Comments in CSS use "/* ... */" instead of "//"
Line 4401:2 Unexpected "}"
Line 4409:5 Expected "}" to go with "{"

**/
/* Wholesale page css */
.wholesale-page .tb-img-cnt img {
  width: 62px!important
}

.wholesale-page .prim-cta-2 { 
  cursor: pointer
}
.wholesale-page .successForm{
  background-color: initial;
  font-size: 18px;
}
.wholesale-page #tbx_top_bar{
 display: none;
}
.wholesale-page .pushDown{
  margin-top: 40px;
}
.wholesale-page .social-wrap.social-icons ul li {
  padding-bottom: 5px;
}
.wholesale-page .referral-call-out-wrap.bck-lit-grn{
  display: none;
}
.wholesale-page .teabox_affiliates_header{
 background-color: #000;
 color: #fff;
 position: fixed;
 width: 100%;
 top: 0;
 z-index: 2;
}
.wholesale-page .teabox_affiliates_header h4:first-child{
  color: #2CBE5A;
  display: block;
}
.wholesale-page .teabox_affiliates_header h4{
  color: #ffffff;
  display: inline-block;
}
.wholesale-page .teabox_affiliates_header a{
  color: #2abb56;
  font-size: 15px;
}

.wholesale-page .teabox_affiliates_header div:nth-child(2){
 text-align: right;
 padding: 10px 40px 10px 10px;
}
.wholesale-page .tb_fixed_width{
 max-width: 95%;
 margin: 9px auto;
 padding: 10px 10px 10px 40px;
}
.wholesale-page .home-page-banner h1 {
  font-size: 40px !important;
  color: #000;
  line-height: 37px !important;
  text-shadow: initial;
}
.wholesale-page .prim-cta-1, .prim-cta-1:active {
  height: auto;
}
.wholesale-page .tb-banner-content {
  padding-top: 160px;
}
.wholesale-page .remodal {
  max-width: 400px;
  padding: 10px 20px;
  text-align: left;
}
.wholesale-page .remodal-close {
  left: auto;
  right: 0;
}
.wholesale-page .remodal img {
  float: left;
  margin-right: 20px;
}
.wholesale-page .remodal h1 {
  font-size: 19px;
  margin-top: 5px;
  font-family: 'ProximaNovaBold';
  color: #959595;
}
.wholesale-page .remodal p {
  font-family: 'ProximaNovaRegular';
  font-size: 15px;
  color: #959595;
}
.wholesale-page .row-logos {
  text-align: center
}

.wholesale-page .contact-us {
  background-size: cover!important;
  /*background: url(media/icons/gifts/images/contact-us-wholesale.jpg);*/
}

.wholesale-page .contact-us h3 {
  font-family: TeaboxStencilMedium;
  font-size: 26px;
  color: #fff ;
  margin: 42px 0 17px;
  font-weight: 500;
  text-transform: uppercase;
}

.wholesale-page .contact-us .message, .wholesale-page .contact-us input {
  font-family: ProximaNovaRegular
}

.wholesale-page .contact-us input {
  color: #959595;
  font-size: 16px;
  width: 98%;
  margin: 0 auto 10px;
  padding: 10px 20px 7px;
  border:1px solid #fff;
}

.wholesale-page .contact-us .submit {
  width: 98%;
  font-size: 16px;
  padding: 6px 30px;
  margin-top: 10px;
}

.wholesale-page .contact-us .message {
  margin: 40px 0 65px;
  color: #fff;
  font-size: 19px
}

.wholesale-page .contact-us .message a, .wholesale-page .row-logos h3 {
  font-family: ProximaNovaSemibold
}

.wholesale-page .contact-us .message a {
  color: #02cb5a
}

.wholesale-page .contact-us form .row {
  padding: 0;
  text-align: center
}

.wholesale-page .row-logos h3 {
  font-size: 36px;
  margin: 40px 0 59px
}

.wholesale-page .row-logos img {
  margin: 0 26px 30px
}

.wholesale-page .home-page-banner {
  /*background-position: top center!important;*/
  height: 448px !important;
  top: 66px;
}
.wholesale-page .col-faqs {
  position: relative;
}
.wholesale-page .col-faqs h3{
  color: #000;
}

.wholesale-page .faq-scroller-content p {
  margin-bottom: 10px;
  font-family: 'ProximaNovaThin';
  font-size: 14px;
}
.wholesale-page .faq-scroller-content p b {
  font-family: 'ProximaNovaSemibold';
  font-size: 18px;
}
.wholesale-page .faq-scroller-content a {
  color: #02cb5a;
}

.wholesale-page  .faq-scroller-outer {
  position: relative;
  overflow: hidden;
  height: 240px;
  cursor: s-resize;
  text-align: left;
  width: 600px;
  margin: 33px auto 0;
}

.wholesale-page .faq-scroller-inner {
  position: absolute;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  width: 100%;
  height: 240px;
  transition: 0.3s;
  text-align: center;
}

.wholesale-page .faq-scroller-inner::-webkit-scrollbar {
  display: none;
}
.wholesale-page .contact-us .read-more {
  font-size: 9px;
  text-transform: uppercase;
  color: #fff;
}
.wholesale-page .contact-us hr {
  border-color: rgba(2, 203, 90, 0.1);
  margin: 10px 0 0;
}
.wholesale-page .row-fine-teas, .row-phones {
  text-align: center;
}
.wholesale-page .row-fine-teas {
  padding: 30px 0px;
}
.wholesale-page .row-fine-teas h3 {
  font-family: 'TeaboxStencilMedium';
  text-transform: uppercase;
  font-size: 26px;
  line-height: 26px;
  display: inline-block;
  margin: 0 20px;
}
.wholesale-page .row-fine-teas .prim-cta-1, .row-fine-teas .prim-cta-1:active {
  padding: 11px 50px 12px;
  position: relative;
}
.wholesale-page .row-phones {
  font-size: 16px;
  font-family: 'ProximaNovaRegular';
  padding: 30px 0;
}
.wholesale-page .row-phones h3 {
  font-family: 'ProximaNovaBold';
  display: inline-block;
  font-size: 16px;
}
.wholesale-page .download-btn{
  color: #FFFFFF;
  font-family: "ProximaNovaSemiBold";
  font-size: 18px;
  text-transform: uppercase;
  background-color: #2CBE5A;
  padding: 14px 30px 7px;
  display: inline-block;
  text-align: center;
  border: 3px solid #2CBE5A;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  height: initial;
}
.wholesale-page .download-btn.tb-green-btn:hover{
  background-color: #fff;
  color: #2CBE5A;
}
.wholesale-page .submit-btn{
  color: #FFFFFF;
  font-family: "ProximaNovaRegular";
  font-size: 16px;
  text-transform: uppercase;
  background-color: #2CBE5A;
  padding: 9px 30px;
  height: 40px;
  display: inline-block;
  text-align: center;
  border: none;
  vertical-align: middle;
  cursor: pointer;
}
.wholesale-page .button-group{
  background:none;
  /*padding-left:20px;
  padding-right:20px;*/
  padding-top: 8px;
  padding-bottom: 5px;
  width: 100px;
  border:1px solid #e6e6e6;
}
.wholesale-page .radio-btn{
  float: right;
  margin-top: 2px;
}
.wholesale-page .tea_img{
  width:200px;
  height: 200px;
}
.wholesale-page .tea_row{
  padding: 30px  150px 0px !important;
}
.wholesale-page .tea_row > div{
  padding: 0px 30px;
}
.wholesale-page .title{
  font-family: "ProximaNovaSemibold",sans-serif;
  font-size: 18px;
}
.wholesale-page .short_desc{
  margin-top: 5px;
  color: #000000;
  font-family: "ProximaNovaLight",sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding:0 20px;
  min-height: 60px;
}
.wholesale-page .container-grey2 a.info{
  border: 3px solid #000;
  display: inline-block !important;
  background: #000;
  color: #FFFFFF;
  padding: 15px 30px 10px !important;
  text-transform: uppercase;
  font-size: 18px !important;
  font-family: ProximanovaSemiBold !important;
  margin: 15px 0px 15px!important;
}
.wholesale-page .container-grey2 a.info:hover{
  background-color:#fff;
  color:#000;
}
.wholesale-page .submitBtn{
  text-transform: uppercase;
  height: 40px;
  background: #000000;
  color: #ffffff;
  border: none;
  width: 98%;
  padding: 6px 15px;
}

.wholesale-page .inquiry{
  padding: 20px 0 40px;
  color: #ffffff;
}
.wholesale-page .inquiry h4, .inquiry a{
  color: #ffffff;
}
.wholesale-page .inquiry h4{
  display: inline-block;
}
/*form#wholesale-form > div{
  margin: 10px 0px 0px 40px !important;
  }*/
  .wholesale-page .testimonials.owl-theme .owl-controls {
    margin-top: 20px;
  }
  .wholesale-page .owl-theme .owl-controls .owl-page span{
    background: gray;
  }
  .wholesale-page .owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #2cbe5a;
  }
  .wholesale-page .owl-theme .owl-controls .owl-page.active span{
    background: #2cbe5a;
  }
  .wholesale-page .owl-item li p{
    font-size: 15px;
  }
  .wholesale-page .testimonials h5{
    margin-top: 20px;
    font-size: 18px;
  }
  .wholesale-page .customer{
    /*background: url(https://uploads.teabox.com/media/images/Testimonials_1SOFS1.jpg);*/
    background-position: top center;
    height: 500px;
    background-size: cover;
  }
  .wholesale-page .customer_testimonials{
    font-family:TeaboxStencilMedium;
    font-weight:100;
    margin:75px 0 0;
    color: #ffffff;
  }
  .wholesale-page .customer_reviews{
    margin-top: 50px;
    background: #FFF;
    padding: 50px 50px 80px;
    border-radius: 3px;
    font-family: ProximaNovaRegular;
  }
  .wholesale-page .about_wholesale{
    padding: 0 10px 40px 10px;
  }
  .wholesale-page .heading_text{
    font-size: 36px !important;
  }
  .wholesale-page .about_text{
    font-family: ProximaNovaRegular;
    font-size: 18px;
  }
  .wholesale-page .text_wholesale{
    width: 730px;
    margin: 33px auto 0;
    line-height: 1.5;
  }
  .wholesale-page .in-error-msg{
    margin: 0 0 6px 6px; color: #dc0404;
  }
  .wholesale-page .contact-us span#err_msg i {
    color: #770000;
  }

  @media (max-width:991px){
    .wholesale-page .tb-banner-content {
      padding-top: 121px !important;
    }
  }
  @media (min-width:768px) {
    .wholesale-page .row-fine-teas .prim-cta-1, .wholesale-page .row-fine-teas .prim-cta-1:active {
      top: -6px
    }
  }

  @media (max-width:767px) {
    .wholesale-page .tb-banner-content {
      padding-top: 15px !important;
    }
    .wholesale-page .prim-cta-1 {
      height: auto
    }
    .wholesale-page .home-page-banner h1{
      width: 100% !important;
    }
  }

  @media (min-width:601px) {
    .wholesale-page .col-faqs:after {
      display: block;
      content: " ";
      width: 1px;
      position: absolute;
      background: rgba(255,255,255,0.15);
      top: 28%;
      right: -30px;
      bottom: 20%;
    }
  }
  @media only screen and (min-width: 767px) and (max-width: 992px){
    .wholesale-page .home-page-banner{
      height: 780px !important;
    }
  }
  @media only screen and (min-device-width: 600px) and (max-device-width: 768px) and (orientation:portrait){
    .wholesale-page .tea_row {
      padding: 30px 0px 0px !important;
    }
  }
  @media (max-width:600px) {
    .wholesale-page .home-page-banner h1 {
      font-size: 22px!important;
      font-weight: 100!important;
    }
    .wholesale-page .about_wholesale{
      margin-bottom: 0;
    }
    .wholesale-page .inquiry{
      padding: 0;
    }
    .wholesale-page .download-btn{
      font-size: 14px;
    }
    .wholesale-page .tea_row{
      padding: 0px !important;
      margin-top: 40px !important;
    }
    .wholesale-page .mob_padding{
      margin-top: 96px !important;
    }
    .wholesale-page .banner_text{
      margin-bottom: 0px !important;
    }
    .wholesale-page .default mob_top {
      padding-top: 15px;
    }
    .wholesale-page .tea_row > div{
      padding: 0px;
    }
    .wholesale-page .tea_img{
      width: 100px;
      height: 100px;
    }
    .wholesale-page .contact-us h3 {
      margin: 0;
    }
    .wholesale-page form#contact_form > div{
      margin: 0 !important;
      padding: 20px 20px 0px 20px;
    }

    .wholesale-page .submitBtn{
      width: 100%;
      margin-left: 0;
    }
    .wholesale-page #contact > div{
      padding-top: 40px;
      width: 100%;
    }
    .wholesale-page .faq-scroller-content {
      padding: 20px;
    }
    .wholesale-page .container-grey2{
      padding: 40px 0 !important;
    }
    .wholesale-page .mob_padding{
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
    .wholesale-page .customer_testimonials{
      margin:40px 0 !important;
    }
    .wholesale-page .customer_reviews{
      padding: 20px 50px;
      margin: 0px;
    }
    .wholesale-page .customer{
      padding: 0px 0 40px;
    }
    .wholesale-page .testimonials.owl-theme .owl-controls{
      margin-top: 170px;
      bottom: -30px;
    }
    .wholesale-page .customer{
      height: 450px;
    }
    .wholesale-page .tb_fixed_width{
      padding: 10px;
      margin: 5px auto;
    }
    .wholesale-page .teabox_affiliates_header div:nth-child(3) {
      padding: 22px 10px;
      text-align: right;
    }
    .wholesale-page .about_wholesale{
      padding: 0 0px 40px !important;
    }
    .wholesale-page .about_wholesale .short_desc{
      padding: 0px;
    }
    .wholesale-page .heading_text {
      font-size: 20px !important;
    }
    .wholesale-page .title{
      font-size: 14px;
    }
    .wholesale-page .about_text {
      font-family: ProximaNovaRegular;
      font-size: 14px;
    }
    .wholesale-page .mob_padding .tea_row > div{
      margin: 15px 0;
    }
    .wholesale-page .faq-scroller-outer{
      width: 100%;
    }
    .wholesale-page .home-page-banner{
      top:96px !important;
    }
    .wholesale-page .home-page-banner h1{
      font-size: 28px;
      width: 100% !important;
    }
    .wholesale-page .text_wholesale{
      width: auto;
    }
  }

  /* Teapac page css */

  .page-teapac .banner_pull .row, .clear_row_width .row {
    max-width: 1200px !important;
  }
  .page-teapac .body-content.default{
    margin-top: 0px !important;
  }
  .align-center {
    text-align: center;
  }
  .page-teapac .home-page-banner {
    background-position: top center!important;
    /*height: 500px;*/
  }
  .page-teapac .home-page-banner h1 {
    font-size: 50px !important;
    color: #000;
    line-height: 55px !important;
    font-family: "TeaboxStencilRegular","ProximaNovaRegular" !important;
    display: inline;
  }
  .page-teapac .home-page-banner .prim-cta-1, .home-page-banner .prim-cta-1:active {
    padding: 10px 35px;
  }
  .page-teapac .home_banner_subheading{
    font: normal 18px ProximaNovaRegular;margin-top:10px;line-height:19px;color:#000;font-weight: bold;
  }
  .page-teapac .main_banner{
    position: relative;
    /*background: url(/cdn/shop/t/10/assets/teapack_banner_img.jpg?v=7200372221996414581570100854);*/
    margin-top:-3px;
  }
  .page-teapac .register{
    display: inline-block;
    font-size: 39px;
    position: relative;
    top: -16px;
  }
  .page-teapac .teapac_register{
    font-size: 12px;top: -9px;left: 2px;
  }
  .page-teapac .teapacs{
    margin: auto;
    width: 660px;
    text-align: center;
  }
  .page-teapac .teapacs_about{
    margin-top:16px;
  }
  .page-teapac .teapacs_video{
    margin-top: 46px;
  }

  .page-teapac .teapacs_pad{
    padding:0px 20%;
  }

  .page-teapac .mid_banner{
    background: #000000;
    text-align: center;
    padding: 23px 0px;
    margin-top:30px;
  }
  .page-teapac .mid_banner h1, .mid_banner h3{
    color: #ffffff;
    line-height: 25px;
  }
  .page-teapac .mid_banner h1{
    text-transform: lowercase;
    font-size: 20px !important;
  }
  .page-teapac .mid_banner h3{
    font-family: "TeaboxStencilRegular","ProximaNovaRegular";
    font-size:24px !important;
    display: inline-block;
  }

  .page-teapac .mid_banner h3:last-child{
    display: inline;
    border-left: 2px solid;
    padding-left: 10px;
    margin-left: 10px;
  }

  .page-teapac .separator {
    overflow: auto;
    width: 255px;
    margin: 50px auto 50px auto;
  }
  .page-teapac .separator .line {
    width: 100px;
    border-top: solid 1px #eae8e7;
    height: 1px;
    float: left;
    margin: 23px 0px 0px;
  }
  .page-teapac .separator .image {
    /*background-image: url(/cdn/shop/t/10/assets/tea-leaves-divider.svg?v=85771919708485083571570100853);*/
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    float: left;
  }

  .page-teapac div.tea_category div.col-sm-2{
    margin:15px 19px;
  }

  .page-teapac .tea_category p:first-of-type, .teas_type{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
  }

  .page-teapac .tea_category p:first-of-type a{
    display: inline-block;
    padding: 4px 10px;
    border: 2px solid;
    width: 80px;
  }

  .page-teapac .tea_category p:first-of-type a:hover{
    color:#ffffff;
    background: #999;
    border:2px solid #ffffff;
  }

  .page-teapac .tea_category p:first-of-type span{
    display: inline-block;
    padding: 4px 10px;
    border: 2px solid;
    width:80px;
  }

  .page-teapac .teas_type a{
    display: inline-block;
    padding: 4px 10px;
    border: 2px solid;
  }

  .page-teapac .teas_type a:hover{
    color:#ffffff;
    background: #999;
    border:2px solid #ffffff;
  }

  .page-teapac .tea_bundles{
    width:23% !important;
    margin: 0px 10px;
  }

  .page-teapac .bundle_heading{
    text-align: left;
  }

  .page-teapac .bundle_row{
    margin:25px 0px;
    padding: 0px 0px;
  }

  .page-teapac .bundle_row h3{
    font-family: "ProximaNovaSemibold",sans-serif;
    font-size: 15px;
  }

  .page-teapac .bundle_row p{
    margin:10px 0px;
  }

  .page-teapac .bundle_row img{
    width:250px;
    height: 250px;
  }
  .page-teapac .bundles_heading{
    font-family: 'TeaboxStencilMedium';
    font-size: 22px;
  }
  /*.page-teapac .prim-cta-1, .prim-cta-1:active {
    color: #FFFFFF;
    font-family: "ProximaNovaRegular";
    font-size: 14px !important;
    line-height: 0px !important;
    text-transform: uppercase;
    background-color: #2CBE5A;
    padding: 15px 15px !important;
    height: 52px;
    display: inline-block;
    text-align: center;
    border: none;
    vertical-align: middle;
    cursor: pointer;
  }
  .page-teapac .prim-cta-1, .prim-cta-1:active {
    height: auto !important;
    }*/
    .page-teapac .tb-banner-content {
      padding-top: 160px;
      text-align: left;
    }
    .page-teapac .row-fine-teas {
      text-align: center;
    }
    .page-teapac .row-fine-teas {
      padding: 30px 0px;
    }
    .page-teapac .row-fine-teas h3 {
      font-family: 'TeaboxStencilMedium';
      text-transform: uppercase;
      font-size: 28px;
      display: inline-block;
      margin: 0 20px;
      color: #000 !important;
    }
    .page-teapac .allcaps{
      text-transform: uppercase;
    }

    .page-teapac .teapacs_sampler{
      padding-left: 7%;
      padding-right: 7%;
    }

    .page-teapac .teapacs_sampler div.col-sm-4 img{
      width:250px;
      height: 250px;
    }
    .page-teapac .teapacs_sampler h3{
      font-family: "ProximaNovaSemibold",sans-serif;
      font-size: 15px;
    }
    .page-teapac .teapacs_sampler h5{
      font-size: 12px;
    }

    .page-teapac .teapacs_sampler p{
      margin:10px 0px;
    }

    .page-teapac .faq_knowmore{
      background: #999;
      padding: 10px 60px;
      background: #eae8e7
    }

    .page-teapac .faq_knowmore h3{
      font-family: 'TeaboxStencilMedium';
    }

    .page-teapac .faq_knowmore div:last-child{
      text-align: center;
    }

    .page-teapac .faq_knowmore div:last-child a{
      border: 2px solid;
      padding: 6px;
    }
    .page-teapac .row_top{
      padding-top:0px;
    }

    .page-teapac .row_bottom{
      padding-top:0px;
      padding-bottom: 0px;
    }
    .page-teapac .row-fine-teas_bottom{
      padding-bottom: 0px;
    }

    .page-teapac .row-fine-teas_top{
      padding-top: 60px;
    }

    .page-teapac .row_bottom_margin{
      margin-bottom: 25px !important;
    }


    .page-teapac .tea_cate_margintop div:nth-child(2){
      margin-top:20px;
    }

    .page-teapac .tea_cate_margintop div:nth-child(3){
      margin-top:39px;
    }
    .page-teapac .bck-lit-gray {
      background: #ffffff;
      padding-bottom: 40px;
    }
    .page-teapac .bck-lit-gray h3 {
      font-family: 'TeaboxStencilMedium';
      font-size: 28px;
      margin-bottom: 20px;
    }
    .page-teapac .bck-lit-gray p {
      font-family: 'ProximaNovaRegular';
      font-size: 15px;
      margin-bottom: 10px;
    }
    .page-teapac .bck-lit-gray .prim-cta-1, .bck-lit-gray .prim-cta-1:active {
      padding: 6px 30px;
    }
    .page-teapac .row img {
      max-width: 100%;
    }
    .page-teapac .container-features {
      padding-bottom: 40px;
    }
    .page-teapac .row-feature {
      margin-bottom: 40px !important;
    }
    .page-teapac .row-feature h4 {
      font-size: 20px;
      font-family: 'ProximaNovaSemibold';
      text-transform: none;
      margin-bottom: 10px;
    }
    .page-teapac .row-feature p {
      font-family: 'ProximaNovaLight';
      font-size: 15px;
      line-height: 24px;
    }
    .page-teapac .row-feature img {
      margin: 0 10%;
      width: 80%;
    }

    .page-teapac .infoGraphics{
      /*background:url('https://tbox_media.s3.amazonaws.com/skin/frontend/enterprise/teabox/images/SVG/Teabox_infographics1-03.svg') no-repeat;*/
      background-repeat: no-repeat;
    }

    .page-teapac .shop_all{
      padding: 8px 35px 2px;
    }

    .page-teapac .price{
      font-size: 21px;
      margin-bottom: 10px;
    }
    a{
      cursor: pointer;
    }
    .page-teapac .tea_category{
      width: 100%;
    }
    .page-teapac .tea_category + div{
      width: 50%;
      margin-left: 25%;
      display: block;
    }
    .page-teapac .home-page-banner h1 {
      font-family: "TeaboxStencilMedium","ProximaNovaRegular";
      font-size: 40px;
      line-height: 46px;
      margin: 0 0 10px;
      text-shadow: unset;
    }
    .page-teapac .register {
      display: inline-block;
      font-size: 39px;
      position: relative;
      top: -16px;
    }
    .page-teapac .home-page-banner p {
      font-family: "ProximaNovaLight";
      font-size: 16px;
      line-height: 23px;
      margin-bottom: 10px;
    }
    .page-teapac .line_break {
      display: block;
    }
    @media (min-width: 1192px){
      .page-teapac .teapacs_video_topbar{
        width: 100%;
        height: 55.5px;
        background: white;
        position: relative;
        top: 57px;
      }
    }
    @media (min-width:1200px) {
      .page-teapac .teapacs_video_topbar{
        height:57px;
      }
    }

    @media (max-width:991px){
      .page-teapac .tb-banner-content {
        padding-top: 121px;
      }
    }
    @media (min-width:768px) {
      .page-teapac .row-fine-teas .prim-cta-1, .row-fine-teas .prim-cta-1:active {
        top: -6px
      }
      .page-teapac .line_break{
        display:block;
      }
    }

    @media (max-width: 768px){
      .page-teapac div.tea_category div.col-sm-2 {
        margin: 0px 12px;
      }
      .page-teapac .line_break{
        display:inline-block;
      }
      .page-teapac .tb-banner-content{
        padding-top: 150px !important;
      }
      .page-teapac .home-page-banner h1{
        font-size: 36px !important;
      }
      .page-teapac .home-page-banner p{
        line-height: 0px;
      }
    }

    @media (max-width:767px) {
      .page-teapac .prim-cta-1 {
        height: auto
      }
    }

    @media (max-width:320px) {
      .page-teapac .home-page-banner{
        height:375px !important;
      }
    }

    @media (max-width:480px) {
      .page-teapac .teapacs_about{
        width:auto;
      }
      .page-teapac iframe{
        width:auto;
      }
      .page-teapac .tea_bundles{
        display: inline-block;
      }
      .page-teapac .bundle_heading{
        text-align: center;
      }
      .page-teapac .tea_category div:nth-child(2n){
        float: right;
      }

      .page-teapac div.tea_category div.col-sm-2 {
        margin: 15px 25px;
      }

      .page-teapac .tea_category div:last-child{
        margin:0px 35% !important;
      }
      .page-teapac .tb-banner-content{
        padding-top: 20px !important;
      }
      .page-teapac .teapacs_sampler div.col-sm-4 img{
        width: auto;
        height: auto;
      }
      .page-teapac .teapacs_sampler{
        padding-left: 0%;
        padding-right: 0%;
      }
      .page-teapac .bundle_row img{
        width:auto;
        height: auto
      }
      .page-teapac .bundle_row div:last-child{
        margin: 0px 27% 15px 27%;
      }
      .page-teapac .bundle_row div:first-child > span{
        display:inline-block;
      }
      .page-teapac .teapacs_sampler > div {
        margin: 10px 0px;
      }
      .page-teapac .row_equal_height{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
      }
      .page-teapac .tea_category p:first-of-type span{
        padding:0px;
      }
      .page-teapac .mid_banner{
        padding: 15px 0px;
      }
      .page-teapac .mid_banner h1{
        font-size: 16px;
      }
      .page-teapac .mid_banner h3{
        font-size: 19px;
        display:block;
        margin-bottom:10px;
      }
      .page-teapac .mid_banner h3:last-child{
        margin-left:0px;
        padding-left: 0px;
        border:none;
        font-size: 13px !important;
      }
      .page-teapac .faq_knowmore{
        padding:10px 15px;
      }
      .page-teapac .faq_knowmore div:last-child{
        margin-top:10px;
      }
      .page-teapac .faq_knowmore div:nth-child(2){
        text-align: justify;
      }
      .page-teapac .main_banner{
        /*background: url(/cdn/shop/t/10/assets/teapack_banner_mobile_img.jpg?v=182186716594900487531570100855);*/
        margin-top:-33px;
      }
      .page-teapac .tb-banner-content{
        display: none;
      }
      .page-teapac .teapacs_video {
        margin-top: 28px;
      }
      .page-teapac .teapacs_pad{
        padding:0px;
      }
      .page-teapac .bundle_row h3{
        font-size: 14.5px;
      }
      .page-teapac .teapacs_sampler h3{
        font-size: 14px !important;
      }
      .page-teapac .row-fine-teas h3{
        font-size: 22px;
      }
      .page-teapac .bck-lit-gray h3{
        font-size: 20px;
      }
      .page-teapac .btn-black{
        margin-top:30px;
      }
      .page-teapac .bundle_row div{
        margin:10px 0px;
        padding: 0 20px;
      }
      .page-teapac .separator{
        margin:35px auto 35px auto;
      }
    }

    /* About us page */
    .about-teabox-page .tb-faq-cnt p a,
    .wholesale-page .tb-faq-cnt p a {
      color: #2CBE5A
    }

    .about-teabox-page .tb-img-50,
    .wholesale-page .tb-img-50 {
      background-image: url('//cdn.teabox.com/media/wysiwyg/Wholesale_1.jpg');
      background-size: cover;
      background-position: center center;
      height: 420px
    }

    .about-teabox-page #tb-img-rev,
    .wholesale-page #tb-img-rev {
      background-image: url('//cdn.teabox.com/media/wysiwyg/Wholesale_2.jpg')
    }

    .about-teabox-page .wh-form,
    .wholesale-page .wh-form {
      position: relative
    }

    .about-teabox-page #sign-form,
    .wholesale-page #sign-form {
      position: absolute;
      top: -72px
    }

    .about-teabox-page .wh-faq-cnt,
    .wholesale-page .wh-faq-cnt {
      padding: 50px 0 30px
    }

    .about-teabox-page .wh-faq-cnt h2,
    .wholesale-page .wh-faq-cnt h2 {
      text-align: center;
      margin-bottom: 30px
    }

    .about-teabox-page .tb_read_more,
    .wholesale-page .tb_read_more {
      margin-top: 50px;
      display: block;
      text-align: center;
      margin-bottom: 20px
    }

    .about-teabox-page .tb-qn h4,
    .wholesale-page .tb-qn h4 {
      text-transform: initial
    }

    .about-teabox-page .arrow-for-more,
    .wholesale-page .arrow-for-more {
      display: inline-block;
      background-image: url('/media/icons/DownArrow.svg?fff5edf3acde');
      background-repeat: no-repeat;
      width: 12px;
      height: 8px
    }

    .about-teabox-page #wholesale-contact-wrapper,
    .wholesale-page #wholesale-contact-wrapper {
      padding: 30px 0
    }

    .about-teabox-page #corp-gift-contact-form-wrapper,
    .wholesale-page #corp-gift-contact-form-wrapper {
      margin: auto;
      width: 640px;
      padding: 0px 20px 0px;
      background: #fff;
      text-align: center;
      margin-bottom: 50px
    }

    .about-teabox-page #corporate-gifting-wrapper,
    .wholesale-page #corporate-gifting-wrapper {
      text-align: center
    }

    .about-teabox-page .w49,
    .wholesale-page .w49 {
      width: 49%
    }

    .about-teabox-page .corporateGiftForm,
    .wholesale-page .corporateGiftForm {
      text-align: left
    }

    .about-teabox-page .corporateGiftForm h3,
    .wholesale-page .corporateGiftForm h3 {
      margin-top: 30px;
      margin-bottom: 12px
    }

    .about-teabox-page #address1,
    .wholesale-page #address1 {
      margin-bottom: 12px
    }

    .about-teabox-page .corporateGiftForm input,
    .wholesale-page .corporateGiftForm input {
      width: 100%
    }

    .about-teabox-page .formContainer .formList,
    .wholesale-page .formContainer .formList {
      overflow: inherit!important;
      margin-bottom: 12px
    }

    .about-teabox-page .w49-first,
    .wholesale-page .w49-first {
      margin-right: 2%
    }

    .about-teabox-page .page_banner,
    .wholesale-page .page_banner {
      background-image: url('/static/images/Wholesale_Banner.jpg?8de48013fefc');
      background-position: center center
    }

    .about-teabox-page .home_page_banner,
    .wholesale-page .home_page_banner {
      background-image: url('/cdn/shop/t/10/assets/About-us_Banner.jpg?v=64291350457780249321570100741');
      background-position: center center;
      padding: 160px 0px;
      bottom: 0
    }

    .about-teabox-page .home_page_banner h2,
    .wholesale-page .home_page_banner h2 {
      line-height: 46px;
      margin-bottom: 10px;
      text-shadow: 2px 2px 13px rgba(0, 0, 0, 0.5)
    }

    .about-teabox-page .home_page_banner p,
    .wholesale-page .home_page_banner p {
      font: normal 16px ProximaNovaLight;
      color: #FFFFFF;
      line-height: 23px
    }

    .about-teabox-page .tb-cnt-640,
    .wholesale-page .tb-cnt-640 {
      max-width: 640px!important;
      margin: auto
    }

    .about-teabox-page .text-content,
    .wholesale-page .text-content {
      text-align: center;
      padding: 50px 0
    }

    .about-teabox-page h2,
    .wholesale-page h2 {
      font: 30px TeaboxStencilMedium;
      margin-bottom: 12px
    }

    .about-teabox-page p,
    .wholesale-page p {
      line-height: 25px;
      margin-bottom: 10px;
    }

    .wholesale-page .old_copyrights p {
      line-height: 21px;
      margin-bottom: 0px;
    }

    .about-teabox-page #tb-img-rev-1,
    .wholesale-page #tb-img-rev-1 {
      /*background-image: url(/cdn/shop/t/10/assets/About-Us_Tea-Industry_1.jpeg?v=24666702790212936391570100740)*/
    }

    .about-teabox-page #tb-img-50-1,
    .wholesale-page #tb-img-50-1 {
      /*background-image: url(/cdn/shop/t/10/assets/About-Us_Connects_1.jpeg?v=73654711712159382171570100739)*/
    }

    .about-teabox-page .tb-txt-50-cnt,
    .wholesale-page .tb-txt-50-cnt {
      padding: 10px;
      text-align: center;
      height: 400px;
      display: table;
      margin: auto
    }

    .about-teabox-page .tb-50-50,
    .wholesale-page .tb-50-50 {
  /*width: 50%;
  float: left;*/
  /*height: 420px*/
}
.about-teabox-page .tb-50-50,
.wholesale-page .tb-50-50 img{
  height: 420px;
}

.about-teabox-page .tb-grey-bg,
.wholesale-page .tb-grey-bg {
  background-color: #EAE8E7
}

.about-teabox-page .tb-txt-50,
.wholesale-page .tb-txt-50 {
  width: 480px;
  display: table-cell;
  vertical-align: middle
}

.about-teabox-page #secondary-1,
.wholesale-page #secondary-1 {
  background-image: url(/cdn/shop/t/10/assets/About-Us_Our-Approach.jpeg?v=156578349637037748301570100740)
}

.about-teabox-page #secondary-2,
.wholesale-page #secondary-2 {
  background-image: url(/cdn/shop/t/10/assets/About-Us_Freshness.jpeg?v=117583267768144558571570100740)
}

.about-teabox-page .tb-wh100,
.wholesale-page .tb-wh100 {
  background-color: #000;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px
}

.about-teabox-page .secondary-block,
.wholesale-page .secondary-block {
  width: 100%;
  height: 400px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}

.about-teabox-page #our-approach,
.wholesale-page #our-approach {
  position: absolute;
  top: -50px
}

.about-teabox-page .tb-yes-block h2,
.wholesale-page .tb-yes-block h2 {
  color: #FFFFFF!important
}

.about-teabox-page .center-text-cnt,
.wholesale-page .center-text-cnt {
  padding-top: 150px;
  text-align: center
}

.about-teabox-page .only-image,
.wholesale-page .only-image {
  padding: 50px 0
}

.about-teabox-page .only-image img,
.wholesale-page .only-image img {
  width: 100%
}

.about-teabox-page #tb-img-rev-2,
.wholesale-page #tb-img-rev-2 {
  background-image: url(/cdn/shop/t/10/assets/About-Us_Deliciousness_2.jpeg?v=149057124671692767401570100739)
}

.about-teabox-page #tb-img-50-3,
.wholesale-page #tb-img-50-3 {
  background-image: url(/cdn/shop/t/10/assets/About-Us_Cold-Storage.jpg?v=154499029346745223511570100739)
}

.about-teabox-page #tb-img-rev-3,
.wholesale-page #tb-img-rev-3 {
  background-image:  url(/cdn/shop/t/10/assets/About-Us_Vaccum-Packaging_1.jpg?v=112302084171599851411570100741)
}

.about-teabox-page .tb-img-50,
.wholesale-page .tb-img-50 {
  height: 100%
}

/* Brew page css */

.brewing-page .brewing-banner-cnt {
  min-height: 300px
}

.brewing-page .brewing-title {
  padding: 20px 0px 10px
}

.brewing-page .tabs_info_col {
  width: 85px;
  float: left;
  text-align: center
}

.brewing-page .steeping-tea-table table {
  margin: auto
}

.brewing-page .steeping-tea-table td {
  padding: 10px 0px
}

.brewing-page .steeping-tea-table .tabs_info_col {
  color: #7C7C7C;
  height: inherit;
  width: 120px
}

.brewing-page .tabs_info_col.first {
  padding-left: 0px
}

.brewing-page .icon_tabs {
  height: 33px;
  width: 30px
}

.brewing-page .steeping-tea-table .icon_tabs {
  display: block;
  margin: auto
}

.brewing-page .stp_water,
.brewing-page .stp_fire,
.brewing-page .stp_time,
.brewing-page .stp_tsp,
.brewing-page .stp_caffeine,
.brewing-page .stp_bestuse,
.brewing-page .stp_condiments_milk_0,
.brewing-page .stp_condiments_milk_1,
.brewing-page .stp_condiments_sugar_0,
.brewing-page .stp_condiments_sugar_1,
.brewing-page .stp_condiments_honey_0,
.brewing-page .stp_condiments_honey_1,
.brewing-page .stp_condiments_lemon_0,
.brewing-page .stp_condiments_lemon_1,
.brewing-page .stp_condiments_drinkplain_1,
.brewing-page .stp_condiments_drinkplain_0 {
  background-image: url('//cdn.teabox.com/skin/frontend/enterprise/teabox/images/sprite_description.png');
  background-repeat: no-repeat;
  background-color: transparent
}

.brewing-page .steeping-tea-table .stp_water {
  background-position: -233px -66px
}

.brewing-page .stp_fire {
  background-position: -169px -66px;
  margin-left: 28px
}

.brewing-page .stp_time {
  background-position: -200px -66px;
  margin-left: 26px
}

.brewing-page .stp_tsp {
  background-position: -67px -63px;
  margin-left: 26px
}

.brewing-page .how-to-brew-img img {
  margin: auto;
  display: block
}

.brewing-page .how-to-brew-step {
  margin: 10px 0 40px 0
}

.brewing-page .how-to-brew-step p {
  padding: 0 0 30px 0
}

.fixed{
  top:63px !important;
}


/*MOBILE CSS*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
  .teabox_footer {
    margin-top: 0px;
  }

  .tb-cnt{
    padding-bottom: 17px;
  }
  .about-teabox-page .center-text-cnt, .wholesale-page .center-text-cnt{
    padding-top: 70px;
  }
  .about-teabox-page #tb-img-rev-1, .wholesale-page #tb-img-rev-1 img{
    height: auto;
  }
  .about-teabox-page #tb-img-50-1, .wholesale-page #tb-img-50-1 img{
    height: auto;
  }
  .about-teabox-page .tb-50-50, .wholesale-page .tb-50-50 img{
    height: auto;
  }
}

/*TABLET CSS*/
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
  #brewPageBody{
    margin-top:-8px;
  }
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
  #brewPageBody{
    margin-top:-8px;
  }
}


/*DESKTOP CSS*/
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px) {
  #brewPageBody{
    margin-top:-8px;
  }
}

@media (min-device-width: 1600px){
 #brewPageBody{
  margin-top:-8px;
}
}

/* Terms page css */
.terms-page {
  padding: 40px 10px!important
}

.terms-page ul li {
  list-style: disc;
  margin-left: 20px
}

.terms-page h3 {
  margin-bottom: 6px;
  margin-top: 20px
}

/* Security page css */
.security-page {
  padding: 40px 10px!important
}

.security-page h1 {
  margin-bottom: 12px
}

.security-page h2 {
  margin-bottom: 12px
}

.security-page h3 {
  margin-bottom: 12px;
  margin-top: 20px
}

/* Privacy page css */

.privacy-page {
  padding: 40px 10px!important
}

.privacy-page h1 {
  margin-bottom: 12px
}

.privacy-page h2 {
  margin-bottom: 12px
}

.privacy-page h3 {
  margin-bottom: 12px;
  margin-top: 20px
}

.privacy-page p {
  margin-bottom: 10px
}

.privacy-page ul li {
  list-style: disc;
  margin-left: 20px
}

.privacy-page a {
  color: #2CBE5A
}

/* Contact page css */
.contact_page .contact-block {
  background: url('//cdn.teabox.com/skin/frontend/enterprise/default/images/contact-us-page.jpg') no-repeat;
  padding: 100px 0px;
  background-size: cover;
  overflow: auto
}

.contact_page .contact-block h2 {
  margin: 0px 0px 12px
}

.contact_page .contact-block .formContainer {
  margin-top: 20px
}

.contact_page .contact-block .formContainer input,
.contact_page .contact-block .formContainer textarea {
  margin-bottom: 12px;
  width: 100%;
  max-width: 250px
}

.contact_page .contact-block .formContainer textarea {
  height: 100px
}

.contact_page .contact-block .formContainer address {
  font-style: normal
}

.contact_page .shop_customer {
  padding: 50px 0px;
  overflow: auto
}

.contact_page .shop_customer h2 {
  margin-bottom: 20px
}

.contact_page .shop_customer h3 {
  margin-bottom: 10px
}

.contact_page address {
  font-style: normal
}

.contact_page a {
  color: #01A54F;
  cursor: pointer
}

/*<!-- ==== Corporate-gifting Page ==== -->*/
.owl-next {
  background: red none repeat scroll 0 0;
  cursor: pointer;
  position: absolute;
  z-index: 99999999;
}
.clents_right .owl-carousel {
  display: block;
  position: relative;
  width: 100%;
}
.client_stories .successForm {
  max-width: 85.5%;
  float: none;
  margin: 0 auto;
  margin-left: 37px;
  margin-top: 20px;
}
.corporate_clients .item {
  width: 95%;
}
.corporate_clients .item img{
  max-height: 60px;
  max-width: 100%;
  width: inherit;
}

@media (max-width:767px){
  .corporate_clients .item{
    height:122px;
  }
  .clients_left{
    padding-bottom:0px;
  }
  .corporate_clients.owl-theme .owl-nav .owl-prev{
    left:-12%;
  }
  .corporate_clients.owl-theme .owl-nav .owl-next{
    right:-10%;
  }
}
.corporate_full_width {
  border-bottom: 1px solid #efefef;
  margin: 0 auto;
  max-width: 100%;
}
.corporate_fixed_width {
  margin: 0 auto;
  max-width: 90%;
}
.clients_left {
  border-right: 1px solid #efefef;
  float: left;
  padding: 30px 0;
  width: 18%;
}
.clients_left p {
  color: #666;
  font-family: "ProximaNovaLight";
  font-size: 21px;
  font-weight: bold;
  line-height: 1.3;
}
.clents_right {
  float: left;
  padding: 16px 3% 10px;
  width: 80%;
}
.small_text {
  font-family: "proximaNovaRegular";
  font-size: 16px;
  margin: 0 auto 25px;
  max-width: 90%;
}
.gift_catalog {
  margin: auto 10px;
  width: 30%;
}
img.border-img {
  max-height: 241px;
  max-width: 100%;
}
.client_heading {
  color: #666 !important;
  font-family: ProximaNovaRegular;
  font-size: 20px;
  text-transform: uppercase;
}
.border-bottom {
  border-bottom: 1px solid #888;
  color: #666 !important;
  padding-bottom: 4px;
}
.more_text {
  color: #666 !important;
  font-family: proximaNovaRegular;
  font-size: 15px;
  margin: 0 auto;
  max-width: 260px;
  padding: 11px 0 0;
}
.download {
  color: #2cbe5a !important;
  font-family: ProximaNovaSemiBold;
  font-size: 16px !important;
  margin-top: 10px;
  transition: all 0.2s ease-in-out 0s;
}
.client_stories {
  color: #fff !important;
  padding: 45px 0;
}
.client_stories_content {
  border-right: 1px solid #777;
  padding: 30px 0 0;
}
.client_stories_he {
  font-family: ProximaNovaRegular;
  font-size: 29px;
}
.client_stories_sec {
  height: 400px;
  margin-top: 30px;
  overflow: scroll;
}
.client_stories_sec1 {
  margin: 0 0 30px;
}
.client_stories_img {
  background-color: #fff;
  float: left;
  max-width: 20%;
  padding: 23px 0 10px;
}
.client_stories_contnet1 {
  float: right;
  width: 75%;
}
.client_stories_contnet1 h3{
  margin-top:0px !important;
  font-size: 18px !important;
}
.client_stories_img img {
  max-width: 100%;
}
.contact-us h3 {
  color: #fff;
  font-family: "ProximaNovaLight";
  font-size: 17px;
  text-transform: unset;
}
.clients_des {
  color: #ccc;
  font-size: 12px;
  margin-right: 20px;
}
.contact-us-cor-gift{
  background: url(/cdn/shop/t/10/assets/client_stories_3jyVjoo.png?v=59605893925991375871570100820) !important;
  background-size: cover !important;
}
.transperant_bg {
  position: relative;
  top: 0;
}
.transperant_bg1 {
  background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 0, 0, 0) 0px, rgb(0, 0, 0) 100%) repeat scroll 0 0;
  height: 150px;
  position: absolute;
  top: -150px;
  width: 100%;
}
.banner_pull .row, .clear_row_width .row {
  max-width: 90% !important;
}
.clients_read_more {
  color: #2cbe5a;
  cursor: pointer;
  font-family: "proximaNovaRegular";
  width: 100%;
  display: block;
}
.morecontent span {
  display: none;
}
.border-bottom1 {
  border-bottom: 1px solid #fff;
  color: #fff !important;
}
#business-gift-form {
  margin-top: 29px;
}
.client_stories_content .form-control {
  border: 0 none;
  border-radius: 2px;
  color: #4e4e4e;
  font-family: proximaNovaRegular;
  height: 45px;
}
.contact-us input {
  color: #959595;
  font-size: 16px;
  margin: 0 auto 10px;
  width: 96%;
}
.contact-us textarea {
  font-family: ProximaNovaRegular;
  font-size: 16px;
  height: 100px;
  margin-bottom: 10px;
  resize: none;
  width: 98%;
}
.contact-us .submit {
  border-radius: 2px;
  font-size: 18px;
  position: relative;
  width: 98%;
  z-index: 1;
}
.contact-us .message {
  color: #fff;
  font-size: 15px;
  margin: 40px 0 15px;
}
.contact-us .message a {
  color: #2cbe5a;
  cursor: pointer;
  font-family: proximaNovaRegular;
}
.corporate_clients .item {
  border: 1px solid rgba(202, 202, 202, 0.45);
  border-radius: 3px;
  display: inline-block;
  height: 85px;
  line-height: 60px;
  padding: 10px;
}
.arrow-white > img {
  width: 5%;
}

.corporate_clients .owl-nav {
  margin-top: -6.5%;
  width: 100%;
}
.corporate_clients.owl-theme .owl-nav .owl-prev {
  background-color: #fff;
  border-radius: 0 2px 2px 0;
  display: none;
  left: -10%;
  padding: 10px 20px 14px 26px;
  position: absolute;
  width: 60px;
}
.corporate_clients.owl-theme .owl-nav .arrow-white {
  height: 20px;
  width: 20px;
}
.corporate_clients.owl-theme .owl-nav .owl-next {
  background: url(/cdn/shop/t/10/assets/icons_sprite_new.svg?v=59871722482538543321570100831#ArrowRight);
  border-radius: 2px 0 0 2px;
  font-size: 0;
  //height: 10px;
  padding: 10px 10px 14px;
  position: absolute;
  right: -9%;
  top: 20px;
  //width: 10px;
  background-repeat: no-repeat;
}
.owl-carousel .owl-stage-outer {
  overflow: hidden;
  position: relative;
  transform: translate3d(0px, 0px, 0px);
}
.field_required {
  float: right;
  font-size: 12px;
  color: #ccc;
}
.home-page-banner {
  background-position: top center!important;
}
@media (max-width: 991px){
  .tb-banner-content {
    display:none;
  }
  .home-page-banner {
    height: 850px;
    background-size: cover!important;
    background-repeat: no-repeat!important;
  }
}
@media (max-width: 767px){
  .clients_left{
    display:none;
  }
  .home-page-banner {
    height: 800px;
  }
}
@media (max-width: 599px){
  .gift_catalog {
    margin: auto 10px;
    width: 100%;
  }
}

/* Subscription page css */
.subscription.box-wrapper{
  margin:0;
}
h3{
  text-transform: capitalize;
}
.box-item img {
  height: 56px;
}
.box-item figcaption {
  top: 15px;
}
.price-item-cost .row{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.price-item-cost del{
  color: #a7a7a7 !important;
}
.price-item-cost del span{
  text-decoration: line-through;
}

.right-arrow{
  height: 15px;
  transform: rotate(180deg)
}

.right-line{
  display: inline-block;
  width: 1px;
  height: 30px;
  border: none;
  background: #4e4e4e;
  position: relative;
  top: 30px;
}
.subs_period{
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  font-family: ProximanovaLight;
}
/* temporary css for disabled button remove when subscripion is live*/
.sub_atc.disabled{
  color: #FFFFFF !important;
  font-family: "ProximaNovaRegular" !important;
  text-transform: uppercase !important;
  background-color: #D1D1D2 !important;
  cursor: none;
}

.sub_atc.disabled span{
  color: #FFFFFF !important;
}

.section-subtitle{
  text-align: center;
  color: #FFF;
  text-transform: initial;
  font-size: 22px;
}
/* end here */
/*.container{
  width: 800px;
  margin: 0 auto;
  }*/
  ul.tabs{
    margin-top: 15px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
  }
  ul.tabs li{
    background: none;
    color: #ADAAAA;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    font-family: ProximanovaLight;
    text-transform: uppercase;
    font-size: 18px;
  }

  ul.tabs li.current{
    color: #222;
  /*border-bottom: 5px solid #02cb5a;
  font-family: 'ProximanovaSemibold';*/
}

.tab-content{
  display: none;
  /*background: #ededed;*/
  padding: 15px;
}

.tab-content.current{
  display: inherit;
}

.testimonial_container {
  /*border: 2px solid #ccc;
  background-color: #eee;
  border-radius: 5px;
  padding: 16px;
  margin: 16px 0*/
}

.testimonial_container::after {
  content: "";
  clear: both;
  display: table;
}

.testimonial_container img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}

.faq_first_line {
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-family: 'ProximanovaSemibold';
}
.faq_answere p{
  font-size: 16px;
  font-family: 'ProximanovaRegular';
  color: #000;
  line-height: 24px;
}
.tb_aff_panel.faq li {
  display: block;
  margin: 0 2%;
  border-bottom: 1px solid rgba(204, 204, 204, 0.33);
  width: 96%;
  padding: 30px 0px 20px;
  text-align: left;
}
.faq_first_line img {
  max-width: 15px;
  display: inline-block;
  float: right;
  margin-right: 20px;
  padding-top: 3px;
  transition: 0.3s ease-in-out;
}
.testimonial{
  margin: 0 15px;
}
.testimonial .content{
  padding: 20px 15px 8px 15px;
  border-radius: 15px;
  margin-bottom: 15px;
  position: relative;
  background: #EFEFEF;
  min-height: 100px;
}
.testimonial .content:after{
  content: "";
  border-top: 10px solid #EFEFEF;
  border-left: 10px solid transparent;
  border-right: 9px solid transparent;
  position: absolute;
  bottom: -8px;
  left: 10%;
}

.testimonial .testi_description{
  margin-bottom: 10px;
  color:#000;
}
.testimonial-pic{
  float:left;
}
.testimonial-pic > img{
  width: 80px;
  height: 80px;
      /*border-radius: 50%;
      border: 2px solid #e5e5e5;*/
      margin-left: 20px;
    }
    .testimonial .testimonial-review{
      margin:20px 0 0 15px;
      float: left;
    }
    .testimonial .testimonial-title{
      font-size:16px;
      text-transform:capitalize;
      font-weight: bold;
      margin:0;
    }
    .testimonial > .testimonial-review span{
      color: #717171;
      display: inline-block;
      font-size: 13px;
      margin-bottom:5px;
    }
    .price-item .price-item-cost p a{
      cursor: text;
    }
    .vertical-line{
      height: 70px;
      width: 1px;
      border: none;
      background: #c3c3c363;
      display: inline-block;
      float: right;
    }

    .box-wrapper{
      position: relative;
      width: 100%;
    }

    .box-wrapper .container{
      position: absolute;
      left: 0;
      top: 10px;
    }

    .subscription-teas{
      margin-bottom: 60px;
    }

    .img-responsive-tick{
      height: 14px;
      max-height: 40px;
      display: inline-block;
      margin-right: 10px;
    }

    .bottom-info{
      color: #fff;
      font-weight: bold;
      font-family: ProximanovaSemibold;
    }

    .bottom-info div{
      border-right: 1px solid #c3c3c363;
      height: 16px;
    }
    .bottom-info div:last-child{
      border-right: none;
    }
    .subscription-tea-title{
      margin-bottom: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      line-height: 27px;
      max-height: 18px;
    }

    @media (min-width:320px) and (max-width:1001px){
      .price-item {
        margin: 0 0 60px 0;
      }
      .btn-icon {
        left: 50% !important;
        right: 0 !important;
        margin: auto !important;
        width: 50% !important;
        padding: 15px 11px !important;
      }
      .btn-icon span{
        display: block;
      }
      .price-wrapper{
        background-size: cover;
      }
      .shade-cover {
        -webkit-box-shadow: unset;
        -moz-box-shadow: unset;
        -o-box-shadow: unset;
        -ms-box-shadow: unset;
        box-shadow: unset;
        margin: unset;
      }
      .secure-product .col-md-2 {
        text-align: center;
      }

    }

    @media (min-width:601px) and (max-width:1001px){
      .secure-product .col-md-4 {
        margin: 0 0 50px 0;
        position: relative;
        min-height: 300px;
      }
      section.secure-product a {
        text-align: center !important;
        left: 0;
        width: 58%;
        margin: auto;
        position: absolute;
        right: 0;
      }
      .slider-wrapper .slider-content {
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-20%);
        .subscription-tea-title {
         padding-top: 3px !important;
       }
     }
   }
   @media (min-width:1002px) and (max-width:1200px){
    .price-item p {
      font-size: 11px;
    }
    .price-item .btn-icon {
      left: 130px !important;
    }
  }

  .price-item-header {
    padding: 25px 22px;
  }
  .top-slider {
    min-height: auto !important;
  }
  .box-item figcaption {
    font-size: 16px;
  }

  .box-wrapper .btn-green {
    padding: 20px 35px 15px;
  }
  .plan-arrow01 {
    margin: 0 0 0 15px;
  }
  .main-content .text-center {
    margin-top: 50px;
  }
  .price-wrapper .section-title {
    line-height: 40px;
  }
  .price-item .btn-icon {
    //left: 137px;
    padding: 15px 20px;
  }
  .owl-buttons {
    display: none !important;
  }
  .slider-img-wrap{
    max-height: initial;
  }
  .slider-img-wrap img {
    width: 100%;
    max-height: initial;
  }
  .shade-cover {
    box-shadow: 0 0 10px 1px #000, 0 0 140px 4px rgba(0, 0, 0, 0.8) inset;
  }

  @media (min-width:320px) and (max-width:600px){
    .subscription-tea-title{
      margin-bottom: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-height: 18px;
      max-height: 36px;
    }
    .box-wrapper{
      margin: 0px 0 0;
    }
    .slider-wrapper {
      margin-top: -8px;
    }
    .img-responsive {
      width: 20%;
    }
    .box-item {
      margin: 50px 15px;
    }
    .price-wrapper .section-title {
      line-height: initial !important;
      margin: -30px 0 0 20px!important;
      font-size: 26px;
      text-align: left;
    }
    .main-content .text-center {
      margin-top: 0px;
    }
    .btn-green {
      //margin: 0 0 0 13px !important;
      margin: auto !important;
      width: 90%;
    }
    .secure-product .btn-green {
      margin: auto auto 15px !important;
      width: 100% !important;
    }
    .section-title {
      font-size: 28px;
      line-height: 30px;
      margin: 40px 0px 0px !important;
    }
    .slider-content h5, .slider-content hr{
      display: none;
    }
    .slider-content h2 {
      text-align: center !important;
      margin-bottom: 10px !important;
      margin-top: 285px !important;
      font-size: 24px !important;
    }
    .price-item-body{
      padding: 20px 30px 20px;
    }
    .secure-product{
      padding: 40px 0px 20px 20px;
    }
    .secure-product .heading{
      font-size: 28px;
      margin-bottom: 10px;
    }
    .secure-product .col-md-11{
      margin-left: 0px;
    }
    .seal{
      width: 60%;
    }
    .box-item figcaption{
      font-size: 20px;
    }

  }

  @-moz-document url-prefix() {
    .price-item .btn-icon {
      left: 20%;
      padding: 15px 20px;
    }

  }

  .testimonial_section .owl-theme .owl-controls{
    margin-top: 30px;
  }
  .product_image.owl-theme .owl-controls .owl-page span{
    background: #fff !important;
    border: 2px solid #797979 !important;
  }
  .product_image.owl-theme .owl-controls .owl-page.active span{
    background: #02cb5a !important;
    border: 2px solid #02cb5a !important;
  }
  .tb_aff_panel h1, .teabox_stencil_font{
    font-family: Helvetica;
    font-size: 32px;
    font-weight: 700;
    text-transform: capitalize;
    padding-top: 44px !important;
  }
  .tab-header{
    padding: 30px 0;
  }
  .tab-header span{
    font-size: 32px;
    font-family: "proximaNovaBold";
    line-height: 1.3;
    font-weight: 700;
  }
  .tab-header p{
    font-size: 16px;
    font-family: 'ProximanovaRegular';
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 25px;
  }
  .product_row{
    padding: 0 70px 0 100px;
  }
  .product_row .col-md-6.col-xs-6{
    padding: 10px 30px;
  }
  .product_row .col-md-9.col-sm-9.col-xs-12{
    min-height: 120px;
    padding-top: 15px;
    padding-left: 10px;
  }
  .product_row .header-8, h3 {
    color: #000000; 
    font-family: "ProximaNovaSemibold";
    font-size: 18px;
    text-transform: capitalize;
  }

  .giftit {
    margin-top: 0px;
  }
  .giftit span {
    display:inline-block !important;
  }
  .giftit .giftlink {
    /*cursor: pointer;*/
    display: inline-block;
    font-weight: 600;
    /*border-bottom: 3px solid #02cc59 !important;*/
    margin-top: 20px;
    color: #02cc59;
    font-family: "ProximaNovabold";
    line-height: 1;
  }
 
  .top-header-subscription{
    position: fixed;
    z-index: 99;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: #000000;
    color: #fff;
    padding: 15px 30px 10px 63px;
  }
  .top-header-subscription span:first-child{
    font-size: 22px;
    font-family: ProximanovaRegular;
  }
  .top-header-subscription span:last-child{
    font-size: 16px;
    line-height: 1.9em;
    color: #ffffff9c;
  }
  .top-header-subscription button{
    background-color: #02cb5a;
    border: none;
    /*padding: 17px 30px 14px;*/
    font-size: 18px;
    font-family: 'ProximaNovaRegular';
    text-transform: uppercase;
    color: #FFF;
    width: 80%;
    height: 50px;
  }
  @media(min-width: 768px) and (max-width: 1024px){
   .top-header-subscription button{
     width:100%;
   }
 }
 .top-header-subscription button img.login-animation{
   width: 25%;
   position: relative;
   margin: 7px 0 0 0;
 }

 .slider-wrapper .slider-content{
  left: 65px;
  top: 230px;
  width: 30%;
}
.main-slider {
  display: block;
  position: relative;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .owl-theme .owl-controls{
    top: initial !important;
  }
  .product_image.owl-theme .owl-controls .owl-page span{
    background: #fff !important;
    border: 2px solid #797979 !important;
  }
  .product_image.owl-theme .owl-controls .owl-page.active span{
    background: #797979 !important;
    border: 2px solid #797979 !important;
  }
  .box-wrapper .product_image.owl-carousel .owl-item{
    height: 220px;
  }
  .main-content .text-center{
    margin-top: 50px ;
  }
  .price-wrapper{
    background: #56616d;
    padding-bottom: 15px;
  }
  .price-wrapper .section-title{
    margin: 25px 15px 0 15px!important;
    text-align: center;
    line-height: 1.3 !important;
    font-size: 24px;
  }
  .price-wrapper .section-subtitle{
    font-size: 16px;
  }
  .price-item {
    margin: 0 0 60px 0;
    background: #fff;
    width: 84%;
    margin-left: 8%;
  }
  .price-item *{
    color: #000;
  }
  .price-item-header h3 {
    font-size: 24px;
    font-family: "Proximanovasemibold";
    margin: 0px 0 10px;
    white-space: nowrap;
  }
  .price-item p {
    line-height: 18px;
    margin-bottom: -10px;
    font-size: 14px;
    font-family: ProximanovaRegular;
  }
  .btn-icon {
    position: initial;
    background: #02cb5a;
    border: 0;
    color: #fff !important;
    padding: 12px 20px !important;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    margin-top: 40px !important;
    margin-left: 49% !important;
    width: initial !important;
  }
  .btn-icon span{
    color: #fff;
  }
  .btn-icon .fa{
    color: #fff;
    margin-left: 50px;
  }
  .subscription-teas .tab-content{
    padding-bottom: 0px;
  }
  #Last_mnth{
    padding: 0 0 55% 0 !important;
  }
  ul.tabs li {
    background: none;
    color: #ADAAAA;
    display: inline-block;
    padding: 10px 10px;
    cursor: pointer;
    font-family: 'ProximanovaLight';
    text-transform: capitalize;
    font-size: 14px;
  }
  .tab-header{
    padding: 10px 0;
  }
  .tab-header span{
    font-size: 24px;
  }
  .tab-header p{
    font-size: 14px;
  }
  .product_row{
    padding: 0;
  }
  .product_row .col-md-6.col-xs-6{
    padding: 20px 5px 0;
  }
  .product_row .header-8, h3 {
    font-size: 14px;
  }
  .product_row .col-md-9.col-sm-9.col-xs-12{
    min-height: initial;
    text-align: center;
  }
  .product_row .col-md-3.col-sm-3.col-xs-12{
    text-align: center;
  }
    /*.product_row .col-md-9.col-sm-9.col-xs-12 h3{
      min-height: 63px;
      }*/
      .price-wrapper .owl-theme .owl-controls{
        margin-top: -30px;
      }
      .tb_aff_panel h1, .teabox_stencil_font{
        font-size: 24px;
      }
      .faq_first_line{
        font-size: 18px;
      }
      .testimonial_section .owl-theme .owl-controls{
        margin-top: -30px;
      }
    }
    /* Spring page css */
    .spring .content-row a img{
      width: 100%;
    }
    .spring .banner{
      position: relative;
      max-width: 100%;
    }
    .spring .banner-content{
      position: absolute;
      text-align: center;
      top: 27%;
      max-width: 100%;
      width: 100%;
    }
    .spring h3{
      font-size: 32px;
      line-height: 40px;
      text-transform: capitalize;
    }
    .spring p{
      font-size: 18px;
      font-family: ProximanovaRegular;
      line-height: 24px;
    }
    .spring .tab-row{
      padding: 0;
      margin-right: 0;
      max-width: 100%;
      margin-top: -470px;
    }

    .spring ul.tabs{
      text-align: center;
      border-bottom: none;
      margin-top: 60px;
    }
    .spring ul.tabs li {
      color: #000;
      display: inline-block;
      cursor: pointer;
      font-family: ProximanovaRegular;
      text-transform: uppercase;
      font-size: 16px;
      padding: 8px 0px 6px;
      margin-right: 30px;
    }

    .spring ul.tabs li.current{
      border-bottom: 4px solid #02cb5a;
      font-family: ProximanovaSemibold;
    }

    .spring .tab-content{
      display: none;
    }

    .spring .tab-content.current{
      display: inherit;
    }

    .spring .tab-content .details{
      /*text-align: center;*/
      padding-top: 85px;
      padding-right: 120px;
      padding-left: 100px;
    }

    .spring .tab-content .details .title{
      margin-top: 30px;
      margin-bottom: 0px;
    }
    .spring .tab-content .details .title h3{
      font-size: 32px;
      text-transform: capitalize;
      color: #000;
    }
    .spring .bottom-banner .btn, .spring .tab-content .details .btn{
      background: none;
      border: 1px solid #000;
      color: #000;
      margin-top: 30px;
      height: 40px;
      padding: 12px 15px 8px 20px;
      font-size: 15px;
      text-align: left;
      background: linear-gradient(to right, #02cb5a 50%, white 50%);
      background-size: 202% 100%;
      background-position: right bottom;
      transition: all .5s ease-out;
    }
  /*.bottom-banner .btn{
    background: linear-gradient(to right, #02cb5a 50%, #ffffff00 50%);
    }*/
    .spring .bottom-banner .btn:hover, .spring .tab-content .details .btn:hover{
      color: #FFF;
      background-position: left bottom;
      border: 1px solid #02cb5a;
    }
    .spring .arrow-right svg{
      fill:#000;
      transition: all .8s ease-out;
    }
    .spring .bottom-banner .btn:hover .arrow-right svg, .spring .tab-content .details .btn:hover .arrow-right svg{
      fill: #FFF;
    }

    .spring .tab-content .details .prod_desc{
      padding: 0px 0px 50px;
      font-family: ProximanovaRegular;
      font-size: 18px;
      line-height: 24px;
    }
    .spring .tab-content .details .quantity{
      font-family: ProximanovaLight;
      font-size: 15px;
      margin-top: -23px;
    }

    .spring .tab-content .details .quantity .price{
      font-family: ProximanovaSemibold;
    }

    .spring .tab-content .details .price{
      font-family: ProximanovaSemibold;
      font-size: 15px;
      margin-top: 20px;
    }

    .spring .content-row{
      padding: 0 22px;
      margin-top: 60px;
    }

    .spring .tab_fixed{
      position: fixed;
      background: #FFF;
      top: -15px;
      padding: 18px;
      width: 100%;
      z-index: 9;
      -webkit-box-shadow: -1px 0px 32px -9px rgba(0,0,0,0.61);
      -moz-box-shadow: -1px 0px 32px -9px rgba(0,0,0,0.61);
      box-shadow: -1px 0px 32px -9px rgba(0,0,0,0.61);
    }
    .spring .img-text{
      position: absolute;
      top: 48%;
      font-size: 200px;
      font-style: italic;
      color: #FED19A;
      right: -40px;
    }
    .spring .col-md-push-6 .img-text{
      left: -90px;
    }

    .spring .animated_text {
      animation-duration: 1s;
      animation-fill-mode: forwards;
      /*animation-name: movedown;*/
    }

    .spring #tab-2, .spring #tab-3{
      -webkit-animation-duration: 1.8s;
      -moz-animation-duration: 1.8s;
      -ms-transition-animation-duration: 1.8s;
    }

    .spring .leaf{
      width: 190px;
      position: absolute;
    }

    .spring .arrow-right {
      width: 20px;
      height: 20px;
      top: 0px;
      margin-left: 15px;
    }

    .spring .bottom-banner{
      padding: 50px 65px;
    }

  /*.arrow-white{
    display: none;
  }
  */

  /* Standard syntax */
  @keyframes movedown {
    from{
      margin-top: -160px;
    }
    to{
      margin-top : -110px;
    }
  }

  @keyframes moveup {
    from{
      margin-top: -110px;
    }
    to{
      margin-top : -160px;
    }
  }


  /* =================Mobile css========================== */
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .spring .banner{
      padding: 0;
    }
    .spring .bottom-banner{
      padding: 10px;
      margin-bottom: 70px;
    }
    .spring .tab-row{
      margin-top: -36px;
      padding: 0;
      margin-bottom: 80px;
    }
    .spring ul.tabs {
      margin-top: 10px;
      text-align: left;
      margin-bottom: 40px;
      width: 100%;
      overflow: auto;
      white-space: nowrap;
      margin-left: 0%;
      text-align: center;
      border-bottom: 1px solid #eaeaea;
      padding-bottom: 0px;
    }
    .spring .content-row {
      padding: 0px 0 20px;
      margin-top: 10px;
      border-bottom: 5px solid #eaeaea;
    }
    .spring .tab-content{
      padding: 0;
    }
    .spring .tab-content .details {
      padding: 0 10px;
    }
    .spring .tab-content .details .title{
      margin-top: 10px;
    }
    .spring .tab-content .details .prod_desc{
      padding: 0 0 40px;
      font-size: 15px;
    }
    .spring .tab-content .details .title h3{
      font-size: 24px;
    }
    .spring .tab-content .details .quantity{
      font-size: 14px;
    }
    .spring .tab-content .details .btn{
      margin-top: 20px;
    }
    .spring .tab_fixed{
      position: initial;
      background: initial;
      top: -initial;
      padding: initial;
      width: initial;
      z-index: initial;
      -webkit-box-shadow: initial;
      -moz-box-shadow: initial;
      box-shadow: initial;
    }
    .spring .content-row .col-xs-12{
      padding: 0 10px;
    }
    .spring .bottom-banner .btn, .spring .tab-content .details .btn{
      color: #FFF;
      background: #02cb5a;
      border: 1px solid #02cb5a;
      width: fit-content;
    }
    .spring .bottom-banner .btn .arrow-right svg, .spring .tab-content .details .btn .arrow-right svg{
      fill: #FFF;
    }
    .spring ul.tabs li{
      padding-bottom: 0;
    }

    .spring .banner-content{
      top: initial;
      bottom: -6px;
    }
    .spring ul.tabs li{
      font-size: 14px;
    }
  }

  /*referral page css..*/

  /* normal css */
  .referral_main{
    padding-top: 100px;

  }
  .refBanner-row1{
    position: relative;
  }
  .overlay{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 98.7%;
   background-color: rgba(0,0,0,0.1);

 }
 .Banner_txt{
  color: white;
  font-size: 38px;
  font-family: TeaboxStencilMedium;
  text-transform: none !important;
  letter-spacing: 0.5px;
}
.refbg_txt{
 position: absolute;
 top: 25%;
 left: 7%;
 color: #FFF;
 line-height: 40px;
 width: 50%;
}
.banner_ptag{
  color: white;
  font-size: 12px;
  opacity: 0.8;
  line-height: 21px;
  font-family: proximaNovaRegular;

}
.log_in a{
  color: #ccc;
  font-size: 16px;
}
     /*#log_in{
          color: #ccc;
          font-size: 14px;
          font-family: ProximaNovaRegular;
          cursor: pointer;

          }*/
          .loyalyty_worth{
            padding-top: 20px;
          }
          #log_in_btn{
            background: white;
            padding: 15px;
            color: black;
            font-size: 14px;
            font-family: proximaNovaLight;
            cursor: pointer;
          }
          #sign_in_btn{
            background: #2cbe5a;
            padding: 15px;
            color: white;
            font-size: 14px;
            font-family: proximaNovaLight;
            cursor: pointer;

          }
          .alt1_txt{
            color: white;
            opacity: 0.8;
            font-size: 16px;
            font-family: proximaNovaRegular;

          }
          .alt_txt{
            padding-bottom: 30px;
          }
          .fb_icon{
            color: white;
            font-family: proximaNovaRegular;
            font-size: 12px;
            vertical-align: super;
          }
          .social_share{
            display: inline-block;
            padding-right: 15px;
          }
          .copy_ref{
            border-radius: 2px;
            height: 42px !important;
            color: black;
            outline: none;
            border: 1px solid #ededed;
            font-size: 14px;
            width: 33%;
            padding-left: 20px;
            padding-bottom: 12px;

          }
          .copy_clip{
            background: #2bbe59;
            border: #2bbe59;
            color: white;
            font-size: 13px;
            font-family: proximaNovaLight;
            border-radius: 2px;
            height: 42px;
            outline: none;
            padding: 0px 20px;
            vertical-align: top;
          }
          .Learn_more{
            position: absolute;
            bottom: 15%;
            left: 7%;
          }
          .a_more{
            color: white;
            text-decoration: none;
            font-size: 14px;
            font-family: proximaNovaRegular;
          }
          .rewards_logo{
            position: absolute;
            bottom: 22%;
            right: 7%;
          }
          .loylty_head{
            text-align: center;
            color: black;
            font-family: proximaNovaBold;
            font-size: 32px;
            padding: 45px 0px 25px 0px;
          }

          .Program_table{

          }
          .tab_1{
            margin: 10px;
            background: white;
            padding: 55px 15px 15px 15px;
            height: 225px;
            border-radius: 2px;
            text-align: center;
            border: 1px solid #ededed;
            width: 260px;
          }
          .tab_1:hover{
            -webkit-box-shadow: 0px 0px 10px 1px rgba(233,233,233,0.66);
            -moz-box-shadow: 0px 0px 10px 1px rgba(233,233,233,0.66);
            box-shadow: 0px 0px 10px 1px rgba(233,233,233,0.66);
          }
          .refPrg_div{
            color: black;
            opacity: 0.8;
            font-size: 15px;
            font-family: proximaNovaRegular;
            padding: 10px 0px;
            display: none;
          }
          .ref_p{
            color: black;
            font-size: 18px;
            font-family: proximaNovaSemiBold;
            padding-top: 25px;
            font-weight: bold;
          }
          .prg_work{
            font-size: 15px;
            font-family: proximaNovaLight;
            padding: 0px 20px;
            text-align: center;
          }
          .pnt_same{
            padding: 50px 0px;
            text-align: center;
          }
          .ptag_10{
            text-align: center;
            font-family: proximaNovaRegular;
            font-size: 18px;
          }
          .Dollar_sign{
            font-weight: bold;
            font-size: 30px;
            font-family: proximaNovaBold;
          }
          .get_btn{
            color: white;
            background-color: #2bbe59;
            font-size: 16px;
            text-transform: uppercase;
            outline: none;
            border:#2bbe59;
            padding: 15px 25px 8px 25px;
            border-radius: 2px;
            font-family: proximaNovaSemiBold;
            cursor: pointer;
          }
          .get_start{
            text-align: center;
            padding: 0px 0px 30px 0px;
          }
          hr {
           display: block;
           height: 1px;
           border: 0;
           border-top: 1px solid #ccc;
           margin: 1em 0;
           padding: 0;
         }
         .tb_aff_panel{
          box-shadow: none !important;
          padding: 0px 20px !important;
        }
        .Program_table{
          text-align: -webkit-center;
          padding: 0px 14%;
        }
        .join_show{
          padding-top: 30px;
          padding-bottom: 0px;
          text-align: center;
        }
        .learn_btn{
          color: white;
          background-color: #2bbe59;
          font-size: 16px;
          height: 52px;
          text-transform: uppercase;
          outline: none;
          border: 1px solid #2bbe59;
          padding: 16px 25px 10px 25px;

          font-family: proximaNovaSemiBold;
          cursor: pointer;
          text-align: center;
        }
        .How_works{
         padding-top: 15px;
       }
       .learn_btn:hover{
         background: #01A54F;
       }

       .ref_works_box{
        position: relative;
      }

      .image_content_reward{
        position: absolute;
        left: 5%;
        bottom: 5%;
      }
      .create_logo{
        height: 50px;
      }
      .titleTxt_1{
        font-size: 18px;
        font-family: proximaNovaBold;
        color: white;
        padding: 20px 0px 0px 0px;
      }
      .span_earn{
        font-family: proximaNovalight;
        opacity: 0.8;
        font-size: 10px;
        color: white;
      }
      .point_badge{
        padding: 0px 0px 0px 0px;
      }
      .badge_1{
        padding: 4px 12px;
        border-radius: 2px;
        background: #D7B657;
        color: white;
        font-family: proximaNovaRegular;
        font-size: 12px;
      }
      .col_1_pad{
        padding-right: 4px;
        padding-left: 4px;
      }
      .refer_frind{
        clear: both;
        padding-top: 15px;
      }
      .tab_01{
       color: white;
       background: #D7B657;
       padding: 40px;
       position: relative;
     }
     .refer_h4{
      font-size: 28px;
      line-height: 32px;
      font-family: proximaNovaBold;
      color: white;
    }
    .arrow_abst{
      position: absolute;
      top: 50px;
      right: -80px;
      right: -133px;
    }
    .refer_div{
      font-size: 16px;
      font-family: proximaNovaLight;
      color: white;
      padding: 15px 0px 10px 0px;
    }
    .refer_h5{
      font-size: 24px;
      font-family: proximaNovaBold;
      min-height: 25px;
    }
    .refer_div2{
      font-size: 16px;
      line-height: 24px;
      font-family: proximaNovaLight;
      color: black;
      padding: 5px 0px;
    }
    .tab_pad{
      height: 270px;
      @media(min-width: 1400px) and (max-width: 1500px){

      }
    }
    .tab_pad1{
      padding: 5px;
    }
    .row_01{
      padding: 0px 4%;
    }
    .tab_02{
      padding: 15px;
    }
    .refer_fb{
      color: black !important;
      font-size: 10px !important;
    }
    .share_txt{
      font-size: 10px !important;
      opacity: 0.8;
      color: black !important;
      line-height: 15px !important;
    }
    .ref_input{
      width: 65% !important;
    }
    .loyalty_Div{
      clear: both;
    }
    .loyal_h3{
      padding-bottom: 10px !important;
    }
    .is_equal{
      font-size: 60px;
      vertical-align: baseline;
    }
    .point_val{
      font-size: 16px;
      font-family: proximaNovaRegular;
    }
    .table1{
      width: 225px;
      text-align: center;
      margin: 0px auto;
    }
    .referral_vip{
      margin-top: 30px;
    }

    .refer_links_mobile{
      padding-top: 15px !important;
    }
    #How_carousel01{
      padding: 0 16%;
      margin: 0 auto;
    }
    .vipBox{
      width: 270px;
      height: 380px;
      padding: 20px 10px 20px 20px;
      margin: 0 auto;
      background: white !important;
    }
    .vip_box1{
      border: 1px solid #707070;
    }
    .vip_box2{
      border: 1px solid #B4B1A8;
    }
    .vip_box3{
      border: 1px solid #D7B657;
    }
    .block_title{
      font-family: proximaNovaBold;
      font-size: 17px;
    }
    .block_txt{
      font-family: proximaNovaRegular;
      font-size: 15px;
      min-height: 65px;
    }
    #shopify-section-referral-page-vip{
      background: #f5f5f4;
    }
    .vipBox ul li{
      list-style-type: disc;

      font-size: 15px;
      font-family: proximaNovaLight;
    }
    .vipBox ul{
      padding-left: 20px !important;
    }
    .vipend{
      padding-bottom: 50px;
      clear: both;
    }
    .faq_blk{
      padding-top: 40px !important;
      padding-bottom: 30px;
      text-transform: uppercase;
      padding-top: 40px;
    }
    .ShowBtn_faq{
      border: 1px solid #707070;
      padding: 10px 20px 6px 20px;
      border-radius: 3px;
    }
    .morePadTop{
      padding-top: 35px !important;
    }
    .referalTnc{
      text-align: center;
      font-family: proximaNovaRegular;
      font-size: 16px;
      padding: 0px 40px 15px 40px;
    }
    .font_10{
      text-decoration: none;
      color: black;
      font-size: 17px;
      font-family: proximaNovaBold;
      font-weight: bold;

    }
    .Login_bottom{

    }
    .off_bold{
      font-size: proximaNovaBold;

    }
    .Faq_ul_li{
      display: block;
      padding: 36px 0px 24px;
    }
    .refer_blk{
      background: #2cbe5a;
      /*padding: 15px 50px !important;*/
      color: white;
      font-size: 14px;
      font-family: proximaNovaLight;
      cursor: pointer;
      height: 52px !important;
      display: inline-block;
    }
    #How_carousel1{
      padding-top: 10px;
    }
    .loyalty_start{
      padding: 12px 0px 10px 0px;
    }
    .tncFooter{
      padding-bottom: 20px;
    }
    .social_icons{
      padding-right: 3px;
    }
    .earn_tier{
      font-size: 9px;
      font-family: proximaNovaLight;
      opacity: 0.8;
      color: white;
    }
    .eard_dom{
      height: 12px;
    }
    .socil_mob{
      width: 20px;
    }
    .rew_logo{
      height: 50px;
    }
    .vertical_btm{
      vertical-align: bottom !important;
    }
    .TnCTypeNone li{
      list-style-type: none !important;
    }
    #rewards_tnc p{
      margin-bottom: 5px !important;
    }




    /*end normal css*/

    /*mobile css*/
    @media only screen and (max-width: 480px){
      .overlay{
       height: 97.7%;
     }
     .Banner_txt{
       font-size: 14px;
       font-size: 35px;
       line-height: 36px;
       letter-spacing: 1px;
     }
     .banner_ptag {
      color: white;
      font-size: 12px;
      font-family: proximaNovaRegular;
      padding-top: 8px;
    }
    .refbg_txt {
      position: absolute;
      top: 14%;
      left: 7%;
      color: #FFF;
      line-height: 15px;
      width: 80%;
    }
    .mobile_img{
     width: 35%;
     float: right;
   }
   .social_share{
     padding-left: 0px;
     padding-right: 8px;
   }
   .input_copy{
     padding-top: 5px;
   }
   .copy_ref {
    border-radius: 2px;
    height: 42px !important;
    color: black;
    outline: none;
    border: 1px solid #ededed;
    font-size: 14px;
    width: 60%;
    padding-left: 5px !important;
    padding-bottom: 8px;
  }
  .copy_clip {
    padding:0px 22px;
    vertical-align: bottom;
    height: 42px;
  }
  .a_more{
   font-size: 12px;
 }
 .socil_mob{
   width: 15px;
 }
 .default.mob_top {
  margin-top: -16px !important;
}
.loylty_head{
 font-size: 28px;
 line-height: 26px;
 padding-top: 65px;
}
.alt1_txt{
  font-size: 14px;
}
.alt_txt{
  padding-bottom: 30px;
  padding-top: 20px;
}
.overlay{
  height: 98.7%;
  background-color: rgba(0,0,0,0.05);
}
.tab_1{
  margin: 0px auto;
  width: 280px;
  height: 225px;
}
.referral_main{

  padding-bottom: 50px;
}
.col_1_pad{
  padding-right: 0px;
  padding-left: 0px;
}
.badge_1{
  padding: 5px 15px;
}
.image_content_reward {

  left: 10%;
  bottom: 12%;
}
.row_01 {
  padding: 0px 5%;
}
.tab_pad1 {
  padding: 5px;
}
.tab_pad {
  width: 100%;
  height: 290px;

}
.tab_01 {
  color: white;
  background: #D7B657;
  padding: 28px 55px 40px 40px;
  position: relative;
}
.refer_h4 {
  font-size: 26px;
  line-height: 28px;
  font-family: proximaNovaBold;
  color: white;
}
.refer_div {
  font-size: 14px;
  padding: 10px 0px 8px 0px;
}
.refer_div2 {
  font-size: 14px;
}
.arrow_Mobile{
  transform: rotate(90deg);
  display: inline-block;
}
.refer_blk{
  /*padding: 20px 45px 15px 45px !important;*/
  font-family: proximaNovaSemiBold !important;
}
.tab_02{
  height: auto !important;
}
.ref_input{
  width: 62% !important;
  border: 1px solid;
  height: 42px !important;
}

.loyal_h3 {
  font-size: 28px !important;
  line-height: 26px !important;
  padding: 20px 10px !important;
}
#How_carousel01{
  padding: 0px 0%;
}
.vipBox{
  width: 285px;
  height: 355px;
}
.loyalty_vip{
  padding-top: 40px !important;
}
.referalTnc{
  padding: 0px 10px 10px 10px;
}
.refer_h5{
  font-size: 18px !important;
}
.mobile_Earn{
  margin-top: 30px;
}
.How_works{
  padding-top: 0px;
}

          /*.img-blk{
            background-image: url('https://cdn.shopify.com/s/files/1/1865/1011/files/Mobilebanner.jpg?1449903600970485506');
            background-position: -270px 0px !important;
            position: relative;
            height: 300px;

            }*/
          }
          /* Portrait and Landscape */
          @media only screen
          and (min-device-width: 375px)
          and (max-device-width: 667px)
          and (-webkit-min-device-pixel-ratio: 2) {
            .refbg_txt{
              width: 75% !important;
            }
          }
          /* Portrait iphone*/
          @media only screen
          and (min-device-width: 414px)
          and (max-device-width: 736px)
          and (-webkit-min-device-pixel-ratio: 3)
          and (orientation: portrait) {
            .refbg_txt{
              top: 18% !important;
            }
            .copy_ref{
              height: 50px !important;
            }
            .copy_clip{
              height: 50px !important;
            }
          }

          /*end moble css*/

          /*ipad portrait and land scape mode*/
          @media only screen
          and (min-device-width: 768px)
          and (max-device-width: 1024px)
          and (-webkit-min-device-pixel-ratio: 1) {
           .refbg_txt{
            top: 10%;
            line-height: 32px;
            width: 55%;
          }
          .Banner_txt{
            font-size: 26px;
          }

          .input_copy{
            padding-top: 5px;

          }
          .alt_txt {
            padding-bottom: 15px;
            padding-top: 10px;
          }
          .refer_div2{
            font-size: 14px;
            line-height: 18px;
          }
          .alt1_txt{
            line-height: 18px;
            width: 270px;
          }
          #log_in_btn{
            padding: 15px;
          }
          #sign_in_btn{
            padding: 15px;
          }
          .rewards_logo {
            position: absolute;
            bottom: 12%;
            right: 7%;
          }
          .copy_ref{
            width: 42%;
            height: 42px !important;
            border-radius: 2px;
            padding-left: 5px !important;
            padding-bottom: 8px;
          }
          .copy_clip{
            vertical-align: bottom;
            border-radius: 2px;
          }
          .refPrg_div{
            height: 40px;
            line-height: 16px;
            padding: 10px 0px;
          }
          .tab_1{
            height: 215px;
            width: 215px;
          }
          .Program_table{
            padding: 0px 5%;
          }
          .create_logo {
            height: 40px;
          }
          .titleTxt_1{
            font-size: 15px;
            padding: 20px 0px 0px 0px;
          }
          .row_01 {
            padding: 0px 1%;
          }
          .tab_pad1 {
            padding: 10px;
          }
          .tab_pad {
            width: 250px;
            height: 310px;
          }
          .tab_01 {
            color: white;
            background: #D7B657;
            padding: 60px 45px;
            position: relative;
          }
          .refer_h4 {
            font-size: 18px;
            line-height: 21px;
            font-family: proximaNovaBold;
            color: white;
          }
          .arrow_abst {
            position: absolute;
            top: 70px;
            right: 10px;
          }
          .tab_02 {
            padding: 15px;
          }
          .refer_h5 {
            font-size: 16px;
            font-family: proximaNovaBold;
            min-height: 42px;
          }
          .arrow_abst img{
            width: 70% !important;
          }
          .overlay {
            width: 100%;
            height: 96.7%
          }
          .ipad_none{
            display: none;
          }
          .ref_p{
            min-height: 70px;
          }
          #How_carousel01{
            padding: 0 2%;
            margin: 0 auto;
          }
          .vipBox{
            width: 235px;
            height: 345px;
          }

          .block_title{

            font-size: 16px;
          }
          .block_txt{
            font-family: proximaNovaRegular;
            font-size: 14px;
            min-height: 62px;
          }

          .vipBox ul li{
            font-size: 14px;

          }
          .vipBox ul{
            padding-left: 15px !important;
          }
          .refer_div {
            font-size: 16px;
            font-family: proximaNovaLight;
            color: white;
            padding: 10px 0px 10px 0px;
          }
          .refer_blk{
            padding: 15px 8px !important;
          }
          .faq_blk {
            line-height: 32px;
          }
          .ref_input {
            width: 56% !important;
          }
          .image_content_reward {
            position: absolute;
            left: 5%;
            bottom: 7%;
          }
        }
        /* Landscape */
        @media only screen
        and (min-device-width: 768px)
        and (max-device-width: 1024px)
        and (orientation: landscape)
        and (-webkit-min-device-pixel-ratio: 1) {
          .Program_table{
            padding: 0px 12% !important;
          }
          .row_01 {
            padding: 0px 10% !important;
          }
          .overlay {
            width: 100%;
            height: 97.7%;
          }
          #How_carousel01{
            padding: 0 10%;
            margin: 0 auto;
          }

        }

        /*end ipad css*/

        /* Extra large devices (large laptops and desktops, 1200px and up) */
        @media only screen and (min-width: 1400px) {
          .max_desk{
            max-width: 1200px;
            margin: 0 auto;
          }
          .refbg_txt {
            position: absolute;
            top: 25%;
            left: 18%;
            color: #FFF;
            line-height: 40px;
            width: 50%;
          }
          .rewards_logo {
            position: absolute;
            bottom: 26%;
            right: 20%;
          }
          .Program_table {
            text-align: -webkit-center;
            padding: 0px 10%;
          }
          .row_01 {
            padding: 0px 18%;
          }
          #How_carousel01 {
            padding: 0 28%;
            margin: 0 auto;
          }
          .content_height{
            height: 558px;
          }
        }
        /*end referral page css..*/

        /* Diwali page css..*/

        /* normal css */
        .Diwali_main{
          //padding-top: 100px;

        }
        .diwali-header{
          font-family: TeaboxStencilMedium;
          font-size: 25px;
          text-align: center;
          line-height: 1.2;
        }
        .diwali-content p{
          font-size: 16px;
          line-height: 22px;
          font-family: proximaNovaRegular;
          text-align: center;
          padding:15px 30px;
        }
        .pdt-descp p{
          font-size: 16px;
          line-height: 22px;
          font-family: proximaNovaRegular;
          text-align: center;
          padding: 0px 20px;
          margin-top: 10px;
        }
        .Diwali-Down-Arrow{
          text-align: center;

        }
        .arrow_header{
          cursor: pointer;
        }
        .first_level_Arrow{
          max-width: 50px !important;
          height: 55px !important;
          vertical-align: middle !important;
          zoom: 0.6 !important;
          transform: rotateZ(270deg);
        }
        .Diwali_pdtRow{
          position: relative;
          margin: 0px 20px;
        }
        .Diwali-pdt1{
          margin-top: 30px;
        }
        .Diwali-pdt2,.Diwali-pdt3,.Diwali-pdt4,.Diwali-Blends{
          clear: both;
          padding-top: 50px;
        }
        .Diwali-cnt{
          clear: both;
          padding-top: 35px;
          padding-bottom: 40px;
        }
        .Diwali-Blends{
          padding-top: 60px !important;
        }

        .img-corner{
          position: relative;
        }
        .pdt-ttle{
          text-align: center;
          padding-top: 28px;
        }
        .pdt1-content{
          box-shadow: 0 3px 16px 0 rgba(0,0,0,0.11);
          margin: 25px 0px;
        }
        .pdt-hr{
          width: 35px;
          border:1px solid #ededed;
          display: inline-block;
          text-align: center;
        }
        .hr-block{
          text-align: center;
        }
        .IN_side{
          text-align: center;

        }
        .IN_side h3{
          font-size: 16px;
          padding: 12px 5px 5px 0px;
          font-family: proximaNovaSemiBold;
        }
        .pdt1-content{
          //height: 400px;
        }
        .cnt-part{
          display: flex;
          align-items: center;
        }
        .pdt1-content p{
          font-size: 16px;
          line-height: 22px;
          font-family: proximaNovaRegular;
          text-align: center;
          padding-left: 60px;
          padding-right: 60px;
        }
        .Diw-Des-pad{
          padding: 0px 10px 0px 10px;
        }
        .pdt1-price {
          text-align: center;
          padding: 9px 0px;
        }
        .pdt1-price span{
          font-size: 20px;
          font-family: proximaNovaBold;

        }
        .hr_line{
          border-top:1px solid #ededed;
        }
        .pdt-last{
          padding: 20px 0px 48px 0px;
          text-align: center;
        }
        .Gift_col{
          border-right: 1px solid #ededed;
        }
        .content_height {
          height: 448px;
          padding-left: 0px !important;
          padding-right: 0px !important;
        }
        .Btn_Cart{
         background-color: #fff;
         border: 1px solid #fff;
       }
       .tooltip {
        position: relative;
        display: inline-block;
      }

      .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 3px 0;
        position: absolute; 
        z-index: 1;
        top: -135%;
        left: 50%;
        margin-left: -60px;
      }

      .tooltip:hover .tooltiptext {
        visibility: visible;
      }
      .Add-To-Cart{
        font-family: proximaNovaBold;
        font-size: 18px; 
      }
      .Divali_heading{
        font-size: 28px;
        line-height: 1.1;
        font-family: proximaNovaBold;
        text-align: center; 
        margin-right: 7%;

      }
      @media(max-width: 767px){
        .Divali_heading{
          font-size: 24px; 
        }
      }
      .image-Banner {
        /* padding: 99px 0px; */
      padding-top: 94px; 
/*         padding-bottom: 15px; */
      }
      .tooltiptext button{
        background: black !important;
        border:1px solid black !important;
      }
      #owl_rel{
        position: relative !important;
      }
      .gift_icon{
        cursor: pointer;

      }
      .gift_icon img{
        vertical-align: text-bottom;
      }
      .gift_icon:hover{
        padding: 10px 10px 10px 10px;
        border-radius: 35px;

        background: #ededed;
      }
      .Add_col button{
        font-size: 18px !important;
        text-transform: uppercase !important;
        font-family: proximaNovaBold !important;
      }
      .diwali-disc{
        padding: 10px 10px 0px 10px !important;
        vertical-align: baseline !important;
      }



      /*end normal css*/
      @media screen and (max-width: 1000px){

      }
      /*mobile css*/
      @media only screen and (max-width: 480px){
        .pdt1-content p{
          padding-left: 30px;
          padding-right: 30px;
        }
        .image-Banner{
          padding: 0px 0px;
          padding-bottom: 10px;
        }
        .Diwali_pdtRow{
          padding: 0px 0px !important;
          margin: 0px 0px !important;
        }
        .Diwali_main .slick-dots {
          bottom: 15px !important;
        }

        .Diwali-pdt2,.Diwali-pdt3,.Diwali-pdt4,.Diwali-Blends{
          clear: both;
          padding-top: 35px;
        }
        .Diwali-Blends{
          clear: both;
          padding-top: 55px !important;
        }
        .Diwali-Blends{
          padding-bottom: 35px;
        }
        .diwali-content p{
          padding: 15px 25px;
        }

        .pdt1-content{
          height: auto;
          margin: 0px 15px;
          margin-top:-20px;
          background: white;
        }
        .cnt-part{
          height: auto !important;
        }
        .img-corner{
          height: 310px;
        }

      }
      /*android css*/

      /* Galaxy S5 portrait */
      @media screen
      and (device-width: 360px)
      and (device-height: 640px)
      and (-webkit-device-pixel-ratio: 3)
      and (orientation: portrait) {
        .img-corner{
          height: 345px !important;
        }
      }
      /*iphone..*/
      @media only screen
      and (min-device-width: 414px)
      and (max-device-width: 736px)
      and (-webkit-min-device-pixel-ratio: 3)
      and (orientation: portrait) {
        .img-corner{
          height: 345px !important;
        }
      }
      /* Samsung Galaxy S5 Portrait */
      @media screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3){
        .img-corner{
          height: 310px !important;
        }
        
      }
      /* ----------- Galaxy S4, S5 and Note 3 ----------- */

      /* Portrait and Landscape */
      @media screen
      and (device-width: 320px)
      and (device-height: 640px)
      and (-webkit-device-pixel-ratio: 3) {
        .img-corner{
          height: 345px !important;
        }
        .Diwali_main .slick-dots {
          bottom: 15px !important;
        }
      }



      /*end mobile css*/
      /*ipad css*/
      /*ipad portrait and land scape mode*/
      @media only screen
      and (min-device-width: 768px)
      and (max-device-width: 1024px)
      and (-webkit-min-device-pixel-ratio: 1) {
        .content_height{
          height: 310px;
        }
        .pdt1-content{
          height: auto;
          margin: 0px 0px;
        }
        .pdt-ttle{
          padding-top: 15px;
        }
        .diwali-header{
          font-size: 28px;
          margin-top: 8px;
        }
        .pdt1-content p{
          padding-left: 35px;
          padding-right: 35px;
        }
        .IN_side{
          display: none;
        }
        .Diw-Des-pad{
          display: none;
        }
        .hr-block{
          display: none;
        }
        .pdt1-price {
          text-align: center;
          padding: 16px 0px;
        }
        .pdt-last{
          padding: 15px 0px 35px 0px;
        }
        .Diwali_main .slick-dots {
          bottom: 15px !important;
        }
      }
      /* Landscape */
      @media only screen
      and (min-device-width: 768px)
      and (max-device-width: 1024px)
      and (orientation: landscape)
      and (-webkit-min-device-pixel-ratio: 1) {
       .Diwali_main .slick-dots {
        bottom: 16px !important;
      }
      
    }
    /* end Landscape */
    /*end ipad css*/
    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {
      .Diwali_main{
        max-width: 1050px;
        margin: auto;
      }
      .Diwali_main .slick-dots {
        bottom: 16px !important;
      }
      .content_height {
        height: 448px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
      }
      .Diwali_pdtRow{
        position: relative;
        margin: 0px 0px;
      }
    }
    
    #owl_rel{
      position: relative !important;
      right: 6% !important;
    }
    /* End Diwali page css..*/
    #diwali_page .container-fluid {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .Diwali_main .slick-dots>li button {
      padding: 0;
      background: #fff;
      border-radius: 36px !important;
      border: 1px solid #fff;
      display: inline-block;
      height: 6px !important;
      overflow: hidden;
      text-indent: -999em;
      width: 6px !important;
      position: relative;
      z-index: 99;
    }
    
    .Diwali-pdt1 .slick-dots {
      bottom: 15px !important;
    }
    .Diwali_main .slick-dots {
      bottom: 15px !important;
    }
  }

  @media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .content_height{
      height: 410 !important;
    }