@font-face {
	font-family: 'Conv_Metropolis-Regular';
	src: url('Metropolis-Regular.eot');
	src: local('☺'), url('Metropolis-Regular.woff') format('woff'), url('Metropolis-Regular.ttf') format('truetype'), url('Metropolis-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Metropolis-Light';
	src: url('Metropolis-Light.eot');
	src: local('☺'), url('Metropolis-Light.woff') format('woff'), url('Metropolis-Light.ttf') format('truetype'), url('Metropolis-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/** Generated by FG **/

@font-face {
	font-family: 'Conv_Metropolis-Bold';
	src: url('Metropolis-Bold.eot');
	src: local('☺'), url('Metropolis-Bold.woff') format('woff'), url('Metropolis-Bold.ttf') format('truetype'), url('Metropolis-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



:root {
	--black: #25292b;
	--fade-black: #e09f3e;
	--green: #044141;
	--white: #fff;
	--color-yellow: #e09f3e;
	--color-heading-text: #3a3a3a;
	--color-text: #000000;
	--color-light-orange: #f8e5c7;
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box
}

html,
body {
	font-size: 20px;
}

body {
	-webkit-text-size-adjust: none;
	position: relative;
	width: 100%;
	overflow-x: hidden;
	font-family: 'Conv_Metropolis-Light';
}

figure,
ul {
	margin: 0
}

ul {
	padding: 0;
	margin: 0;
	list-style: none
}

img {
	max-width: 100%;
	vertical-align: top
}

img.full-img {
	width: 100%
}

iframe,
video {
	max-width: 100%
}

button {
	font-family: 'Conv_Metropolis-Light';
	background-color: transparent;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	text-align: center
}

input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

button {
	cursor: pointer;
	-webkit-appearance: none
}

button,
input,
select,
textarea {
	font-family: 'Conv_Metropolis-Light';
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
	font-family: 'Conv_Metropolis-Bold';
	line-height: 1.2;
	margin: 0 0 .5rem;
	font-weight: 400
}

.h1,
h1 {
	font-size: 4rem;
	font-size: 52px;
}

.h2,
h2 {
	font-size: 39px;
}

.h3,
h3 {
	font-size: 22px;
}

.h4,
h4 {
	font-size: 22px;
}

.h5,
h5 {
	font-size: 22px;
}

.h6,
h6 {
	font-size: 1rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
	font-family: 'Conv_Metropolis-Light';
}

p:last-of-type {
	margin-bottom: 0
}

a {
	text-decoration: none;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

a:hover {
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

.section {
	padding: 2.5rem 0
}

.flex {
	display: flex;
	flex-wrap: wrap
}

.text-center {
	text-align: center;
}

.flex.nowrap {
	flex-wrap: nowrap
}

.flex.column {
	flex-flow: column wrap
}

.flex.space-between {
	justify-content: space-between
}

.flex.space-center {
	justify-content: center
}

.flex.space-around {
	justify-content: space-around
}

.flex.space-evenly {
	justify-content: space-evenly;
}

.flex.space-end {
	justify-content: flex-end
}

.flex.align-center {
	align-items: center
}

.flex.align-stretch {
	align-items: stretch !important
}

.flex.align-start {
	align-items: flex-start
}

.flex.align-end {
	align-items: flex-end
}

.text-white {
	color: var(--white)
}

.overflow-hidden {
	overflow: hidden
}

.btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-family: 'Conv_Metropolis-Light';
	font-size: .8rem;
	line-height: 1.5;
	letter-spacing: 1.35px;
	padding: .9rem 1.8rem;
	border: 0px;
	border-radius: 0;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

.btn:hover {
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

.btn .icon {
	margin-left: 10px
}

.btn-rounded {
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem
}

.btn.btn-black {
	background: var(--black);
	color: var(--white)
}

.btn.btn-black:hover {
	background: var(--color-btn-primary-focus);
	color: var(--white)
}

.btn.btn-white {
	background: var(--white);
	color: var(--black)
}

.btn.btn-white:hover {
	background: var(--black);
	color: var(--white)
}

.btn.btn-outline-black {
	background: transparent;
	border: 1px solid var(--black);
	color: var(--black)
}

.btn.btn-outline-black:hover {
	background: var(--black);
	color: var(--white)
}

.btn.btn-outline-white {
	background: transparent;
	border: 1px solid var(--white);
	color: var(--white)
}

.btn.btn-outline-white:hover {
	background: var(--white);
	color: var(--black)
}

.btn--small,
.btn-sm {
	padding: .25rem 1em;
	line-height: 1.4;
	font-size: .8rem
}

.container {
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px;
}

.container-xl {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	padding: 0 46px;
}

.container-lg {
	max-width: 1817px;
	width: 100%;
	margin: 0 auto;
	padding: 0 25px;
}

.container-sm {
	max-width: 1220px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}

.container-full {
	width: 100%;
	margin: 0 auto;
	padding: 0 60px;
}

@media (min-width:750px) {
	body .main-content {
		padding-top: 0 !important
	}
}


/* start page css */

.main-content {
	padding-top: 0 !important
}


/* header css...start */

.notification-bar {
	position: relative;
	background: var(--green);
	padding: 1rem 0;
}

.notification-bar .text-center {
	line-height: 1;
	color: #fff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	/*font-weight: 700;*/
	letter-spacing: 0.18px;
	text-transform: uppercase;
}

.notification-bar .close {
	position: absolute;
	margin: 0;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	display: none
}

.notification-bar .close:hover {
	transform: scale(1.1) translateY(-50%);
	transform-origin: center
}

.header-wrapper .header-content {
	flex-wrap: nowrap;
}

.header-wrapper {
	padding: 26px 0 45px;
}

.header-wrapper .header-content .logo-img {
	max-width: 380px;
}

.header-wrapper .header-content .logo-img img {
	width: 100%;
}

.header-wrapper .header-content nav ul li a {
	text-decoration: none;
	font-size: 0.9rem;
	color: var(--black);
	font-family: 'Conv_Metropolis-Bold';
	font-weight: 700px;
	text-transform: uppercase;
	margin-right: 45px;
	letter-spacing: 0.18px;
	line-height: 15.6px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all .3s cubic-bezier(0, 0, .23, 1);
	background-image: linear-gradient(to right, #e09f3e, #e09f3e 50%, #25292b 50%);
	background-size: 200% 100%;
	background-position: 100%;
}

.header-wrapper .header-content nav ul li a:hover {
	transition: all .5s cubic-bezier(0, 0, .23, 1);
	background-position: 0;
}

.header-wrapper .header-content .cart-icon-wrap li:hover svg g path {
	fill: #6d6d6d;
	transition: 0.5s ease;
}

.header-wrapper .header-content .cart-icon-wrap li:not(:first-child) a {
	margin-right: 20px;
}

.header-wrapper .header-content .cart-icon-wrap li:nth-child(2):hover svg path {
	fill: var(--color-yellow);
}

.header-wrapper .header-content .cart-icon-wrap li:nth-child(1):hover svg path {
	stroke: var(--color-yellow);
	fill: #fff;
}

.header-wrapper .header-content .cart-icon-wrap li:nth-child(3):hover svg g path {
	fill: var(--color-yellow);
}

.header-wrapper .header-content .cart-icon-wrap li:first-child {
	margin-right: 60px;
}

.search {
	width: 238px;
	position: relative;
	display: flex;
	border-bottom: 2px solid #04413f;
	display: flex;
	align-items: center;
}

.searchTerm {
	width: 100%;
	border-right: none;
	padding: 5px;
	height: 20px;
	outline: none;
	color: #6d6d6d;
	border: 0;
	font-family: 'Conv_Metropolis-Regular';
	font-size: 20px;
	font-weight: 700;
	outline: 0
}

.searchTerm:focus {
	color: var(--color-yellow);
}

.searchButton {
	width: 40px;
	height: 36px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
}
.sticky_nav--stick  .icon-user:before, .sticky_nav--stick  .icon-cart:before {
font-size: 23px;
}
      .header .search__results {
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
      .search__results .search-title span  {
      
    color: #e09f3d;
      }
      .search__results li a, .search__results li .no-results {
	font-family: 'Conv_Metropolis-Light';
    font-size: 16px;
    font-weight: 300;';
}
 .search__results li a {
	padding: 10px 6px 10px 6px;
}
.search__results .search-title {
	text-transform: none;
    text-align: left;
    font-size: 14px;
    width: 70%;
    margin-left: auto;
    font-family: 'Conv_Metropolis-Medium';
    font-weight: 500;
}
.search__results li a {
	padding: 5px 0 5px 6px;
}
      .search-template .one-whole.column h1 {

font-size: 48px;
    line-height: 49px;
    letter-spacing: 0.01em;
    text-align: center;
        margin-bottom: 10px;
}
    .search_page   .search__container .search__wrapper {
    max-width: 668px;
    width: 400px;
}
.search_page   .search__container input[type='text'] , .search {
	width: 400px;
}
.search_page   .search__container input[type='text'] {
	font-size: 14px;
    font-weight: 500;
 	font-family: 'Conv_Metropolis-Medium';
}
.search_page {
	padding: 60px 0;
}
.search_page .icon-search:before {
	color: #fff;
}
     .search_page  .search__button {
    background-color: #044141;
}
.search-template .paginate .page a{
  border: solid 1px #cccccc;
  margin: 10px 5px;
  padding: 2px 14px;
  display: inline-block;
  width:35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;  
font-size: 14px;
    font-weight: 500;
 	font-family: 'Conv_Metropolis-Medium';
  
}
.search-template .paginate  {
  display: flex;
  align-items: center;
}
.search-template .paginate .current {
    padding: 2px 14px;
font-size: 14px;
    font-weight: 500;
 	font-family: 'Conv_Metropolis-Medium';
  background: #044141;
  border-color: #044141;
}
 .search-template  .paginate .next {
	font-size: 14px;
    font-weight: 500;
 	font-family: 'Conv_Metropolis-Medium';
}
.search-template .paginate .page a:hover {
	background-color:  #044141;
    border: solid 1px  #044141;
}
.search-template  .paginate .next a:hover {
	color: #044141;
}
.search-template section.section {
	width: 100%;
}

      @media(max-width: 1600px){
        .sticky_nav--stick .search-container {
		margin-right: 0;
	}
        .sticky_nav--stick .icon-user:before {
		margin-left: 2px;
	}
}


/* ..header css end... */


/*banner section css start...*/

.banner {
	background-color: none;
}

.banner-section .banner-wrapper {
	background-color: var(--color-light-orange);
	width: 100%;
	height: 424px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.banner-section .banner-wrapper .banner-content-box {
	text-align: center;
}

.banner-section .banner-wrapper .banner-content-box h1 {
	color: #3a3a3a;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: 0.8px;
	line-height: 60px;
}

.banner-section .banner-wrapper .banner-content-box p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
}


/*banner section css end...*/


/*faq-coffee-section*/

.faq-coffee-section {
	padding: 80px 0 0 ;
}

.faq-coffee-section .faq-coffee-wrapper {
	padding: 0 50px;
	margin-bottom: 96px;
}

.faq-coffee-section .faq-coffee-wrapper h2 {
	font-family: 'Conv_Metropolis-Light';
	color: var(--color-heading-text);
	font-weight: 300;
	letter-spacing: 0.6px;
	line-height: 1;
	text-align: center;
	margin-bottom: 40px;
	font-size: 39px;
	letter-spacing: 0.01em;
}

.faq-coffee-section .faq-coffee-wrapper p {
	color: var(--black);
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.5;
	text-align: center;
}


/*accordion*/

.faq-accordion-wrp .faq {
	border-bottom: 2px solid #dbdbdb;
	;
	padding: 24px 0;
}

.faq-accordion-wrp .faq:first-child {
	border-top: 2px solid #dbdbdb;
	;
}

.sub--heading.question {
	position: relative;
	cursor: pointer;
	margin: 0;
}

.faq-accordion-wrp {
	margin-bottom: 132px;
}

.faq-accordion-wrp .answer li {
	list-style-image: url(cyan_dot2.svg);
}

.faq-accordion-wrp .faq h4.sub--heading {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.2;
	text-transform: uppercase;
	position: relative;
  	padding-right: 23%;
}

.acc-heading-title {
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.6px;
	color: var(--color-heading-text);
	margin-bottom: 77px;
	font-family: 'Conv_Metropolis-Light';
	font-weight: 300;
	text-align: center;
}

.answer {
	display: none;
	margin-top: 30px;
}

.answer li,
.answer p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.5;
}

.answer li a,
.answer p a {
	text-decoration: underline;
	color: #25292b;
	transition: 0.5s ease;
}
.answer li a span,
.answer p a span {
	color: #25292b;
}

.question:after {
	position: absolute;
	content: "\f067";
	font-family: "FontAwesome";
	right: 0;
	color: #25292b;
	font-weight: 700;
	font-size: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.answer li a:hover,
.answer p a:hover {
/* 	color: var(--color-yellow); */
}

.faq.active .question:after {
	content: "\f068";
}

.rebuy-checkbox:checked, input[type="checkbox"].rebuy-checkbox:checked {
    background: #044141!important;
    border-color: #044141!important;
}
      .rebuy-checkbox:focus, input[type="checkbox"].rebuy-checkbox:focus {
    border: solid 2px  #044141!important;
}
      .rebuy-checkbox:focus, input[type="checkbox"].rebuy-checkbox {
border-color:  #044141!important;
} 
.rebuy-widget .rebuy-checkbox-label .checkbox-input {
	border-radius:0;
}
/*footer css start.....*/

.footer-section {
	background: var(--green);
	position: relative;
	padding: 65px 0 50px;
}

.footer-content {
	position: relative;
	z-index: 2;
	width: 100%;
}

.footer-pattern img {
	position: absolute;
	top: 0;
	left: 0;
	height: 330px;
	background-size: cover;
	background-position: 100% 100%;
}

.footer-logo {
	margin-bottom: 30px;
}

.footer-logo img {
	max-width: 200px;
}

.footer-text p {
	margin-bottom: 14px;
	font-size: 14px;
	color: #7e7e7e;
	line-height: 28px;
}

.footer-social-icon span {
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 20px;
}

.footer-social-icon a {
	color: #fff;
	font-size: 30px;
	margin-right: 25px;
	transition: 0.5s ease;
}

.footer-social-icon a:hover i {
	color: var(--color-yellow);
}

.footer-social-icon i {
	;
	text-align: center;
	line-height: 38px;
	border-radius: 50%;
	transition: 0.5s ease;
}

.footer-widget-heading h3 {
	color: #fefefe;
	font-family: 'Conv_Metropolis-Light';
	font-weight: 300;
	margin-bottom: 20px;
	position: relative;
	font-size: 22px;
}

.footer-widget ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer-widget ul li {
	display: inline-block;
	width: 50%;
	margin-bottom: 12px;
}

.footer-widget ul li a {
	color: #fff;
	font-family: 'Conv_Metropolis-SemiBold';
	font-weight: 500;
	text-transform: capitalize;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all .3s cubic-bezier(0, 0, .23, 1);
	background-image: linear-gradient(to right, #e09f3e, #e09f3e 50%, #fff 50%);
	background-size: 200% 100%;
	background-position: 100%;
}

.footer-widget ul li a:hover {
	transition: all .5s cubic-bezier(0, 0, .23, 1);
	background-position: 0;
	padding-left: 0px;
}

.subscribe-form {
	position: relative;
	overflow: hidden;
}

.subscribe-form input {
	width: calc(100% - 195px);
	padding: 14px 28px;
	background: transparent;
	height: 61px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.44px;
	font-family: 'Conv_Metropolis-SemiBold';
	outline: 0;
}

.subscribe-form input::placeholder {
	color: #fff;
}

.subscribe-form input::-webkit-input-placeholder {
	/* Edge */
	color: #fff;
}

.subscribe-form input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
}

.subscribe-form form {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}

.subscribe-form button {
	background: #fff;
	padding: 13px 20px;
	border: 1px solid #fff;
	top: 0;
	width: 195px;
	height: 61px;
	color: #211f21;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.subscribe-form button i {
	color: #fff;
	font-size: 22px;
	transform: rotate(-6deg);
}

.copyright-area {
	background: #202020;
	padding: 25px 0;
}

.copyright-text p {
	margin: 0;
	font-size: 14px;
	color: #878787;
}

.copyright-text p a {
	color: #ff5e14;
}

.footer-menu li {
	display: inline-block;
	margin-left: 20px;
}

.footer-menu li:hover a {
	color: #ff5e14;
}

.footer-menu li a {
	font-size: 14px;
	color: #878787;
}

.footer-section .row {
	justify-content: space-between;
}

.footer-section .custom-col-4 {
	width: 30%;
}

.footer-section .custom-col-4:last-child {
	width: 37%;
}

.footer-section .custom-col-4:nth-child(2) ul {
	display: block;
}

.secondary-btn {
	position: relative;
	/*transform: translate(-50%, -50%);*/
	/*-webkit-transform: translate(-50%, -50%);*/
	z-index: 0;
	background: #9A8A62;
}

.secondary-btn:before {
	content: '';
	top: 0;
	left: 0;
	right: auto;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.secondary-btn:after {
	content: '';
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	bottom: 0;
	right: 0;
}

.secondary-btn:hover:after {
	width: 100%;
	left: 0;
	right: auto;
}

.secondary-btn:after,
.secondary-btn:before {
	content: '';
	background: var(--color-yellow);
	height: 50%;
	width: 0;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.secondary-btn:hover:before {
	width: 100%;
	right: 0;
	left: auto;
}

.secondary-btn:hover span {
	color: #fff;
}

.secondary-btn span {
	transition: color 0.3s ease;
	position: relative;
	z-index: 1;
}


/*footer css start.....ends*/


/*factory-store-page css...starts.*/

.custom-col-6 {
	width: 50%;
}

.factory-store-section .factory-store-wrapper .right-content-box {
	padding: 0 38px 130px 70px;
}

.factory-store-section .factory-store-wrapper .right-content-box h2 {
	font-family: 'Conv_Metropolis-Light';
	color: #25292b;
	margin-top: 58px;
	margin-bottom: 35px;
	font-size: 39px;
	letter-spacing: 0.01em;
}

.factory-store-section.location-section .factory-store-wrapper .right-content-box h2 {
	margin-top: 30px;
	font-size: 39px;
	letter-spacing: 0.01em;
}

.factory-store-section .factory-store-wrapper .right-content-box p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0.48px;
	line-height: 1.5;
	margin-bottom: 30px;
}

.factory-store-section .factory-store-wrapper .right-content-box .achievments-list {
	display: flex;
	margin-bottom: 60px;
	align-items: flex-start;
}

.factory-store-section .factory-store-wrapper .right-content-box .achievments-list>div .img {
	margin-bottom: 40px;
	height: 90px;
	max-width: 130px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.factory-store-section .factory-store-wrapper .right-content-box .achievments-list>div {
	padding: 0 20px;
}

.factory-store-section .factory-store-wrapper .right-content-box .achievments-list>div p {
	color: #000000;
	font-family: 'Conv_Metropolis-medium';
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 1.28px;
	line-height: 18px;
	text-align: center;
	margin-bottom: 0;
}

.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap h6 {
	color: #959595;
	font-family: 'Conv_Metropolis-medium';
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 1.6px;
	line-height: 1.4;
	margin-bottom: 15px;
}

.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap .box {
	width: 318px;
}

.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap .custom-col-6:last-child .box  p {
	text-transform:uppercase;
}
.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap .custom-col-6:nth-of-type(3) p {
	line-height: 1.5;
}

.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap p,
.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap a,
.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap ul li {
	color: #000000;
	font-family: 'Conv_Metropolis-medium';
	font-size: 20px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 1.76px;
	line-height: 26px;
	text-align: left;
}

.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap ul li {
	line-height: 24px;
}

.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap ul li {
	margin-bottom: 12px;
}

.location-section .factory-store-wrapper .right-content-box .our-detail-wrap ul li {}

.custom-col-4 {
	width: 33%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}


/*order-goodness-section  ..start*/

.order-goodness-section .row {
	margin-top: 70px;
	text-align: center;
	justify-content: center;
	padding-bottom: 100px;
}

.order-goodness-section .order-goodness-wrapper {
	width: 100%;
}

.order-goodness-section .order-goodness-wrapper h2 {
	font-family: 'Conv_Metropolis-Light';
	color: #25292b;
	margin-top: 110px;
	margin-bottom: 25px;
	text-align: center;
	line-height: 1;
	font-size: 39px;
	letter-spacing: 0.01em;
}

.order-goodness-section .order-goodness-wrapper h5 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.02em;
	line-height: 1.15;
	text-align: center;
	text-transform: uppercase;
}

.order-goodness-section .order-goodness-wrapper p {
	text-align: center;
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 1.4;
}

.order-goodness-section .order-goodness-wrapper .row .box {
	max-width: 400px;
}

.order-goodness-section .order-goodness-wrapper .row .box img {
	margin-bottom: 45px;
}


/*order-goodness-section  ..end*/


/*factory-store-page css....end*/


/*location page css starts*/


/*earn-reward-section css...*/

.earn-reward-section {
	margin-bottom: 100px;
}

.earn-reward-section .earn-reward-wrapper {
	background-color: #f9fcf8;
	height: 320px;
	padding-left: 30px;
	padding-top: 80px;
	width: 100%;
}
      .collection .earn-reward-section .earn-reward-wrapper {
	height: auto;
}

.earn-reward-section h2,
.about-crafted-section h2 {
	font-size: 39px;
	letter-spacing: 0.01em;
	line-height: 1;
	margin-bottom: 30px;
	font-family: 'Conv_Metropolis-Light';
	font-weight: 300;
	text-align: center;
}

.earn-reward-section p,
.about-crafted-section p {
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.5;
	text-align: center;
	s font-family: 'Conv_Metropolis-Light';
}

.earn-reward-section.redeem-section .earn-reward-wrapper.redeem-wrapper {
	background-color: #fffef7;
	padding-left: 139px;
	padding-right: 139px;
	height: auto;
}

.earn-reward-section.redeem-section .earn-reward-wrapper.redeem-wrapper h2 {
	margin-bottom: 60px;
}

.earn-reward-section.redeem-section {
	margin-bottom: 20px;
}

.earn-reward-section.redeem-section .redeem-inner-wrap {
	padding-bottom: 40px;
}

.redeem-inner-wrap .redeem-box {
	width: 100%;
	padding: 34px 20px;
	height: 144px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: var(--color-light-orange)
}

.redeem-inner-wrap .redeem-box h6 {
	color: var(--black);
	font-family: 'Conv_Metropolis-Bold';
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	text-align: left;
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 0px;
	padding-bottom: 4px;
}

.redeem-inner-wrap.row {
	margin: 0 -30px;
}

.redeem-inner-wrap .custom-col-4 {
	width: 33.33%;
	padding: 0 15px;
}

.redeem-inner-wrap .redeem-box {
	margin-bottom: 30px;
}

.redeem-inner-wrap .redeem-box .content {
	flex: 1;
	padding: 0;
}

.redeem-inner-wrap .redeem-box p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.2px;
	line-height: 1.2;
	text-align: left;
}

.redeem-inner-wrap .redeem-box .icon {
	margin-right: 18px;
	width: 70px;
	height: 70px
}

.redeem-inner-wrap .redeem-box .icon img {
	width: 100%;
}

.shipping-banner-section .banner-wrapper {
	background-color: #f3f9f1;
	width: 100%;
}

#shopify-section-about-shop-award-winner  .rebuy-widget {
	padding-bottom:60px;
}

/*earn-reward-section ends css...*/


/*location page css ends*/


/*shipping-policy-section css start*/

.shipping-policy-section .shipping-wrapper {
	margin-top: 90px;
}

.shipping-policy-section .shipping-wrapper .title h2 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 39px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.01em;
	text-align: left;
	line-height: 1;
}

.shipping-policy-section .shipping-wrapper .title {
	margin-bottom: 75px;
}

.shipping-policy-section .shipping-wrapper p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 24px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 36px;
	text-align: left;
}

.shipping-policy-section .shipping-wrapper .shipping-box h5 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 25px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 26px;
	text-align: left;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.shipping-policy-section .shipping-wrapper .shipping-box {
	margin-bottom: 90px;
}

.shipping-policy-section .shipping-wrapper .shipping-box p,
.shipping-policy-section .shipping-wrapper .shipping-box a {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 24px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 36px;
	text-align: left;
}

.shipping-policy-section .shipping-wrapper .shipping-box a {
	text-decoration: underline;
	transition: 0.5s ease;
}

.shipping-policy-section .shipping-wrapper .shipping-box a:hover {
	color: var(--color-yellow);
}

.shipping-policy-section .shipping-wrapper .international-policy {
	padding-top: 45px;
	padding-bottom: 45px;
}

.shipping-policy-section .shipping-wrapper .international-policy h2 {
	margin-bottom: 20px;
	font-size: 39px;
	letter-spacing: 0.01em;
}


/*shipping-policy-section css ends*/


/*about banner section.. starts*/

.banner.about-banner-section {
	height: 820px;
	background-size: cover;
	background-repeat: no-repeat;
}

.banner.about-banner-section .container {
	position: relative;
	height: 100%;
}
.index .banner.about-banner-section .container,
.page-loyalty-reward .banner.about-banner-section .container,
.page-roasteries .banner.about-banner-section .container,
.blog .banner.about-banner-section.blog-banner .container,
.page-subscription .banner.about-banner-section.subscription-banner .container{
  position: absolute;
  top: 0;
  left: 0; 
  right: 0;
}
      .blog .banner.about-banner-section.blog-banner {
height: auto;
}
.index .banner .img-box,
.page-loyalty-reward .banner .img-box ,
.page-roasteries .banner.about-banner-section  .img-box,
 .blog .banner.about-banner-section.blog-banner .img-box,
.page-subscription .banner.about-banner-section.subscription-banner .img-box {
	width: 100%
}
.page-loyalty-reward .banner .img-box picture img ,
.blog .banner.about-banner-section.blog-banner .img-box picture img,
.page-subscription .banner.about-banner-section.subscription-banner .img-box picture img {
	width: 100%;
}

.banner.about-banner-section .banner-text {
	/*display: flex;
  justify-content: center;
  flex-direction: column;*/
	margin-left: 95px;
	max-width: 688px;
	height: 100%;
	/*padding-top: 140px;*/
	display: flex;
	align-items: center;
}

.banner.about-banner-section.home-banner {
	height: 755px;
}

.banner.about-banner-section .banner-text .content-box {
	width: 100%;
}

.banner.about-banner-section .banner-text h1 {
	text-transform: uppercase;
	color: var(--color-heading-text);
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.01em;
	font-family: 'Conv_Metropolis-Bold';
	margin-bottom: 20px;
}

.banner.about-banner-section .banner-text p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.32px;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 30px;
}

.page-about .banner.about-banner-section .banner-text p:last-child {
	margin-bottom: 0;
}

      
/*       banner section responsive */
      
      @media(max-width: 1280px){

}
@media(max-width: 798px){

  .page-roasteries .banner.about-banner-section {
	margin-top: 100px;
	}
}  
      
@media(max-width: 800px){
    .banner.about-banner-section.home-banner {
		margin-top: 18px;
	}
}
@media(max-width: 767px){
.index .banner.about-banner-section .container,
.page-roasteries .banner.about-banner-section .container ,
.blog .banner.about-banner-section.blog-banner .container {
    position: relative;
}
.page-loyalty-reward .banner.about-banner-section .container,
.page-roasteries .banner.about-banner-section .container, 
.blog .banner.about-banner-section.blog-banner .container,
.page-subscription .banner.about-banner-section.subscription-banner .container {
  height: auto;   
}
  .blog .banner.about-banner-section.blog-banner .container {

margin: 0 auto;
}
  .mob-hide{
    display:none !important;
  }
  .index .banner.about-banner-section.home-banner,
.page-loyalty-reward .banner.about-banner-section.home-banner ,
.page-roasteries .banner.about-banner-section,
  .blog .banner.about-banner-section.blog-banner {
	display: flex;
    flex-direction: column-reverse;
}
 .page-roasteries .banner.about-banner-section {
  justify-content: center;
  }
  .index .banner.about-banner-section .banner-text,
.page-loyalty-reward .banner.about-banner-section .banner-text ,
.page-roasteries .banner.about-banner-section .banner-text , 
.blog .banner.about-banner-section.blog-banner .banner-text,
.page-subscription .banner.about-banner-section.subscription-banner .banner-text  {
padding-bottom: 25px;
}
  .page-roasteries .banner.about-banner-section.roasterie-banner .banner-text h1 {
    color: #3a3a3a;
    text-align: center;
}
 .page-roasteries .banner.about-banner-section.roasterie-banner .banner-text p {
	color: #25292b;
 	text-align: center;
   margin-bottom: 0;
font-size: 16px;
    line-height: 1.4;
}
  .page-roasteries .banner.about-banner-section.roasterie-banner .banner-text {
    max-width: 100%;
    width:100%;
	padding-top: 90px;
    
    }
  .page-roasteries .banner.about-banner-section .banner-text .content-box {
	width: 100%;
    text-align: center;
	}
  .page-roasteries .banner.about-banner-section .banner-text p {
   max-width:100%!important;
    width:100%;
}
  .page-roasteries .banner.about-banner-section {

margin-top: 20px;
}
}
@media(max-width: 700px){
  .page-loyalty-reward .banner-text,
  .page-subscription .banner.about-banner-section.subscription-banner .banner-text {
    margin-top: 60px;
  }
  .page-subscription .banner.about-banner-section.subscription-banner .banner-text {
    margin-top: 90px;
  }
  .page-subscription .banner.about-banner-section.subscription-banner .banner-text {
	margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .page-subscription .banner.about-banner-section.subscription-banner .banner-text

  .page-loyalty-reward .banner .img-box,
  .page-subscription .banner.about-banner-section.subscription-banner .img-box {
 
	padding-top: 0px;
  }
}
      @media(max-width: 640px){
.page-subscription .banner.about-banner-section.subscription-banner .banner-text {
  margin-top: 90px;
    padding-top: 48px;
    padding: 48px 60px 0;
  }
        .page-subscription .banner.about-banner-section.subscription-banner .img-box picture img {
min-height: 925px;
}
}
      
/*.banner.about-banner-section .banner-text p*/


/*about banner section.. ends*/


/*.about-crafted-section starts*/

.about-crafted-section {
	padding-top: 100px
}

.about-crafted-section .crafted-wrapper {
	max-width: 1247px;
	margin: 0 auto;
}

.about-crafted-section .crafted-wrapper h2,
.about-crafted-section .crafted-wrapper p {
	color: var(--color-heading-text);
}

.about-crafted-section .crafted-wrapper p {
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 1.5;
}

.about-crafted-section .crafted-wrapper .img-text-wrapper .custom-col-6 {
	width: 50%;
}

.about-crafted-section .img-text-wrapper>div {
	display: flex;
	align-items: center;
}

.about-crafted-section .img-text-wrapper .conten-box {
	padding: 0 166px 0 113px;
}

.about-crafted-section .img-text-wrapper {
	margin-top: 100px;
	margin-bottom: 0;
}

.about-crafted-section .img-text-wrapper>div:nth-child(even) {
	flex-direction: row-reverse;
}

.about-crafted-section {
	padding-bottom: 40px;
}

.about-crafted-section .img-text-wrapper .conten-box p {
	color: var(--color-heading-text);
	text-align: left;
}


/*.about-crafted-section ends*/


/*marquee-section css starts*/

.home-ticker.ticker {
	background-color: #e09f3e;
	color: #ffffff;
	position: relative;
	height: 69px;
	padding: 17px 20px;
	overflow: hidden;
}

.ticker__inner {
	position: absolute;
	/*   white-space: nowrap;
  -webkit-animation: marquee;
  animation: marquee;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-play-state: running;
  display: flex;
  animation-duration: 30s; */
	height: 100%;
	top: 18px;
}

.ticker__check {
	width: 27px;
	height: 27px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.ticker__check img {
	width: 100%;
	object-fit: none;
}

.ticker__text {
	margin: 0 23px;
	display: flex;
	align-items: center;
}

.ticker__text {
	color: #ffffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.08em;
	line-height: 36.4px;
	text-transform: uppercase;
	text-align: left;
}

@keyframes marquee {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-100%, 0);
	}
}


/*marquee sections css ends*/


/*great-coffee-section css starts*/

.custom-col-3 {
	width: 25%;
	padding: 0 25px;
}

.great-coffee-section .order-goodness-wrapper .row {
	margin: 0 -50px;
}

.great-coffee-section .order-goodness-wrapper {
	text-align: center;
}

.great-coffee-section .order-goodness-wrapper .row .box {
	width: 100%;
	max-width: 100%;
}

.great-coffee-section .order-goodness-wrapper .row .box h5 {
	text-transform: uppercase;
	color: #25292b;
	padding: 0 10px;
	height: 60px;
	margin-bottom: 1rem;
}

.great-coffee-section .order-goodness-wrapper .row .box p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 1.5;
	text-align: center;
}

.great-coffee-section {
	padding: 130px 0;
	padding-bottom: 57px;
}

.great-coffee-section .order-goodness-wrapper h2 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 39px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.01em;
	line-height: 1;
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
}


/*great-coffee-section css ends*/


/*press-section css  start*/

.press-section {
	background-color: #fffef7;
}

.press-section .content-box {
	background-color: #fffef7;
	height: 100%;
	/*display: flex;
  flex-direction: column;
  justify-content: center;*/
	margin-left: 93px;
	padding-right: 145px;
	padding-top: 128px;
}

.press-section .content-box h5 {
	color: #044141;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.44px;
	line-height: 15.6px;
	text-align: left;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.page-about .press-section .content-box h5 {
	font-size: 18px;
	padding-bottom: 0;
}

.press-section .content-box h2 {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 48px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.01em;
	line-height: 1.2;
	text-align: left;
	margin-bottom: 25px;
}

.index .press-section .content-box h2 {
	font-size: 48px !important;
}

.press-section .content-box p {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 48px;
}

.btn.primary-btn {
	color: #feffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	text-align: center;
	padding: 20px 50px;
	/*background-color: #044141;*/
	/*transition: 0.8s ease;*/
}

.btn.primary-btn.white {
	background: #fff;
}

.btn.primary-btn span {
	color: #fff;
}

.btn.primary-btn.white span {
	color: #3a3a3a;
}

.btn.primary-btn.white:hover span {
	color: #fff;
}

.btn.btn-visit {
	color: #044141;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.02em;
	line-height: 15.6px;
	padding: 0;
	text-align: left;
	padding-bottom: 10px;
	position: relative;
	text-transform: uppercase;
}

.btn.btn-visit span {
	color: #044141;
}

.btn.btn-visit:before {
	content: '';
	position: absolute;
	bottom: 0;
	height: 2px;
	background: var(--green);
	left: 0;
	width: 100%;
	transition: 0.5s ease-in-out
}

.btn.btn-visit:after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 2px;
	background: var(--color-yellow);
	left: 0;
	width: 0%;
	transition: 0.5s ease-in-out
}

.btn.btn-visit:hover span,
.btn.btn-visit:hover {
	color: var(--color-yellow);
}

.btn.btn-visit:hover:before {
	width: 0;
}

.btn.btn-visit:hover:after {
	width: 100%;
}

.primary-btn {
	position: relative;
	/*transform: translate(-50%, -50%);*/
	/*-webkit-transform: translate(-50%, -50%);*/
	z-index: 0;
	background-color: #044141;
}

.primary-btn:before {
	content: '';
	top: 0;
	left: 0;
	right: auto;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.primary-btn:after {
	content: '';
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	bottom: 0;
	right: 0;
}

.primary-btn:hover:after {
	width: 100%;
	left: 0;
	right: auto;
}

.primary-btn:after,
.primary-btn:before {
	content: '';
	background: var(--color-yellow);
	height: 50%;
	width: 0;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.primary-btn:hover:before {
	width: 100%;
	right: 0;
	left: auto;
}

.primary-btn:hover span {
	color: #fff;
}

.primary-btn span {
	transition: color 0.3s ease;
	position: relative;
	z-index: 1;
}

.learn-more-btn {
	margin: 0 auto;
}


/*press-section css  ends*/


/*stop-buy-section css starts*/

.stop-buy-section {
	padding: 130px 0;
}

.stop-buy-section h2 {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 39px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.6px;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 75px;
}

.stop-inner-wrapper {
	padding: 0 10px
}

.stop-buy-section .row {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 -28px;
}

.stop-buy-section .row .custom-col-6 {
	height: 462px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 28px;
}

.stop-buy-section .row .custom-col-6:first-child .box {
	background-color: #f3f9f1;
}

.stop-buy-section .row .custom-col-6:last-child .box {
	background-color: rgba(242, 204, 142, 0.5);
}

.stop-buy-section .row .box {
	text-align: center;
	padding: 30px 150px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.stop-buy-section .row .box h5 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.stop-buy-section .row .box p {
	color: #3a3a3a;
	font-family: "Conv_Metropolis-Light";
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 20px;
}

.stop-buy-section .row .box a {
	color: #044141;
	font-family: "Conv_Metropolis-Bold";
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 1;
	text-align: center;
}


/*stop-buy-section css end*/


/*..about-become-wholsale-section ...csss starts*/

.about-become-wholsale-section .press-wrapper {
	padding: 0 10px;
}

.about-become-wholsale-section .press-wrapper .content-box {
	padding-right: 100px;
	background-color: #f3f9f1;
}

.about-become-wholsale-section .press-wrapper .content-box p {
	margin-bottom: 35px;
}


/*..about-become-wholsale-section ...css ends*/

.tab-content>.tab-pane {
	display: none;
}

.tab-content>.active {
	display: block;
}

.tab-qoutation-section .tab-qoutation-wrapper .tab-content-wrap {
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 100px;
}

.tab-qoutation-section .tab-qoutation-wrapper .tab-content-wrap .tab-text {
	display: none;
	transition: 0.6s ease-in-out;
}

.tab-qoutation-section .tab-qoutation-wrapper .tab-content-wrap .tab-text.active {
	display: block;
	/*transform: scale(1);*/
	animation: scaleanim 0.5s linear;
}

.tab-qoutation-section .tab-qoutation-wrapper .tab-content-wrap .tab-text p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 36px;
	text-align: center;
	margin-bottom: 9px;
}

.tab-qoutation-section .tab-qoutation-wrapper .tab-content-wrap .tab-text h5 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
}

.tab-list {
	justify-content: center;
	padding-bottom: 70px;
	border-bottom: 3px solid #b3b4b4;
	max-width: 831px;
	margin: 0 auto;
	flex-wrap: nowrap;
}

.tab-list .tab-item {
	width: 178px;
	height: 74px;
	margin: 0 20px;
	position: relative;
}

.tab-list .tab-item:before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	right: 0;
	bottom: -73px;
	height: 3px;
	background: #25292b;
	width: 0;
	transition: 0.5s ease;
}

.tab-list .tab-item.active:before {
	width: 100%;
}

.tab-list .tab-item:first-child {
	margin-left: 0;
}

.tab-list .tab-item:last-child {
	margin-right: 0;
}

.tab-list .tab-item a {
	display: inline-block;
}

.tab-list .tab-item img {
	width: 100%;
}

.tab-list .tab-item a img {
	width: 100%;
	display: none;
}

.tab-list .tab-item a img:first-child {
	display: block;
}

.tab-list .tab-item a img:last-child {
	display: none;
}

.tab-list .tab-item.active a img:first-child {
	display: none;
}

.tab-list .tab-item.active a img:last-child {
	display: block;
}

@keyframes scaleanim {
	0% {
		transform: scale(0.7);
	}
	100% {
		transform: scale(1);
	}
}

.coffee-quiz-section {
	margin-top: 140px;
}

.press-section.coffee-quiz-section {
	background-color: #f8e5c7;
}

.press-section.coffee-quiz-section .content-box {
	background-color: #f8e5c7;
	display: flex;
	align-items: center;
	padding-top: 0;
}

.press-section.coffee-quiz-section .content-box p {
	margin-bottom: 32px;
}

.order-goodness-section.shop-goods-section h5 {
	text-transform: uppercase;
}

.order-goodness-section.shop-goods-section .custom-col {
	width: 20%;
}

.order-goodness-section.shop-goods-section .order-goodness-wrapper {
	max-width: 1500px;
	margin: 0 auto;
	padding-top: 130px;
	width: 100%;
}

.order-goodness-section.shop-goods-section .order-goodness-wrapper .row {
	justify-content: space-between;
	margin-top: 80px;
}

.order-goodness-section.shop-goods-section .order-goodness-wrapper h2 {
	margin-top: 0;
}


/*project-x-section*/

.project-x-section {
	background: none;
}

.project-x-section h2 {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 39px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.01em;
	line-height: 1;
	text-align: left;
	margin-bottom: 25px;
}

.project-x-section p {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.14px;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 48px;
}

.project-x-section .content-box {
	background-color: #fffef7;
	height: 100%;
	padding-right: 145px;
	padding-left: 145px;
	display: flex;
	align-items: center;
}

.project-x-section .img-box img {
	width: 100%;
}

.program-section {
	background: #f3f9f1;
	margin-top: 40px;
}

.program-section .content-box {
	background: #f3f9f1;
	display: flex;
	align-items: center;
	padding-top: 0;
	padding-right: 121px;
}


/*home-cafe-section*/

.home-cafe-section {
	margin-top: 140px;
}

.home-order-section {
	margin-top: 132px;
}

.home-order-section .order-goodness-wrapper {
	width: 100%;
}

.home-order-section .order-goodness-wrapper h2 {
	margin-top: 0;
}

.home-order-section h5 {
	text-transform: uppercase;
}

.index #shopify-section-homepage-rebuy-bestseller {
	padding: 70px 0px;
	padding-bottom: 0px;
}

.index .rebuy-product-actions .rebuy-button {
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 30.6px;
	text-align: center;
	color: #feffff;
	font-family: 'Conv_Metropolis-Bold';
	height: 68px;
	background-color: #044141;
	text-transform: uppercase;
	width: 100%;
	max-width: 228px;
	margin: auto;
	border-radius: 0px !important;
	position: relative;
	/* transform: translate(-50%, -50%); */
	/* -webkit-transform: translate(-50%, -50%); */
	z-index: 0;
	background-color: #044141;
	border: none;
	transition: all 2s ease;
}

.index .rebuy-product-actions .rebuy-button:after,
.index .rebuy-product-actions .rebuy-button:before {
	content: '';
	background: var(--color-yellow);
	height: 50%;
	width: 0;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.index .rebuy-product-actions .rebuy-button:after {
	content: '';
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	bottom: 0;
	right: 0;
}

.index .rebuy-product-actions .rebuy-button:before {
	content: '';
	top: 0;
	left: 0;
	right: auto;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.index .rebuy-product-actions .rebuy-button:hover:before {
	width: 100%;
	right: 0;
	left: auto;
}

.index .rebuy-product-actions .rebuy-button:hover:after {
	width: 100%;
	left: 0;
	right: auto;
}

.index .rebuy-product-actions .rebuy-button:hover span {
	color: #fff;
}

.index .rebuy-product-actions .rebuy-button span {
	position: relative;
	z-index: 99;
}

.promo-banner--show .okeReviews .okeReviews-reviewsCarousel-heading {
	font-family: 'Conv_Metropolis-Light';
	color: #25292b;
	margin-top: 100px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1;
	font-size: 39px;
	letter-spacing: 0.01em;
}

.okeReviews .okeReviews-reviewsCarousel-slider {
	padding: 0 100px;
	position: relative;
}

.okeReviews .okeReviews-reviewsCarousel-slider .flickity-prev-next-button {
	background-color: hsla(0, 0%, 100%, .3);
	background: #f3f9f1;
	width: 67px;
	height: 67px;
	border-radius: 50%;
}

.okeReviews-reviewsCarousel-review {
	background: rgba(248, 251, 246, 0.5);
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px;
	padding-right: 25px;
	width: 100%;
	max-width: 390px;
	margin: auto;
}

.okeReviews .okeReviews-reviewsCarousel-review-product-name {
	font-size: 28px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.28px;
	line-height: 45px;
	text-align: center;
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	max-width: 291px;
	margin: auto;
}

.okeReviews .okeReviews-reviewsCarousel-review-content-heading {
	color: #404143;
	font-family: 'Conv_Metropolis-bold';
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 1.15!important;
	text-align: center;
	text-transform: uppercase;
	padding-top: 25px;
}

.okeReviews .okeReviews-reviewsCarousel-review-content-body {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.22px;
	line-height: 36px;
	text-align: center;
	line-height: 1.2 !important;
}

okeReviews .okeReviews-reviewsCarousel-review-reviewer-name {
	color: #404143;
	font-family: 'Conv_Metropolis-bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	text-align: center;
	margin: 12px 0px;
	text-transform: uppercase;
}
      @media(max-width: 1441px){
        .page-about .project-x-section h2 {
		font-size: 39px!important;
	}
      .page-about  .about-become-wholsale-section .press-wrapper .content-box {
	padding-left: 110px;
	}
        .shipping-policy-section .shipping-wrapper p , .shipping-policy-section .shipping-wrapper .shipping-box p, 
.shipping-policy-section .shipping-wrapper .shipping-box a{
		font-size: 20px;
	}
      .page-subscription  .banner.about-banner-section .banner-text {
		    max-width: 52%;
	}

}
@media(max-width: 1281px){
    .page-subscription .banner.about-banner-section .banner-text {
		width: 48%;
    	padding: 65px 0px;
	}
  
}

@media (min-width:1025px) {
	body button.flickity-button.flickity-prev-next-button.previous {
		margin-left: 1%;
	}
	body button.flickity-button.flickity-prev-next-button.next {
		margin-right: 1%;
	}
	body .okeReviews-reviewsCarousel-review {
		min-height: 600px;
	}
  
}

@media (max-width:1024px) and (min-width:768px) {
	body .okeReviews-reviewsCarousel-review {
		min-height: 520px;
	}
	body .custom-col-3 {
		width: 50%;
		padding: 0 25px;
		margin-bottom: 40px;
	}
.index .okeReviews .okeReviews-reviewsCarousel-review-content-body {
	font-size: 15px;
  	padding-left: 15px;
    padding-right: 15px;
	}
  .index .okeReviews .okeReviews-reviewsCarousel-review-content-heading  {
	font-size: 16px!important;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px!important;
	}
}

@media (max-width:1024px) {
	.index .press-section .content-box h2 {
		font-size: 30px !important;
	}
	body .okeReviews .okeReviews-reviewsCarousel-heading {
		font-size: 1.6rem;
	}
	body .order-goodness-section .order-goodness-wrapper h2 {
		font-size: 1.6rem;
		margin-top: 20px !important;
	}
  .page-about .order-goodness-section .order-goodness-wrapper h2 {
margin-top: 0px !important;
	}
  .page-loyalty-reward .order-goodness-section .order-goodness-wrapper h2 {
margin-top: 40px!important;
}
	body .rebuy-widget .primary-title {
		font-size: 1.6rem;
	}

  	
}

@media (max-width:768px) {
    .page-loyalty-reward .order-goodness-section.great-coffee-section.how-it-works-section {
      padding-top: 0!important;
    }
	.index .order-goodness-section .order-goodness-wrapper .row .box {
		max-width: 400px;
		margin: 25px auto;
	}
	.index .rebuy-widget .rebuy-product-block .rebuy-product-info .rebuy-product-title.clickable {
		font-size: 20px;
		line-height: 26px;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-review-product-name {
		font-size: 20px;
		line-height: 26px;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-review-content-heading {
		font-size: 18px;
		line-height: 24px;
	}
	.ticker__inner {
		top: 10px;
	}
  .page-contact_us .contact-social-links {
	    max-width: 132px;
	}
}

@media (max-width:640px) {
	.index .press-section .content-box h2 {
		font-size: 1.3rem;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-heading {
		font-size: 1.3rem;
	}
	.index .order-goodness-section .order-goodness-wrapper h2 {
		font-size: 1.3rem;
	}
	.index .rebuy-widget .primary-title {
		font-size: 1.3rem;
	}
	.index .okeReviews-reviewsCarousel-review {
		max-width: initial;
		width: initial;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-slider {
		padding: 0 45px;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-slider .flickity-prev-next-button {
		width: 30px;
		height: 30px;
	}
}


/*blog page css....*/

.banner.about-banner-section.blog-banner .banner-text {
	max-width: 750px;
}

.blog-post-section .blog-wrapper .post .blog-content-box {
	padding-top: 41px;
}


.blog-post-section {
	padding-top: 100px;
}

.blog-post-section .blog-wrapper .post .blog-content-box span {
	color: #707070;
	font-family: 'Conv_Metropolis-medium';
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	text-align: left;
	margin-bottom: 20px;
	display: inline-block;
}

.blog-post-section .blog-wrapper {
	margin: 0 -25px;
}

.blog-post-section .blog-wrapper .custom-col-4 {
	width: 33.33%;
	padding: 0 25px;
	margin-bottom: 100px;
	display: block;
}

.post figure {
	height: 472px;
	background: rgba(0, 0, 0, 0.4);
}

.post figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post .blog-content-box h5 {
	/* Style for "Brew Dilig" */
	color: #044141;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.44px;
	line-height: 15.6px;
	text-align: left;
}

.post .blog-content-box h2 {
	font-family: 'Conv_Metropolis-Bold'!important;
	font-size: 18px!important;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.6px;
	line-height: 1.15;
	text-align: left;
    color:#044141!important;
    text-transform:uppercase;

	display: -webkit-box;
    max-width: 100%;
    min-height: 36px;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.post .blog-content-box p {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 34px;
}

.post .blog-content-box a {
	color: #707070;
}

.post .blog-content-box a:before {
	background: #707070;
}

.pagination-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 140px;
	width: 100%;
}

.pagination-wrap ul {
	display: flex;
	margin: 0 40px;
}

.pagination-wrap a svg:hover path {
	stroke: var(--color-yellow);
}

.pagination-wrap ul li a, .pagination-wrap ul li  {
	color: #404143;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 1.76px;
	line-height: 15.6px;
	text-align: left;
	padding: 0 6px;
	transition: 0.5s ease;
}

.pagination-wrap ul li a:hover,
.pagination-wrap ul li a.active {
	color: var(--color-yellow)
}

      
@media(max-width:1440px){
  .blog-post-section .blog-wrapper .post .blog-content-box h2 {
      font-size: 18px!important;
  }
  .blog .blog-content-box .content {
	font-size:16px!important;
  }
}
@media(max-width: 1280px){
  .pagination-wrap {
	padding-top: 0px;
    padding-bottom: 50px;
  }
}
@media(max-width: 768px){
  .blog-post-section .blog-wrapper .post .blog-content-box h2 {
      line-height: 1;
      min-height: auto;
  }
  .blog .blog-content-box .content {
	padding-top: 0;
   }
  .pagination-wrap {
	padding-top: 0px;
    padding-bottom: 50px;
  }
}

/*roasterie-page css..*/

.banner.about-banner-section.roasterie-banner .banner-text {
	max-width: 540px;
}

.banner.about-banner-section.roasterie-banner .banner-text h1 {
	color: #fff;
}

.banner.about-banner-section.roasterie-banner .banner-text p {
	color: #fff;
}

.visit-factory-section .visit-factory-wrapper {
	background-color: #fffef7;
	padding: 86px 220px 100px;
}

.visit-factory-section .visit-factory-wrapper h2 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 39px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.6px;
	line-height: 1;
	text-align: center;
	margin-bottom: 15px;
}

.visit-factory-section .visit-factory-wrapper p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 50px;
}

.visit-factory-section .visit-factory-wrapper .one-kind-tour-box {
	padding-top: 60px;
}

.visit-factory-section .visit-factory-wrapper .one-kind-tour-box h5,
.visit-factory-section .visit-factory-wrapper .virtual-tour-box h5 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 1.5;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.visit-factory-section .visit-factory-wrapper .one-kind-tour-box p,
.visit-factory-section .visit-factory-wrapper .virtual-tour-box p {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0.24px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 18px;
}

.visit-factory-section .visit-factory-wrapper .one-kind-tour-box p:nth-last-child(2) {
	font-style: italic;
}

.visit-factory-section .visit-factory-wrapper .virtual-tour-box {
	padding-top: 94px;
	max-width: 700px;
	margin: 0 auto;
}


/* 4th feb..       */


/*...subscription page css starts...*/

.subscription-banner .banner-text .content-box p.remember-txt {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 26px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.26px;
	line-height: 50px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 0;
}

.subscription-banner .banner-text .content-box p.remember-txt a {
	color: #3a3a3a;
	text-decoration: underline;
	transition: 0.5s ease;
}

.subscription-banner .banner-text .content-box p.remember-txt a:hover {
	color: var(--color-yellow);
}

.Steady-brew-section {
	padding-bottom: 0;
}

.Steady-brew-section .row {
	padding-bottom: 140px;
}

.Steady-brew-section .order-goodness-wrapper h2 {
	color: var(--color-heading-text);
}

.Steady-brew-section .order-goodness-wrapper .row .box h5 {
	padding: 0 108px;
}

.Steady-brew-section .order-goodness-wrapper {
	padding: 0 50px;
}


/*how-it-works-section css start*/

.how-it-works-section {
	margin-bottom: 100px;
}

.how-it-works-section .row .content-box {
	background: #fffef7;
	height: 100%;
	padding: 120px 95px;
}

.how-it-works-section .row .content-box h5 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 26px;
	text-align: left;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.how-it-works-section .row .content-box h2 {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 39px!important;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.6px!important;
	line-height: 1.2;
	text-align: left;
	margin-bottom: 50px;
}

.how-it-works-section .row .content-box ol li {
	list-style: none;
	position: relative;
	counter-increment: sCustomCounter;
	padding-left: 62px;
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 27px;
}

.how-it-works-section .row .content-box ol li:last-child {
	margin-bottom: 50px;
}

.how-it-works-section .row .content-box ol li:before {
	content: '#'counters(sCustomCounter, '.');
	color: #892BD9;
	width: 40px;
	display: inline-block;
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 4.38px;
	line-height: 1;
	text-align: left;
	margin-right: 24px;
	position: absolute;
	left: 0;
	margin-top: 7px;
}


/*how-it-works-section css ends*/

.subscription-faq-section .subs-faq-wrapper {
	display: flex;
	justify-content: space-between;
	max-width: 1160px;
	margin: 0 auto;
	width: 100%;
}

.subscription-faq-section .subs-faq-wrapper .custom-col-6 {
	width: 48%;
}

.subscription-faq-section .subs-faq-wrapper .faq-accordion-wrp li {
	/*margin: 0 50px;*/
	margin-bottom: 0;
}

.subscription-faq-section .subs-faq-wrapper .faq-accordion-wrp li h4 {
	text-transform: uppercase;
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.2;
	text-align: left;
	padding-right: 60px;
	padding-top: 0;
	padding-bottom: 0;
}

.subscription-faq-section .subs-faq-wrapper .faq-accordion-wrp li .content-box {
	padding-right: 75px;
}

.subscription-faq-section .subs-faq-wrapper .faq-accordion-wrp li h4:after {
	font-size: 18px;
}

.subscription-order {
	margin-top: 0;
}


/*....subscription page css ends...*/


/*.....bacome a wholeseller...starts..*/

.banner-section .inner-banner-wrapper .left-content-box {
	padding-left: 40px;
	padding-right: 75px;
}

.banner-section .inner-banner-wrapper .left-content-box h1 {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 52px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.8px;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 66px;
	line-height: 64px;
	letter-spacing: 0.01em;
	;
}
.page-become-wholesaler .banner-section .inner-banner-wrapper .left-content-box h1 {
	margin-bottom: 18px;
}

.banner-section .inner-banner-wrapper .left-content-box p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.32px;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 50px;
}
.page-become-wholesaler .banner-section .inner-banner-wrapper .left-content-box p  {
	margin-bottom: 25px;
}

.benefits-section {
	padding-top: 50px;
}

.benefits-section .order-goodness-wrapper h5 {
	text-transform: uppercase;
}

.our-programs-section {
	margin-top: 60px;
}

.our-programs-section .container-lg {
	max-width: 1835px;
}

.our-programs-section .our-programs-wrapper .left-contet-wrap {
	background: #fffef7;
	padding: 85px 100px 0;
	height: 100%;
}

.our-programs-section .our-programs-wrapper {
	margin-bottom: 90px;
}

.our-programs-section .our-programs-wrapper .left-contet-wrap h2 {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 39px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.6px;
	line-height: 62px;
	text-align: left;
	margin-bottom: 85px;
    text-align:center;
}

.our-programs-section .our-programs-wrapper .left-contet-wrap h2 span {
	font-style: italic;
}

.our-programs-section .our-programs-wrapper .left-contet-wrap ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 630px;
}

.our-programs-section .our-programs-wrapper .left-contet-wrap ul li {
	width: 50%;
	text-align: center;
	margin-bottom: 90px;
}

.our-programs-section .our-programs-wrapper .left-contet-wrap ul li img {
	width: 92px;
	height: 93px;
	object-fit: contain;
	margin-bottom: 45px;
}

.our-programs-section .our-programs-wrapper .left-contet-wrap ul li h5,
.our-programs-section .program-list-wrapper .yellow-box h5 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 32px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
}

.our-programs-section .program-list-wrapper {
	display: flex;
	margin: 0 auto;
	margin-bottom: 100px;
	justify-content: center;
}

.our-programs-section .program-list-wrapper .yellow-box {
	height: 173px;
	background-color: #f8e5c7;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 40px;
}

.our-programs-section .program-list-wrapper .custom-col-3 {
	padding: 0 18px;
}

.hire-us-section {
	padding-top: 43px;
}

.hire-us-section .hire-us-wrapper {
	width: 100%;
	max-width: 708px;
	margin: 0 auto;
	text-align: center;
}

.hire-us-section .hire-us-wrapper h2 {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 39px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.01em;
	line-height: 1;
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 21px;
}

.hire-us-section .hire-us-wrapper p {
	color: #25292b;
	font-family: "Conv_Metropolis-Light";
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.5;
	text-align: center;
	padding: 0 60px;
}

.hire-us-section .hire-us-wrapper .form-wrapper {
	margin-top: 65px;
	margin-bottom: 100px;
}

.hire-us-section .hire-us-wrapper .input-field {
	width: 100%;
	margin-bottom: 32px;
}

.hire-us-section .hire-us-wrapper .input-field>input,
.hire-us-section .hire-us-wrapper .input-field textarea {
	width: 100%;
	height: 58px;
	padding: 18px 21px;
	border: 2px solid #dbdbdb;
	color: #999999;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 1;
	text-align: left;
	outline: 0;
}

.hire-us-section .hire-us-wrapper .input-field input,
.hire-us-section .hire-us-wrapper .input-field textarea {
	color: #3a3a3a;
}

.hire-us-section .hire-us-wrapper .input-field label {
	display: flex;
	align-items: center;
	color: #25292b;
	font-family: "Conv_Metropolis-Light";
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.2px;
	line-height: 30px;
	text-align: left;
	margin-right: 40px;
}

.hire-us-section .hire-us-wrapper .input-field label input {
	width: 21px;
	height: 21px;
	border: 2px solid #dbdbdb;
	margin-right: 17px;
}

.hire-us-section .hire-us-wrapper .input-field textarea {
	height: auto;
	height: 224px;
	margin-bottom: 22px;
}

.hire-us-section .hire-us-wrapper .input-field>input::placeholder,
.hire-us-section .hire-us-wrapper .input-field textarea::placeholder {
	text-transform: uppercase;
}

.hire-us-section .hire-us-wrapper .input-field input:focus,
.hire-us-section .hire-us-wrapper .input-field textarea:focus {
	border-color: var(--color-yellow)
}

.hire-us-section .call-a-rep-wrapper {
	width: 100%;
	max-width: 1020px;
	background-color: #f9fcf8;
	padding: 47px 0;
	text-align: center;
	margin: 35px auto 0;
}

.hire-us-section .call-a-rep-wrapper h5 {
	text-transform: uppercase;
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 4.38px;
	line-height: 15.6px;
	text-align: center;
	margin-bottom: 28px;
}

.hire-us-section .call-a-rep-wrapper a {
	color: #25292b;
	color: #25292b;
	font-family: "Conv_Metropolis-medium";
	font-size: 24px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 40px;
	text-align: center;
	transition: 0.5s ease;
}

.hire-us-section .call-a-rep-wrapper a:hover {
	color: var(--color-yellow);
}


/*.....bacome a wholeseller...ends..*/


/*loyalty,Reward,friend starts*/

.banner.about-banner-section.loyalty-banner .banner-text {
	max-width: 835px;
}

.banner.about-banner-section.loyalty-banner .banner-text .remember-txt {
	margin-bottom: 0;
}

.how-it-works-section .order-goodness-wrapper {
	padding: 0 140px;
}

.order-goodness-section.great-coffee-section .custom-col-4 {
	justify-content: flex-start;
}

.earn-reward-section.redeem-section.loyalty-redeem-section .earn-reward-wrapper.redeem-wrapper h2 {
	margin-bottom: 30px;
}

.order-goodness-section.great-coffee-section.how-it-works-section {
	margin-bottom: 0;
}

.page-loyalty-reward .order-goodness-section.great-coffee-section.how-it-works-section .row {
	padding-bottom: 0px;
}
      

.earn-reward-section.redeem-section.loyalty-redeem-section .earn-reward-wrapper.redeem-wrapper>p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.5;
	text-align: center;
}

.earn-reward-section.redeem-section.loyalty-redeem-section {
	margin-bottom: 160px;
}

.earn-reward-section.redeem-section.loyalty-redeem-section .redeem-inner-wrap {
	margin-top: 88px;
}

.ways-to-redeem-section .ways-to-redeem-wrapper h2,
.Q-A-section h2,
.post-signin-section .row .banner-content h2 {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 39px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.6px;
	line-height: ;
	text-align: center;
	margin-bottom: 27px;
}

.ways-to-redeem-section .ways-to-redeem-wrapper p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 140px;
}

.ways-to-redeem-section .ways-to-redeem-wrapper>div h5,
.post-signin-section .row .banner-content h5 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 60px;
}

.ways-to-redeem-section .ways-to-redeem-wrapper>div .row .box {
	width: 100%;
	height: 300px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
  padding: 10px;
}

.ways-to-redeem-section .ways-to-redeem-wrapper>div .row {
	margin-bottom: 90px;
}

.ways-to-redeem-section .ways-to-redeem-wrapper>div .row .box p {
	margin-bottom: 0!important;
}

.ways-to-redeem-section .ways-to-redeem-wrapper>div .row .box h2 {
	margin-bottom: 27px;
	text-transform: uppercase;
	line-height: 1;
	margin-top: 18px;
	margin-bottom: 13px;
}

.ways-to-redeem-section .ways-to-redeem-wrapper>div .row>div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ways-to-redeem-section .ways-to-redeem-wrapper>div.green .box {
	background-color: #f9fcf8;
}

.ways-to-redeem-section .ways-to-redeem-wrapper>div.orange .box {
	background-color: #f8e5c7;
}

.program-section.refer-a-friend-section .content-box,
.program-section.refer-a-friend-section {
	background-color: #fffef7;
}

.earn-reward-section.get-most-reward .earn-reward-wrapper {
	margin-top: 140px;
	padding-top: 105px;
	padding-bottom: 105px;
	padding-left: 50px;
	padding-right: 50px;
	height: auto
}

.earn-reward-section.get-most-reward .earn-reward-wrapper .box {
	max-width: 966px;
	width: 100%;
	margin: 0 auto;
}

.earn-reward-section.get-most-reward h2 {
	margin-bottom: 50px;
}

.Q-A-section {
	padding-top: 32px;
}

.Q-A-section .faq-accordion-wrp {
	margin-bottom: 0;
}

.Q-A-section h2 {
	margin-bottom: 90px;
}

.post-signin-section {
	background-color: #f9fcf8;
}

.post-signin-section .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 140px;
	padding-right: 140px;
	height: 100%;
	height: 372px;
}

.post-signin-section .row .banner-content h2 {
	margin-bottom: 32px;
}

.post-signin-section .row .banner-content h5 {
	text-align: center;
}

.post-signin-section .row .banner-content h5 {
	margin-bottom: 0;
}


/*loyalty,Reward,friend ends*/
.page-loyalty-reward .banner.about-banner-section .banner-text p:last-child {
	font-size: 14px;
}

/* Product page css strarts  .............   */

.product .section {
	max-width: 100%;
	width: 100%;
}

.product .product__images {
	margin-right: 56px;
	width: 45%;
	margin-left: 42px;
}

.product .product__details {
	width: calc(45% - 0px);
	margin-right: 0;
	margin-left: 20px;
}
      .product .product__details .mobile-product-block.product-block.product-block--description .description p strong {
font-family: 'Conv_Metropolis-Bold';
	font-weight: 700;
}
.product .product__images .gallery-wrap .product_gallery .flickity-viewport {
	height: 570px!important;
}

.product .product__images .gallery-wrap .product_gallery img {
	height: 100%;
	object-fit: contain;
	background-color: #fff;
}

.product_gallery .gallery-cell,
.product_gallery .gallery-cell a,
.product_gallery .gallery-cell a .image__container,
.product_gallery .gallery-cell a .image__container .zoom-container {
	height: 100%;
}

.product .product__images .gallery-wrap .product_gallery_nav .gallery-cell img {
	height: 100%;
	object-fit: contain;
}

.product .product__images .gallery-wrap .product_gallery_nav .gallery-cell {
	width: 23.6%;
	height: 145px;
	padding: 5px;
	margin-right: 20px;
	border: 1px solid #7a7a7a;
	transition: 600ms;
}

.product .product__images .gallery-wrap .product_gallery_nav .gallery-cell.is-nav-selected {
	border: 2px solid #044141;
}

.product .product__details .product-block--title h1 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 42px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 1;
	text-align: left;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.modal_price .price_with_review {
	display: flex;
	align-items: center;
}

.modal_price .price_with_review .price-ui {
	margin-right: 36px;
}

.modal_price .price_with_review .price-ui .price span {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 34px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.4px;
	line-height: 1;
	text-align: left;
}

.modal_price .price_with_review .okeReviews .okeReviews-starRating-indicator-layer--foreground {
	background-image: url(data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2280%22%20height%3D%2214%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFB829%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)!important;
	width: 0;
}

.okeReviews--theme.okeReviews .okeReviews-reviewsSummary-starRating {
	margin-right: 18px;
}

.okeReviews-reviewsSummary-ratingCount span {
	color: #404143;
	font-family: 'Conv_Metropolis-medium';
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.01px;
	line-height: 1;
	text-align: left;
}

.roast_type_container>p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 3.85px;
	line-height: 15.6px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 20px;
}

shopify-payment-terms,
.product_section .description p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1.5;
	text-align: left;
}

.product_section .description p a,
shopify-payment-terms .shopify-installments button .shopify-installments__learn-more {
	text-decoration: underline;
	color: var(--color-yellow);
	font-style: italic;
}

.images_certified img {
	margin-right: 25px;
}

.images_certified {
	margin-bottom: 15px;
}

.shopify-product-form .select {
	display: flex
}

.shopify-product-form .select>.selector-wrapper {
	width: 190px;
	margin-right: 20px;
	/*   height:53px; */
}

.shopify-product-form .select>.selector-wrapper select {
	border: 2px solid #044141;
	height: 53px;
	color: #25292b;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
	padding: 17px 24px 15px 18px;
	cursor: pointer;
}

.shopify-product-form .select>.selector-wrapper select option {
	color: #25292b;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
	border: 2px solid #044141;
}

.flavor_char p.heading {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.44px;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 30px;
}

.flavor_char p.data,
.rc_popup .rc_popup__hover .rc_popup__label {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 40px;
	text-align: left;
}

.flavor_char {
	margin-bottom: 30px;
}

.product_section .product_form {
	max-width: 450px;
}

.rc-template__legacy-radio .rc-radio__label,
.rc-template__legacy-radio .rc-radio__label>span {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
}

.rc-template__legacy-radio .rc-radio.rc-option__subsave {
	position: relative;
	padding: 8px!important;
}

.rc-template__legacy-radio .rc-radio.rc-option__subsave.rc_widget__option--active {
	margin-bottom: 100px;
}

.rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans {
	position: absolute;
	padding-bottom: 8px;
	width: 100%;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 24px;
	padding-left: 0;
}

.rc-template__legacy-radio .rc-radio input[type="radio"]:checked,
.rc-template__legacy-radio .rc-radio input[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.rc-template__legacy-radio .rc-radio input[type="radio"]:checked+label,
.rc-template__legacy-radio .rc-radio input[type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 0;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	margin-bottom: 0;
}

.rc-template__legacy-radio .rc-radio input[type="radio"]:checked+label:before,
.rc-template__legacy-radio .rc-radio input[type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	right: 100%;
	top: -3px;
	width: 24px;
	height: 24px;
	border: 2px solid #044141;
	border-radius: 100%;
	background: #fff;
	margin-right: 25px;
}

.rc-template__legacy-radio .rc-radio input[type="radio"]:checked+label:after,
.rc-template__legacy-radio .rc-radio input[type="radio"]:not(:checked)+label:after {
	content: '';
	width: 14px;
	height: 14px;
	background-color: #044141;
	position: absolute;
	top: 4px;
	right: 100%;
	margin-right: 32px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.rc-template__legacy-radio .rc-radio {
	margin-left: 46px;
	margin-bottom: 12px;
}

.rc-template__legacy-radio .rc-radio input[type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.rc-template__legacy-radio .rc-radio input[type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans {
	padding-left: 0!important;
}

.rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans select {
	border: 2px solid #044141;
	height: 53px;
	color: #25292b;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
	padding: 17px 24px 15px 18px;
	width: 93%;
	cursor: pointer;
}

.rc-widget .rc-option--active {
	background-color: #f3f9f1!important;
}

.product-quantity-box .quantity {
	height: 88px;
	border: 2px solid #044141;
	color: #25292b;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 5.6px;
	line-height: 1;
	text-align: center;
	width: 100%;
	margin-bottom: 0;
}

.product-quantity-box.purchase-details__quantity {
	margin-right: 5px;
	width: calc(40% - 12px);
	max-width: 170px;
}

.product_section .product_form {
	max-width: 100%;
}

.rc-widget-injection-parent {
	max-width: 50%;
}

.purchase-details__buttons {
	flex: 1 0 calc(60% - 28px);
	margin-left: 28px;
	height: 88px;
	background-color: #044141;
	max-width: 50%;
}

.purchase-details__buttons .global-button--primary {
	color: #feffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 25px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 1;
	text-align: center;
	background-color: #044141;
	border-radius: 0;
	transition: 0.5s ease;
}

.purchase-details__buttons .global-button--primary:hover {
	background: var(--color-yellow);
}

.purchase-details .free_ship_data {
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 40px;
}

.purchase-details .free_ship_data img {
	width: 64px;
	height: 48px;
	margin-right: 16px;
}

.purchase-details .free_ship_data p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 1.2;
	text-align: left;
	text-transform: uppercase;
}


/*  pdp-story-section......      */

.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap h2 {
	margin-bottom: 25px;
}
     .product .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap h2 {
text-align: left;
}

.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap {
	padding-left: 70px;
	padding-top: 60px;
}

.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap p {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 40px;
}
   .product   .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap p {
margin-bottom: 35px;
}
.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap p span {
    background-color: transparent!important;
    background: transparent!important;
    font-size: 20px!important;
    font-family: 'Conv_Metropolis-Light'!important;
    letter-spacing:  0.24px!important;
    line-height: 1.4!important;
  color: #25292b!important;
    font-weight: 300!important;
    font-style: normal;
}

.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap h5 {
	/* Style for "Best for:" */
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 45px;
	text-transform: uppercase;
}

.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap ul {
	max-width: 100%;
	justify-content: flex-start;
}

.pdp-story-section.our-programs-section .our-programs-wrapper .custom-col-6:first-child {
	width: 51.5%;
}

.pdp-story-section.our-programs-section .our-programs-wrapper .custom-col-6:last-child {
	width: 48.5%;
}

.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap ul li {
	width: 33%;
}

.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap ul li h5 {
	text-align: center;
	margin-bottom: 0;
}


/*       pdp-story-section ends */


/*       .rebuy-widget .primary-title css starts */

.rebuy-widget .primary-title {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 48px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.01em;
	line-height: 1;
	text-align: center;
	margin-bottom: 60px;
}

.rebuy-widget .rebuy-product-block .rebuy-product-media {
	height: 365px;
}

.rebuy-widget .rebuy-product-block .rebuy-product-media a.rebuy-product-image.clickable {
	height: 100%;
}

.rebuy-widget .rebuy-product-block .rebuy-product-info .rebuy-product-title.clickable {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 19px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.28px;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 20px;
}

.rebuy-money,
.rebuy-widget .rebuy-money {
	color: #404143 !important;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 1;
	margin-bottom: 22px;
	text-align: center;
}

.product .rebuy-select,
.product .rebuy-widget .rebuy-select {
	height: 52px;
	border: 2px solid #044141;
	color: #25292b;
	font-family: 'Conv_Metropolis-SemiBold';
	background-color: #fff;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
	border-radius: 0;
}

.product .rebuy-button,
.product .rebuy-widget .rebuy-button,
.product .rebuy-cart__flyout-empty-cart a {
	width: 228px;
	height: 68px;
	border-radius: 0;
	background: none;
	background-color: #044141;
	border: 0;
	margin: 0 auto;
	color: #feffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 1;
	border-radius: 0;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s ease;
}

.product .rebuy-button:hover,
.product .rebuy-widget .rebuy-button:hover,
.product .rebuy-cart__flyout-empty-cart a:hover {
	background-color: var(--color-yellow);
}

.product .rebuy-widget .rebuy-product-block .rebuy-product-actions {
	margin-top: 18px;
}

.product .okeReviews .okeReviews-reviewsCarousel-heading {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 48px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.01em line-height: 1;
	text-align: center;
	margin-bottom: 25px;
}

.product .okeReviews .okeReviews-reviewsCarousel-header-storeRating {
	margin-bottom: 20px;
}

.product .okeReviews .okeReviews-reviewsCarousel-header {
	margin-bottom: 65px;
}

.product .okeReviews .okeReviews-reviewsCarousel-header-reviewsCount {
	color: #404143;
	font-family: 'Conv_Metropolis-medium';
	font-size: 16px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 1.28px;
	line-height: 1;
	text-align: center;
}

.product .okeReviews .okeReviews-reviewsCarousel-slider-slide-inner {
	/*       	width: 462px; */
	/*         height: 663px; */
	background-color: rgba(248, 251, 246, 0.5);
	background-color: transparent;
	/*         opacity: 0.5; */
	padding: 30px;
}

.product .okeReviews .okeReviews-reviewsCarousel-review-product-image {
	height: 210px;
}

.product .okeReviews .okeReviews-reviewsCarousel-review-product-name {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 28px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.28px;
	line-height: 1;
	text-align: center;
	margin-bottom: 15px;
}

.product .okeReviews .okeReviews-starRating-indicator-layer--foreground {
	background-image: url(data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2280%22%20height%3D%2214%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFB829%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
	width: 0;
}

.product .okeReviews-reviewsCarousel-review-content-rating {
	margin-bottom: 30px!important;
}

.product .okeReviews .okeReviews-reviewsCarousel-review-content-heading {
	color: #404143;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 1;
	text-align: center;
	margin-bottom: 10px;
}

.product .okeReviews .okeReviews-reviewsCarousel-review-content-body {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.22px;
	line-height: 36px;
	text-align: center;
}

.product .okeReviews .okeReviews-reviewsCarousel-review-reviewer-name {
	color: #404143;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 1;
	margin-bottom: 9px;
	text-align: center;
}

.product .okeReviews .okeReviews-reviewsCarousel-review-reviewer-date {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.2px;
	line-height: 1;
	text-align: center;
}

.product .great-coffee-section .order-goodness-wrapper .row {
	margin: 0;
}

.product .okeReviews .flickity-enabled.is-draggable {
	max-width: 1720px;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px;
}

.product .okeReviews .okeReviews-reviewsCarousel-slider .flickity-prev-next-button {
	background-color: #f3f9f1;
	border-radius: 100%;
}

.product .okeReviews .flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 30%;
	top: 32%;
	width: 37%;
	height: 37%;
}

.product .okeReviews .okeReviews-reviewsCarousel-slider .flickity-prev-next-button .arrow {
	fill: #04413f;
}


/*       .rebuy-widget .primary-title css ends */


/*       review section csss */

.product .product-app--container .container .column,
.product .product-app--container .container .columns {
	width: 100%;
	/*         padding:60px; */
}

.product .okeReviews.okeReviews--theme .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-review-primary {
	padding: 60px 125px;
	background-color: #fffef7;
	/*          margin-bottom:45px; */
}

.product .okeReviews .okeReviews-reviewsWidget--minimal .okeReviews-reviews-review {
	margin-bottom: 45px;
}

.product .okeReviews-review-reviewer-profile-name {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.44px;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
}

.product .okeReviews-review-date>span {
	color: #404143;
	font-family: 'Conv_Metropolis-Light';
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.18px;
	line-height: 1;
	text-align: right;
}

.product .okeReviews-review-attribute.okeReviews-review-attribute--ageRange>div {
	color: #404143;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.18px;
	line-height: 1;
	text-align: left;
}

.product .okeReviews .okeReviews-helpful-question {
	color: #404143;
	font-family: 'Conv_Metropolis-Light';
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 1.44px;
	line-height: 15.6px;
	text-align: left;
	text-transform: capitalize;
}

.product .okeReviews .okeReviews-review-helpful-vote-button--positive:before,
.product .okeReviews .okeReviews-review-helpful-vote-button--negative:before {
	color: #044141!important;
}

.product .okeReviews p:last-child {
	color: #25292b;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 24px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 40px;
	text-align: left;
}


/* blog-post-detail sectionb csss...... */


/*blog post page css start*/

.banner.about-banner-section.post-banner {
	height: 450px;
}

.post-detail-section {
	padding: 64px 0 130px;
}

.post-detail-section .post-detail-wrapper {
	padding-left: 310px;
	padding-right: 310px;
}

.post-detail-section .post-detail-wrapper h6 {
	color: #044141;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.44px;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.post-detail-section .post-detail-wrapper h5 {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 40px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 50px;
	padding-top: 20px;
}

.post-detail-section .post-detail-wrapper h2 {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 60px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.6px;
	line-height: 62px;
	text-align: left;
	margin-bottom: 40px;
}

.post-detail-section .post-detail-wrapper p,
.post-detail-section .post-detail-wrapper ul li {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.29px;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 30px;
}
.post-detail-section .post-detail-wrapper p >br {
	display: contents;
}
.article .wp-block-image {
	margin-bottom: 30px;
}

.post-detail-section .post-detail-wrapper ul li {
	position: relative;
	padding-left: 28px;
}

.post-detail-section .post-detail-wrapper ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	width: 8px;
	height: 8px;
	background: #3a3a3a;
	border-radius: 100%;
}

.post-detail-section .post-detail-wrapper {
	position: relative;
}

.post-detail-section .post-detail-wrapper p>span {
	font-family: 'Conv_Metropolis-Bold';
	font-weight: 700;
}

.post-detail-section .post-detail-wrapper span.date {
	color: #707070;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.36px;
	line-height: 1;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0
}

.post-detail-section .btn-wrapper {
	padding-top: 100px;
	width: 100%;
}

.post-detail-section .btn-wrapper a {
	color: #707070;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 1.1;
	text-align: left;
	transition: 0.5s ease;
	width: 35%;
	align-items: center;
	flex-wrap: nowrap;
}
.post-detail-section .btn-wrapper a:last-child {
	display: flex;
    justify-content: flex-end;
}

.post-detail-section .btn-wrapper a.right-btn {
	text-align: right;
}

.post-detail-section .btn-wrapper a span.left-arr {
	margin-right: 15px;
	display: inline-block;
}

.post-detail-section .btn-wrapper a span.right-arr {
	margin-right: 15px;
	display: inline-block;
}

.post-detail-section .btn-wrapper a span svg path {
	transition: 0.5s ease;
}

.post-detail-section .btn-wrapper a:hover span svg path,
.btn-wrapper a:hover {
	color: var(--color-yellow);
	stroke: var(--color-yellow);
}


/* blog-post-detail sectionb csss....end.. */


/* css By AT */

.product .okeReviews-reviewsAggregate-side {
	flex: 0 0 40%;
	max-width: 40%;
}

.product .okeReviews-reviewsAggregate-primary {
	flex: 0 0 60%;
	max-width: 60%;
}

.product .okeReviews.okeReviews--theme .okeReviews-badge--rating {
	background-color: transparent;
	color: #044141;
	font-size: 60px;
	padding-left: 0px;
	font-family: 'Conv_Metropolis-bold';
}

.product .okeReviews-reviewsAggregate-side-inner {
	width: 100% !important;
}

.product .okeReviews-reviewsAggregate-summary {
	display: flex;
	align-items: center;
}

.product .okeReviews .okeReviews-reviewsAggregate-summary-total {
	color: #404143;
	padding-left: 20px;
	font-family: 'Conv_Metropolis-Light';
	font-size: 16px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.01rem;
	margin-top: -5px !important;
}

.product .okeReviews-reviewsAggregate {
	display: flex !important;
	align-items: center !important;
}

.product .okeReviews .okeReviews-reviewsWidget--minimal .okeReviews-reviewsAggregate-primary-inner {
	align-items: center;
}

.product .okeReviews-reviewsAggregate-controls {
	display: flex !important;
	flex-flow: row !important;
}

.product .okeReviews-reviewsAggregate-controls-item {
	margin-right: 15px !important;
}

.product .okeReviews-reviewsAggregate-controls-item a {
	color: #feffff !important;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	background: #044141 !important;
	text-transform: uppercase;
	margin-right: 15px;
}

.product .okeReviews-select-input.js-okeReviews-select-input {
	height: 48px;
	background: #044141;
	border-radius: 0px;
	color: #feffff !important;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	background: #044141 !important;
	text-transform: uppercase;
	cursor: pointer;
}

.product .okeReviews .okeReviews-reviewsWidget--minimal .okeReviews-reviewsAggregate-controls-item {
	margin-top: 0px !important;
}

.product .okeReviews .okeReviews-select:after {
	border-top: 6px solid #fff;
}


/* Start Product page Responsiveness CSS  */

.product .okeReviews--theme.okeReviews .okeReviews-reviewsSummary-starRating {
	position: relative;
	top: -4px;
}

.product .product-block--form .selector-wrapper label {
	text-transform: uppercase;
	margin-bottom: 0px;
	color: #25292b;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 14px;
	font-weight: 500;
}

#storeify_content_formbuilder_6291 .storeify-checkbox-label {
	font-size: 16px !important;
}

@media (min-width:1200px) {
	.product .gallery-wrap.gallery-arrows--true.gallery-thumbnails--bottom {
		padding-top: 45px;
	}
}

@media (max-width:1200px) {
	.factory-store-section .factory-store-wrapper .right-content-box .achievments-list>div {
		width: 48%;
		margin-bottom: 10px;
	}
	.product .rebuy-widget .rebuy-product-grid.large-carousel .rebuy-product-block {
		width: 33.33%;
	}
  body .okeReviews .flickity-prev-next-button.next {
  	right: 15px;
  }
  body .okeReviews .flickity-prev-next-button.previous {
  	left: 15px;
  }
  body .okeReviews-reviewsCarousel-review,
  body.product .okeReviews .okeReviews-reviewsCarousel-slider-slide-inner {
  	padding: 0;
  }
}

@media (max-width:1445px) {
  	.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap h5 {
		font-size: 16px;
		line-height: 1.3;
      
	}
  	.our-programs-section .our-programs-wrapper .left-contet-wrap ul li img {
    	margin-bottom: 32px;
    }
	.product .product__images {
		margin-left: 0px;
	}
	.product button.add_to_cart .text {
		width: 75%;
	}
	.product .okeReviews-reviewsAggregate-controls {
		margin-top: 5px;
		flex-flow: column !important;
	}
	.product .okeReviews .okeReviews-reviewsWidget--minimal .okeReviews-reviewsAggregate-controls-item {
		margin-top: 5px !important;
	}
	.product-quantity-box .quantity,
	.purchase-details__buttons {
		height: 70px;
	}
	.great-coffee-section .order-goodness-wrapper .row .box h5 {
		min-height: 127px;
		height: auto;
	}
	.post-detail-section .btn-wrapper a {
		font-size: 16px;
	}
	.rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans select {
		padding: 11px 28px 11px 10px;
		width: 100%;
		font-size: 13px;
	}
	.product-quantity-box .quantity,
	..purchase-details__buttons {
		height: 77px;
	}
  .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap p {
margin-bottom: 25px;
}
.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap p span {
    font-size: 16px!important;
}

}

@media (max-width:1366px) {
	.purchase-details__buttons .global-button--primary {
		font-size: 20px;
	}
	.product .our-programs-wrapper .img-box {
		height: 100%;
	}
	.product .our-programs-wrapper .img-box img {
		height: 100%;
		object-fit: cover;
	}
	.purchase-details__buttons {
		max-width: 60%;
	}
}
      

@media (max-width:1099px) {
	.product .rc-widget-injection-parent {
		max-width: 100%;
	}
	.product .flavor_char {
		margin-bottom: 20px;
	}
	.product .product__details .product-block--title h1,
	.product .okeReviews .okeReviews-reviewsCarousel-heading {
		font-size: 32px;
	}
	.product .product-quantity-box .quantity {
		width: 100%;
	}
	.product .product-quantity-box.purchase-details__quantity {
		width: 22%;
	}
	.product .great-coffee-section .order-goodness-wrapper h2,
	.product .rebuy-widget .primary-title {
		font-size: 32px;
	}
	.product .order-goodness-section .order-goodness-wrapper h2 {
		font-size: 32px;
	}
	.product .our-programs-section .our-programs-wrapper .left-contet-wrap h2 {
		font-size: 32px
	}
	.product .great-coffee-section {
		padding: 20px 0;
	}
	.product .order-goodness-section .row {
		padding-bottom: 50px;
	}
	.product .okeReviews .okeReviews-reviewsCarousel-slider-slide-inner {
		width: auto;
	}
	.product .rebuy-widget .rebuy-product-block .rebuy-product-media {
		height: auto;
	}
	.product .rebuy-widget .rebuy-product-grid.large-carousel .rebuy-product-block {
		min-height: auto;
	}
	.product .rebuy-button,
	.product .rebuy-widget .rebuy-button,
	.product .rebuy-cart__flyout-empty-cart a {
		width: auto;
	}
	.purchase-details__buttons {
		max-width: 100%;
	}
}
      @media(max-width: 1025px){
.how-it-works-section .row .content-box ol li:before {
	    margin-top: 4px;
    font-size: 14px!important;
	}
}

@media (max-width:1024px) {
	.product .product__images {
		margin-right: 25px;
		width: 40%;
	}
	.product .product__details {
		width: calc(54% - 20px);
	}
	.product .product__images .gallery-wrap .product_gallery_nav .gallery-cell {
		height: auto;
	}
	.product .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap ul li {
		width: 47%;
	}
	.contact-hero-banner {
		padding-top: 20px;
	}
	#shopify-section-wholesale-hero-section {
		padding-top: 25px;
	}
	.cart-container span.cart_count {
		background-color: transparent !important;
		color: #044141 !important;
	}
	.post-detail-section .btn-wrapper a {
		font-size: 14px;
	}
.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap p span {
    font-size: 15px!important;
}
}

@media (max-width:800px) {
	.product .product__images {
		margin-right: 25px;
		width: 100%;
	}
	.product .product__details {
		width: 100%;
	}
	.product .pdp-story-section.our-programs-section .our-programs-wrapper .custom-col-6:first-child {
		width: 100%;
	}
	.product .pdp-story-section.our-programs-section .our-programs-wrapper .custom-col-6:last-child {
		width: 100%;
	}
	.product .custom-col-3 {
		width: 46%;
		padding: 0 25px;
	}
	.product .great-coffee-section .order-goodness-wrapper .row .box {
		margin-bottom: 60px;
	}
}

@media (max-width:780px) {
	.product .product_section {
		margin-top: 70px;
	}
	.product .okeReviews-reviewsAggregate-summary {
		align-items: self-start;
		flex-direction: column;
	}
}

@media (max-width:768px) {
	.product .rebuy-widget .rebuy-product-grid.large-carousel .rebuy-product-block {
		width: 50%;
	}
	.product .product_section {
		margin-top: 0px;
	}
	.product .okeReviews .okeReviews-reviewsAggregate-summary-total {
		padding-left: 0px;
	}
	.product .okeReviews-reviewsAggregate-main {
		display: none;
	}
	body .promo-banner p {
		line-height: 1;
		color: #fff;
		font-family: Conv_Metropolis-light;
		font-size: 13px;
		letter-spacing: .18px;
		text-transform: uppercase;
		font-weight: normal;
		line-height: 17px;
		padding: 5px 0px !important;
		height: 50px !important;
	}
	.product .okeReviews .okeReviews-reviewsWidget--minimal .okeReviews-reviewsAggregate-primary-inner {
		align-items: flex-end;
	}
.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap p span {
    background-color: transparent!important;
    background: transparent!important;
    font-size: 14px!important;
    font-family: 'Conv_Metropolis-Light'!important;
    letter-spacing: 0.14px!important;
    line-height: 21px!important;
  color: #25292b!important;
}
  .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap p {
margin-bottom: 25px;
}
  .product .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap ul {
	margin-top: 30px;
  }

}

@media (max-width:640px) {
	.product .product__details {
		margin-left: 0px;
          margin-top: -25px;
	}
	.product .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap ul li {
		width: 100%;
	}
	.product .custom-col-3 {
		width: 100%;
		padding: 0 25px;
	}
  .product .order-goodness-section .custom-col-3 {
margin-bottom: 0;
}
	.product .rebuy-widget .rebuy-product-grid.large-carousel .rebuy-product-block {
		width: 100%;
      padding-top:0;
	}
	.great-coffee-section .order-goodness-wrapper .row .box h5 {
		min-height: auto;
		height: auto;
	}
	.product .custom-col-4 {
		width: 100%;
	}
	.product .order-goodness-section .order-goodness-wrapper .row .box {
		margin-bottom: 45px;
	}
	.product .order-goodness-section .order-goodness-wrapper .row .box img {
		margin-bottom: 15px;
	}
	.product .product__images {
		margin-right: 0px;
	}
	.product .product_section .description p,
  	.product .product_section .description span {
		font-size: 14px;
		line-height: 1.3;
      
      letter-spacing: 0.14px;
	}
	.product_gallery .gallery-cell {
		padding-right: 0px;
	}
	.product .okeReviews .okeReviews-review-helpful {
		text-align: left;
	}
	body .promo-banner .promo-banner__content {
		font-size: 10px;
		max-height: 65px;
      padding: 12px 0;
	}
	#header a.mobile_logo img {
		width: auto;
		max-width: 150px;
		max-height: 63px;
	}
	.product .product__details .product-block--title h1,
	.product .okeReviews .okeReviews-reviewsCarousel-heading {
		font-size: 28px;
		font-family: Conv_Metropolis-bold;
	}
	.product .great-coffee-section .order-goodness-wrapper h2,
	.product .rebuy-widget .primary-title {
		font-size: 28px;
		font-family: Conv_Metropolis-bold;
	}
	.product .order-goodness-section .order-goodness-wrapper h2 {
		font-size: 28px;
		font-family: Conv_Metropolis-bold;
	}
	.product .our-programs-section .our-programs-wrapper .left-contet-wrap h2 {
		font-size: 28px;
		font-family: Conv_Metropolis-bold;
	}
  .page-subscription .Q-A-section .container-lg >p{
font-size: 14px;
    letter-spacing: 0.14px;
}
  .product  .swatch .swatch-element {
	margin: 0;
    transform: translateZ(0);
    min-width: 25%;
    padding: 0 4px;
    margin-bottom: 8px;
  }
  .product .swatch_options label {
	    min-width: 100%!important;
	}
  .rebuy-cart__flyout-discount-right .rebuy-button {
font-size: 14px;
min-width : 80px;

}
  	.rebuy-cart__flyout-label {
      font-size: 12px;
      line-height: 1;
	}
  .rebuy-cart__flyout-discount-right .rebuy-button , .rebuy-button.block {
	height: 46px !important;
    border-radius: 0px !important;
    font-size: 14px;

	}
  .rebuy-button.block {
    margin-bottom: 5px;
}
  .rebuy-cart__flyout-subtotal-label , .rebuy-cart__flyout-subtotal-amount {
font-size: 16px;
}
.rebuy-cart__flyout .rebuy-button+.rebuy-button {

margin-bottom: 0px!important;

}
 .rebuy-cart__flyout .rebuy-button+.rebuy-button {
    background: transparent!important;
    border: 2px solid #044141;
    color: #044141;
}
  .rebuy-cart__flyout .rebuy-button+.rebuy-button span {
    color: #044141;
}
  .rebuy-cart__flyout .rebuy-button+.rebuy-button:hover:before, 
	.rebuy-cart__flyout .rebuy-button+.rebuy-button:hover:after {
	background: #044141;
	}
  .rebuy-cart__flyout .rebuy-button+.rebuy-button:hover span {
color: #fff;
}
}
 .rebuy-cart__flyout .rebuy-button+.rebuy-button {
    background: transparent!important;
    border: 2px solid #044141;
    color: #044141;
}
  .rebuy-cart__flyout .rebuy-button+.rebuy-button span {
    color: #044141;
}
  .rebuy-cart__flyout .rebuy-button+.rebuy-button:hover:before, 
	.rebuy-cart__flyout .rebuy-button+.rebuy-button:hover:after {
	background: #044141;
	}
  .rebuy-cart__flyout .rebuy-button+.rebuy-button:hover span {
color: #fff;
}
      .rebuy-cart__flyout-label, .rebuy-cart__flyout-subtotal-label, .rebuy-cart__flyout-subtotal-amount {
font-size: 16px;
}
@media (max-width:575px) {
	.container {
		padding: 0px 10px;
	}
	.product .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap {
		padding-left: 15px;
		padding-top: 25px;
		padding-right: 15px;
	}
	.product .product__images .gallery-wrap .product_gallery .flickity-viewport {
      height: 440px!important;
      padding-top: 30px;
	}
  .product .product_gallery.flickity-enabled {
	margin-bottom: 0;
	}
	.product .rc-template__legacy-radio .rc-radio {
		white-space: normal;
	}
	.product .rc-template__legacy-radio .rc-radio {
		margin-left: 24px;
	}
  .product .rc-template__legacy-radio .rc-radio:first-child {
	margin-bottom: 0;
	}
.rc-template__legacy-radio .rc-radio input[type="radio"]:checked+label:before, 
  .rc-template__legacy-radio .rc-radio input[type="radio"]:not(:checked)+label:before {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.rc-template__legacy-radio .rc-radio input[type="radio"]:checked+label:after, .rc-template__legacy-radio .rc-radio input[type="radio"]:not(:checked)+label:after {
width: 12px;
    height: 12px;
    background-color: #044141;
    position: absolute;
    top: 1px;
    right: 100%;
    margin-right: 14px;
    border-radius: 100%;
  top: 50%;
    transform: translateY(-50%);
}
	.product .rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans select {
		padding-right: 39px;
		width: 110%;
	}
	.pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap p,
	.great-coffee-section .order-goodness-wrapper .row .box p,
	.product .okeReviews .okeReviews-reviewsCarousel-review-content-body,
	.product .okeReviews p:last-child,
	.order-goodness-section .order-goodness-wrapper p,
	.product_section .description p {
		font-size: 20px;
		line-height: 31px;
	}
	.product_section .description p {
		font-size: 20px;
		line-height: 31px;
	}
	.shopify-installments__content {
		font-size: 20px;
		line-height: 31px;
	}
	.product_section .description,
	.flavor_char p.data,
	.rc_popup .rc_popup__hover .rc_popup__label {
		font-size: 20px;
		line-height: 30px;
	}
	.shopify-installments {
		font-size: 20px;
		line-height: 30px;
	}
	.shopify-installments__content {
		margin-bottom: 25px;
		padding-right: 4px;
		font-size: 20px;
		line-height: 30px;
		display: block;
	}
	.product .product_section .description p,.product .product_section .description span {
		font-size: 12px;
		line-height: 1.3;
        letter-spacing: 0.14px;
      margin-bottom: 10px;
	}
	.shopify-payment-terms {
		display: block;
		margin-top: 8px;
		font-size: 20px;
		line-height: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
.page-subscription  .okeReviews .okeReviews-reviewsCarousel-slider-slide-inner .okeReviews-reviewsCarousel-review {
		max-width: 276px;
    	padding: 20px 15px;
	}
/*   .rebuy-widget .rebuy-product-grid.small-columns-1 .rebuy-product-block {
		
	} */
  .rebuy-widget .rebuy-product-block .rebuy-product-actions {
	margin-top: 10px!important;
	}
  .rebuy-widget .rebuy-product-block .rebuy-product-actions .subscription-checkbox {
	margin-bottom: 10px!important;
	}
}

@media (max-width:479px) {
	.product .okeReviews-reviewsAggregate {
		flex-direction: column;
	}
	.product .okeReviews .okeReviews-reviewsAggregate-summary-rating-starRating {
		margin-left: 0px;
	}
	.product .okeReviews-reviewsAggregate-side {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.purchase-details__buttons {
		flex: 1 0 calc(60% - 28px);
		margin-left: 28px;
		height: 50px;
		background-color: #044141;
		font-size: 14px !important;
	}
	.product-quantity-box .quantity {
		height: 50px;
		font-size: 20px;
	}
	.purchase-details__buttons .global-button--primary {
		font-size: 12px;
	}
	body .promo-banner p {
      font-size: 10px;
      font-family: 'Conv_Metropolis-bold';
      letter-spacing: 0.244px;
	}
	.product  .rebuy-widget .rebuy-product-grid.small-columns-1 .rebuy-product-block {
		padding-bottom: 15px;
	}
}


/*End Responsive css */


/* Product page css ends     */


/* Start Footer responsive css */

.footer-section input.contact_email[type=email] {
	margin-bottom: 0px;
	width: 257px;
}

@media (max-width:1160px) {
	.footer-widget-heading h3 {
		font-size: 24px;
	}
	.footer-section input.contact_email[type=email] {
		margin-bottom: 0px;
		width: 257px;
	}
	.footer-section .subscribe-form button {
		width: 90px !important;
	}
}

@media (max-width:800px) {
	.footer-section .custom-col-4:last-child {
		width: 100%;
	}
	.footer-section .custom-col-4 {
		width: 50%;
	}
	.footer-section .custom-col-4:nth-child(2) {
		width: 40%;
	}
	.footer-section .subscribe-form button {
		width: 100px !important;
	}
}

@media (max-width:600px) {
	.footer-section .custom-col-4:last-child {
		width: 100%;
		margin-bottom: 0px;
	}
	.footer-section .custom-col-4 {
		width: 100%;
		margin-bottom: 30px;
	}
  .footer-social-icon a {
font-size: 23px;
}
  .subscribe-footer-form-div input.needsclick {
	font-size: 14px!important;
    font-weight: 500!important;
    font-family: 'Conv_Metropolis-Medium'!important;
    letter-spacing: 0.14px!important;
}

.subscribe-footer-form-div input[type='email']::placeholder {
    font-weight: 500!important;
    font-family: 'Conv_Metropolis-medium'!important;
    font-size: 14px!important;
	letter-spacing: 0.14px!important;
}
	.footer-section .custom-col-4:nth-child(2) {
		width: 100%;
	}
	.footer-section {
		padding: 50px 20px;
	}
	.footer-section .footer-widget {
		width: 100%;
	}
	.footer-widget ul li {
		margin-bottom: 3px;
	}
	.footer-widget ul li a {
		font-size: 16px;
	}
	.collection-page.h2-title .earn-reward-wrapper {
		height: auto;
	}
	.subscribe-form form {
		margin-bottom: 0px;
	}
	.index .banner.about-banner-section .banner-text {
		margin-top: 0px;
	}
}

@media (max-width:640px) {
	.index .banner.about-banner-section .banner-text {
		max-width: 100%;
		padding: 40px 25px;
		padding-bottom: 25px;
		background: #fcfcf9;
	}
	.index .banner.about-banner-section.home-banner {
		background-image: none !important;
		background: #fcfcf9;
	}
    .how-it-works-section .row .content-box ol li:last-child {
        margin-bottom: 40px;
    }
}

@media (max-width:479px) {
	.subscribe-form form {
		flex-direction: column;
	}
	.footer-section input.contact_email[type=email] {
		margin-bottom: 20px;
		width: 100%;
	}
	.footer-section .subscribe-form button {
		width: 100% !important;
	}
}


/*       End CSS */


/* Start Collection page CSS  */


/* mobile-dropdown-menu css */


/* mini-sub-menu css */

.fixed-attr-mini-menu {
	position: fixed !important;
	top: -45px;
	left: 0;
	right: 0;
	width: 100%;
	animation: headerfixed .5s linear;
}

.product .shopify-section:first-child {
	position: relative;
}

.collection .shopify-section:first-child {
	position: relative;
}

.specification .shopify-section:first-child {
	position: relative;
}

.product .main-product-page-box {
	margin: 235px auto;
	margin-bottom: 0px;
}

.metacoffee-category-selected {
	display: none;
}

.metacoffee-category .metacoffee-category-selected a {
	background: #fff no-repeat scroll right center;
	display: block;
	padding-right: 20px;
	border: 1px solid #d7d7d7;
	width: 150px;
	border-radius: 2px;
	text-decoration: none;
	color: #3179ac;
}

.metacoffee-category .metacoffee-category-selected a span {
	cursor: pointer;
	display: block;
	padding: 5px;
}

.metacoffee-category-selected .option {
	position: relative;
}

.metacoffee-category-selected .options ul {
	background: #fff none repeat scroll 0 0;
	display: none;
	list-style: none;
	padding: 0px 0px;
	position: absolute;
	left: 0px;
	top: 32px;
	width: auto;
	min-width: 170px;
	border: 1px solid #d7d7d7;
}

.faceted-filter-group-display__list-item-label {
	padding-bottom: 15px;
	padding-bottom: 5px;
    padding-top: 8px;
    cursor: pointer;
      padding-bottom: 7px;
    padding-top: 9px;
}

@media (min-width: 768px) {
	.category-heading {
		color: #25292b;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 22px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.4px;
		line-height: 22px;
		text-align: left;
		text-transform: uppercase;
        padding-bottom:0;
		margin-bottom:0;
	}
	.metacoffee-category.sub-menu-wrapper .options {
		height: 60px;
	}
	.metacoffee-category .options ul {
		position: static;
		display: flex !important;
		flex-direction: column;
		width: 100%;
		align-items: start;
		border: none;
		height: 100%;
	}
	.metacoffee-category .options ul {
		max-width: 1200px;
		padding: 20px 0px;
	}
	.metacoffee-category .options ul li {
		display: inline-flex;
		max-width: 100%;
		margin-bottom: 15px;
	}
	.metacoffee-category .options ul li a {
		color: #404143;
		font-family: 'Conv_Metropolis-medium';
		font-size: 20px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.2px
	}
}

@media (max-width:767px) {
	.collection-category {
		position: relative;
		margin-bottom: 30px;
	}
	.metacoffee-category.sub-menu-wrapper .metacoffee-category-selected {
		display: block;
		margin-top: 30px;
		background: transparent;
		width: 100%;
		position: static;
		display: flex;
		align-items: flex-start;
		justify-content: start;
		border: 1px solid #f8e5c7;
	}
	.metacoffee-category .options {
		position: relative;
	}
	.metacoffee-category .options ul {
		display: none;
		padding-left: 0px;
		background: white;
		margin: 0px;
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		z-index: 99;
	}
	.metacoffee-category .options li {
		padding: 12px 13px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e1a347;
		border-left: 1px solid #e1a347;
		border-right: 1px solid #e1a347;
		margin-bottom: 0px;
		padding-bottom: 0;
		padding-bottom: 0;
        padding-top: 0;
	}
	.metacoffee-category .options li a {
		font-weight: 700;
		color: #25292b;
	}
	.metacoffee-category .metacoffee-category-selected a {
		background: #f8e5c7;
		border: none;
		width: 100%;
		color: #deb926;
		height: 43px;
		display: flex;
		align-items: center;
		justify-content: start;
		padding-left: 7px;
	}
	.metacoffee-category .metacoffee-category-selected a span {
		cursor: pointer;
		display: block;
		padding: 5px;
		color: #25292b;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 12px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 15.6px;
		text-align: left;
		text-transform: uppercase;
	}
	.metacoffee-category-selected a:before {
		position: absolute;
		content: "";
		right: 20px;
		width: 7px;
		height: 7px;
		border-top: 3px solid #25292b;
		border-right: 3px solid #25292b;
		transform: rotate(135deg);
		top: 13px;
	}
	.fixed-attr-mini-menu .metacoffee-category-selected a:before {
		position: absolute;
		content: "";
		right: 20px;
		width: 12px;
		height: 12px;
		border-top: 3px solid #25292b;
		border-right: 3px solid #25292b;
		transform: rotate(135deg);
		top: 130px;
	}
	.fixed-attr-mini-menu {
		top: -56px;
	}
	.product .metacoffee-category .d-flex.flex-column.menu-mobile-box {
		flex-direction: row !important;
		align-self: center;
	}
	.specification .metacoffee-category .d-flex.flex-column.menu-mobile-box {
		flex-direction: row !important;
		align-self: center;
	}
}


/* end */

.collection-wrapper-box {
	margin: 20px 0px 60px 0px;
}

.collection-container {
	width: 100%;
	max-width: 1520px;
	margin: auto;
	padding: 0px 30px;
}

/* .breadcums-box ul {} */

.breadcums-box ul li {
	display: inline-flex;
	margin-right: 10px;
}

.breadcums-box li a {
	position: relative;
	font-family: 'Conv_Metropolis-medium';
	color: #404143;
	font-size: 24px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 22px;
	text-align: left;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all .3s cubic-bezier(0, 0, .23, 1);
	background-image: linear-gradient(to right, #e09f3e, #e09f3e 50%, #25292b 50%);
	background-size: 200% 100%;
	background-position: 100%;
}

.breadcums-box li a:before {
	content: "/";
	position: absolute;
	right: -9px;
	width: 2px;
	background: #333739;
	transform: rotate(25deg);
}

.breadcums-box li:last-child a:before {
	display: none;
}

.breadcums-box li a:hover {
	transition: all .5s cubic-bezier(0, 0, .23, 1);
	background-position: 0;
}

.collection-product-box {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.search-result {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.4px;
	margin-bottom: 40px;
}

.collection-product-box .column-4 {
	flex: 0 0 25%;
	max-width: 25%;
}

.collection-product-box .column-8 {
	flex: 0 0 75%;
	max-width: 75%;
}

.collection-product-box .category-name {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 39px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 1.2px;
}

.filter-box {
	display: flex;
}

.filter-box h4 {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.4px;
	margin-bottom: 40px;
	text-transform: uppercase;
	flex: 0 0 23%;
	max-width: 23%;
}

.filter-box .filter-show {
	flex: 0 0 77%;
	max-width: 77%;
}

.filter-box .filter-show ul {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-top: 5px;
}

.filter-box .filter-show ul li {
	margin-right: 35px;
	margin-bottom: 15px;
}

.filter-show li a {
	color: #25292b;
	display: inline-block;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all .3s cubic-bezier(0, 0, .23, 1);
	background-image: linear-gradient(to right, #e09f3e, #e09f3e 50%, #25292b 50%);
	background-size: 200% 100%;
	background-position: 100%;
}

.filter-show li a:hover {
	transition: all .5s cubic-bezier(0, 0, .23, 1);
	background-position: 0;
}

.collection-products {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.collection-product-details {
	position: relative;
	width: 100%;
	max-width: 320px;
	padding: 15px 20px;
	margin-top: 20px;
	transition: all 0.5s ease;
	border: 1px solid transparent;
}

.collection-product-details .best-seller-box {
	position: absolute;
	background: #e09f3e;
	height: 37px;
	display: flex;
	align-items: center;
	padding: 0px 18px;
	line-height: 30px;
	color: #ffffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	top: -15px;
	text-transform: uppercase;
}

.collection-product-details .award {
	color: #ffffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2.45px;
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	top: 15px;
	right: -15px;
}

.collection-product-details:hover {
	border: 1px solid #baba45;
	background: #fafaf8;
	border-radius: 4px;
}

.collection-product-details .product-img {
	text-align: right;
	margin-top: 0;
	margin-bottom: 34px;
	display: flex;
	justify-content: end;
}

.collection-product-details .product-img a {
	display: inline-block;
	width: 100%;
	height: 100%;
    text-align: center;
}

.collection-product-details .product-img img {
	width: 100%;
	object-fit: contain;
	max-width: 100%;
}

.collection-product-details .description h4 {
	color: #404143;
	font-family: 'Conv_Metropolis-light';
	font-size: 28px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.28px;
	padding-top: 25px;
}

.collection-product-details .description .price {
	color: #404143;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.24px;
}

.collection-product-details .description .review-text {
	color: #044141;
	font-family: 'Conv_Metropolis-SemiBold';
	font-size: 16px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 1.28px;
}

.collection-product-details .description .coffee-quality {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0.4px;
	line-height: 24px;
	text-transform: uppercase;
  margin-bottom:15px;
}

.collection-product-details .description .gradients {
	color: #25292b;
	font-family: 'Conv_Metropolis-light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.18px;
	line-height: 1.4;
	margin: 15px 0px;
  margin-top:0;
}

.action-btn-box {
	display: flex;
	justify-content: space-between;
}
      .collection .action-btn-box {
      	flex-wrap: wrap;
      }

.action-btn-box button {
	color: #044141;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	padding: 0;
	text-align: left;
	padding-bottom: 10px;
	position: relative;
	text-transform: uppercase;
}

.action-btn-box button:before {
	content: '';
	position: absolute;
	bottom: 0;
	height: 2px;
	background: var(--green);
	left: 0;
	width: 100%;
	transition: 0.5s ease-in-out;
}

.action-btn-box button:after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 2px;
	background: var(--color-yellow);
	left: 0;
	width: 0%;
	transition: 0.5s ease-in-out;
}

.action-btn-box button:hover {
	color: var(--color-yellow);
}

.action-btn-box button:hover:before {
	width: 0;
}

.action-btn-box button:hover:after {
	width: 100%;
}

.collection-product-details .description .rating-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 15px 0px;
}

.collection-product-details .description .star-rating {
	/* direction: rtl; */
	display: inline-flex;
	cursor: default;
}

.collection-product-details .description .star-rating input[type=radio] {
	display: none;
}

.collection-product-details .description .star-rating label {
	color: #e09f3e;
	font-size: 18px;
	padding: 0px 2px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.collection-product-details .description .star-rating label:hover,
.collection-product-details .description .star-rating label:hover~label,
.collection-product-details .description .star-rating input[type=radio]:checked~label {
	color: #e09f3e;
}

.collection-page.h2-title .earn-reward-wrapper {
	background: rgb(242 204 143 / 50%);
	padding: 70px 80px 73px 80px;
}

.collection-page.h2-title h5 {
	text-transform: uppercase;
}

.collection-page.h2-title p {
	font-size: 20px;
	line-height: 30px;
	text-align: left;
}

.dash-design {
	width: 20px;
	position: relative;
	display: inline-flex;
}

.dash-design:before {
	content: "";
	position: absolute;
	width: 17px;
	height: 2px;
	left: 0;
	top: -8px;
	background: #285069;
}

.pagination-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 50px 0px;
	margin-top: 0px;
}
      .collection .pagination-box {
margin-top: 30px;
}

.collection-products {
	margin-bottom: 42px;
}

.page-box ul {
	text-align: center;
	display: inline-flex;
	align-items: center;
}

.page-box ul li {
	min-width: 45px;
}

.page-box ul li a {
	color: #404143;
	font-size: 20px;
	font-family: 'Conv_Metropolis-Bold';
	font-weight: 700;
}
.page-box ul li.current a {
	color: rgba(64,65,67,0.5);
}

.page-box ul li:first-child i {
	font-size: 50px;
	color: #707070;
}

.page-box ul li:last-child i {
	font-size: 50px;
	color: #707070;
}
.order-goodness-section .custom-col-3 {
	padding: 0 18px;
}
.collection-product-box  .title_filter {
	display: flex;
    justify-content: space-between;
  	align-items:center;
}
      .collection-product-box  .title_filter    .filter-box .filter-show {
flex: 0 0 100%;
    max-width: 100%;
}
/*       .filter-box.filter-mobile-collection-box form >div h2 {
display: none;
} */

/* Collection page responsive css start */
@media (max-width: 1600px){
  .collection .order-goodness-section .order-goodness-wrapper h2 {
		margin-top:20px;
	}
  .collection .order-goodness-section .row {
		padding-bottom: 40px;
	}
  .collection-product-details .description .gradients {
		    font-size: 18px;
   
	}
  .collection-product-details {
margin-right: 20px!important;
  }
}
@media (max-width:1024px) {
	.filter-box h4 {
		flex: 0 0 32%;
		max-width: 32%;
		font-size: 16px;
	}
	.filter-box .filter-show {
		flex: 0 0 67%;
		max-width: 67%;
		font-size: 15px;
	}
	.filter-show li a {
		font-size: 15px;
	}
}

@media (max-width:800px) {
	.collection-product-box .category-name {
		font-size: 35px;
	}
	.collection-product-details .description h4 {
		font-size: 24px;
	}
	.collection-product-details {
		max-width: 250px;
	}
	.action-btn-box button {
		font-size: 14px;
		padding: 10px 0px;
	}
	.collection-product-details .description .review-text {
		font-size: 12px;
	}
   
}

@media (max-width:798px) {
	.collection-container {
		margin-top: 100px;
	}
}

@media (max-width:767px) {
	.collection-product-details {
		max-width: 310px;
	}
	.collection-category .category-heading {
		display: none;
	}
	.collection-product-box {
		flex-direction: column;
	}
	.collection-product-box .column-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.collection-product-box .column-8 {
		flex: 0 0 100%;
		max-width: 100%;
	}
    .collection-product-box  .title_filter {
	   padding: 0 7px;
	}
    .collection-product-box  .title_filter + .mobile-result-collection-box {
		padding: 0 10px;
      	margin-bottom: 30px;
	}
  	.collection-product-box  .title_filter + .mobile-result-collection-box >h5 {
		padding-top: 0;
	}
  .filter-box.filter-mobile-collection-box form >div >div select {
	    margin-bottom: 0;
    }
  	.filter-box.filter-mobile-collection-box form {
		margin-bottom: 12px;
	}
  .filter-box.filter-mobile-collection-box form >div {
  margin: 0 3px;
  }
  .collection-page.h2-title .earn-reward-wrapper {
      font-family: 'Conv_Metropolis-light';
      font-size: 14px;
      font-weight: 300;
      font-style: normal;
      letter-spacing: 0.14px;
      line-height: 20px;
	}
  .collection-page.h2-title h5 {
  	padding-bottom: 0;
  }
}

@media (max-width:660px) {
	.collection-product-details {
		max-width: 280px;
	}
	.collection .collection-category .options ul li .menu-mobile-box span {
		color: #404143;
		font-size: 12px;
		font-weight: bold;
		font-style: normal;
		letter-spacing: 0.2px;
		line-height: 19px;
		text-align: left;
	}
	.filter-box {
		flex-direction: column;
	}
 .breadcums-box li a:before {
		width: 1px;
	}
	.filter-box h4 {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		background: #f3f9f1;
		color: #fff;
		padding: 17px 0px;
		padding-bottom: 12px;
		margin-bottom: 25px;
		padding-left: 10px;
		color: #25292b;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 14px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.28px;
	}
	.filter-box .filter-show ul {
		justify-content: space-around;
	}
	.filter-box .filter-show ul li {
		margin-right: 0px;
		margin-left: 0;
		margin-bottom: 14px;
		width: auto;
		border-bottom: 1px solid #ced9cb;
		padding: 10px;
		text-align: center;
	}
  	.filter-box .filter-show ul li:last-child {
        border-bottom: 0;
    }
	.filter-box .filter-show {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.filter-show li a {
		color: #25292b;
		display: inline-block;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
	}
  	.page-about .order-goodness-section .custom-col-3 {
	   margin-bottom: 10px;
	}
  .page-about .index-fueled-rate .slick-dots {
    bottom: 0;
	}
 	.page-about .order-goodness-section .order-goodness-wrapper .row .box {
	    margin-bottom: 30px;
	}
    .page-about  .order-goodness-section .row {
		margin-bottom: 30px;
	}
  .collection .collection-mobile-heading .category-name.collection-heading-name {
      margin-bottom: 0;
      padding-bottom: 0;
  }
}


@media (max-width:599px) {
	.collection-page.h2-title .earn-reward-wrapper {
		padding: 20px 20px;
	}
	.collection-product-details {
		max-width: 100%;
		border: 1px solid #ccc;
	}
	.collection-product-box {
		margin-top: 0px;
	}
  	.collection .okeReviews .okeReviews-reviewsSummary-ratingCount {
    	margin-top: -9px;
	}
}


/* End responsive css */


/* End Collection page CSS */


/* home page responisve css start */

.mobile-banner {
	display: none;
}

@media (max-width:1920px) {
	.banner.about-banner-section.home-banner {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: right;
		background-color: #fafaf8;
		height: auto;
	}
	.home-banner .banner-text {
		padding: 140px 0px;
	}
}

@media (max-width:1440px) {
	.banner.about-banner-section .banner-text {
		padding: 110px 0px;
		margin-left: 20px;
	}
	.banner.about-banner-section .banner-text h1 {
		margin-bottom: 20px;
	}
	.banner.about-banner-section .banner-text p {
		font-size: 20px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.stop-buy-section .row .box {
		padding: 30px 118px;
	}
  .page-subscription  .great-coffee-section {
	padding-top: 50px;
	}
.index .rebuy-widget .rebuy-product-block {
	padding: 20px 13px;  
}
  .subscription-checkbox .rebuy-checkbox-label .rebuy-underline {
      font-size: 14px !important;
    line-height: 1.4 !important;
  }
}

@media (max-width:1199px) {
	.banner.about-banner-section .banner-text h1 {
		font-size: 2.5rem;
	}
	.banner.about-banner-section .banner-text {
		max-width: 510px;
	}
	.great-coffee-section .order-goodness-wrapper h2 {
		font-size: 2.5rem;
	}
	.great-coffee-section .order-goodness-wrapper .row .box h5 {
		font-size: 20px;
	}
  .Steady-brew-section .order-goodness-wrapper .row .box h5 {
		padding: 0 30px;
	}
	.press-section .content-box h2 {
		font-size: 2.5rem;
	}
	.project-x-section .content-box {
		padding: 20px 30px;
      padding-left: 30px
	}
	.home-order-section .order-goodness-wrapper h2 {
		font-size: 2.5rem;
	}
	.custom-col-3 {
		width: 25%;
		padding: 0 10px;
	}
}

@media (max-width:1024px) {
	body {
		overflow-x: hidden;
	}
	.great-coffee-section .order-goodness-wrapper .row .box h5 {
		min-height: 90px;
	}
	.press-section .content-box h2,
	.order-goodness-section.shop-goods-section .order-goodness-wrapper h2,
	.home-order-section .order-goodness-wrapper h2 {
		font-size: 1.6rem;
		line-height: 38px;
	}
	.project-x-section h2 {
		font-size: 30px;
		line-height: 34px;
	}
	.press-section .content-box {
		padding-right: 30px;
		margin-left: 20px;
	}
	.home-cafe-section.project-x-section .img-box {
		height: 100%;
	}
	.home-cafe-section.project-x-section .img-box img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

@media (max-width:991px) {
	.banner.about-banner-section .banner-text {
		max-width: 430px;
	}
	.banner.about-banner-section .banner-text h1 {
		font-size: 2rem;
	}
	.banner.about-banner-section .banner-text p {
		font-size: 16px;
      line-height: 1.4;
	}
	.great-coffee-section .order-goodness-wrapper .row .box p,
	.press-section .content-box p,
	.project-x-section p,
	.press-section .content-box p,
	.project-x-section p,
	.order-goodness-section .order-goodness-wrapper p,
	.order-goodness-section .order-goodness-wrapper p {
		font-size: 18px;
		line-height: 1.3;
	}
	.home-order-section h5 {
		font-size: 1rem;
	}
}

@media (max-width:768px) {
	.banner.about-banner-section.home-banner {
		background-size: contain;
		position: relative;
	}
	.banner.about-banner-section .banner-text {
		max-width: 400px;
	}
	.banner.about-banner-section .banner-text {
		padding: 40px 0px;
		margin-left: 0px;
	}
	.banner.about-banner-section .banner-text h1 {
		font-size: 1.6rem;
	}
	.great-coffee-section .order-goodness-wrapper h2 {
		font-size: 1.6rem;
	}
	.great-coffee-section .order-goodness-wrapper .row {
		margin: 0px;
	}
	.custom-col-3 {
		width: 48%;
		margin-bottom: 50px;
	}
	.great-coffee-section {
		padding: 70px 0;
	}
	.order-goodness-section .row {
		padding-bottom: 30px;
	}
	.coffee-quiz-section {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.order-goodness-section.shop-goods-section .order-goodness-wrapper {
		padding-top: 20px;
	}
	.press-section .content-box {
		padding-right: 30px;
		margin-left: 0px;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.project-x-section .content-box {
		padding: 30px 60px;
	}
	.press-section .img-box,
	.project-x-section .img-box {
		height: 100%;
	}
	.press-section .img-box img,
	.project-x-section .img-box img {
		height: 100%;
		object-fit: cover;
	}
	.order-goodness-section.shop-goods-section .custom-col {
		width: 48%;
		margin-bottom: 35px;
	}
	.order-goodness-section .order-goodness-wrapper .row .box img {
		margin-bottom: 20px;
	}
	.order-goodness-section.shop-goods-section h5 {
		font-size: 1rem;
	}
}

@media (max-width:700px) {
	.press-section .content-box h2,
	.order-goodness-section.shop-goods-section .order-goodness-wrapper h2,
	.home-order-section .order-goodness-wrapper h2 {
		font-size: 1.3rem;
		line-height: 31px;
	}
	.great-coffee-section .order-goodness-wrapper .row .box p,
	.press-section .content-box p,
	.project-x-section p,
	.press-section .content-box p,
	.project-x-section p,
	.order-goodness-section .order-goodness-wrapper p,
	.order-goodness-section .order-goodness-wrapper p {
		font-size: 16px;
		line-height: 1.4;
	}
	.project-x-section h2 {
		font-size: 1.3rem;
		line-height: 31px;
	}
	.banner.about-banner-section.home-banner {
		background-image: none !important;
	}
	.banner.about-banner-section .banner-text {
		max-width: 100%;
		padding: 40px 25px;
	}
	.press-section .content-box {
		padding-left: 30px !important;
	}
	.project-x-section .content-box {
		padding: 30px 30px;
	}
	.custom-col-3 {
		width: 100%;
	}
	.great-coffee-section .order-goodness-wrapper .row .box h5 {
		min-height: auto;
		height: auto;
	}
	.tab-list {
		max-width: 100%;
		justify-content: space-between;
		padding-bottom: 22px;
	}
	.tab-list .tab-item:before {
		bottom: -25px;
	}
	.tab-list .tab-item {
		width: 100px;
		height: 54px;
	}
	.custom-col-6 {
		width: 100%;
	}
	.project-x-section .container-lg {
		padding: 0px;
	}
	.project-x-section .press-wrapper {
		flex-direction: column-reverse;
	}
	.custom-col-4 {
		width: 100%;
		margin-bottom: 40px;
	}
	.home-banner .mobile-banner {
		display: block;
          min-height: 524px;
	}
  .home-banner .mobile-banner img {
    height: 100%;
    object-fit: cover;
  }
	.banner.about-banner-section .container {
		padding: 0px;
	}
	.home-cafe-section {
		margin-top: 80px;
	}
	.great-coffee-section .order-goodness-wrapper h2 {
		font-size: 1.4rem;
		line-height: 35px;
	}
	.home-ticker.ticker {
		height: auto;
	}
	.ticker__text {
		font-size: 16px;
	}
	.order-goodness-section .order-goodness-wrapper .row .box {
		padding-left: 0px;
		padding-right: 0px;
	}
	.home-order-section {
		margin-top: 60px;
	}
}

@media (max-width:479px) {
	.container {
		padding: 0px 15px;
	}
	.container-sm {
		padding: 0px 15px;
	}
	.banner.about-banner-section .banner-text {
		text-align: center;
	}
	.banner.about-banner-section .banner-text p {
		text-align: center;
	}
	.order-goodness-section.shop-goods-section .custom-col {
		width: 40%;
		margin-bottom: 50px;
	}
	.tab-list .tab-item {
		width: 100px;
		height: 26px;
		margin: 0px 8px;
	}
	.btn.primary-btn {
		font-size: 16px;
		padding: 17px 30px
	}
	
}

@media(max-width: 380px){
	.home-banner .mobile-banner {
        display: block;
        min-height: 420px;
    }
}

/* End home page responsive css */


/* Start factory store responsive css */

@media (max-width:1440px) {
	.factory-store-wrapper .image-box {
		height: auto;
	}
	.factory-store-wrapper .image-box img {
		height: 100%;
		object-fit: cover;
	}
}

@media (max-width:1366px) {
	.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap .box {
		width: auto;
		padding-right: 20px;
	}
}

@media (max-width:1024px) {
	.factory-store-wrapper .custom-col-6 {
		width: 100%;
	}
	.factory-store-wrapper .image-box img {
		width: 100%;
	}
	.factory-store-section .factory-store-wrapper .right-content-box {
		padding: 0 22px 50px 22px;
	}
	.factory-store-wrapper .our-detail-wrap .custom-col-6 {
		width: 45%;
	}
}

@media (max-width:768px) {
	.factory-store-section .factory-store-wrapper .right-content-box h2 {
		font-size: 1.6rem;
	}
	.factory-store-section .factory-store-wrapper .right-content-box p {
		font-size: 20px;
	}
	.order-goodness-section .order-goodness-wrapper h2 {
		font-size: 1.6rem;
	}
}

@media (max-width:700px) {
	.factory-store-wrapper .our-detail-wrap .custom-col-6 {
		width: 100%;
	}
	.achievments-list .custom-col-4 {
		width: 33%;
		margin-bottom: 40px;
	}
}

@media (max-width:640px) {
	.achievments-list .custom-col-4 {
		width: 100%;
		margin-bottom: 40px;
	}
	.our-detail-wrap .custom-col-6:last-child {
		text-align: left;
		margin-top: 35px;
	}
}

@media (max-width:479px) {
	.factory-store-section .factory-store-wrapper .right-content-box h2 {
		font-size: 1.3rem;
	}
}


/* End factory store responsive css */


/* Start location page responsive css */

@media (max-width:1299px) {
	.factory-store-section .factory-store-wrapper .right-content-box h2 {
		font-size: 2rem;
	}
	.earn-reward-section h2,
	.about-crafted-section h2,
	.order-goodness-section .order-goodness-wrapper h2 {
		font-size: 2rem;
	}
	.redeem-inner-wrap .redeem-box h6 {
		font-size: 14px;
	}
	.redeem-inner-wrap .redeem-box p {
		font-size: 18px;
	}
	.redeem-inner-wrap .redeem-box {
		padding: 30px 16px;
	}
	.earn-reward-section {
		margin-bottom: 60px;
	}
	.earn-reward-section .earn-reward-wrapper {
		height: auto;
		padding-left: 0px;
		padding-top: 80px;
		margin-top: 20px;
		padding-bottom: 80px;
	}
	.ways-to-redeem-section .ways-to-redeem-wrapper>div .row .box {
		height: 275px;
	}
  .earn-reward-section.redeem-section .earn-reward-wrapper.redeem-wrapper {
padding-left: 30px;
    padding-right: 30px;
}
  .redeem-inner-wrap .custom-col-4 {
padding: 0 10px;

}
.earn-reward-section.redeem-section .redeem-inner-wrap {
    padding-bottom: 0;
    margin-bottom: 0;
}
  .redeem-inner-wrap.row {
margin:0;
}
}

@media (max-width:1024px) {
	.earn-reward-section {
		margin-bottom: 30px;
	}
	.earn-reward-section.redeem-section .earn-reward-wrapper.redeem-wrapper {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media (max-width:800px) {
	.factory-store-section .factory-store-wrapper .right-content-box h2 {
		font-size: 1.6rem;
	}
	.earn-reward-section h2,
	.about-crafted-section h2,
	.order-goodness-section .order-goodness-wrapper h2 {
		font-size: 1.6rem;
	}
	.earn-reward-section.redeem-section .redeem-inner-wrap {
		padding-bottom: 0px;
	}
	.redeem-inner-wrap .custom-col-4 {
		width: 50%;
	}
	.factory-store-section .factory-store-wrapper .right-content-box p {
		font-size: 20px;
	}
	.earn-reward-section p,
	.about-crafted-section p {
		font-size: 16px;
	}
}

@media (max-width:640px) {
	.earn-reward-section .earn-reward-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	.redeem-inner-wrap .redeem-box {
		margin-bottom: 0px;
	}
	.redeem-inner-wrap .custom-col-4 {
		width: 100%;
	}
	.earn-reward-section.redeem-section .earn-reward-wrapper.redeem-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	.factory-store-section .factory-store-wrapper .right-content-box {
		padding: 0 22px 25px 22px;
	}
	.factory-store-section .factory-store-wrapper .right-content-box .achievments-list>div .img {
		height: 50px;
	}
}

@media (max-width:479px) {
	.container-lg {
		padding: 0px 12px;
	}
	.factory-store-section .factory-store-wrapper .right-content-box h2 {
		font-size: 1.2rem;
	}
	.earn-reward-section h2,
	.about-crafted-section h2,
	.order-goodness-section .order-goodness-wrapper h2 {
		font-size: 1.2rem;
	}
	.earn-reward-section.redeem-section .redeem-inner-wrap {
		padding-bottom: 0px;
	}
	.factory-store-section .factory-store-wrapper .right-content-box p {
		font-size: 18px;
	}
	.earn-reward-section p,
	.about-crafted-section p {
		font-size: 18px;
		line-height: 25px;
	}
	.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap p,
	.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap a,
	.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap ul li {
		font-size: 18px;
	}
}

@media (max-width: 360px) {
	.redeem-inner-wrap .redeem-box .icon {
		width: 45px;
		height: 45px;
	}
	.redeem-inner-wrap .redeem-box {
		padding: 15px 13px;
	}
	.redeem-inner-wrap .redeem-box {
		height: auto;
	}
}


/* End location page responsive css */


/* Start Loyalti page responsiveness */


/*.responsive-loyalty-banner {
    display: none;
}*/

@media (max-width:1445px) {
	.banner.about-banner-section.loyalty-banner {
		height: auto;
		background-size: cover;
		background-position: right;
	}
	.banner.about-banner-section.loyalty-banner .banner-text {
		max-width: 835px;
		padding: 40px 0px;
	}
	.banner.about-banner-section.loyalty-banner .banner-text h1 {
		font-size: 2.5rem;
	}
	.subscription-faq-section .subs-faq-wrapper .faq-accordion-wrp li .content-box {
    padding-right: 33px;
    margin-top: 15px;
	}
	.answer li,
	.answer p {
		font-size: 18px;
	}
	.subscription-faq-section .subs-faq-wrapper .faq-accordion-wrp li h4 {
		padding-right: 20px;
		font-size: 16px;
      letter-spacing: 0.024px;
	}
}

@media (max-width:1245px) {
	.ways-to-redeem-section .ways-to-redeem-wrapper h2,
	.Q-A-section h2,
	.post-signin-section .row .banner-content h2 {
		font-size: 2rem;
	}
	.loyalty-redeem-section .redeem-inner-wrap .custom-col-4 {
		width: 48.33%;
		padding: 0 15px;
	}
	.press-section .content-box h2 {
		font-size: 2rem;
	}
	.how-it-works-section .order-goodness-wrapper {
		padding: 0 70px;
	}
}

@media (max-width:1199px) {
	.banner.about-banner-section.loyalty-banner .banner-text h1 {
		font-size: 2rem;
	}
	.ways-to-redeem-section .ways-to-redeem-wrapper h2,
	.Q-A-section h2,
	.post-signin-section .row .banner-content h2 {
		font-size: 1.6rem;
		line-height: 39px;
	}
	.press-section .content-box h2 {
		font-size: 1.6rem;
		line-height: 39px;
	}
	.program-section.refer-a-friend-section .img-box {
		height: 100%;
	}
	.program-section.refer-a-friend-section .img-box img {
		height: 100%;
	}
}

@media (max-width:1024px) {
	.post-signin-section .row {
		padding-left: 60px;
		padding-right: 60px;
	}
	.banner.about-banner-section.loyalty-banner .banner-text {
		max-width: 565px;
		padding: 40px 0px;
	}
	.great-coffee-section .order-goodness-wrapper .row .box h5 {
		height: 35px;
		min-height: 35px;
	}
	.great-coffee-section .order-goodness-wrapper .row .box p {
		font-size: 18px;
	}
	.banner.about-banner-section.loyalty-banner .banner-text p {
		font-size: 18px;
        padding: 0 0px;
	}
	.ways-to-redeem-section .ways-to-redeem-wrapper p {
		font-size: 18px;
	}
	.ways-to-redeem-section .ways-to-redeem-wrapper>div .row .box {
		height: 240px;
	}
	.press-section .content-box p {
		font-size: 18px;
	}
	.answer li,
	.answer p {
		font-size: 16px;
	}
	.program-section .content-box {
		padding: 25px 0px;
	}
	.subscription-faq-section .subs-faq-wrapper .faq-accordion-wrp li h4 {
		padding-right: 37px;
		font-size: 16px;
	}
	.earn-reward-section h2,
	.about-crafted-section h2,
	.order-goodness-section .order-goodness-wrapper h2 {
		font-size: 1.6rem;
	}
}

@media (max-width:800px) {
	.banner.about-banner-section.loyalty-banner .banner-text h1 {
		font-size: 1.6rem;
	}
	.banner.about-banner-section.loyalty-banner .banner-text {
		max-width: 360px;
	}
	.press-section .content-box {
		margin-right: 15px;
	}
	.purchase-subs.green .custom-col-3 {
		width: 48%;
		margin-bottom: 20px;
	}
	.exist-subs.orange .custom-col-3 {
		width: 48%;
		margin-bottom: 40px;
	}
	.post-signin-section .row {
		padding-left: 30px;
		padding-right: 30px;
	}
	.ways-to-redeem-section .ways-to-redeem-wrapper h2,
	.Q-A-section h2,
	.post-signin-section .row .banner-content h2 {
		font-size: 1.2rem;
	}
}

@media (max-width:768px) {
  .earn-reward-section .earn-reward-wrapper {
padding-bottom: 40px;
}
	.loyalty-banner .responsive-loyalty-banner {
		display: block;
	}
  .page-loyalty-reward .banner.about-banner-section .container {
/* 	    background: #fff; */
        padding-top: 46px;
    }
  .banner.about-banner-section.loyalty-banner .banner-text h1 >br {
display: block;
}
  .banner.about-banner-section.loyalty-banner .banner-text .content-box {
    width: 61%;
    margin: 0 auto;
	}
  .page-loyalty-reward .ways-to-redeem-wrapper {
		margin: 0 auto;
	}
	.banner.about-banner-section.loyalty-banner {
		background-image: none !important;
	}
	.banner.about-banner-section.loyalty-banner .banner-text {
		max-width: 100%;
		text-align: center;
		margin-top: 35px;
   		padding: 30px 0;
      background: transparent;
	}
  .banner.about-banner-section.loyalty-banner .banner-text p {
font-size: 16px;
}
	.banner.about-banner-section.loyalty-banner .banner-text p {
		text-align: center;
	}
	.order-goodness-section.great-coffee-section .custom-col-4 {
		width: 100%;
	}
	.great-coffee-section .order-goodness-wrapper .row .box {
		margin-bottom: 40px;
	}
	.how-it-works-section .order-goodness-wrapper {
		padding: 0 20px;
	}
	.great-coffee-section {
		padding: 61px 0;
		padding-bottom: 10px;
	}
	.loyalty-redeem-section .redeem-inner-wrap .custom-col-4 {
		width: 100%;
		padding: 0 15px;
	}
	.purchase-subs.green .custom-col-3 {
		width: 100%;
		margin-bottom: 20px;
	}
  .ways-to-redeem-section .ways-to-redeem-wrapper>div .row .box h2 {
font-size: 20px;
}
	.exist-subs.orange .custom-col-3 {
		width: 100%;
		margin-bottom: 40px;
	}
	.refer-a-friend-section .custom-col-6 {
		width: 100%;
		text-align: center;
	}
	.press-section .content-box h2 {
		text-align: center;
	}
	.press-section .content-box p {
		text-align: center;
	}
	.subscription-faq-section .subs-faq-wrapper .custom-col-6 {
		width: 100%;
	}
	.subscription-faq-section .subs-faq-wrapper {
		flex-direction: column;
	}
	.order-goodness-wrapper .custom-col-4 {
		width: 100%;
		margin-bottom: 0px;
	}
	.earn-reward-section.redeem-section.loyalty-redeem-section {
		margin-bottom: 40px;
	}
	.earn-reward-section.get-most-reward .earn-reward-wrapper {
		margin-top: 25px;
	}
  .earn-reward-section.get-most-reward .earn-reward-wrapper {
	padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 25px;
    padding-right: 25px;
}

	.post-signin-section .row {
		flex-direction: column;
		justify-content: center;
	}
	.post-signin-section .row .banner-content h2 {
		margin-bottom: 6px;
	}
	.post-signin-section .banner-content {
		margin: 15px 0px;
	}
	.post-signin-section .btn.primary-btn {
		min-width: 100%;
		width: 100%;
		display: flex;
	}
  	.ways-to-redeem-section .ways-to-redeem-wrapper>div .row .box {
		height: 170px;
	}
  .page-loyalty-reward .exist-subs.orange .custom-col-3:last-child {
	margin-bottom: 0;
	}
.ways-to-redeem-section .ways-to-redeem-wrapper h2, .Q-A-section h2, .post-signin-section .row .banner-content h2 {
margin-bottom: 18px;
}
  .ways-to-redeem-section .ways-to-redeem-wrapper>div h5, .post-signin-section .row .banner-content h5, .exist-subs.orange .custom-col-3 , .earn-reward-section.get-most-reward h2  {

margin-bottom: 20px;
}
  .page-loyalty-reward .ways-to-redeem-wrapper p {
  	margin-bottom: 40px!important;
  }
  .program-section .content-box {
	justify-content: center;
  }
  .page-loyalty-reward section.press-section.program-section.refer-a-friend-section .content-box p,  .press-section .content-box h2 {
margin-bottom: 20px;
}
  .ways-to-redeem-section .ways-to-redeem-wrapper>div .row {
margin-bottom: 30px;
}
  .page-loyalty-reward .order-goodness-section.footer-goodness-section-box {
margin-top: 30px;
}


}

@media (max-width:575px) {
.banner.about-banner-section.loyalty-banner .banner-text .content-box {
    width: 100%;
    margin: 0 auto;
	}
	.banner.about-banner-section.loyalty-banner .banner-text h1 {
		font-size: 1.2rem;
	}
	.banner.about-banner-section.loyalty-banner .banner-text p {
		font-size: 18px;
	}
	.banner.about-banner-section .banner-text .content-box {
		width: 100%;
		padding: 0px 15px;
	}
	.great-coffee-section .order-goodness-wrapper .row .box p {
		font-size: 16px;
	}
	.earn-reward-section h2,
	.about-crafted-section h2,
	.order-goodness-section .order-goodness-wrapper h2 {
		font-size: 1.2rem;
	}
	.earn-reward-section.redeem-section.loyalty-redeem-section .earn-reward-wrapper.redeem-wrapper>p {
		font-size: 20px;
	}
	.ways-to-redeem-section .ways-to-redeem-wrapper p {
		font-size: 20px;
		margin-bottom: 60px;
	}
	.press-section .content-box h2 {
		font-size: 1.2rem;
		line-height: 39px;
	}
	.press-section .content-box p {
		font-size: 20px;
	}
	.subscription-faq-section .subs-faq-wrapper .faq-accordion-wrp li h4 {
		padding-right:35px;
		font-size: 14px;
	}
	.ways-to-redeem-section .ways-to-redeem-wrapper h2,
	.Q-A-section h2,
	.post-signin-section .row .banner-content h2 {
		font-size: 1.2rem;
	}
	.answer li,
	.answer p {
		font-size: 20px;
	}
	.earn-reward-section.get-most-reward .earn-reward-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
  .page-loyalty-reward .banner.about-banner-section .banner-text {
		margin-top: 30px;
	}
}


/* End Loyalti page responsiveness */


/*Responsive TR css start about page......*/
.page-about .about-us-banner-image .mobile-banner-img {
	display:none;
}
      .best_seller.about_page .button_container {
    margin-bottom: 50px;
}
/* desktop-banner-img */

@media(max-width: 1600px) {
	.visit-factory-section .visit-factory-wrapper {
		padding:
	}
	.visit-factory-section .visit-factory-wrapper {
		background-color: #fffef7;
		padding: 86px 150px 98px;
	}
	.post-detail-section .post-detail-wrapper {
		padding-left: 200px;
		padding-right: 200px;
	}
	/*wholsale responsive*/
	.banner-section .inner-banner-wrapper .left-content-box h1 {
		word-break: break-word;
	}
	.banner-section .inner-banner-wrapper .left-content-box {
		padding-left: 30px;
		padding-right: 25px;
	}
	.about-crafted-section .img-text-wrapper .conten-box {
		padding: 0 100px;
	}
	/*wholsale responsive end*/
  .page-roasteries .about-crafted-section p {
		font-size: 18px;
	}
}

@media(max-width: 1440px) {
  .about-crafted-section .img-text-wrapper {
margin-top: 50px;
}
.page-about .order-goodness-section .order-goodness-wrapper h2 {
	margin-top: 80px;
}
 .page-about .order-goodness-section .row {
padding-bottom: 50px

}
.page-about .press-section .content-box {
	margin-left: 93px;
    padding-right: 19px;
    padding-top: 45px;
}
  .page-about .press-section .content-box h5 {
font-size: 16px;
}
.page-about .press-section .content-box h2 {
	font-size: 2rem;
    margin-bottom: 14px;
}
 .page-about .press-section .content-box p {
	margin-bottom: 25px;
   font-size: 18px;
}
  .page-about .earn-reward-section p, .about-crafted-section p ,.project-x-section p,  .page-about .stop-buy-section .row .box p{
font-size: 18px;
}
  .post-detail-section {
padding: 40px 0 60px
}
	.about-crafted-section .img-text-wrapper .conten-box {
		padding: 0 70px;
	}
	.banner-section .inner-banner-wrapper .left-content-box p {
		font-size: 20px;
	}
	.earn-reward-section h2,
	.about-crafted-section h2,
	.great-coffee-section .order-goodness-wrapper h2,
	.press-section .content-box h2.press-section .content-box h2,
	.order-goodness-section .order-goodness-wrapper h2,
	.visit-factory-section .visit-factory-wrapper h2,
	.faq-coffee-section .faq-coffee-wrapper h2,
	.acc-heading-title,
	.post-detail-section .post-detail-wrapper h2,
	.post .blog-content-box h2,
	.how-it-works-section .row .content-box h2,
	.our-programs-section .our-programs-wrapper .left-contet-wrap h2,
	.hire-us-section .hire-us-wrapper h2,
	.shipping-policy-section .shipping-wrapper .title h2 {
		font-size: 2.5rem;
		line-height: 1.2;
	}
	.post-detail-section .post-detail-wrapper {
		padding-left: 170px;
		padding-right: 170px;
	}
	.visit-factory-section .visit-factory-wrapper {
		background-color: #fffef7;
		padding: 86px 120px 98px;
	}
	.container-sm {
		max-width: 1025px;
	}
	.post figure {
		height: 400px;
	}
	.banner.about-banner-section {
		height: 571px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
	}
  	.banner.about-banner-section.subscription-banner {
		height: auto;
	}
	.banner.about-banner-section .banner-text {
		max-width: 56%;
	}
	.our-programs-section .our-programs-wrapper .left-contet-wrap {
		padding: 45px 33px 0;
	}
	.our-programs-section .our-programs-wrapper .img-box {
		height: 100%;
	}
	.our-programs-section .our-programs-wrapper .img-box img {
		height: 100%;
		object-fit: cover;
	}
	.our-programs-section .our-programs-wrapper .left-contet-wrap h2 {
		margin-bottom: 40px;
	}
	.our-programs-section .our-programs-wrapper .left-contet-wrap ul li img {
		margin-bottom: 35px;
	}
	.our-programs-section .our-programs-wrapper .left-contet-wrap ul li h5,
	.our-programs-section .program-list-wrapper .yellow-box h5 {
		font-size: 20px;
	}
	.our-programs-section .our-programs-wrapper .left-contet-wrap ul li {
		margin-bottom: 40px;
	}
	.shipping-policy-section .shipping-wrapper .title {
		margin-bottom: 50px;
	}
	.shipping-policy-section .shipping-wrapper .title {
		margin-bottom: 40px;
	}
  	.banner.about-banner-section.post-banner {
		background-position: center;
	}
 .stop-buy-section {
    padding: 55px 0;
}
  .stop-buy-section h2 {
    margin-bottom: 40px;
}
  .about-crafted-section .crafted-wrapper p{
font-size: 18px;
}
  .page-about section.about-crafted-section {
margin-top: 50px!important;
}
}
      @media(max-width: 800px) and (min-width: 641px){
        .page-about .banner.about-banner-section {
margin-top: 100px;
	}
}

@media(max-width: 1280px) {
	.about-crafted-section .img-text-wrapper .conten-box {
		padding: 0 50px;
	}
  	.page-roasteries .about-crafted-section .img-text-wrapper .conten-box {
		padding: 0 30px;
	}
	.banner-section .inner-banner-wrapper .left-content-box p {
		font-size: 20px;
	}
	.index .press-section .content-box h2 {
		font-size: 30px !important;
	}
	.program-section .content-box {
		padding-right: 70px;
	}
	.project-x-section .content-box {
		padding-left: 70px;
	}
	.faq-accordion-wrp .faq h4.sub--heading {
		font-size: 20px;
		padding-right: 52px;
	}
	.answer {
		margin-top: 25px;
	}
	.earn-reward-section h2,
	.about-crafted-section h2,
	.great-coffee-section .order-goodness-wrapper h2,
	.press-section .content-box h2,
	.order-goodness-section .order-goodness-wrapper h2,
	.visit-factory-section .visit-factory-wrapper h2,
	.faq-coffee-section .faq-coffee-wrapper h2,
	.acc-heading-title,
	.post-detail-section .post-detail-wrapper h2,
	.post .blog-content-box h2,
	.how-it-works-section .row .content-box h2,
	.our-programs-section .our-programs-wrapper .left-contet-wrap h2,
	.hire-us-section .hire-us-wrapper h2,
	.shipping-policy-section .shipping-wrapper .title h2 {
		font-size: 2.3rem;
		line-height: 1.2;
	}
	.about-crafted-section .row.img-text-wrapper>div {
		height: auto;
	}
	.about-crafted-section .row.img-text-wrapper>div .img-box {
		object-fit: cover;
		object-position: left;
	}
	.earn-reward-section p,
	.about-crafted-section p,
	.great-coffee-section .order-goodness-wrapper .row .box p,
	.about-crafted-section .crafted-wrapper p,
	.press-section .content-box p,
	.order-goodness-section .order-goodness-wrapper p,
	.visit-factory-section .visit-factory-wrapper .one-kind-tour-box p,
	.visit-factory-section .visit-factory-wrapper .virtual-tour-box p,
	.visit-factory-section .visit-factory-wrapper p,
	.banner.about-banner-section .banner-text p,
	.faq-coffee-section .faq-coffee-wrapper p,
	.answer li,
	.answer p,
	.post .blog-content-box p,
	.post-detail-section .post-detail-wrapper ul li,
	.how-it-works-section .row .content-box ol li,
	.subscription-faq-section .subs-faq-wrapper .faq-accordion-wrp li h4,
	.home-order-section h5,
	.hire-us-section .hire-us-wrapper p,
	{
		font-size: 20px;
		line-height: 1.4;
		display: flex;
		align-items: center;
	}
	.shipping-policy-section .shipping-wrapper .shipping-box p,
	.shipping-policy-section .shipping-wrapper .shipping-box a {
		font-size: 20px;
		line-height: 1.4;
	}
	.post-detail-section .post-detail-wrapper p {
		font-size: 16px;
		line-height: 1.3;
	}
	.banner.about-banner-section .banner-text {
		margin-left: 0;
	}
	.banner.about-banner-section .banner-text h1,
	.banner-section .banner-wrapper .banner-content-box h1,
	.banner-section .inner-banner-wrapper .left-content-box h1 {
		font-size: 52px;
	}
	.visit-factory-section .visit-factory-wrapper {
		background-color: #fffef7;
		padding: 50px 100px 50px;
	}
	.faq-coffee-section .faq-coffee-wrapper {
		padding: 0 30px;
	}
	.stop-buy-section .row .box {
		padding: 30px 45px;
	}
	.stop-buy-section .row .custom-col-6 {
		height: 326px;
	}
  .about-become-wholsale-section .press-wrapper .content-box {
padding-left: 40px;
    padding-right: 40px;
}
  .page-loyalty-reward  .redeem-inner-wrap .redeem-box {
    height: 100px;
    padding: 20px;
   }
  .page-loyalty-reward .loyalty-redeem-section .redeem-inner-wrap .custom-col-4 {
		margin-bottom: 0;
	}
  .page-loyalty-reward .earn-reward-section .earn-reward-wrapper {

	padding: 30px 0 ;
	}
  .page-loyalty-reward .earn-reward-section.redeem-section.loyalty-redeem-section .earn-reward-wrapper.redeem-wrapper h2  {
     margin-bottom: 20px;
  }
  .earn-reward-section.redeem-section.loyalty-redeem-section .redeem-inner-wrap {
margin-top: 30px;
}

.page-about .press-section .content-box {
    margin-left: 27px;
    padding-right: 45px;
    padding-top: 36px;
}
}

@media(max-width: 1200px) {
	.redeem-inner-wrap .redeem-box {
		margin-bottom: 20px;
	}
	.redeem-inner-wrap .redeem-box h6 {
		font-size: 14px;
	}
	.redeem-inner-wrap .redeem-box p {
		font-size: 16px;
	}
.project-x-section .content-box {
		padding-left: 30px;
	}
}

@media(max-width: 1024px) {
	.about-crafted-section .row.img-text-wrapper .conten-box {
		padding: 20px;
		height: 100%;
		overflow: hidden;
	}
	.index .press-section .content-box h2 {
		font-size: 26px !important;
	}
	.banner-section .inner-banner-wrapper .left-content-box p {
		font-size: 20px;
	}
	.faq-accordion-wrp .faq {
		padding: 15px 0;
	}
	.faq-accordion-wrp .faq h4.sub--heading {
		font-size: 18px;
		line-height: 1.2;
	}
	.Steady-brew-section .order-goodness-wrapper .row .box h5 {
		padding: 0;
	}
	.how-it-works-section .row .content-box ol li:before {
		font-size: 18px;
	}
	.how-it-works-section .row .content-box ol li {
		padding-left: 50px;
	}
	.how-it-works-section .custom-col-6 {
		width: 100%;
	}
	.earn-reward-section h2,
	.about-crafted-section h2,
	.great-coffee-section .order-goodness-wrapper h2,
	.press-section .content-box h2,
	.order-goodness-section .order-goodness-wrapper h2,
	.visit-factory-section .visit-factory-wrapper h2,
	.faq-coffee-section .faq-coffee-wrapper h2,
	.acc-heading-title,
	.post-detail-section .post-detail-wrapper h2,
	.post .blog-content-box h2,
	.how-it-works-section .row .content-box h2,
	.our-programs-section .our-programs-wrapper .left-contet-wrap h2,
	.hire-us-section .hire-us-wrapper h2,
	.shipping-policy-section .shipping-wrapper .title h2 {
		font-size: 2.2rem;
		line-height: 1.2;
	}
	.banner.about-banner-section .banner-text h1,
	.banner-section .banner-wrapper .banner-content-box h1,
	.banner-section .inner-banner-wrapper .left-content-box h1 {
		font-size: 2.4rem;
        line-height: 1.2;
	}
	.order-goodness-section .row {
		padding-bottom: 70px;
	}
	.faq-coffee-section .faq-coffee-wrapper {
		padding-left: 0 30px;
	}
	.faq-coffee-section .faq-coffee-wrapper {
		margin-bottom: 50px;
	}
	.post-detail-section .post-detail-wrapper h5 {
		line-height: 1.3;
	}
	.post figure {
		height: 345px;
	}
	.post figure img {
		object-position: top;
	}
	.blog-post-section .blog-wrapper .custom-col-4 {
		width: 50%;
	}
	.how-it-works-section .row .content-box {
		padding: 40px 30px;
	}
	.how-it-works-section .row .content-box h5 {
		font-size: 22px;
	}
  .container-xl {
  	padding: 0 26px;
  }
}

@media(max-width: 992px) {
  .factory-store-section .inner-banner-wrapper {
		padding-left: 0!important;
	}
	.post-detail-section .post-detail-wrapper span.date {
		position: static;
		margin-bottom: 20px;
		display: inline-block;
	}
	.banner-section .inner-banner-wrapper .left-content-box {
		padding-left: 0;
	}
	.banner-section .inner-banner-wrapper .left-content-box p {
		font-size: 20px;
		line-height: 1.2;
		margin-bottom: 25px;
	}
	.subscription-faq-section .subs-faq-wrapper .faq-accordion-wrp li h4 {
		font-size: 16px;
	}
	.subscription-faq-section .subs-faq-wrapper .custom-col-6 {
		width: 100%;
	}
	.subscription-faq-section .subs-faq-wrapper {
		flex-wrap: wrap;
	}
	.faq-accordion-wrp {
		margin-bottom: 50px
	}
	.post-detail-section .post-detail-wrapper {
		padding-left: 70px;
		padding-right: 70px;
	}
	.about-crafted-section .row.img-text-wrapper>div {
		height: 376px;
	}
	.visit-factory-section .visit-factory-wrapper {
		background-color: #fffef7;
		padding: 50px 60px 50px;
	}
	.about-crafted-section .row.img-text-wrapper>div .custom-col-6 {
		height: 100%;
	}
	.about-crafted-section .img-text-wrapper .conten-box p {
		height: 100%;
		overflow: hidden;
	}
	.about-crafted-section .img-text-wrapper>div .content-box,
	.about-crafted-section .img-text-wrapper>div .img-box {
		height: 100%;
	}
	.great-coffee-section .order-goodness-wrapper .row .box h5 {
		font-size: 20px;
	}
	.container {
		padding: 0 30px;
	}
	.banner.about-banner-section .banner-text h1,
	.banner-section .banner-wrapper .banner-content-box h1 {
		font-size: 2.5rem;
		margin-bottom: 15px
	}
	.banner-section .inner-banner-wrapper .left-content-box h1 {
		font-size: 2.4rem;
		margin-bottom: 30px;
      line-height: 1.2;
	}
	.banner-section .banner-wrapper .banner-content-box p {
		font-size: 27px;
		line-height: 1.2;
		margin-bottom: 0;
	}
	.Steady-brew-section .order-goodness-wrapper .row .box h5 {
		font-size: 16px;
		height: auto;
	}
	.great-coffee-section {
		padding: 80px 0;
	}
	.our-programs-section .our-programs-wrapper.row .custom-col-6 {
		width: 100%;
	}
	.our-programs-section .our-programs-wrapper .left-contet-wrap ul {
		margin: 0 auto;
	}
	.our-programs-section .our-programs-wrapper .left-contet-wrap h2 {
		text-align: center;
	}
	.our-programs-section .our-programs-wrapper .img-box img {
		height: auto;
		width: 100%;
	}
	.our-programs-section .program-list-wrapper .custom-col-3 {
		width: 50%;
		margin-bottom: 35px;
	}
	.our-programs-section .program-list-wrapper .yellow-box h5 {
		font-size: 18px;
		line-height: 1.2;
	}
	.our-programs-section .program-list-wrapper .yellow-box {
		padding: 25px;
	}
	.our-programs-section .program-list-wrapper .yellow-box {
		height: 145px
	}
	.hire-us-section .hire-us-wrapper {
		padding: 0 25px;
	}
	.redeem-inner-wrap .redeem-box .icon {
		margin-right: 12px;
		width: 40px;
		height: 40px;
	}
.page-location .redeem-inner-wrap .redeem-box .icon {
		margin-right: 12px;
		width: 55px;
		height: 55px;
	}
  .post-detail-section {
padding: 40px 0 50px
}
}

@media(max-width: 768px) {
.redeem-inner-wrap .redeem-box .icon {
		margin-right: 12px;
		width: 40px;
		height: 40px;
	}
  .page-location .redeem-inner-wrap .redeem-box .icon {
		margin-right: 12px;
		width: 40px;
		height: 40px;
	}
	.container {
		padding: 0 25px;
	}
	.banner-section.shipping-banner-section.banner-section .banner-wrapper {
		height: 347px;
	}
	.banner-section.shipping-banner-section .banner-wrapper .banner-content-box h1 {
		line-height: 1.2;
	}
	.banner-section .inner-banner-wrapper .left-content-box {
		margin-bottom: 30px;
	}
	.banner.about-banner-section .banner-text {
		max-width: 100%;
	}
	.index .press-section.coffee-quiz-section .content-box {
		justify-content: center;
	}
	.index .project-x-section h2 {
		text-align: center;
	}
	.index .project-x-section p {
		text-align: center;
	}
	.index .project-x-section .content-box {
		padding: 30px 30px;
		text-align: center;
	}
  	.index .project-x-section .content-box > div {
		margin: 0 auto;
	}
	.index .program-section .content-box {
		justify-content: center;
	}
	.banner.about-banner-section.subscription-banner {
		padding: 30px 0;
		height: auto;
	}
	.btn.btn-visit {
		font-size: 16px;
	}

	.blog-post-section .blog-wrapper .custom-col-4 {
		max-width: 100%;
		width: 100%;
		margin-bottom: 50px;
	}
	.btn-wrapper a {
		font-size: 14px;
		line-height: 1.2;
		width: 100%;
		margin-bottom: 20px;
	}
	.blog-post-section .blog-wrapper .post .blog-content-box {
		padding-top: 20px;
	}
  .pagination-wrap ul {
	margin: 0 8px;
}
	.post-detail-section .post-detail-wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}
	.acc-heading-title {
		margin-bottom: 60px;
	}
	.faq-accordion-wrp {
		margin-bottom: 80px;
	}
	.faq-coffee-section .faq-coffee-wrapper {
		margin-bottom: 0px;
	}
	.faq-coffee-section {
		padding: 30px 0;
	}
	.faq-coffee-section .faq-coffee-wrapper {
		padding: 0 0;
	}
	.btn.primary-btn {
		font-size: 16px;
		padding: 20px 35px;
	}
	.visit-factory-section .visit-factory-wrapper .one-kind-tour-box,
	.visit-factory-section .visit-factory-wrapper .virtual-tour-box {
		padding-top: 60px;
	}
	.visit-factory-section .visit-factory-wrapper {
		background-color: #fffef7;
		padding: 30px 30px 30px;
	}
	h5 {
		font-size: 1rem;
	}
	.about-crafted-section .img-text-wrapper .conten-box p {
		text-align: center;
	}
	.press-section .content-box {
		margin-left: 0;
		padding-right: 25px;
		padding-top: 50px;
		text-align: center;
		padding-bottom: 25px;
	}
	.order-goodness-section .row {
		padding-bottom: 0;
	}
	.press-section .content-box h5,
	.press-section .content-box h2,
	.press-section .content-box p {
		text-align: center;
	}
	.press-section .content-box h5 {
		line-height: 1;
	}
	.about-crafted-section .row.img-text-wrapper>div {
		height: auto;
	}
	.custom-col-3,
	.custom-col-6,
	.custom-col-4 {
		width: 100%;
		max-width: 100%;
	}
	.order-goodness-section .order-goodness-wrapper .row .box {
		
      margin: 0 auto;
      margin-bottom: 30px;
	}
	.banner.about-banner-section {
		height: 300px;
		background-size: cover !important;
		background-position: bottom;
	}
	.banner.about-banner-section.roasterie-banner {
		height: 500px;
	}
	.about-crafted-section .img-text-wrapper>div {
		flex-wrap: wrap;
	}
	.about-crafted-section .row.img-text-wrapper .conten-box {
		padding: 30px 0;
	}
  	.page-roasteries .about-crafted-section .row.img-text-wrapper .conten-box {
		padding: 30px 27px;
	}
	.earn-reward-section h2,
	.about-crafted-section h2,
	.great-coffee-section .order-goodness-wrapper h2,
	.press-section .content-box h2,
	.order-goodness-section .order-goodness-wrapper h2,
	.faq-coffee-section .faq-coffee-wrapper h2,
	.acc-heading-title,
	.post-detail-section .post-detail-wrapper h2,
	.post .blog-content-box h2,
	.how-it-works-section .row .content-box h2,
	.our-programs-section .our-programs-wrapper .left-contet-wrap h2,
	.hire-us-section .hire-us-wrapper h2,
	.shipping-policy-section .shipping-wrapper .title h2 {
		font-size: 1.3rem;
		line-height: 1.2;
	}
	.banner.about-banner-section .banner-text h1,
	.banner-section .banner-wrapper .banner-content-box h1,
	.banner-section .inner-banner-wrapper .left-content-box h1 {
		font-size: 1.5rem;
		margin-bottom: 15px;
      line-height: 1.2;
	}
	/*.banner.about-banner-section.subscription-banner .banner-text h1 {
      font-size: 2rem;
    }*/
	.about-crafted-section {
		padding: 35px 0;
	}
	.home-ticker.ticker {
		height: 54px;
		padding: 14px 20px;
	}
	.ticker__text {
		font-size: 16px;
	}
	.great-coffee-section .order-goodness-wrapper .row .box h5 {
		font-size: 22px;
	}
	.post-detail-section .post-detail-wrapper h5 {
		font-size: 20px;
	}
	.great-coffee-section .order-goodness-wrapper .row {
		width: 100%;
		margin: 0;
	}
	.great-coffee-section .order-goodness-wrapper .row .custom-col-3 {
		margin-bottom: 40px;
	}
	.order-goodness-section .order-goodness-wrapper .row .box img {
		margin-bottom: 25px;
	}
	.great-coffee-section .order-goodness-wrapper .row .box h5 {
		height: auto;
	}
	.post-detail-section .post-detail-wrapper p,
	.post-detail-section .post-detail-wrapper ul li,
	.post-detail-section .post-detail-wrapper h5 {
		margin-bottom: 14px;
	}
  	.post-detail-section .btn-wrapper {
		padding-top: 50px;
	}
	.about-crafted-section .img-text-wrapper {
		margin-top: 30px
	}
	.great-coffee-section {
		padding: 50px 0 20px;
	}
	.visit-factory-section .visit-factory-wrapper {
		word-break: break-word
	}
	.faq-coffee-section .faq-coffee-wrapper h2 {
		margin-bottom: 20px
	}
	;
	.hire-us-section .hire-us-wrapper .input-field>input,
	.hire-us-section .hire-us-wrapper .input-field textarea {
		height: 50px;
		font-size: 16px;
	}
	.hire-us-section .hire-us-wrapper .input-field textarea {
		margin-bottom: 0;
	}
	.container-xl {
		padding: 0 25px;
	}
	.factory-store-section.banner-section .inner-banner-wrapper {
		padding-left: 0 !important;
		text-align: center;
	}
  .factory-store-section.banner-section .inner-banner-wrapper  .image-box picture > img {
	width: 100%;
}
	.banner-section .inner-banner-wrapper .left-content-box h1,
	.banner-section .inner-banner-wrapper .left-content-box p {
		text-align: center;
	}
}

@media(max-width: 600px) {
	.our-programs-section .program-list-wrapper .custom-col-3 {
		width: 100%;
	}
  .container-xl {
		padding: 0 20px;
	}
	.our-programs-section .our-programs-wrapper .left-contet-wrap ul li {
		width: 100%;
	}
	.ticker__text {
		font-size: 14px;
	}
      .page-about .about-us-banner-image .mobile-banner-img {
display:block;
        width:100%;
}
  .page-about .about-us-banner-image {
width: 100%;
}
.page-about .about-us-banner-image .desktop-banner-img {
display:none;
}
.page-about .press-section .content-box h5 {
	font-size: 14px;
}
  
  .page-about .best_seller .rebuy-widget .primary-title {
	margin-bottom: 0;
	}
.best_seller.about_page {
	padding-bottom: 45px;
} 
  .best_seller .button_container >a {
font-size: 11px;
}
#shopify-section-about-shop-award-winner .rebuy-widget {
	padding-bottom: 20px;
 }
.faq-accordion-wrp .faq {
margin-bottom: 0;
	}
}

@media(max-width: 576px) {
	.container {
		padding: 0 20px;
	}
	.post-detail-section .post-detail-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}
	.factory-store-section .factory-store-wrapper .right-content-box .achievments-list>div {
		width: 100%;
		margin-bottom: 10px;
	}
	.custom-col-3 {
		padding: 0;
	}
	.great-coffee-section .order-goodness-wrapper .row .box h5 {
		font-size: 20px;
	}
	.banner.about-banner-section .banner-text h1,
	.banner-section .banner-wrapper .banner-content-box h1,
	.banner-section .inner-banner-wrapper .left-content-box h1 {
		font-size: 1.6rem;
		margin-bottom: 25px;
	}
	.earn-reward-section h2,
	.about-crafted-section h2,
	.great-coffee-section .order-goodness-wrapper h2,
	.press-section .content-box h2,
	.order-goodness-section .order-goodness-wrapper h2,
	.visit-factory-section .visit-factory-wrapper h2,
	.faq-coffee-section .faq-coffee-wrapper h2,
	.acc-heading-title,
	.post-detail-section .post-detail-wrapper h2,
	.post .blog-content-box h2,
	.how-it-works-section .row .content-box h2,
	.our-programs-section .our-programs-wrapper .left-contet-wrap h2,
	.hire-us-section .hire-us-wrapper h2 {
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.banner.about-banner-section .banner-text p,
	.banner-section .banner-wrapper .banner-content-box p {
		font-size: 20px;
		line-height: 1.2;
	}
	.banner.about-banner-section.subscription-banner .banner-text .content-box p {
		font-size: 20px;
	}
	.visit-factory-section .visit-factory-wrapper {
		padding-left: 20px;
        padding-right: 20px;
	}
	.question:after {
		font-size: 22px!important;
/*       font-weight: 100; */
        content: '+';
	}
  .faq.active .question:after {
		content:'-';
		font-size: 28px!important;
  }
  .page-roasteries .roasterties-swap .conten-box strong {
    display: contents!important;
  }
}
@media(max-width: 380px){
	.page-roasteries .about-crafted-section .row.img-text-wrapper .conten-box {
		padding: 30px 0px;
	}
}

/*....Responsive css start about page end....*/


/* cart page css....starts      */

.shopify-section--cart-template .section {
	width: 100%;
	max-width: 100%;
}

.shopify-section--cart-template .section .container {
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
	padding: 0 90px;
}

.shopify-section--cart-template .section .one-whole.column {
	display: none;
}

.shopify-section--cart-template .section .medium-down--one-whole.headings .cart__item {
	padding-bottom: 26px;
	border-bottom: 2px solid #dbdbdb;
}

.shopify-section--cart-template .section .medium-down--one-whole.headings .cart__item>div {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.44px;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
}

.shopify-section--cart-template .section .cart__item .cart_page_image {
	width: 227px;
	height: 219px;
	background: #e9eaeb;
}

.shopify-section--cart-template .section .cart__item .cart_page_image .image-element__wrap,
.shopify-section--cart-template .section .cart__item .cart_page_image .image-element__wrap img {
	height: 100%;
	object-fit: contain;
	width: 100%;
  background:#fff;
}

.shopify-section--cart-template .section .cart__item .cart__item--title {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1;
	text-align: left;
}

.shopify-section--cart-template .section .column.cart__item--image {
	margin-right: 45px;
}

.shopify-section--cart-template .section .cart__item .cart_content_info {
	margin-left: 0;
}

.shopify-section--cart-template .section .cart__item .cart_content_info p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.16px;
	line-height: 1.2;
	text-align: left;
	margin-bottom: 0px;
}
      
.shopify-section--cart-template .section .cart__item .cart_content_info p span {
	color: #25292b;
    display: inline-block;
	margin-bottom:10px;

}


.shopify-section--cart-template #cart_form .product-quantity-box {
	width: 151px;
	height: 50px;
	border: 2px solid #044141;
}

.product-quantity-box .product-plus,
.product-quantity-box .product-minus {
	height: 100%;
	background: #fff;
}

.cart_content .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-minus,
.cart_content .product-quantity-box .product-plus,
#cart_form .product-quantity-box .product-plus {
	width: 30%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	border: none;
}
#cart_form .product-quantity-box .product-plus .icon-plus , #cart_form .product-quantity-box .product-minus .icon-minus {
    font-size: 12px;
}
#cart_form .product-quantity-box .product-plus .icon-plus:before, #cart_form .product-quantity-box .product-minus .icon-minus:before {
  font-weight:800;
}
.cart_content .product-quantity-box .quantity,
#cart_form .product-quantity-box .quantity {
	height: 100%;
	width: 40%;
	border: 0;
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 3.85px;
	line-height: 1;
	text-align: center;
}

#cart_form .icon-minus,
#cart_form .icon-plus {
	color: #044141;
}

.product-quantity-box .product-plus:hover,
.product-quantity-box .product-minus:hover {
	background: #fff;
}

#cart_form .icon-minus,
#cart_form .icon-plus {
	color: #044141;
}

#cart_form p.modal_price,
#cart_form p:not(.meta):last-of-type {
	color: #25292b;
	font-family: 'Conv_Metropolis-medium';
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.25px;
	line-height: 1;
	text-align: center;
}

.cart-message {
	color: #25292b;
	font-family: 'Conv_Metropolis-Regular';
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.25px;
	line-height: 1;
}

#cart_form .cart__remove-btn .remove-icon:before {
	font-size: 30px;
	color: #707070;
}

#cart_form .cart p.cart_subtotal {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 1;
	text-align: left;
}

.cart #cart_form .subtotal p:nth-child(2) {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 22px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.22px;
	line-height: 1;
	text-align: center;
}

.one-half.column.subtotal_data {
	width: calc(31% - 20px);
	margin-left: auto;
}

#cart_form .subtotal {
	padding-left: 6px;
}

.global-button--primary,
.rebuy-button,
.rebuy-widget .rebuy-button,
.rebuy-cart__flyout-empty-cart a {
	background: #044141!important;
	border-radius: 0;
	border-color: #044141!important;
	color: #feffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 25px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 1;
	text-align: center;
}

.global-button--primary:hover,
.rebuy-button:hover,
.rebuy-widget .rebuy-button:hover,
.rebuy-cart__flyout-empty-cart a:hover {
	/*   background:#fff!important; */
	color: #044141!important;
	box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
	border-color: #fff;
	border: none;
}

.tos_warning.cart_content .global-button--primary {
	font-size: 18px;
}

.tos_warning.cart_content ul li textarea {
	border-color: var(--color-green);
	font-family: 'Conv_Metropolis-Regular';
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.5px;
	line-height: 1;
}

.cart #checkout {
	min-height: 67px;
}

.cart .order_note_data label {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 22px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.22px;
	line-height: 1;
	text-align: left;
	margin-bottom: 28px;
}

.cart .order_note_data {
	width: calc(45% - 5px);
}

.cart .instr_cart p {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 22px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.22px;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 0;
	font-weight: 400;
}

.cart .instr_cart {
	margin-top: 25px;
}

#cart_form .subtotal p:nth-child(2) {
	font-style: italic;
}

#cart_form .free_ship_text {
	color: #25292b;
}

.cart .cart_content a,
.cart .cart_content a:visited,
.cart .cart_content a:hover,
.cart .cart_content a .price,
.cart .cart_content a .price span {
	color: #25292b;
}
.cart .cart__wrapper {
	margin-top: 100px;
}
@media(max-width:1600px){
   .cart #cart_form .subtotal  p:nth-child(2) small {
      font-size:100%;
      font-size:18px;
	}
.cart .instr_cart p ,.cart #cart_form .subtotal .instr_cart  p:nth-child(2),.cart .order_note_data label, 
.shopify-section--cart-template .section .cart__item .cart__item--title,
.shopify-section--cart-template .section .medium-down--one-whole.headings .cart__item>div,
#cart_form p.modal_price, #cart_form p:not(.meta):last-of-type {
	font-size: 20px;
  }
.shopify-section--cart-template .section .cart__item .cart_content_info p {
	font-size:18px;
}
.one-half.column.subtotal_data {
    width: calc(34% - 20px);
    margin-left: auto;
}
      
}

@media(max-width:1440px) {
	.shopify-section--cart-template .section .cart__item .cart_page_image {
		width: auto;
		height: auto;
	}
	.cart .instr_cart p ,
	.cart #cart_form .subtotal .instr_cart  p:nth-child(2),
	.cart .order_note_data label,.shopify-section--cart-template .section .cart__item .cart__item--title ,
.shopify-section--cart-template .section .medium-down--one-whole.headings .cart__item>div,
  #cart_form p.modal_price, #cart_form p:not(.meta):last-of-type {
	font-size: 18px;
  }
        .shopify-section--cart-template .section .cart__item .cart_content_info p {
font-size:16px;
}
.one-half.column.subtotal_data {
    width: calc(36% - 20px);
    margin-left: auto;
}
  .shopify-section--cart-template .section .container {
    padding: 0 60px;
}
  .cart .order_note_data label {
  	margin-bottom: 20px;
    margin-top: 20px;
  }
}
@media(max-width: 1280px){
	.shopify-section--cart-template .section .container {
        padding: 0 40px;
    }
    .one-half.column.subtotal_data {
        width: calc(43% - 20px);
        margin-left: auto;
    }
}
   
@media(max-width: 767px){
	.cart .instr_cart p ,
	.cart #cart_form .subtotal .instr_cart  p:nth-child(2),
	.cart .order_note_data label,.shopify-section--cart-template .section .cart__item .cart__item--title ,
.shopify-section--cart-template .section .medium-down--one-whole.headings .cart__item>div,
  #cart_form p.modal_price, #cart_form p:not(.meta):last-of-type {
		font-size: 1px;
	}

  .cart #cart_form .subtotal p:nth-child(2){
	font-size: 16px;
    margin-bottom: 16px;
	}
  .cart #cart_form .subtotal p:nth-child(2) small {
		margin-bottom: 10px;
font-size: 16px;
	}
   .cart #checkout {
    min-height: 46px;
    padding: 20px;
    font-size: 14px;
    border-radius: 4px;
    overflow: hidden;
}
  .cart #checkout:after {
	right: 0;
    height: 100%;
    z-index: -1;
}
  .cart #checkout:before {
	left: 0;
    height: 100%;
}
  .cart #checkout:hover:before, .cart #checkout:hover:after{
	width: 50%;
	}
  .cart .order_note_data label {
	text-align: center;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
   }
#cart_form .subtotal {
    padding-left: 0;
    padding-top: 0;
}
.cart .instr_cart {
	margin-top: 5px;
}
  .cart .column.medium-down--one-whole.cart_footer {
padding-bottom: 0;
    margin-bottom: 0;
}
 #cart_form {
	margin-bottom: 0;
}
.cart .product-app--container {
	margin-top:-30px;
}

}  
 @media(max-width: 576px){
	.cart .instr_cart p ,
	.cart #cart_form .subtotal .instr_cart  p:nth-child(2),
	.cart .order_note_data label,.shopify-section--cart-template .section .cart__item .cart__item--title ,
	.shopify-section--cart-template .section .medium-down--one-whole.headings .cart__item>div,
  	#cart_form p.modal_price, #cart_form p:not(.meta):last-of-type {
		font-size: 14px;
	}
}      

.cart .one-twelfth.column.medium-down--one-whole.cart_line_remove {
/* 	position: relative;
	margin-top: 26px; */
    position: relative;
    margin-top: 15px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart .cart__remove-btn {
	display: flex;
	cursor: pointer;
	position: absolute;
	right: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	transform: translateY(-18px);
}

.cart .cart__remove-btn span.remove-icon {
	color: #333333;
	display: flex;
	cursor: pointer;
	width: 30px;
	height: 30px;
}

.cart .cart__remove-btn .remove-icon:before {
	font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
	font-size: 25px;
	line-height: 1em;
	display: block;
	content: "×";
	content: "";
	border-left: 1px solid #707070;
	width: 30px;
	height: 30px;
	transform: rotate(45deg);
	position: absolute;
	top: 18px;
}

.cart .cart__remove-btn .remove-icon:after {
	content: "";
	border-left: 1px solid #707070;
	width: 30px;
	height: 30px;
	transform: rotate(-45deg);
	position: absolute;
	top: -3px;
}

.cart .cart__item {
	align-items: flex-start;
}

.cart .shopify-section--cart-template #cart_form .product-quantity-box {
	margin-top: 0px;
}

.cart .four-tenths.columns.medium-down--one-whole.cart_content_info.cart__item--content {
	margin-top: 15px;
}

.cart .one-sixth.column.medium-down--one-whole.cart_line_quantity.is-justify-center.is-flex {
	margin-top: 15px;
}

.cart .one-eighth.column.medium-down--one-whole.cart_line_unit_price.text-center {
	margin-top: 15px;
  height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart .one-eighth.column.medium-down--one-whole.cart_line_total.text-center {
	margin-top: 15px;
height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart .product-app--container {
	margin-bottom: 65px;
}

@media (max-width:800px) {
	.cart .column.medium-down--one-whole.cart_footer {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.cart .order_note_data {
		width: 100%;
	}
	.one-half.column.subtotal_data {
		width: 100%;
	}
	.cart .container.content {
		margin-top: 70px;
	}
	.cart .rebuy-widget .primary-title {
		font-size: 32px;
	}
}

@media (max-width:768px) {
	.cart .shopify-section--cart-template .section .medium-down--one-whole.headings .cart__item>div {
		font-size: 18px;
	}
	.cart .price_total {
		display: block;
	}
	.cart .shopify-section--cart-template .section .column.cart__item--image {
		margin-right: 45px;
		min-width: 140px;
	}
	.cart .shopify-section--cart-template .section .cart__item .cart__item--title {
		font-size: 18px;
	}
	.cart .rebuy-widget .primary-title {
		font-size: 24px;
	}
}

@media (max-width:767px) {
	.cart .cart-data-box {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.cart-data-box .cart__item {
		border-bottom: 1px solid #ccc;
		min-width: 767px;
	}
	.cart .shopify-section--cart-template .section .medium-down--one-whole.headings .cart__item>div {
		min-width: 150px;
	}
	.cart .shopify-section--cart-template .section .column.cart__item--image {
		min-width: 150px;
	}
	.cart .four-tenths.columns.medium-down--one-whole.cart_content_info.cart__item--content {
		min-width: 180px;
	}
	.cart .one-sixth.column.medium-down--one-whole.cart_line_quantity.is-justify-center.is-flex {
		min-width: 180px;
	}
	.cart .one-eighth.column.medium-down--one-whole.cart_line_unit_price.text-center {
		min-width: 180px;
	}
	.cart #cart_form p.modal_price,
	#cart_form p:last-of-type {
		font-size: 18px;
	}
  .cart .one-eighth.column.medium-down--one-whole.cart_line_total.text-center {
	padding-top: 25px;
    margin-top: 6px;
	}
  .shopify-section--cart-template .section {
		padding-bottom: 0;
	}

}

@media (max-width:640px) {
	.cart .rebuy-widget .primary-title {
		font-size: 22px;
	}
	.rebuy-widget .rebuy-product-block .rebuy-product-info .rebuy-product-title.clickable {
		font-size: 20px;
		line-height: 22px;
	}
.shopify-section--cart-template #cart_form .product-quantity-box {
		height: 46px;
	}
  #cart_form .cart__wrapper .cart__item .cart_line_unit_price {
	margin-top: 20px;
    padding-top: 32px;
   }
  	body #cart_form p.modal_price, body #cart_form p:not(.meta):last-of-type {
		font-size: 16px;
	}
}

@media(max-width: 576px){
    .cart .shopify-section--cart-template .section .cart__item .cart__item--title {
		font-size: 16px;
      padding-left: 10px;
	}
	.cart .shopify-section--cart-template .section .cart__item p {
      padding-left: 10px;
	}
}      


/* cart page css....ends... */

.page-loyalty-reward section.subscription-faq-section.Q-A-section h2 {
	display: block;
}

.page-loyalty-reward .faq-subscription-para {
	color: #3a3a3a;
	font-family: 'Conv_Metropolis-Light';
	font-size: 60px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.6px;
	line-height: 50.6px;
	text-align: center;
	margin-top: -46px;
	margin-bottom: 48px;
}


/* Start CSS code for given mobile design  (Responsive)      */

.index .learn-more-box {
	text-align: center;
	margin-top: -40px;
	margin-bottom: 50px;
}


/* Start home page  */

@media (max-width:768px) {
  .press-section .content-box p {

/* letter-spacing: 0.14px; */
}
	#header .top-bar {
		padding: 10px 0;
	}
	.mobile_nav div span {
		height: 1.5px !important;
	}
	.index .banner.about-banner-section .banner-text .content-box {
		width: 100%;
		padding: 0px 15px;
		text-align: center;
	}
	.index .banner.about-banner-section .banner-text h1 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-bold';
		font-size: 24px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		max-width: 215px;
		margin: 10px auto;
		margin-bottom: 12px;
	}
	.index .banner.about-banner-section .banner-text p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
		max-width: 275px;
		margin-left: auto;
		margin-right: auto;
	}
	.index .banner.about-banner-section .banner-text {
		margin-left: auto;
		margin-right: auto;
	}
	.btn.primary-btn {
		color: #feffff;
		font-family: 'Conv_Metropolis-bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 15.6px;
		text-align: center;
		height: 46px;
	}
	.index .rebuy-widget .primary-title {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
        margin-bottom: -15px;
	}
	.index #shopify-section-homepage-rebuy-bestseller {
		padding-top: 0px !important;
		padding: 45px 0px;
		padding-bottom: 0px;
	}
	button.flickity-button.flickity-prev-next-button.previous,
	button.flickity-button.flickity-prev-next-button.next {
		background-color: #f3f9f1 !important;
		width: 38px;
		height: 38px;
	}
	.flickity-prev-next-button {
		opacity: 1 !important;
	}
	svg.flickity-button-icon {
		padding: 0px;
	}
	.flickity-prev-next-button .arrow {
		fill: #04413f;
		opacity: 1;
	}
	.flickity-prev-next-button svg {
		transform: none;
	}
	.rebuy-widget .flickity-button.previous,
	.rebuy-recommended-products .flickity-button.previous {
		left: 30px !important;
	}
	.rebuy-widget .flickity-button.next,
	.rebuy-recommended-products .flickity-button.next {
		right: 30px !important;
	}
	.rebuy-widget .flickity-prev-next-button,
	.rebuy-recommended-products .flickity-prev-next-button,
	.rebuy-landing-page .flickity-prev-next-button {
		top: 30% !important;
	}
	.index .rebuy-widget .rebuy-product-block .rebuy-product-info .rebuy-product-title.clickable {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 20px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.2px;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 0px;
	}
	.rebuy-money,
	.rebuy-widget .rebuy-money {
		font-family: 'Conv_Metropolis-Bold';
		margin-bottom: 22px;
		color: #404143 !important;
		font-size: 18px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.18px;
		line-height: 15.6px;
		text-align: center;
	}
	.rebuy-select,
	.rebuy-widget .rebuy-select {
		background-color: #ffffff;
		border: 2px solid #044141 !important;
		color: #25292b;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 14px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 15.6px;
		text-align: left;
		text-transform: uppercase;
	}
	.rebuy-select {
		background-image: linear-gradient(45deg, transparent 50%, #cccccc 50%), linear-gradient(135deg, #cccccc 50%, transparent 50%), linear-gradient(to right, #cccccc, #cccccc);
		background-image: none;
		position: relative;
		z-index: 1;
		background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/aroow.png?v=1645544329) !important;
		background-size: auto !important;
		background-repeat: no-repeat;
		max-width: 300px;
		margin: auto !important;
	}
	.index .rebuy-product-actions .rebuy-button {
		color: #feffff;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 15.6px;
		text-align: center;
		height: 46px!important;
		max-width: 142px;
	}
	.rebuy-widget .flickity-page-dots .dot,
	.rebuy-recommended-products .flickity-page-dots .dot {
		height: 14px !important;
		width: 14px !important;
	}
	.order-goodness-section.index-fueled-rate .order-goodness-wrapper .row .box img {
		margin-left: auto;
		margin-right: auto;
	}
	.index-fueled-rate .slick-dots {
		bottom: -50px;
	}
	.index-fueled-rate .slick-dots li button:before {
		font-size: 15px;
	}
	.index .order-goodness-section.index-fueled-rate .order-goodness-wrapper h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 35px;
		text-align: center;
		max-width: 300px;
		margin: 65px auto;
		margin-bottom: 30px
	}
	.order-goodness-section .row {
		margin-top: 26px;
        margin-bottom: 34px;
	}
	.order-goodness-section.index-fueled-rate .order-goodness-wrapper h5 {
		font-size: 14px;
		max-width: 300px;
		margin: auto;
		line-height: 21px;
		margin-bottom: 12px;
	}
	.order-goodness-section.index-fueled-rate .order-goodness-wrapper p {
		font-family: 'Conv_Metropolis-light';
		font-weight: 300;
		font-size: 14px;
		max-width: 300px;
		margin: auto;
		line-height: 21px;
		margin-bottom: 12px;
	}
	.index-fueled-rate .slick-prev.slick-arrow,
	.factory-store-mslider .slick-prev.slick-arrow {
		background-color: #f3f9f1 !important;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		left: 0px;
		z-index: 9;
        top: 38%;
	}
  .index-fueled-rate .slick-next.slick-arrow, .factory-store-mslider .slick-next.slick-arrow {
       top: 38%;
  }
	.index-fueled-rate .slick-next.slick-arrow,
	.factory-store-mslider .slick-next.slick-arrow {
		background-color: #f3f9f1 !important;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		right: 0px;
		z-index: 9;
	}
	.index-fueled-rate .slick-prev:before,
	.index-fueled-rate .slick-next:before,
	.factory-store-mslider .slick-prev:before,
	.factory-store-mslider .slick-next:before {
		content: '←';
		background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/left-arrow.png?v=1645616704);
		background-size: auto;
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		right: 0;
		text-align: center;
		top: 10px;
		left: 10px;
	}
	.index-fueled-rate .slick-next:before,
	.factory-store-mslider .slick-next:before {
		background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/right-arrow.png?v=1645616704) !important;
		left: 15px !important;
	}
	.index .index-fueled-rate .learn-more-box {
		text-align: center;
		margin-top: -60px;
		margin-bottom: 45px;
	}
	.index .tab-qoutation-section {
		margin-top: 50px;
	}
	.index .tab-qoutation-section .tab-qoutation-wrapper .tab-content-wrap .tab-text p {
		font-size: 14px;
		margin-bottom: 10px;
		margin-top: 0px;
		line-height: 18px;
	}
	.index .tab-qoutation-section .tab-qoutation-wrapper .tab-content-wrap .tab-text h5 {
		font-size: 14px;
		text-transform: uppercase;
		padding-top: 0px;
	}
	.tab-qoutation-section .tab-qoutation-wrapper .tab-content-wrap {
		margin-bottom: 30px;
	}
	.tab-qoutation-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	.index .press-wrapper {
		display: flex;
		flex-direction: column-reverse;
	}
	.project-x-section .press-wrapper {
		flex-direction: column;
      padding-left: 0;
      padding-right: 0;
	}
  .stop-inner-wrapper {
      padding-left: 0;
      padding-right: 0;
}
  .page-about  .project-x-section {
margin-bottom: 30px;

}
	.index .press-section.coffee-quiz-section .content-box {
		justify-content: center;
		margin-right: 0px;
		padding-left: 0px !important;
		padding-right: 0px;
		width: 100%;
		padding: 60px 0px !important;
	}
	br {
		display: none;
	}
	.index .press-section .content-box h2 {
		font-size: 24px;
		margin-bottom: 15px;
	}
	.index .press-section.coffee-quiz-section .content-box p {
		margin-bottom: 15px;
		font-size: 14px;
		color: #25292b;
		letter-spacing: 0.14px;
	}
	.index .order-goodness-section.shop-goods-section .order-goodness-wrapper h2 {
		color: #3a3a3a;
		letter-spacing: 0.24px;
		font-size: 24px;
	}
	.index .coffee-quiz-section {
		margin-bottom: 20px;
	}
	.index .order-goodness-section.shop-goods-section .order-goodness-wrapper .row {
		justify-content: space-between;
		margin-top: 30px;
	}
	.index .shop-goods-section .order-goodness-wrapper .row.flex.space-between {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		position: relative;
	}
     .index .shop-goods-section .order-goodness-wrapper .row.flex.space-between::-webkit-scrollbar {
        height: 4px;
        scrollbar-width: thin;
    }

    .index .shop-goods-section .order-goodness-wrapper .row.flex.space-between::-webkit-scrollbar-track {
      background-color: #b3b4b4;
      height:4px!important;
    }

    .index .shop-goods-section .order-goodness-wrapper .row.flex.space-between::-webkit-scrollbar-thumb {
        border-color: #25292b;
      	background: #25292b ;
      	height:4px!important;
    }
	.index .shop-goods-section .order-goodness-wrapper .row.flex.space-between:before {
		content: "";
		background: #b3b4b4;
		width: 100%;
		height: 4px;
		position: absolute;
		bottom: 1px;
      display:none;
	}
	.index .order-goodness-section.shop-goods-section .custom-col {
		min-width: 30%;
		margin-bottom: 0px;
		max-height: 180px !important;
		position: relative;
	}
	.index .order-goodness-section .order-goodness-wrapper .row .box {
		margin: 20px auto;
		margin-bottom: 0px;
	}
	.index .order-goodness-section.shop-goods-section h5 {
		font-size: 14px;
	}
	.index .order-goodness-section .order-goodness-wrapper .row .box img {
		margin-bottom: 5px;
		max-width: 100px;
		height: 60px;
		object-fit: contain;
	}
	.index .order-goodness-section.shop-goods-section .custom-col:first-child:before {
		content: "";
		background: #25292b;
		position: absolute;
		width: 100%;
		height: 4px;
		left: 0;
		bottom: 1px;
      display:none;
	}
	.index .project-x-section {
		padding: 0px 20px;
        margin-top: 40px;
	}
	.index .project-x-section h2 {
		text-align: center;
		font-size: 24px;
		margin-bottom: 15px;
	}
	.index .project-x-section p {
		text-align: center;
		font-size: 14px;
		margin-bottom: 15px;
		color: #25292b;
		line-height: 22px;
      
	}
	.index .project-x-section .content-box {
		padding: 60px 30px;
		text-align: center;
	}
	.index .program-section {
		background: #f3f9f1;
		margin-top: 25px;
	}
	.index .program-section .content-box {
		padding-top: 35px !important;
		padding-bottom:35px !important;
		margin-right: 0px;
	}
	.index .program-section .content-box h2 {
		text-align: center;
		font-size: 24px;
		margin-bottom: 25px;
	}
	.index .program-section .content-box p {
		text-align: center;
		font-size: 14px;
		margin-bottom: 25px;
		color: #25292b;
		line-height: 22px;
        letter-spacing: 0.14px;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-heading {
		margin-top: 25px;
		margin-bottom: 15px;
	}
	.index .okeReviews.okeReviews--theme .okeReviews-starRating-indicator-layer--foreground {
/* 		background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/star-rating.png?v=1645631879) !important; */
		width: 0;
		background-size: contain;
		background-position: left;
		background-repeat: no-repeat;
	}
	.index .okeReviews .okeReviews-starRating-indicator-layer {
		background-image: none !important;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-header-reviewsCount {
		font-size: 1.15em;
		color: #404143;
		font-family: 'Conv_Metropolis-Light';
		font-size: 14px;
		font-weight: 300;
		font-style: italic;
		letter-spacing: 0.28px;
		line-height: 15.6px;
		margin-top: 15px;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-review-product-name {
		color: #25292b;
		font-size: 20px;
		font-style: normal;
		letter-spacing: 0.2px;
		line-height: 22px;
		text-align: center;
		text-overflow: initial;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-review-content-heading {
		font-size: 14px;
		line-height: 15.6px;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-review-content-body {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 14px;
		letter-spacing: 0.22px;
		line-height: 19px;
		text-align: center;
		margin: 25px 0px;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-review-reviewer-name {
		font-size: 11px;
		margin-bottom: -4px;
	}
	.index .okeReviews-reviewsCarousel-review-reviewer-date {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 12px;
		font-weight: 300;
		font-style: italic;
		letter-spacing: 0.12px;
		line-height: 30px;
		text-align: center;
	}
	.index .okeReviews-reviewsCarousel-review {
		background: rgb(248 251 246 / 50%);
		max-width: 275px;
	}
	.index .okeReviews .okeReviews-reviewsCarousel-slider .flickity-prev-next-button {
		width: 38px;
		height: 38px;
	}
	.index .okeReviews .flickity-prev-next-button.previous {
		left: 20px;
	}
	.index .okeReviews .flickity-prev-next-button.next {
		right: 20px;
	}
	.btn.btn-visit {
		padding-bottom: 8px;
	}
	.btn.btn-visit span {
		color: #044141;
		font-family: 'Conv_Metropolis-bold';
		font-size: 11px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.22px;
		line-height: 15.6px;
		text-align: center;
	}
	.index .order-goodness-section .order-goodness-wrapper h2 {
		font-family: 'Conv_Metropolis-Light';
		color: #3a3a3a;
		margin-top: 30px;
		margin-bottom: 25px;
		text-align: center;
		font-size: 24px !important;
		letter-spacing: 0.24px;
		line-height: 1;
	}
  	.index .order-goodness-section.footer-goodness-section-box .order-goodness-wrapper h2 {
		margin-top: 30px!important;
	}
	.index .order-goodness-section .order-goodness-wrapper p {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
	}
	.order-goodness-section.footer-goodness-section-box .order-goodness-wrapper .row .box img {
		margin-bottom: 5px;
		max-width: 100px;
		height: 60px;
		object-fit: contain;
		margin: auto;
	}
	.order-goodness-section.footer-goodness-section-box .order-goodness-wrapper h5 {
		color: #25292b;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 14px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 20px;
		text-align: center;
		max-width: 300px;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}

  .order-goodness-section.footer-goodness-section-box .order-goodness-wrapper h5 > br {
    display:inline-block;
    }
	.order-goodness-section.footer-goodness-section-box .slick-dots {
		bottom: 2px;
	}
	.order-goodness-section.footer-goodness-section-box .slick-dots li button:before {
		font-size: 16px;
	}
	.order-goodness-section.footer-goodness-section-box .slick-prev.slick-arrow {
		background-color: #f3f9f1 !important;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		left: 0px;
		z-index: 9;
	}
	.order-goodness-section.footer-goodness-section-box .slick-next.slick-arrow {
		background-color: #f3f9f1 !important;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		right: 0px;
		z-index: 9;
	}
	.order-goodness-section.footer-goodness-section-box .slick-prev:before,
	.order-goodness-section.footer-goodness-section-box .slick-next:before {
		content: '←';
		background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/left-arrow.png?v=1645616704);
		background-size: auto;
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		right: 0;
		text-align: center;
		top: 10px;
		left: 10px;
	}
	.order-goodness-section.footer-goodness-section-box .slick-next:before {
		background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/right-arrow.png?v=1645616704);
		left: 15px;
	}
}


/* End css */


/* Start about page new mobile css*/

.about-us-banner-image {
	display: none;
}

@media (max-width:767px) {
	.page-about .about-crafted-section .row.img-text-wrapper>div .custom-col-6 {
		height: auto;
	}
}

@media (max-width:640px) {
  .rebuy-widget .rebuy-product-grid.small-columns-1 .rebuy-product-block {
		padding-bottom: 30px;
/*     	padding-top: 0; */
	}
	.page-about .banner.about-banner-section {
		background-image: none !important;
	}
	.page-about .about-us-banner-image {
		display: block;
	}
	.page-about .banner.about-banner-section {
		height: auto;
		margin-top: 110px;
	}
	.page-about .banner.about-banner-section .banner-text {
		max-width: 100%;
		width: 100%;
		display: grid;
		place-items: center;
	}
	.page-about .banner.about-banner-section .banner-text h1 {
		color: #3a3a3a !important;
		font-size: 24px !important;
		margin-bottom: 12px;
	}
	.page-about .banner.about-banner-section .banner-text p {
		font-size: 14px;
	}
	.page-about .banner.about-banner-section .banner-text {
		padding: 25px 25px;
	}
	.page-about .about-crafted-section .crafted-wrapper h2 {
		color: #3a3a3a;
		font-size: 24px;
		margin-bottom: 15px;
	}
	.about-crafted-section .crafted-wrapper p,
	.page-about .about-page-reverse-block p {
		font-size: 14px;
		font-weight: 300;
		padding-left: 30px;
		padding-right: 30px;
		line-height: 21px;
		color: #25292b;
	}
	.page-about .about-page-reverse-block {
		flex-direction: column-reverse !important;
	}
	.page-about .about-crafted-section {
		padding-bottom: 0px;
	}
	.order-goodness-section .order-goodness-wrapper h2 {
		font-weight: 300;
		font-size: 24px !important;
		letter-spacing: 0.24px;
		line-height: 31px;
		text-align: center;
		color: #3a3a3a;
	}
	.learn-more-box {
		text-align: center;
		margin-top: -67px;
		margin-bottom: 91px;
	}
	.page-about .about-page-press {
		flex-direction: column-reverse;
	}
	.page-about .about-page-press h5 {
		color: #044141;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 11px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.22px;
		line-height: 15.6px;
		text-align: center;
	}
	.page-about .about-page-press h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
	}
	.page-about .about-page-press .content-box p {
		color: #25292b;
		font-size: 14px;
		line-height: 20px;
      letter-spacing: 0.48px;
    font-weight: 300;
          margin-bottom: 30px;
	}
	.page-about .stop-buy-section h2 {
		color: #3a3a3a;
		font-size: 24px;
		font-family: 'Conv_Metropolis-light';
		font-weight: 300;
		margin-bottom: 30px;
	}
	.stop-buy-section .row .box h5 {
		text-transform: uppercase;
		color: #25292b;
		font-family: 'Conv_Metropolis-bold';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 15px;
	}
	.stop-buy-section .row .box p,
	.about-become-wholsale-section p,
	.page-about .footer-goodness-section-box p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 15px !important;
	}
	.stop-buy-section {
		padding: 38px 0 68px;
	}
  .page-about .stop-buy-section {
      padding-bottom: 25px;
  }
	.stop-buy-section .row .custom-col-6 {
		height: auto;
	}
	.stop-buy-section .row .box {
		text-align: center;
		padding: 30px 20px;
		margin-bottom: 20px;
	}
	.stop-buy-section .row .box a,
	.btn btn-visit {
		font-size: 11px;
		font-style: normal;
		letter-spacing: 0.22px;
		line-height: 15.6px;
		color: #044141;
		font-family: "Conv_Metropolis-Bold";
		font-weight: 700;
		text-align: center;
	}
	.about-become-wholsale-section h2 {
		color: #3a3a3a;
		font-size: 24px;
		font-family: 'Conv_Metropolis-light';
		font-weight: 300;
		width: 100%;
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.about-become-wholsale-section .press-wrapper .content-box {
		padding-right: 30px;
		padding-left: 30px;
		background-color: #f3f9f1;
		text-align: center;
	}
	.page-about .footer-goodness-section-box h2 {
		margin-top: 40px;
	}
	.page-about .order-goodness-section .order-goodness-wrapper .row .box img {
		margin-left: auto;
		margin-right: auto;
	}
	.order-goodness-section .order-goodness-wrapper .row .box {
		max-width: 400px;
		margin: 0 auto;
	}
  .about-become-wholsale-section .btn.btn-visit {
    	font-size: 11px;
    }
  .index .program-section .content-box p {
	padding: 0 60px;
  }
}


@media(max-width: 576px){
    .index .program-section .content-box p {
        padding-left: 0;
        padding-right: 0;
        max-width: 259px;
        margin-left: auto;
        margin-right: auto;
	}
}

/*  End CSS */


/* Factory store page responisve css */

@media (max-width:767px) {
  .page-about .banner.about-banner-section .banner-text {
		padding-top:0; 
	}
 
	.page-factory-store .container-lg {
		padding: 0px 0px;
	}
	.page-factory-store .factory-store-wrapper .image-box {
		height: auto;
		margin-top: 90px;
	}
	.page-factory-store .factory-store-section.location-section .factory-store-wrapper .right-content-box h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px!important;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
		margin-bottom: 12px;
	}
	.page-factory-store .factory-store-section.location-section .factory-store-wrapper .right-content-box p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.factory-store-section .factory-store-wrapper .right-content-box .achievments-list>div .img {
		height: 81px;
		margin: 20px auto;
	}
	.page-factory-store .slick-dots li button:before {
		font-size: 20px;
	}
	.page-factory-store .factory-store-section .factory-store-mslider p {
		color: #25292b;
		font-family: 'Conv_Metropolis-SemiBold' !important;
		font-size: 26px;
		font-weight: 500 !important;
		padding-left: 25px;
		padding-right: 25px;
	}
	.page-factory-store .achievments-list .custom-col-4 {
		margin-bottom: 20px;
	}
	.page-factory-store .factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap h6 {
		text-transform: uppercase;
		color: #959595;
		font-family: 'Conv_Metropolis-SemiBold' !important;
		font-size: 14px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 1.4;
		text-align: center;
		width: 100%;
        padding-bottom: 0;
	}
	.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap .box {
		width: auto;
		padding-right: 0px;
	}
	.factory-store-mslider .slick-dots {
		bottom: -23px;
	}
	.page-factory-store .factory-store-section.location-section .factory-store-wrapper .our-detail-wrap .box p {
		font-weight: 500 !important;
		font-family: 'Conv_Metropolis-SemiBold';
	}
	.page-factory-store .our-detail-wrap .custom-col-6:last-child {
		text-align: left;
		margin-top: 0px;
	}
.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap  .custom-col-6:last-child .box p {
	margin-bottom: 0;
}
.page-factory-store .factory-store-section.location-section .factory-store-wrapper .our-detail-wrap .box p {
	margin-bottom: 25px;
}
	.page-factory-store .order-goodness-section .order-goodness-wrapper h2 {
		font-weight: 300;
		margin-top: 0px!important;
	}
	.page-factory-store .great-coffee-section .order-goodness-wrapper .row .box p,
	.press-section .content-box p,
	.project-x-section p,
	.press-section .content-box p,
	.project-x-section p,
	.order-goodness-section .order-goodness-wrapper p,
	.order-goodness-section .order-goodness-wrapper p {
		font-size: 14px;
		line-height: 22px;
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
	}
}


/*       end css */


/* Start location page css */

@media (max-width:640px) {
	.page-location .container-lg {
		padding: 0px 0px;
	}
	.page-location .slick-dots li button:before {
		font-size: 16px;
	}
	.page-location .factory-store-mslider .slick-dots {
		bottom: -20px;
	}
	.page-location .factory-store-wrapper .image-box {
		height: auto;
		margin-top: 100px;
	}
  	.page-location .factory-store-wrapper .image-box {
		height: 225px;
	}
  .page-location .factory-store-wrapper .image-box img {
/* 	    object-position: 0px 16%; */
}
	.page-location .factory-store-section.location-section .factory-store-wrapper .right-content-box h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px!important;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
        margin-bottom: 15px;
	}
	.page-location .factory-store-section .factory-store-wrapper .right-content-box p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.page-location .factory-store-section .factory-store-mslider p {
		color: #25292b;
		font-family: 'Conv_Metropolis-medium'!important;
		font-size: 26px;
		font-weight: 500 !important;
		padding-left: 25px;
		padding-right: 25px;
	}
	.page-location .achievments-list .custom-col-4 {
		margin-bottom: 20px;
	}
	.page-location .location-section .factory-store-wrapper .our-detail-wrap .box p,
	.page-location .location-section .factory-store-wrapper .our-detail-wrap .box p a {
		font-weight: 500 !important;
		font-family: 'Conv_Metropolis-medium';
		font-size: 14px;
	}
	.page-location .our-detail-wrap .custom-col-6:last-child {
		text-align: left;
		margin-top: 0px;
	}
	.page-location .order-goodness-section .order-goodness-wrapper h2 {
		font-weight: 300;
		margin-top: -30px;
	}
  .page-location .order-goodness-section.footer-goodness-section-box .order-goodness-wrapper h2 {
margin-top: 0!important;
}
	.page-location .factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap h6 {
		font-family: 'Conv_Metropolis-SemiBold';
		margin-bottom: 8px;
		color: #959595;
		font-size: 14px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 1.4;
		text-align: center;
	}
	.page-location .earn-reward-section {
		margin-bottom: 45px;
		margin-top: -45px;
	}
  .page-location .earn-reward-section.redeem-section {
		margin-bottom: 35px;
	}
	/* h2{
    color: #3a3a3a;
	font-family: 'Conv_Metropolis-light';
	font-size: 24px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 26px;
	text-align: center;
}
p{
    color: #25292b;
	font-family: 'Conv_Metropolis-light';
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.14px;
	line-height: 20px;
	text-align: center;
} */
	.page-location .earn-reward-section h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
		margin-bottom: 15px;
	}
  	.page-location #shopify-section-earn-rewards .earn-reward-section h2, .page-location #shopify-section-earn-rewards .earn-reward-section p {
		padding: 0 39px;
	}
	.page-location .earn-reward-section p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.page-location .earn-reward-section .earn-reward-wrapper {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.page-location .earn-reward-section.redeem-section .earn-reward-wrapper.redeem-wrapper h2 {
		margin-bottom: 25px;
	}
	.page-location .redeem-wrapper .redeem-inner-wrap .redeem-box h6 {
		color: #25292b;
		font-family: 'Conv_Metropolis-bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 14px;
		text-align: left;
		padding-left: 4px;
		padding-bottom: 1px;
		margin-bottom: 0px;
	}
	.page-location .redeem-wrapper .redeem-inner-wrap .redeem-box p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
	}
	.page-location .redeem-wrapper .redeem-inner-wrap .redeem-box {
		margin-bottom: 0px;
		height: auto;
		padding: 10px 30px;
	}
	.page-location .redeem-wrapper .redeem-inner-wrap .custom-col-4 {
		margin-bottom: 10px;
	}
}

@media(max-width: 380px){
	.page-location #shopify-section-earn-rewards .earn-reward-section h2, .page-location #shopify-section-earn-rewards .earn-reward-section p {
		padding: 0 0px;
	}
}

/* end css */


/* Start shipping and return css */

@media (max-width:640px) {
	.page-shipping-return .banner-section.shipping-banner-section .banner-wrapper .banner-content-box h1 {
		line-height: 1.2;
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-bold';
		font-size: 22px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
		max-width: 340px;
		margin-left: auto;
		margin-right: auto;
        margin-bottom: 0;
	}
  .shipping-policy-section .shipping-wrapper {
margin-top: 40px;
}
  .shipping-policy-section .shipping-wrapper .title {
margin-bottom: 15px;
}
	.page-shipping-return .banner-section.shipping-banner-section.banner-section .banner-wrapper {
		height: auto;
		margin-top: 100px;
		padding: 70px 20px;
	}
	.page-shipping-return .container {
		padding: 0 20px;
	}
  	.page-shipping-return #shopify-section-domestic-shipping .shipping-policy-section .shipping-wrapper {
		margin-top: 35px;
	}
	.page-shipping-return .container-sm {
		padding: 0 20px;
	}
	.page-shipping-return .shipping-policy-section .shipping-wrapper h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 22px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: left;
	}
	.page-shipping-return .shipping-policy-section .shipping-wrapper .shipping-box h5 {
		color: #25292b;
		font-family: 'Conv_Metropolis-bold';
		font-size: 14px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
		text-transform: uppercase;
		margin-bottom: 3px;
	}
	.page-shipping-return .shipping-policy-section .shipping-wrapper .shipping-box p,
	.page-shipping-return .shipping-policy-section .shipping-wrapper p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
        margin-bottom: 15px;
	}
  	.page-shipping-return .shipping-policy-section .shipping-wrapper .shipping-box p:last-child {
		flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
	}
  .page-shipping-return .shipping-policy-section .shipping-wrapper .shipping-box p:last-child  a {
/*     width: 46%; */
    font-size: 12px;
}
  .page-shipping-return .shipping-policy-section .shipping-wrapper .shipping-box p:last-child  a:nth-child(2) {
padding-right: 3px;
}
  .page-shipping-return .shipping-policy-section .shipping-wrapper .shipping-box p:last-child  a:last-child {
padding-left: 3px;
}
	.page-shipping-return .shipping-policy-section .shipping-wrapper .shipping-box {
		margin-bottom: 25px;
	}
  .page-shipping-return .shipping-policy-section .shipping-wrapper {

		margin-top: 0;
	}
	.page-shipping-return .shipping-policy-section .shipping-wrapper .international-policy {
/* 		margin-top: -85px; */
      	margin-top: -31px;
    	margin-bottom: 0;
    	padding-bottom: 20px;
	}
}

@media(max-width: 380px){
  .page-shipping-return .shipping-policy-section .shipping-wrapper .shipping-box p:last-child  a {
        width: 100%;
    }
  .page-shipping-return .shipping-policy-section .shipping-wrapper .shipping-box p:last-child  a:first-child {
padding-right: 0;
}
  .page-shipping-return .shipping-policy-section .shipping-wrapper .shipping-box p:last-child  a:last-child {
padding-left: 0;
}
.index .program-section .content-box p {
	padding: 0 0px;
  }
}

/*       End Css */


/*  Start faq css  */

@media (max-width:640px) {
	.page-faq .banner-section .banner-wrapper .banner-content-box h1 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-bold';
		font-size: 24px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
		max-width: 340px;
		margin-left: auto;
		margin-right: auto;
      margin-bottom: 12px;
	}
	.page-faq .banner-section .banner-wrapper .banner-content-box p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.page-faq .banner-section .banner-wrapper {
		background-color: var(--color-light-orange);
		width: 100%;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 100px;
		padding: 75px 25px;
	}
	.page-faq .container {
		padding: 0 35px;
	}
	.page-faq .container-sm {
		padding: 0 35px;
	}
	.page-faq .faq-coffee-section .faq-coffee-wrapper h2,
	.page-faq section.faq-section h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 20px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
        margin-bottom: 25px;
	}
	.page-faq .faq-coffee-section .faq-coffee-wrapper p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.page-faq .faq-accordion-wrp .faq h4.sub--heading {
		color: #25292b;
		font-family: 'Conv_Metropolis-bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 14px;
		text-align: left;
		text-transform: uppercase;
	}
	.page-faq .faq-accordion-wrp .faq h4.sub--heading {
		padding-right: 30px;
	}
	.page-faq .faq-section p {
		font-weight: 300;
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
	}
	.page-faq .faq-section .answer {
		margin-top: 6px;
	}
	.page-faq .faq-accordion-wrp {
		margin-bottom: 40px;
	}
	.page-faq .acc-heading-title {
		margin-bottom: 50px;
	}
}


/*       End Css */


/* start wholesaller page css */

@media (max-width:640px) {
	.page-become-wholesaler .banner-section .inner-banner-wrapper .left-content-box {
		padding-right: 0px;
		margin-top: 110px;
        text-align: center;
      	width: 100%;
		padding: 0 30px;
        padding-bottom: 12px;
	}
	.page-become-wholesaler .inner-banner-wrapper .left-content-box h1 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-bold';
		font-size: 24px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
     	margin-bottom: 12px;
	}
	.page-become-wholesaler .inner-banner-wrapper .left-content-box p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.page-become-wholesaler .container-xl {
		padding: 0 0px;
	}
	.page-become-wholesaler .order-goodness-section .order-goodness-wrapper h2 {
		margin-top: 0px;
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
	}
	.page-become-wholesaler .order-goodness-section .order-goodness-wrapper .row .box img {
		margin-bottom: 25px;
		height: 56px;
	}
	.page-become-wholesaler .benefits-section .order-goodness-wrapper h5 {
		text-transform: uppercase;
		color: #25292b;
		font-family: 'Conv_Metropolis-bold';
		font-size: 14px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}

	.page-become-wholesaler .our-programs-section {
		margin-top: 0px;
	}
	.page-become-wholesaler .our-programs-section .our-programs-wrapper {
		margin-bottom: 37px;
		flex-direction: column-reverse;
	}
	.page-become-wholesaler .our-programs-section .our-programs-wrapper .left-contet-wrap ul {
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.page-become-wholesaler .our-programs-section .our-programs-wrapper .left-contet-wrap ul li img {
		width: 56px;
		height: 56px;
	}
	.page-become-wholesaler .our-programs-section .our-programs-wrapper .left-contet-wrap {
		padding: 30px 6px 0;
	}
	.page-become-wholesaler .container-lg {
		padding: 0px 0px;
	}
	.page-become-wholesaler .our-programs-section .our-programs-wrapper .left-contet-wrap ul li {
		width: 41%;
	}
  .page-become-wholesaler .our-programs-section .our-programs-wrapper .left-contet-wrap ul li h5 br {
  	display: revert;
  }
	.page-become-wholesaler .our-programs-section .our-programs-wrapper .left-contet-wrap ul li h5 {
		color: #25292b;
		font-family: 'Conv_Metropolis-bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 14px;
		text-align: center;
	}
	.page-become-wholesaler .our-programs-section .our-programs-wrapper .left-contet-wrap h2,
	.page-become-wholesaler .hire-us-section .hire-us-wrapper h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
	}
	.page-become-wholesaler .our-programs-section .program-list-wrapper {
		margin: 0px;
	}
	.page-become-wholesaler .our-programs-section .program-list-wrapper .yellow-box h5 {
		color: #25292b;
		font-family: 'Conv_Metropolis-bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 14px;
		text-align: center;
	}
	.page-become-wholesaler .our-programs-section .program-list-wrapper .yellow-box {
		height: 85px;
	}
	.page-become-wholesaler .our-programs-section .program-list-wrapper .custom-col-3 {
		margin-bottom: 15px;
	}
	.page-become-wholesaler .hire-us-section .hire-us-wrapper p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.page-become-wholesaler .hire-us-section .hire-us-wrapper .input-field>input,
	.mtro-cofee-check-bx span,
	.page-become-wholesaler .hire-us-section .hire-us-wrapper .input-field textarea {
		color: #dbdbdb;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 14px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
	}
	.page-become-wholesaler .hire-us-section .call-a-rep-wrapper h5 {
		color: #25292b;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 14px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 5px;
	}
	.page-become-wholesaler .hire-us-section .call-a-rep-wrapper a {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.page-become-wholesaler .hire-us-section .call-a-rep-wrapper {
		width: 100%;
		max-width: 1020px;
		background-color: #f9fcf8;
		padding: 10px 0;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 30px;
        margin-top: 15px;
	}
  	.page-become-wholesaler .benefits-section {
		padding-top:0;
	}
  	.order-goodness-wrapper .custom-col-4 {
		margin-bottom: 18px;
	}
      .page-become-wholesaler #storeify_content_formbuilder_6291 .storeify-input-control.storeify-input-text {
		margin-bottom: 0;
    }
  	.page-become-wholesaler #storeify_content_formbuilder_6291 .storeify-label-control {
		font-size: 14px;
	}
    #storeify_content_formbuilder_6291 .storeify-label-control, 
    #storeify_content_formbuilder_6291 .storeify-radio-label, 
    #storeify_content_formbuilder_6291 .storeify-checkbox-label {
		font-size: 12px!important;
      	display: flex;
      	align-items: center;
    }
}

      @media(max-width: 400px){
        .page-become-wholesaler .banner-section .inner-banner-wrapper .left-content-box {
			padding: 0 20px;
          padding-bottom: 12px;
        }
}


/*       end css */


/* Start collection page CSS and responsive css */

.collection .collection-category .options ul li span {
	color: #404143;
	font-size: 20px;
    font-family:'Conv_Metropolis-medium';
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.2px;
	line-height: 30px;
	text-align: left;
}

.collection span.faceted-filter-group-display__list-item-label-text {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.4px;
	margin-bottom: 0;
	text-transform: uppercase;
	line-height: 1;
}

.collection .collection-product-details .product-img img,
.search-template .collection-product-details .product-img img {
	width: auto;
	object-fit: contain;
	max-width: 275px;
	max-height: 275px;
}

.collection .collection-product-details .description a,
.search-template .collection-product-details .description a {
	color: #404143;
	font-family: 'Conv_Metropolis-light';
	font-size: 24px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.28px;
	line-height: 30px;
	text-align: left;
	min-height: 60px;
	display: block;
}
.collection .collection-product-details .description a {
min-height: auto;

}

.collection .collection-product-details .prd_price,
.search-template .collection-product-details .prd_price {
	color: #404143;
	font-family: 'Conv_Metropolis-bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.24px;
	line-height: 15.6px;
	text-align: left;
}

.collection .collection-product-details:hover,
.search-template .collection-product-details:hover {
	border: 1px solid #cecece;
	background: #fafaf8;
	border-radius: 4px;
	box-shadow: 0px 5px 12px 0px rgb(135 135 135 / 18%);
}

.collection .okeReviews-reviewsSummary-ratingCount span,
.search-template .okeReviews-reviewsSummary-ratingCount span {
	font-size: 16px;
	font-family: 'Conv_Metropolis-medium';
	color: #044141;
}

.collection .page-box ul li:first-child,
.search-template .page-box ul li:first-child {
	border-left: 1px solid #333;
	width: 0px !important;
	height: 30px;
	border-bottom: 1px solid #333;
	transform: rotate(45deg);
	display: inline-block;
	min-width: 30px;
}

.collection .page-box ul li:first-child a,
.search-template .page-box ul li:first-child a {
	display: inline-block;
	width: 30px;
height: 30px;
}

.collection .page-box ul li:last-child,
.search-template .page-box ul li:last-child {
	border-left: 1px solid #333;
	width: 0px !important;
	height: 30px;
	border-bottom: 1px solid #333;
	transform: rotate(225deg);
	display: inline-block;
	min-width: 30px;
}

.collection .page-box ul li:last-child a,
.search-template .page-box ul li:last-child a {
	display: inline-block;
	width: 30px;
  height: 30px;
}

.collection .page-box ul li:first-child i,
.search-template .page-box ul li:first-child i {
	display: none;
}

.collection .page-box ul li:last-child i,
.search-template .page-box ul li:last-child i {
	display: none;
}

.collection .page-box ul li,
.search-template .page-box ul li {
	min-width: 45px;
	color: #404143;
	font-family: 'Conv_Metropolis-bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1.76px;
	line-height: 15.6px;
	text-align: center;
}

.search-template section.section {
	max-width: 1600px;
}

.search-template .product-list.search-matrix.is-flex.is-flex-wrap.equal-columns--outside-trim {
	justify-content: space-between;
	margin: 40px 0px;
}

.collection .okeReviews.okeReviews--theme .okeReviews-starRating-indicator-layer--foreground {
	background-image: url(data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2280%22%20height%3D%2214%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23044141%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
	background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/star-rating.png?v=1645631879);
	background-size: 100%;
}

.search-template .okeReviews.okeReviews--theme .okeReviews-starRating-indicator-layer--foreground {
	background-image: url(data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2280%22%20height%3D%2214%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23044141%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
	background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/star-rating.png?v=1645631879);
	background-size: 100%;
}

.search-template .one-whole.column h1 {
	color: #25292b;
	font-family: 'Conv_Metropolis-light';
	font-size: 48px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 1.2px;
	line-height: 47.6px;
	text-align: center;
	margin-bottom: 15px;
	
	
}

.collection .collection-mobile-heading .category-name.collection-heading-name {
	display: block;
}

.filter-box.filter-mobile-collection-box form {
		display: flex;
	}
  .filter-box.filter-mobile-collection-box form >div h2 label {
     	font-size: 18px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 30px;
    	font-family: 'Conv_Metropolis-Bold';
    	text-transform: uppercase;
	}
  	.filter-box.filter-mobile-collection-box form >div {
		margin-right: 20px;
	}
  	.filter-box.filter-mobile-collection-box form >div >div {
		min-width: 240px;
	}
  	.filter-box.filter-mobile-collection-box form >div >div select {
		font-size: 14px;
    	font-family: 'Conv_Metropolis-Medium';
    	font-weight: 500;
      letter-spacing: 0.14px; 
		color: #404143!important;

        background-image: url('https://cdn.shopify.com/s/files/1/0556/1378/4259/files/Path_374.png?v=1650483476');
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: right;
        background-position-x: 97%;
        cursor: pointer;
   
color: #044141;
border: 0;
outline: 0;

	}
  .filter-box.filter-mobile-collection-box form >div.sorting >div select {

background-color: #f8e5c7!important;
}
  .filter-box.filter-mobile-collection-box form >div .faceted-filter-group-display select {
 background-color: #f3f9f1!important;
}
  	.filter-box.filter-mobile-collection-box form >div >div select:focus {
		border: 0;
	}

@media(max-width:1440px) {
	.collection-product-details {
		margin-right: 22px!important;
		width: 100%;
		max-width: 30%;
		padding: 15px 15px;
		margin-top: 20px;
	}
	.collection-product-details .description .gradients {
		font-size: 16px;
	}
	.collection .collection-product-details .description a,
	.search-template .collection-product-details .description a {
		font-size: 18px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 30px;
	}
	.collection .collection-product-details .product-img img,
	.search-template .collection-product-details .product-img img {
		width: 100%;
		height: 100%;
	}
}

@media(max-width:1280px) {
	.collection span.faceted-filter-group-display__list-item-label-text,
	.filter-box h4 {
		font-size: 16px;
	}
  .breadcums-box li a {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.24px;
    line-height: 15px;
}
}

@media(max-width:992px) {
	.collection-product-details {
		margin-right: 0!important;
		width: 100%;
		max-width: calc(50% - 10px);
		padding: 15px 15px;
		margin-left: 5px!important;
		margin-right: 5px!important;
		margin-top: 20px;
	}
	.collection-product-details .description h4 a {
		text-align: center!important;
		min-height: 43px;
	}
  .collection .collection-product-details .description h4 a {
  	text-align:left!important;
  }
	.collection .collection-product-details .prd_price {
		text-align: left;
	}
  .collection-product-box {
margin-top: 20px;
}
  .collection .collection-product-box .search-result {
margin-bottom: 10px;
}
	.collection .collection-product-details .action-btn-box form:first-child {
/* 		margin: 0 auto; */
      margin-right: 8px;
	}
  	.collection .action-btn-box {
		justify-content: flex-start;
  	}
	.collection-product-details .description .gradients {
		text-align: left;
	}
	.promo-banner--show .okeReviews .okeReviews-reviewsCarousel-heading {
		margin-top: 40px;
	}
}

@media (max-width:800px) {
	.collection .filter-show .faceted-filter-form span.faceted-filter-group-display__list-item-label-text {
		margin-bottom: 0px;
	}
	.footer-widget ul {
		line-height: initial;
	}
}

@media (min-width:641px) {
	h5.search-result.mobile-view-result {
		display: block;
	}
	h5.search-result.mobile-view-result {
		display: none;
	}
	.collection .collection-mobile-heading .category-name.collection-heading-name {
		display: none;
	}
	.collection-category .filter-box.filter-mobile-collection-box {
		display: none;
	}
	.filter-box.filter-mobile-collection-box {
		display: flex;
	}


   
}

@media (max-width:640px) {
.collection .filter-box.filter-mobile-collection-box {
	flex: 0 0 100%;
    max-width: 100%;
  margin-top: 20px;
}
.filter-box.filter-mobile-collection-box form >div {
	margin-right: 3px;
    width: 100%;
}
.collection-product-details .description .gradients {
      text-align: left;
      font-size: 14px;
	}
.filter-box.filter-mobile-collection-box form >div h2 label {
     	font-size: 16px;
		font-weight: 700;
		letter-spacing: 0.14px;
		line-height: 30px;
    	font-family: 'Conv_Metropolis-Bold';
    	text-transform: uppercase;
	}
.filter-box.filter-mobile-collection-box form >div >div {
		width: 100%;
 		min-width: 100%;
	}
	.collection .filter-box h4 {
		margin-bottom: -30px;
	}
	.collection .collection-category {
		display: flex;
		justify-content: space-between;
		align-items: center;
        margin-bottom: 10px;
	}
	.collection .filter-box ul.faceted-filter-group-display__list {
		display: none;
		position: absolute;
		width: 49%;
		background: #fff;
		z-index: 1;
		font-size: 11px;
	}
    .search-result.mobile-view-result {
    	margin-bottom: 0;
	}
  h5.search-result.mobile-view-result {
	padding-bottom: 0;
    font-size: 14px;
	}
  .collection .collection-product-details .description a {
font-size: 16px;
}
  .collection-container {
        padding: 0px 18px;
}
  .collection-product-details {
    padding-top: 0px;
}
 .collection .okeReviews--theme.okeReviews .okeReviews-reviewsSummary-starRating {
margin-right: 10px;

}
  .collection .collection-product-details .action-btn-box form:last-child {
margin-bottom: 0;
}
  .collection .collection-product-details .action-btn-box {
justify-content: flex-start;
}
.collection .collection-product-details .action-btn-box form:first-child {
	margin: 0 8px 0 0;
}
  .collection .action-btn-box {
align-items: self-end;
    justify-content: space-around;
    
}
	.filter-box.filter-mobile-collection-box,
	.metacoffee-category.sub-menu-wrapper {
		flex: 0 0 49%;
		max-width: 49%;
	}
	.filter-box.filter-mobile-collection-box.desktop-view {
		display: none;
	}
	h5.search-result.mobile-view-result {
		display: block;
	}
	h5.search-result.desktop-view-result {
		display: none;
	}
	.category-name.collection-heading-name {
		display: none;
	}
	.collection-product-box {
		margin-top: 0px;
	}
	.breadcums-box ul {
		text-align: center;
	}
	.breadcums-box ul li a {
		color: #404143;
		font-family: 'Conv_Metropolis-light';
		font-size: 12px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 15.6px;
		text-align: center;
	}
	.collection-page.h2-title h5 {
		color: #25292b;
		font-size: 14px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 20px;
		text-align: left;
	}
	.collection-page.h2-title p {
		color: #25292b;
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
	}
	.collection .collection-mobile-heading .category-name.collection-heading-name {
		display: block;
	}
	.collection-mobile-heading {
		text-align: center;
	}
   
	.collection-mobile-heading h4 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
	}
	.filter-mobile-collection-box a {
		background-color: #f3f9f1;
		display: inline-block;
		color: #044141 !important;
		font-family: 'Conv_Metropolis-Semibold';
		font-size: 12px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 15.6px;
		text-align: left;
		height: 43px;
		display: inline-flex;
		align-items: center;
		padding-left: 12px;
		position: relative;
		margin-top: 18px;
        width: 100%;
        border-radius: 0;
        border-color: #f3f9f1;
	}
  .metacoffee-category.sub-menu-wrapper .metacoffee-category-selected {
		margin-top: 18px;
	}
    .filter-mobile-collection-box a:hover {
      background: #f3f9f1;
      border-color: #f3f9f1;
    }
	.filter-mobile-collection-box a span {
		color: #044141 !important;
	}
	.filter-mobile-collection-box .faceted-filter-group-display {
		margin: 0;
	}
	.filter-mobile-collection-box a:before {
		position: absolute;
		content: "";
		right: 20px;
		width: 7px;
		height: 7px;
		border-top: 3px solid #25292b;
		border-right: 3px solid #25292b;
		transform: rotate(135deg);
		top: 13px;
		border-bottom: none;
	}
	.filter-mobile-collection-box.filter-box .filter-show ul {
      	border: 1px solid #ced9cb;
    	padding-top: 0;
	}
	.filter-mobile-collection-box.filter-box .filter-show ul li {
		font-size: 14px !important;
		margin-bottom: 0px !important;
		padding: 0px;
	}
	.filter-mobile-collection-box.filter-box .filter-show ul li span {
		font-size: 12px !important;
	}
	.filter-mobile-collection-box.filter-box span.faceted-filter-group-display__list-item-label-text {
		font-size: 14px !important;
		margin-bottom: 0px !important;
	}
  .faceted-active-filters {
	 padding-bottom: 0;
     border-bottom: 0;
     padding-top: 0;
  }
  .faceted-active-filters__remove-filter:before {
      display: none;
   }
  .faceted-active-filters__remove-filter {
      display: flex;
      justify-content: flex-start;
      align-items: center;
   }
  .faceted-active-filters__remove-filter i {
      margin-right: 5px!important;
   }
  .faceted-active-filters__remove-filter:hover {
 	 background: #e09f3e!important;
     border-color: #e09f3e!important;
    color:#fff;
  }
  .faceted-active-filters__remove-filter:hover i {
	color: #fff;	
  }
}
.faceted-active-filters .faceted-active-filters__remove-filter {
     
      font-family: 'Conv_Metropolis-Bold';
      letter-spacing: 0.14px
  }
@media(min-width: 640px){
  .faceted-active-filters .faceted-active-filters__remove-filter {
      border-radius: 0;
      background: #e09f3e;
      border: 0;
      padding-left: 10px;
      padding-right: 10px;
      font-family: 'Conv_Metropolis-Bold';
      letter-spacing: 0.14px
  }
  .faceted-active-filters .faceted-active-filters__remove-filter i {
      color: #fff;
      margin-right: 5px;
  }
}

.collection-product-details .product-img {
	justify-content: center;
}

@media (max-width:599px) {

  .filter-box.filter-mobile-collection-box form >div >div {
width: 97%;
    min-width: 97%;
	}
  .filter-box.filter-mobile-collection-box form {
justify-content: space-between;
}
	.collection-product-details {
		border: none;
		padding-left: 6px;
		padding-right: 6px;
	}
	.collection .collection-product-details .product-img img,
	.search-template .collection-product-details .product-img img {
		width: 100%;
		object-fit: contain;
		max-width: 200px;
		max-height: 180px;
/* 		border: 2px solid #ededed42; */
		margin: auto;
	}
	.collection-product-details .best-seller-box {
		font-size: 10px;
		height: 25px;
		display: flex;
		align-items: center;
		padding: 0px 8px;
	}
	.collection .collection-product-details .description a,
	.search-template .collection-product-details .description a {
		font-size: 16px;
		letter-spacing: 0.14px;
		line-height: 20px;
		min-height: 20px;
	}
	.collection .collection-product-details .description h4,
	.search-template .collection-product-details .description h4 {
		padding-top: 0px;
	}
	.collection-product-details .product-img {
		margin-top: 10px;
		margin-bottom: 10px;
        text-align:center;
	}
	.collection .collection-product-details .prd_price,
	.search-template .collection-product-details .prd_price {
		font-size: 16px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 15.6px;
		text-align: left;
	}
	.collection-product-details .description .gradients {
		font-size: 12px;
		font-weight: 300;
		letter-spacing: 0.12px;
		line-height: 18px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.collection-product-details .description .coffee-quality {
		font-size: 12px;
		font-family: 'Conv_Metropolis-SemiBold';
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 20px;
		padding-bottom: 10px;
        margin-bottom: 0;
	}
  	.collection-product-details .description .rating-box {
		margin-bottom: 0px;
	}
	.collection .okeReviews-reviewsSummary-ratingCount span,
	.search-template .okeReviews-reviewsSummary-ratingCount span {
		color: #404143;
		font-size: 8px;
		font-family: 'Conv_Metropolis-medium';
		font-weight: 500;
		font-style: italic;
		letter-spacing: 0.64px;
		line-height: 15.6px;
	}
	.action-btn-box button {
		color: #044141;
		font-size: 10px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.2px;
		line-height: 13.6px;
		padding: 5px 0px;
	}
  .filter-box.filter-mobile-collection-box form >div >div {
      width: 100%;
      min-width: 100%;
  }
}

@media (max-width:390px) {
	.collection .collection-product-details .product-img img,
	.search-template .collection-product-details .product-img img {
		width: 100%;
		object-fit: contain;
		max-width: 200px;
		height: 180px;
		border: 2px solid #ededed42;
		margin: auto;
	}
	.collection-product-details {
		max-width: calc(100% - 0px);
        margin-left: 0!important;
		margin-right:0 !important;
	}
	.action-btn-box {
		display: flex;
		justify-content: center;
		align-items: self-end;
	}
  .collection .action-btn-box {
justify-content: center;
}

  .collection .collection-product-details .prd_price, .collection-product-details .description .coffee-quality {
  	text-align:center;
  }
  .collection .collection-product-details .action-btn-box form:last-child {
  	margin-bottom:0;
  }
  .collection-product-details .description .rating-box {
	justify-content:center;
  }
  .collection-product-details .description .gradients {
  text-align: center;
  }
  .collection .collection-product-details .action-btn-box {
	  justify-content: center;
  }
 .filter-box.filter-mobile-collection-box form {
    flex-wrap: wrap;
  }
  .collection .collection-product-details .description h4 a {
		text-align: center!important;
	}

  .search-template .collection-product-details .prd_price {

text-align: center;
}
}


@media (max-width:360px) {
	.action-btn-box button {
		font-size: 14px;
	}
}

@media (min-width:1025px) {
	.collection .action-btn-box {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.collection .action-btn-box .subs_form {
		margin-top: 9px;
	}
}


/*       End CSS */


/* start roasteries page css */

.mobile-view-banner {
	display: none;
	width: 100%;
}

.mobile-view-banner img {
	width: 100%;
}

@media (max-width:640px) {
	.page-roasteries .mobile-view-banner {
		display: block;
		height: 620px;
	}
	.mobile-view-banner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
  .page-roasteries .banner.about-banner-section {
margin-top: 0;
}
	.page-roasteries .banner.about-banner-section.roasterie-banner {
		height: auto;
		background-image: none !important;
	}
	.page-roasteries .banner.about-banner-section.roasterie-banner .banner-text {
		max-width: 100%;
		margin-top: 100px;
      padding-top: 20px;
	}
  .banner.about-banner-section .banner-text {
  	padding: 30px 25px;
    padding-top: 35px;
  }
	.page-roasteries .banner.about-banner-section.roasterie-banner .banner-text h1 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-bold';
		font-size: 24px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
		margin-bottom: 12px;
	}
	.page-roasteries .banner.about-banner-section.roasterie-banner .banner-text p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 12px;
	}
	.page-roasteries .about-crafted-section .crafted-wrapper h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px;
		letter-spacing: 0.01em;
		font-weight: 300;
		font-style: normal;
		line-height: 26px;
		text-align: center;
		max-width: 260px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.page-roasteries .about-crafted-section {
		padding: 40px 0;
	}
	.page-roasteries .about-crafted-section .crafted-wrapper p {
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
        padding: 0;
	}
	.about-crafted-section .row.img-text-wrapper>div .custom-col-6 {
		height: auto;
	}
	.page-roasteries .about-crafted-section .roasterties-swap {
		flex-direction: column-reverse;
	}
	.page-roasteries .about-crafted-section .roasterties-swap p,
	.page-roasteries .visit-factory-section .visit-factory-wrapper p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 12px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 18px;
	}
  	.page-roasteries .about-crafted-section .roasterties-swap p {
		margin-bottom: 0px;
	}
	.page-roasteries .about-crafted-section .roasterties-swap:nth-child(2n) {
		flex-direction: column-reverse;
	}
	.page-roasteries .about-crafted-section .roasterties-swap:last-child {
		flex-direction: column-reverse;
	}
	.page-roasteries .about-crafted-section .roasterties-swap:last-child .conten-box {
		padding-bottom: 0px;
	}
	.page-roasteries .about-crafted-section {
		padding-bottom: 0px;
	}
	.page-roasteries .order-goodness-section .order-goodness-wrapper h2 {
		margin-top: 12px;
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px;
		letter-spacing: 0.01em;
		font-weight: 300;
		font-style: normal;
		line-height: 26px;
		text-align: center;
      margin-top: 35px!important;
	}
	.page-roasteries .order-goodness-section .order-goodness-wrapper .row .box img {
		height: 56px;
	}
	.page-roasteries .order-goodness-section .order-goodness-wrapper h5 {
		color: #25292b;
		font-family: 'Conv_Metropolis-bold';
		font-size: 14px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 20px;
		text-align: center;
		max-width: 250px;
		margin-left: auto;
		margin-right: auto;
	}
	.page-roasteries .visit-factory-section .visit-factory-wrapper h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px;
		letter-spacing: 0.01em;
		font-weight: 300;
		font-style: normal;
		line-height: 26px;
		text-align: center;
	}
	.visit-factory-section .visit-factory-wrapper .one-kind-tour-box,
	.visit-factory-section .visit-factory-wrapper .virtual-tour-box {
		padding-top: 30px;
	}
	.visit-factory-section .visit-factory-wrapper .one-kind-tour-box h5,
	.visit-factory-section .visit-factory-wrapper .virtual-tour-box h5 {
		color: #25292b;
		font-family: 'Conv_Metropolis-bold';
		font-size: 14px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 15px;
	}
	.page-roasteries a.btn.btn-visit {
		color: #044141;
		font-size: 11px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.22px;
		line-height: 15.6px;
		text-align: center;
	}
	.page-roasteries section.order-goodness-section.footer-goodness-section-box {
		margin-top: 30px;
	}
}
      @media(max-width: 380px){
        .page-roasteries .mobile-view-banner {
		    height: 550px;
	}
}


/* End css */


/* Start subscription page css */

@media (max-width:640px) {
	.page-subscription .banner.about-banner-section.subscription-banner {
/* 		background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/subscription-image.png?v=1645812545) !important; */
/* 		background-size: cover !important; */
		margin-top: 0;
		height: 100%;
		min-height: auto;
/* 		background-position: top; */
	}
	.page-subscription .banner.about-banner-section.subscription-banner h1 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-bold';
		font-size: 24px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
		margin-bottom: 12px;
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	.page-subscription .banner.about-banner-section.subscription-banner p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px !important;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 12px;
	}
	.page-subscription .banner.about-banner-section .banner-text .content-box {
		text-align: center;
	}
	.page-subscription .btn.primary-btn {
		margin-top: 10px;
	}
  .subscription-banner .banner-text .content-box p.remember-txt {
    margin-top: 15px;
    }
  .banner.about-banner-section.subscription-banner .banner-text .content-box p a {
	margin-left: 5px;
    color:#25292b;
    text-decoration:underline;
  }
	.page-subscription .great-coffee-section .order-goodness-wrapper .row {
		margin: 0 10px;
	}
	.page-subscription .Steady-brew-section .order-goodness-wrapper {
		margin: 0 10px;
      margin-top: 20px;
	}
	.page-subscription .Steady-brew-section .order-goodness-wrapper {
		padding: 0px 0px;
	}
	.page-subscription .great-coffee-section .order-goodness-wrapper .row {
		margin: 0px;
		flex-direction: row !important;
		justify-content: space-between;
	}
	.page-subscription .order-goodness-section.great-coffee-section .custom-col-4 {
		width: 31%;
	}
	.page-subscription .order-goodness-section .order-goodness-wrapper .row .box img {
		margin-bottom: 25px;
		height: 56px;
	}
	.page-subscription .great-coffee-section .order-goodness-wrapper .row .box h5 {
		height: auto;
		color: #25292b;
		font-family: 'Conv_Metropolis-bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 16px;
		text-align: center;
	}
	.page-subscription .container {
		padding: 0 7px;
	}
	.page-subscription .order-goodness-section .order-goodness-wrapper h2 {
		margin-bottom: 30px;
	}
	.page-subscription .great-coffee-section {
		padding: 50px 0;
		padding-bottom: 0px;
	}
	.page-subscription .how-it-works-section .row .content-box h5 {
		color: #044141;
		font-size: 11px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.22px;
		line-height: 15.6px;
		text-align: center;
	}
	.page-subscription .how-it-works-section .row .content-box h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px!important;
		letter-spacing: 0.01em;
		font-weight: 300;
		font-style: normal;
		line-height: 26px;
		text-align: center;
	}
	.page-subscription .how-it-works-section .row .content-box ol li {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
	}
	.page-subscription .how-it-works-wrapper.row.flex {
		flex-direction: column-reverse;
	}
	.page-subscription .how-it-works-wrapper.row.flex .content-box {
		text-align: center;
	}
	.page-subscription .how-it-works-section {
		margin-bottom: -15px;
	}
	section.subscription-faq-section.Q-A-section h2 {
		margin-bottom: 33px;
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		font-size: 24px;
		letter-spacing: 0.01em;
		font-weight: 300;
		font-style: normal;
		line-height: 26px;
		text-align: center;
		padding: 0 50px;
	}
	.rewards-subscription-faq-box .faq-accordion-wrp li {
		width: 100%;
		max-width: 100%;
	}
	.subscription-faq-section .subs-faq-wrapper .faq-accordion-wrp li h4 {
		color: #25292b;
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 1.4;
		text-align: left;
	}
	.answer li,
	.answer p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
	}
	.how-it-works-wrapper.row.flex .btn.primary-btn {
		margin-top: 0px;
	}
	.page-subscription .rewards-subscription-faq-box .faq-accordion-wrp li {
		width: 100%;
		max-width: 100%;
	}
	.order-goodness-section .order-goodness-wrapper h2 {
		margin-top: 30px;
	}
  .page-about .order-goodness-section .order-goodness-wrapper h2 {
    padding: 0 55px;
}
  .page-about .order-goodness-section.footer-goodness-section-box .order-goodness-wrapper h2 {
		padding: 0;
	}
}

@media(max-width: 600px){
  .page-subscription .banner.about-banner-section.subscription-banner {
    min-height: 825px;
    background-size: contain!important;
  }
  .page-subscription .rebuy-widget button.rebuy-button {
		color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.12px;
    line-height: 20px;
    text-align: center;
    padding: 14px 25px;
    height: auto!important;
    width: auto!important;
	}
}
@media(max-width: 576px){
  .page-subscription .great-coffee-section {
/* 	padding-top: 20px; */
    	padding-top: 0px;
  }
  .page-subscription .order-goodness-section.great-coffee-section .custom-col-4 {
	margin-bottom: 20px;
  }
  .page-subscription .how-it-works-section .row .content-box h5 {
margin-bottom:0;
}
  .page-subscription .how-it-works-section .row .content-box h2 {
margin-bottom: 25px;
}
  .okeReviews .okeReviews-reviewsCarousel-review-content-body {
  	font-size: 14px;
  }
  .okeReviews .okeReviews-reviewsCarousel-review-content-heading {
	font-size: 16px!important;
  }
  .page-subscription .Q-A-section p {
margin-bottom:20px!important;
  }
  section.subscription-faq-section.Q-A-section h2 {
  margin-bottom: 20px;
  }
  .page-subscription .Q-A-section li div > p{
margin-bottom: 0!important;
}
.order-goodness-section .order-goodness-wrapper p {
font-size: 14px!important;
  letter-spacing: 0.14px;
}
  .page-subscription .order-goodness-section .order-goodness-wrapper h2 {
    margin-bottom: 20px;
/*     margin-top: 0!important; */
}
.page-subscription #shopify-section-order-goodness-section .order-goodness-section .order-goodness-wrapper h2 {
margin-top: 20px!important;

}
 .page-subscription #shopify-section-order-goodness-section .order-goodness-section {
	padding-top: 28px;
}
}
      @media(max-width: 380px){
  .page-about .order-goodness-section .order-goodness-wrapper h2 {
    padding: 0 20px;
}
}
/*       End css */


/* Start Blog page responsive css */

.blog-banner-image {
	display: none;
}

.article figure.aligncenter.size-large {
	text-align: center;
	margin-bottom: 30px;
}
.article a.right-btn.flex.align-center:first-letter {
	color: red;
}
.article .post-detail-section a.right-btn.flex.align-center:first-letter {
	color: #707070!important;
}

@media (max-width:1200px) {
	.article a.left-btn.flex.align-center {
		width: 100%;
		max-width: 45% !important;
		display: block;
		position: relative;
		padding-left: 45px;
	}
	.article a.right-btn.flex.align-center {
		width: 100%;
		max-width: 45% !important;
		display: block;
		position: relative;
		padding-right: 60px;
		text-align: right;
	}
	.post-detail-section .btn-wrapper a span.left-arr {
		margin-right: 15px;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.post-detail-section .btn-wrapper a span.right-arr {
		margin-right: 15px;
		display: inline-block;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media(max-width: 768px){
	.blog .banner.about-banner-section.blog-banner .banner-text {
		max-width: 100%;
		margin: 20px auto;
	}
}
@media (max-width:640px) {
  	.subscription-faq-section .subs-faq-wrapper {
	padding: 0 12px;
	}
	.blog .blog-banner-image {
		display: block;
		width: 100%;
	}
	.blog .banner.about-banner-section.blog-banner {
		background-image: none !important;
		text-align: center;
		margin-top: 110px;
		width: 100%;
	}
	.blog .banner.about-banner-section .banner-text p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px!important;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
		max-width: 266px;
		margin: auto;
	}

	.blog .banner.about-banner-section.blog-banner .banner-text {
		max-width: 100%;
		margin: 40px auto;
	}
  .blog-post-section {
	padding-top: 20px;
  }
	.blog .banner.about-banner-section {
		height: auto;
	}
	.blog .banner.about-banner-section .banner-text h1 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-bold';
		font-size: 24px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
	}
	.blog .blog-post-section .blog-wrapper .post .blog-content-box span {
		margin-bottom: 20px;
		display: inline-block;
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: italic;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
	}
	.blog .post .blog-content-box h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-light';
		letter-spacing: 0.01em;
		font-weight: 300;
		font-style: normal;
		line-height: 20px;
      	font-size: 16px!important;
		text-align: left;
	}
  .blog-post-section .blog-wrapper .post .blog-content-box h2 {
      	font-size: 16px!important;
        margin-bottom: 15px;
}
	.blog .blog-content-box .content {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px!important;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
		margin-top: 0px;
		padding-top: 0px;
        padding-bottom: 5px;
	}
	.blog .post .blog-content-box a {
		color: #707070;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 10px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.2px;
		line-height: 15.6px;
		text-align: left;
	}
	.article .post-detail-wrapper li {
		font-size: 14px !important;
		margin-bottom: 15px !important;
	}
}

@media (max-width:380px) {
	.pagination-wrap ul {
		display: flex;
		margin: 0 4px;
	}
	.pagination-wrap ul li a, .pagination-wrap ul li {
		padding: 0 6px;
		transition: 0.5s ease;
		color: #404143;
		font-family: 'Conv_Metropolis-bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.96px;
		line-height: 15.6px;
		text-align: center;
	}
	.search-template .one-whole.column {
		margin-top: 30px;
	}
	.tab-list .tab-item:before,
	.index .order-goodness-section.shop-goods-section .custom-col:first-child:before {
		display: none;
	}
	.tab-list {
		border-bottom: none;
	}
}

.search-template .search {
	border-bottom: none;
}


/*       End css */


/* Start product page responsive css */

.product .learn-more-box {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	display: none;
}

.product .our-programs-wrapper.row.flex.product-story-div-box .img-box {
	height: 100%;
}

.product .our-programs-wrapper.row.flex.product-story-div-box .img-box img {
	height: 100%;
	object-fit: cover;
}

.rebuy-button,
.ql-align-center a {
	color: #044141;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	padding: 0;
	text-align: left;
	padding-bottom: 10px;
	position: relative;
	width: 100% !important;
	max-width: 228px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.rebuy-button:before,
.ql-align-center a:before {
	content: '';
	top: 0;
	left: 0;
	right: auto;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.rebuy-button:after,
.ql-align-center a:after {
	content: '';
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	bottom: 0;
	right: 0;
}

.rebuy-button:hover:after {
	width: 100%;
	left: 0;
	right: auto;
}

.ql-align-center a:hover:after {
	width: 100%;
	left: 0;
	right: auto;
	z-index: -1;
}

.rebuy-button:after,
.rebuy-button:before,
.ql-align-center a:after,
.ql-align-center a:before {
	content: '';
	background: var(--color-yellow);
	height: 50%;
	width: 0;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.rebuy-button:hover:before {
	width: 100%;
	right: 0;
	left: auto;
}

.ql-align-center a:hover:before {
	width: 100%;
	right: 0;
	left: auto;
	z-index: -1;
}

.rebuy-button:hover span,
.ql-align-center a:hover {
	color: #fff;
}

.rebuy-button span,
.ql-align-center a {
	transition: color 0.3s ease;
	position: relative;
	z-index: 1;
}

.rebuy-cart__flyout-empty-cart .ql-align-center a:hover {
	color: #ffffff !important;
	border-color: #e09f3e !important;
}

.rebuy-cart__flyout-empty-cart .ql-align-center a {
	height: 66px !important;
	color: #feffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	text-align: center;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	border-color: transparent !important;
	border-radius: 0px !important;
}

.rebuy-widget .flickity-page-dots {
	transform: translateY(7px);
}

.rebuy-widget .rebuy-product-block .rebuy-product-media a.rebuy-product-image.clickable {
	height: 100%;
	min-height: 200px;
}

.rebuy-widget .rebuy-product-block .rebuy-product-media {
	height: 100%;
	min-height: 210px;
}

.rebuy-widget .rebuy-checkbox-label .checkbox-label {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 20px !important;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.2px;
	line-height: 30px !important;
	text-align: left;
}

.rebuy-widget .rebuy-checkbox-label .checkbox-input {
	top: 0px !important;
}
@media(max-width: 1366px){
   .product .add_to_cart.global-button {
		font-size:18px!important;
	}
  .product-quantity-box .quantity {
	font-size:18px!important;
    text-align:left;
}
  .product-quantity-box .quantity, .purchase-details__buttons {
	height: 60px;
}
  .page-loyalty-reward .press-section .content-box h2 {
		font-size: 1.3rem;
	}
}
@media(max-width: 1025px){
  .product .add_to_cart.global-button {
	font-size:16px!important;
  }
  .product-quantity-box .quantity {
font-size:16px!important;
    text-align:left;
}


}


@media (max-width:640px) {
	.okeReviews .okeReviews-reviewsCarousel {
		padding-top: 0;
	}
	.rebuy-widget,
	.rebuy-widget .rebuy-product-grid.small-carousel,
	.rebuy-recommended-products .rebuy-product-grid.small-carousel {
		padding-bottom: 0;
	}
	.product .okeReviews-reviewsAggregate-primary {
		max-width: 100%;
        width: 100%;
      padding-top: 0!important;
	}
.product a.okeReviews-reviewsWidget-header-controls-writeReview.js-okeReviews-writeReview.okeReviews-button, 
.product .okeReviews-reviews-controls-select .okeReviews-select-input {
font-size: 12px!important;
}
.product .okeReviews .okeReviews-reviewsWidget--minimal .okeReviews-reviewsAggregate-controls-item:last-child  {
	margin-right: 0!important;
}
  .product .okeReviews-reviewsAggregate-controls {
flex-direction: row !important;
    width: 100%;
}
  .product .okeReviews-reviewsAggregate-side{

width: 100%;
}
  .product .okeReviews.okeReviews--theme .okeReviews-badge--rating {
    font-size: 30px;
    padding-right: 10px;
}
  .product .okeReviews .okeReviews-reviewsWidget--minimal .okeReviews-reviewsWidget-header {
display: none;
}
.product   .okeReviews .okeReviews-starRating {
width: 100px;
}
  .product .okeReviews .okeReviews-reviewsAggregate-summary-total {
font-size: 14px;
}
.product .okeReviews .okeReviews-reviewsWidget--minimal .okeReviews-reviewsAggregate-side {
	padding-bottom: 0;
    padding-top: 0;
}
	.product .product_section.js-product_section.container.is-flex.is-flex-row {
		position: relative;
		margin-top: -13px;
	}
	.product .product__details .product-block--title .product_name.mcofee-productname {
		position: absolute;
		top: 0;
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: left;
      	margin-bottom: 0!important;
	}
	.product .mobile-product-price .price_with_review {
		position: absolute;
		top: 27px;
		color: #404143;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 18px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.18px;
		line-height: 15.6px;
		text-align: left;
	}
	.product-container button.flickity-button.flickity-prev-next-button.previous {
		display: none;
	}
	.product-container button.flickity-button.flickity-prev-next-button.next {
		display: none;
	}
	.breadcrumb__wrapper {
		display: block !important;
		margin-top: 110px;
	}
	.product .one-whole {
		width: calc(100% - 57px);
	}
	.breadcrumb-collection {
		text-align: left !important;
	}
	.breadcrumb-collection .breadcrumb_text a span {
		color: #000000;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 12px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 15.6px;
		text-align: left;
	}
	.product .container {
		padding: 0 10px;
	}
	.product .product__images .gallery-wrap .product_gallery_nav .gallery-cell img {
		height: 100%;
		object-fit: contain;
		display: none;
	}
	.product .product__images .gallery-wrap .product_gallery_nav .gallery-cell {
		width: 14px !important;
		height: 14px !important;
		padding: 13px;
		margin-right: 0px;
      	margin: 0 4px;
		border: none;
		background: #ebebeb;
		border-radius: 50%;
	}
	.product .product_gallery_nav .gallery-cell.is-nav-selected {
		opacity: 1;
		background: #044141 !important;
	}
	.product .product__images .gallery-wrap .product_gallery_nav .gallery-cell {
		padding: 0px;
	}
	shopify-payment-terms {
		padding-right: 4px;
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 12px !important;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 18px;
		text-align: left;
	}
	.shopify-installments__learn-more {
		position: relative;
		color: inherit;
		font-weight: inherit;
		font: inherit;
		background: none;
		border: none;
		padding: 0;
		margin: 0;
		cursor: pointer;
		text-decoration: underline;
		display: block;
		margin-top: 20px;
		margin-bottom: -23px;
		color: #044141;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 11px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.22px;
		line-height: 15.6px;
		text-align: center;
		text-transform: uppercase;
	}
	.shopify-installments__learn-more:before {
		content: '';
		position: absolute;
		bottom: 0;
		height: 2px;
		background: var(--green);
		left: 0;
		width: 100%;
		transition: 0.5s ease-in-out;
	}
	.shopify-installments__learn-more:after {
		content: '';
		position: absolute;
		bottom: 0;
		height: 2px;
		background: var(--color-yellow);
		left: 0;
		width: 0%;
		transition: 0.5s ease-in-out;
	}
	.shopify-installments__learn-more:hover:before {
		width: 0;
	}
	.shopify-installments__learn-more:hover:after {
		width: 100%;
	}
  	.product .product-block--form .selector-wrapper label {
		font-size: 12px;
	}
	.shopify-product-form .select>.selector-wrapper select {
		border: 2px solid #044141;
		height: 43px;
		font-family: 'Conv_Metropolis-SemiBold';
		cursor: pointer;
		color: #25292b;
		font-size: 12px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 15.6px;
		text-align: left;
		text-transform: uppercase;
		padding: 0px 12px;
	}
	.flavor_char p.heading {
		font-family: 'Conv_Metropolis-Bold';
		margin-bottom: 20px;
		margin-top: 10px;
		color: #25292b;
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 20px;
		text-align: left;
		text-transform: uppercase;
	}
	.flavor_char p.data {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 12px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 18px;
		text-align: left;
	}
	.recharge_opt_offers>div li {
		display: flex;
		flex-wrap: wrap;
		color: #25292b;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 8px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.08px;
		line-height: 20px;
		text-align: left;
		text-transform: uppercase;
	}
  .recharge_opt_offers>div li >p {
	font-family: 'Conv_Metropolis-Bold';
    font-weight: 700;
  }
	.product span.pdp-form__check , .product span.pdp-form__icon-x{
		height: 14px !important;
	}
	.product span.pdp-form__check svg, .product span.pdp-form__icon-x svg {
		font-size: 15px;
		width: 26px;
		height: 15px;
	}
	.product .product-quantity-box .quantity {
		width: 100%;
		border: 2px solid #044141;
		height: 50px;
		color: #25292b;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 14px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 15.6px;
		text-align: left;
		padding-left: 8px !important;
	}
  .product-quantity-box .quantity, .purchase-details__buttons {
  height:50px;
  }
	.product .purchase-details__buttons .global-button--primary {
		color: #ffffff;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 15.6px;
		text-align: center;
	}
	.product .purchase-details .free_ship_data img {
		width: 40px;
		height: 30px;
		margin-right: 16px;
		object-fit: contain;
	}
	.product .purchase-details .free_ship_data p {
		font-family: 'Conv_Metropolis-Bold';
		color: #25292b;
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 20px;
		text-align: left;
	}
	.purchase-details .free_ship_data {
		margin-top: 30px;
	}

	.product .product-story-div-box {
		flex-direction: column-reverse;
        margin-bottom: 0;
	}
	.product .our-programs-section .our-programs-wrapper.product-story-div-box .left-contet-wrap h2 {
		color: #3a3a3a;
		font-family: Conv_Metropolis-light;
		font-size: 24px;
		letter-spacing: 0.01em;
		font-weight: 300;
		font-style: normal;
		line-height: 26px;
		text-align: center;
		margin-top: 20px;
	}
	.product .our-programs-section .our-programs-wrapper.product-story-div-box .left-contet-wrap p {
		color: #25292b;
		font-family: Conv_Metropolis-light;
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.product .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap ul li h5 {
		text-align: center;
		margin-bottom: 0;
		color: #25292b;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 20px;
		text-align: center;
		text-transform: uppercase;
	}
	.product .our-programs-section .our-programs-wrapper .left-contet-wrap ul li img {
		margin-bottom: 10px;
		height: 60px;
		width: 54px;
	}
	.product .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap ul {
		max-width: 100%;
		justify-content: start;
		flex-direction: row;
		width: 100%;
	}
	.product .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap ul li {
		width: 100%;
		max-width: 33.3%;
	}
	.product .order-goodness-section .order-goodness-wrapper h2 {
		font-weight: 300;
		color: #3a3a3a;
		font-family: Conv_Metropolis-light;
		font-size: 24px !important;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.01em;
		line-height: 26px;
		text-align: center;
	}
	.product .learn-more-box {
		text-align: center;
		margin-top: 0px;
		margin-bottom: 0px;
		display: none;
	}
	.product .index-fueled-rate .slick-dots {
		bottom: -6px;
	}
	.product .pdp-story-section.our-programs-section .our-programs-wrapper .left-contet-wrap > h5 {
		color: #3a3a3a;
		font-family: Conv_Metropolis-light;
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: left;
		margin-top: 20px;
      display: none;
	}
	.product .rebuy-widget .primary-title {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
      margin-bottom: 0;
	}
	.product .rebuy-widget .rebuy-product-block .rebuy-product-info .rebuy-product-title.clickable {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 20px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.2px;
		line-height: 30px;
		text-align: center;
	}
	.product .rebuy-select,
	.product .rebuy-widget .rebuy-select {
		color: #25292b;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 14px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 15.6px;
		text-align: left;
		text-transform: uppercase;
	}
	.product .rebuy-button,
	.product .rebuy-widget .rebuy-button,
    .cart .rebuy-widget button.rebuy-button {
		color: #feffff;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 15.6px;
		text-align: center;
		height: 46px;
	}
	.product button.flickity-button.flickity-prev-next-button.previous,
	.product button.flickity-button.flickity-prev-next-button.next {
		background-color: #f3f9f1 !important;
		width: 38px;
		height: 38px;
	}
	.product .okeReviews .okeReviews-reviewsCarousel-heading {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
	}
	.product .okeReviews .okeReviews-reviewsCarousel-header-reviewsCount {
		color: #404143;
		font-family: 'Conv_Metropolis-medium';
		font-size: 14px;
		font-weight: 500;
		font-style: italic;
		letter-spacing: 0.28px;
		line-height: 15.6px;
		text-align: center;
	}
	.product .okeReviews .okeReviews-reviewsCarousel-review-product-name {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 20px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.2px;
		line-height: 22px;
		text-align: center;
	}
	.product .okeReviews .okeReviews-reviewsCarousel-review-content-heading {
		color: #404143;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 14px!important;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 15.6px;
		text-align: center;
		text-transform: uppercase;
	}
	.product .okeReviews .okeReviews-reviewsCarousel-review-content-body {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 12px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 18px!important;
		text-align: center;
	}
	.product .okeReviews .okeReviews-reviewsCarousel-review-reviewer-name {
		color: #404143;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 11px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.22px;
		line-height: 15.6px;
		text-align: center;
	}
	.product .okeReviews .okeReviews-reviewsCarousel-review-reviewer-date {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 12px;
		font-weight: 300;
		font-style: italic;
		letter-spacing: 0.12px;
		line-height: 30px;
		text-align: center;
	}
	.product a.okeReviews-reviewsWidget-header-controls-writeReview.js-okeReviews-writeReview.okeReviews-button {
		width: 100%;
		height: 46px;
		background-color: #044141;
		text-align: center;
		line-height: 33px;
		color: #fff;
		color: #ffffff;
		font-family: 'Conv_Metropolis-bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 15.6px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

  .post-signin-section .row {
	    height: 320px;
    	margin-bottom: 0;
	}
  .page-loyalty-reward  .order-goodness-section.great-coffee-section.how-it-works-section {
    padding-top: 15px;
  }
}

@media(max-width:576px) {
    .product .product-quantity-box.purchase-details__quantity {
      width: 20%;
      max-width: 20%;
	}
  .product .order-goodness-section .order-goodness-wrapper .row .box {
    margin-bottom: 26px;
}
.purchase-details__buttons {
    max-width: 77%;
}
  .smart-payment-button--false .purchase-details {
	justify-content: space-between;
}
 .product .purchase-details__buttons {
	flex: 1 0 calc(100% - 0px);
    margin-left: 0;
}
  .ticker__text {
font-size: 12px;
}
  
}
      
@media(max-width: 380px){
  .product .product-quantity-box.purchase-details__quantity {
    width: 100%;
    max-width: 100%;
  }
  .purchase-details__buttons {
      max-width:100%;
  }
}

/* End responisve css */


/* Start loyalty page css */

.loyalty-mobile-image {
	display: none;
}

@media (max-width:640px) {
	.page-loyalty-reward .loyalty-mobile-image {
		display: block;
	}
	.page-loyalty-reward .banner-text {
		margin-top: 90px;
		background: #eff2ef;
		text-align: center;
	}
	.page-loyalty-reward .banner.about-banner-section .banner-text h1 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-bold';
		font-size: 24px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
        padding: 0 37px;
      margin-bottom: 15px;
	}
  	.page-loyalty-reward .banner.about-banner-section .banner-text h1 >br {
		display:  block;
	}
  	.page-loyalty-reward .banner.about-banner-section .banner-text .content-box .btn.primary-btn {
		padding: 9px 35px!important;
	}
  
	.page-loyalty-reward .banner.about-banner-section .banner-text p {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
		max-width: 290px;
		margin: auto;
		margin-bottom: 20px;
	}
	.page-loyalty-reward .banner.about-banner-section .banner-text {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
      background: transparent;
    margin-top: 80px;
	}
	.page-loyalty-reward .banner.about-banner-section p.remember-txt {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: italic;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
		margin-top: 17px !important;
	}
	.page-loyalty-reward .order-goodness-section .order-goodness-wrapper .row .box img {
		margin-bottom: 20px;
		width: 56px;
		height: 56px;
	}
	.page-loyalty-reward .great-coffee-section .order-goodness-wrapper .row .box h5 {
		min-height: auto;
		color: #25292b;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 14px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 20px;
		text-align: center;
        margin-bottom: 15px;
	}
	.page-loyalty-reward .great-coffee-section .order-goodness-wrapper .row .box p {
		color: #25292b;
		font-family: Conv_Metropolis-Light;
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.page-loyalty-reward .great-coffee-section {
		padding: 20px 0;
	}
	.page-loyalty-reward .earn-reward-section.redeem-section.loyalty-redeem-section .earn-reward-wrapper.redeem-wrapper h2 {
		margin-bottom: 20px;
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.01em;
		line-height: 26px;
		text-align: center;
	}
	.page-loyalty-reward .earn-reward-section.redeem-section.loyalty-redeem-section .earn-reward-wrapper.redeem-wrapper>p {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.page-loyalty-reward .earn-reward-section .earn-reward-wrapper {
		height: auto;
		padding-left: 20px;
		padding-top: 30px;
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.page-loyalty-reward .earn-reward-section.redeem-section.loyalty-redeem-section .redeem-inner-wrap {
		margin-top: 45px;
	}
	.page-loyalty-reward .redeem-inner-wrap .redeem-box .icon img {
		width: 100%;
		max-width: 100%;
		height: 100%;
	}
	.page-loyalty-reward .redeem-inner-wrap .redeem-box h6 {
		color: #25292b;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 14px;
		text-align: left;
		margin-bottom: -4px;
	}
	.page-loyalty-reward .redeem-inner-wrap .redeem-box p {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
	}
	.page-loyalty-reward .redeem-inner-wrap .redeem-box {
		padding: 14px 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 89px;
	}
	.page-loyalty-reward .redeem-inner-wrap .redeem-box .icon {
		margin-right: 30px;
		width: 54px;
		height: 54px;
	}
	.page-loyalty-reward .redeem-inner-wrap .custom-col-4 {
		margin-bottom: 0px;
	}
	.page-loyalty-reward .ways-to-redeem-section .ways-to-redeem-wrapper h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.01em;
		line-height: 26px;
		text-align: center;
      margin-bottom: 15px;
	}
	.page-loyalty-reward .earn-reward-section.redeem-section.loyalty-redeem-section {
		margin-bottom: 30px;
	}
	.page-loyalty-reward .ways-to-redeem-section .ways-to-redeem-wrapper p {
		margin-bottom: 30px;
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.page-loyalty-reward .ways-to-redeem-section .ways-to-redeem-wrapper>div h5 {
		color: #25292b;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 14px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 15px;
	}
	.page-loyalty-reward .ways-to-redeem-section .ways-to-redeem-wrapper>div .row .box h2 {
		text-transform: uppercase;
		margin-top: 18px;
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
		margin-bottom: 5px;
	}
	.page-loyalty-reward .ways-to-redeem-section .ways-to-redeem-wrapper>div .row .box p {
		margin-bottom: 0;
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.page-loyalty-reward .ways-to-redeem-section .ways-to-redeem-wrapper>div .row {
		margin-bottom: 8px;
	}
	.page-loyalty-reward .exist-subs.orange .custom-col-3 {
		width: 100%;
		margin-bottom: 12px;
	}
	.page-loyalty-reward .program-section {
		background: #f3f9f1;
		margin-top: 15px;
	}
	.page-loyalty-reward .press-section.program-section .press-wrapper.flex {
		flex-direction: column-reverse;
	}
	.page-loyalty-reward .press-section .content-box h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 24px!important;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
        padding: 0 55px;
	}
	.page-loyalty-reward .press-section .content-box p {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
      margin-bottom: 20px;
	}
	.page-loyalty-reward .earn-reward-section.get-most-reward h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 24px!important;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
        padding: 0 25px;
      margin-bottom: 20px;
	}
	.page-loyalty-reward .earn-reward-section.get-most-reward p {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: center;
	}
	.rewards-subscription-faq-box .faq-accordion-wrp {
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.page-loyalty-reward .rewards-subscription-faq-box .faq-accordion-wrp li {
		width: 100%;
		max-width: 100%;
		margin-bottom: 0px;
	}
	.purchase-subs.green .custom-col-3 {
		width: 100%;
		margin-bottom: 16px;
	}
	.page-loyalty-reward .faq-subscription-para {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
	}
	.faq-accordion-wrp .faq:first-child {
		border-top: 2px solid #dbdbdb;
		border-bottom: none;
	}
	.page-loyalty-reward .order-goodness-section.footer-goodness-section-box {
		margin-top: 40px;
	}
  

  	.order-goodness-section.great-coffee-section .custom-col-4:last-child {
		margin-bottom: 0;
	}
  .order-goodness-section.great-coffee-section.how-it-works-section .row {
	padding-bottom: 0;
  }
}


/*       End CSS */


/* Article page responsive css */

@media (max-width:640px) {
	.article .post-detail-section {
		padding: 30px 0 30px;
	}
	.article .banner.about-banner-section.post-banner {
		height: 240px;
		margin-top: 100px;
	}
	.article .post-detail-section .post-detail-wrapper span.date {
		position: static;
		margin-bottom: 20px;
		display: inline-block;
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: italic;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
		margin-bottom: 0px;
	}
	.article .post-detail-section .post-detail-wrapper h2 {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: left;
		margin-bottom: 15px;
	}
	.article .post-detail-section .post-detail-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}
	.article .post-detail-section .post-detail-wrapper p {
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
	}
	.article .post-detail-section .post-detail-wrapper p em {
		font-style: normal;
	}
	.article .post-detail-section .post-detail-wrapper h2 strong,
	.article .post-detail-section .post-detail-wrapper h3 {
		margin-bottom: 15px;
		color: #25292b;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 14px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 20px;
		text-align: left;
		text-transform: uppercase;
	}
	.article .wp-block-image {
		text-align: center;
		margin-bottom: 20px;
	}
	.article .post-detail-section .btn-wrapper a {
		display: -webkit-box!important;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.article a.left-btn.flex.align-center {
		position: relative;
		color: #404143;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 12px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.96px;
		line-height: 15.6px;
		text-align: left;
		max-width: 155px;
		display: flex;
		padding-left: 30px;
	}
	.article a.right-btn.flex.align-center {
		position: relative;
		color: #404143;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 12px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 0.96px;
		line-height: 15.6px;
		text-align: right;
		max-width: 155px;
		display: flex;
		padding-right: 30px;
	}
	.article .post-detail-section .btn-wrapper a span.left-arr {
		margin-right: 15px;
		display: inline-block;
		position: absolute;
		left: -10px;
	}
	.article .post-detail-section .btn-wrapper a span.right-arr {
		margin-right: 15px;
		display: inline-block;
		position: absolute;
		right: -24px;
	}
	.article .post-detail-section .btn-wrapper {
		padding-top: 15px;
		width: 100%;
	}
	.article .wp-block-image figure em {
		font-style: normal;
		color: #25292b;
		font-family: 'Conv_Metropolis-Light';
		font-size: 14px;
		font-weight: 300;
	}
  .page-loyalty-reward .banner .img-box picture img {
min-height: 800px;
    object-fit:cover;
}
  .page-loyalty-reward .banner .img-box {
padding-top: 85px;
}
}

@media(max-width: 576px){
  .page-loyalty-reward .banner.about-banner-section .banner-text {
margin-top: 30px;
}
  .page-loyalty-reward .banner .img-box picture img {
	min-height: 700px;
	}
}
      @media(max-width: 431px){
.page-loyalty-reward .banner.about-banner-section .banner-text h1 >br {
		display: contents;
	}
}
@media (max-width:380px) {
	.article .banner.about-banner-section.post-banner {
		height: 180px;
		margin-top: 100px;
	}
	.article a.left-btn.flex.align-center {
		max-width: 125px;
		display: flex;
		padding-left: 25px;
	}
	.article a.right-btn.flex.align-center {
		max-width: 125px;
		display: flex;
		padding-right: 25px;
	}
	.contact-green-box p br {
		display: block !important;
	}
	.contact-green-box {
		padding: 80px 40px !important;
	}
  .banner.about-banner-section .banner-text .content-box {
	padding: 0 ;
   }
  .page-loyalty-reward .redeem-inner-wrap .redeem-box .icon {
margin-right: 20px;
}
}

@media(max-width: 380px){
  .page-loyalty-reward .press-section .content-box h2 {
  	padding: 0 30px;
  }
}

/* End css */


/* End CSS */


/* product slider button css */

.rebuy-widget button.rebuy-button {
	height: 66px;
	color: #feffff;
	font-family: 'Conv_Metropolis-SemiBold' !important;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	text-align: center;
	text-transform: uppercase;
	border: none;
	border-radius: 0px;
}

.rebuy-select,
.rebuy-widget .rebuy-select {
	border: 2px solid #044141 !important;
	color: #25292b;
	font-family: 'Conv_Metropolis-SemiBold' !important;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 22.6px;
	text-align: left;
	text-transform: uppercase;
}

.rebuy-money,
.rebuy-widget .rebuy-money {
	font-family: 'Conv_Metropolis-SemiBold' !important;
}


/* End */


/* Start CSS Subscription page QA  */

.page-subscription .Q-A-section h2 {
	margin-bottom: 20px;
}

.page-subscription .Q-A-section p {
	margin-bottom: 60px;
}
      .page-subscription .Q-A-section p a strong {
font-weight: 300;
}

.page-subscription .banner.about-banner-section .banner-text p {
	color: #3a3a3a;
}

.page-subscription .faq-subscription-para {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 24px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.48px;
	line-height: 36px;
	text-align: center;
	margin-bottom: 60px;
}

@media (min-width:768px) {
	.blog .banner.about-banner-section .banner-text p {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 20px;
	}
	.blog .blog-content-box .content {
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 20px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.48px;
		line-height: 1.4;
		text-align: left;
		padding-top: 0px;
		display: -webkit-box;
        max-width: 100%;
        max-height: 239px;
        margin: 0 auto;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      	padding-bottom: 0;
   		margin-bottom: 10px;
	}
	.blog .post .blog-content-box a {
		color: #707070;
		font-weight: 500;
		font-family: 'Conv_Metropolis-SemiBold';
	}
	.pagination-wrap ul li.current {
		color: #404143;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 22px;
		font-weight: 500;
		font-style: normal;
		letter-spacing: 1.76px;
		text-align: left;
		padding: 0 6px;
		transition: 0.5s ease;
	}
}

@media (min-width:1360px) and (max-width:1440px) {
	/*   .blog .banner.about-banner-section .banner-text h1{
    font-size:60px;
  } */
}


/* End    */


/* Start CSS FAQ page QA  */

.page-faq .faq-section p {
	font-weight: 300;
}


/*       End FAQ */


/* Start CSS factory and location page QA  */

.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap h6 {
	text-transform: uppercase;
}

.factory-store-section.location-section .factory-store-wrapper .right-content-box h2 {
	margin-top: 30px;
	font-weight: 300;
}


/* End factory and location */


/* Start CSS location page QA  */

.earn-reward-section p,
.about-crafted-section p {
	color: #25292b;
}

.order-goodness-section .order-goodness-wrapper h2 {
	font-weight: 300;
}


/* End location  */


/* Start CSS Roasteries page QA  */

.page-roasteries .order-goodness-wrapper h2 {
	color: #3a3a3a;
}

.page-roasteries a.btn.btn-visit {
	color: #044141;
}


/* End Roasteries  */


/* Start CSS About Us page QA  */

.page-about .banner-text {
	flex-direction: column;
	align-items: flex-start !important;
	justify-content: center;
}


/* End About us page QA  */


/* Start CSS Become whole seller section QA  */

.mtro-cofee-check-bx .regular-checkbox {
	background-color: #cc9e5d;
}

.mtro-cofee-check-bx label {
	display: inline;
}

.mtro-cofee-check-bx .regular-checkbox {
	display: none;
}

.mtro-cofee-check-bx .regular-checkbox+label {
	background-color: transparent;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.mtro-cofee-check-bx .regular-checkbox+label:active,
.regular-checkbox:checked+label:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.mtro-cofee-check-bx .regular-checkbox:checked+label {
	background-color: #cc9e5d;
	border: 1px solid #cc9e5d;
	color: #000;
}

.mtro-cofee-check-bx .regular-checkbox:checked+label:after {
	content: '\2714';
	font-size: 10px;
	position: absolute;
	top: 4px;
	left: 3px;
	color: #fff;
}

.mtro-cofee-check-bx .big-checkbox+label {
	padding: 18px;
}

.mtro-cofee-check-bx .big-checkbox:checked+label:after {
	font-size: 28px;
	left: 6px;
}

.mtro-cofee-check-bx {
	min-width: 225px;
	display: flex;
	align-items: center;
}

.mtro-cofee-check-bx label {
	width: 35px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	margin-right: 12px !important;
}

.our-programs-section .program-list-wrapper .yellow-box {
	cursor: default;
}

.our-programs-section .program-list-wrapper .yellow-box.whole-active {
/* 	border-bottom: 5px solid #044141; */
 
}


/* End Become whole seller section QA  */


/* Start shipping and return css QA  */

.page-shipping-return .banner-content-box h1 {
	text-transform: uppercase;
}


/* End shipping and return css QA  */


/* Error page css */

.error-404 .one-whole.column.collection_nav {
	text-align: center;
}

.error-404 input.search_box {
	border-bottom: none;
	width: 100%;
}

.error-404 form.search__form {
	width: 100%;
	margin: 25px 0px;
	border-radius: 5px;
	border: none;
}

.error-404 input.search_box {
	border-bottom: none;
	width: 100%;
	border: none;
	border: 1px solid #3f3f3f;
	height: 50px;
	font-size: 20px;
}

.error-404 p.quote {
	border: none;
	font-size: 25px;
}

.error-404 .collection_title {
	font-size: 44px;
	font-family: inherit;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: -24px;
}

.error-404 .container.content {
	background: rgb(238 238 238 / 45%);
	width: 100%;
	max-width: 830px;
	padding: 50px 40px;
}


/*  end css */


/* Start Loyalty and reward css */

.custom-col-6.rewards-subscription-faq-box {
	width: 100% !important;
}

.rewards-subscription-faq-box .faq-accordion-wrp {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.rewards-subscription-faq-box .faq-accordion-wrp li {
	width: 100%;
	max-width: 47%;
}

.rewards-subscription-faq-box .faq-accordion-wrp .faq:nth-child(2) {
	border-top: 2px solid #dbdbdb;
}

.page-loyalty-reward .banner.about-banner-section .banner-text .content-box .btn.primary-btn {
	padding: 20px 35px;
}

.page-loyalty-reward .banner.about-banner-section .banner-text p:last-child {
	margin-top: 20px;
	font-size: 18px;
	margin-bottom: 0;
}

.page-loyalty-reward .banner.about-banner-section .banner-text p:last-child a {
	font-style: italic;
	text-decoration: underline;
	margin-left: 5px;
	color: #25292b;
}

@media (min-width:767px) {
	.page-loyalty-reward .ways-to-redeem-wrapper {
		width: 100%;
	}
}


/* End Loyalty and reward css */


/* Start Ipad and ipad pro css */

@media (min-width:767px) and (max-width:1024px) {
	.banner.about-banner-section .banner-text h1,
	.page-subscription .banner.about-banner-section .banner-text h1,
	.blog .banner.about-banner-section .banner-text h1 {
		font-size: 30px !important;
	}
	.banner.about-banner-section .banner-text p,
	.page-subscription .banner.about-banner-section .banner-text h1,
	.blog .banner.about-banner-section .banner-text h1 {
		font-size: 22px !important;
		line-height: 35px;
		margin-bottom: 20px;
	}
  	.blog .banner.about-banner-section .banner-text h1 {
		font-size: 30px !important;
      	margin-bottom: 10px;
	}
    .banner.about-banner-section .banner-text p {
	    font-size: 18px !important;
		line-height: 1.4;
	}
	.rebuy-widget .rebuy-product-block .rebuy-product-media img {
		height: 250px !important;
	}
	.banner.about-banner-section .banner-text {
		max-width: 100% !important;
	}
	.banner.about-banner-section.home-banner {
		background-size: cover;
	}
	.banner.about-banner-section .banner-text {
		padding: 60px 0px;
	}
  	.page-subscription .banner.about-banner-section .banner-text {
        width: 60%;
        padding: 30px 0;
	}
  .page-subscription .banner.about-banner-section .banner-text p {
		font-size: 16px!important;
	}
	.rebuy-widget .primary-title {
		color: #25292b !important;
	}
	.page-about .banner.about-banner-section .banner-text {
		height: auto;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
		padding: 80px 0px;
	}
	.about-crafted-section .row.img-text-wrapper>div .custom-col-6 {
		height: auto;
	}
	.order-goodness-section .order-goodness-wrapper .row .box {
		max-width: 100%;
	}
	.stop-buy-section .row .box {
		text-align: center;
		padding: 30px 12px;
	}
	.page-shipping-return section.banner-section.shipping-banner-section {
		margin-top: 120px;
	}
	.footer-section .container {
		padding: 0 20px;
	}
}

@media (min-width:767px) and (max-width:800px) {
	.page-about .banner.about-banner-section {
		padding: 32px 0px;
	}
	.about-crafted-section .row.img-text-wrapper>div {
		height: auto;
	}
	.blog .banner.about-banner-section.blog-banner .banner-text {
/* 		margin-top: 90px; */
        text-align: center;
      	margin-bottom: 0;
      	padding-bottom: 0;
      padding-top: 0;
     
	}
  	.blog .banner.about-banner-section.blog-banner  {
     	margin-top: 100px;
	}
  .blog .banner.about-banner-section .banner-text h1 {
margin-bottom: 10px;
}
  
	.page-subscription .banner.about-banner-section {
		height: auto;
		background-size: contain !important;
		background-repeat: no-repeat;
		background-position: top;
		margin-top: 100px;
	}
	.page-subscription .banner.about-banner-section .banner-text .content-box {
		width: 100%;
		position: relative;
/* 		transform: translateY(-87px); */
	}
	.page-subscription .banner.about-banner-section .banner-text .content-box h1 {
		font-size: 21px !important;
		line-height: 30px;
	}
	.page-subscription .banner.about-banner-section .banner-text .content-box p {
		font-size: 18px !important;
		line-height: 24px;
	}
	.btn.primary-btn {
		color: #feffff;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.36px;
		line-height: 15.6px;
		text-align: center;
		padding: 15px 35px;
	}
	.page-subscription .banner.about-banner-section .banner-text {
		padding-bottom: 0px !important;
	}
}

@media (min-width:700px) and (max-width:799px) {
	.page-shipping-return section.banner-section.shipping-banner-section {
		margin-top: 120px;
	}
	.banner-section .inner-banner-wrapper .left-content-box {
		margin-top: 110px;
		padding-right: 0px;
	}
	.page-subscription .banner.about-banner-section .banner-text {
		max-width: 50%;
/* 		padding-top: 110px; */
      	padding-top: 0;
		
	}
}
@media(max-width: 768px){
     .page-subscription .banner.about-banner-section .banner-text   {
		margin-top: 100px;
         margin-left: auto;
    margin-right: auto;
	}
  .page-subscription .banner.about-banner-section .banner-text .content-box {
	text-align: center!important;
	}
  .page-subscription .banner.about-banner-section .banner-text p {
		text-align: center!important;
	}
}

@media (min-width:800px) and (max-width:1024px) {
	.page-shipping-return section.banner-section.shipping-banner-section {
		margin-top: 12px;
		padding-right: 0px;
	}
	.banner-section .inner-banner-wrapper .left-content-box {
		margin-top: 20px;
		padding-right: 0px;
	}
}


/*       End css */


/* Start factory store responsive css */

@media (max-width:640px) {
	.page-factory-store .our-detail-wrap.flex .custom-col-6:nth-child(4) {
		text-transform: uppercase;
	}
	.page-factory-store br {
		display: block;
	}
.rebuy-widget button.rebuy-button {
	  color: #feffff;
      font-family: 'Conv_Metropolis-bold';
      font-size: 12px;
      font-weight: 700;
      font-style: normal;
      letter-spacing: 0.24px;
      line-height: 15.6px;
      text-align: center;
      height: 51px!important;
  }
}


/*       End CSS */


/* Start Location page responsive css */

@media (max-width:640px) {
	.page-location .our-detail-wrap.flex .custom-col-6:nth-child(4) {
		text-transform: uppercase;
	}
	.page-location br {
		display: block;
	}
}


/*       End CSS */


/* Start shipping return page responsive css */

@media (min-width:769px) and (max-width:800px) {
	.page-loyalty-reward .banner.about-banner-section.home-banner {
/* 		background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/Subscribe_banner-img.png?v=1646045817), linear-gradient(to bottom, #ecefec, #dcdfdb) !important; */
		margin-top: 0;
    margin-top: 88px;
	}
 .page-loyalty-reward .banner .img-box {
/*      margin-top: 53px; */
       height: 400px;
	}
  .page-loyalty-reward .banner .img-box picture {

height: 100%
}
   .page-loyalty-reward .banner .img-box picture img {
	 height: 100%;
     object-fit: cover;
}
 .page-loyalty-reward  .banner.about-banner-section.loyalty-banner .banner-text {
      height: auto;
/*     margin-top: 53px; */
  }

}
      
@media(max-width: 800px){
 
}

@media (max-width:640px) {
	.page-shipping-return .shipping-policy-section .shipping-wrapper .shipping-box a {
		color: #25292b;
		font-family: 'Conv_Metropolis-light';
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.14px;
		line-height: 20px;
		text-align: left;
		display: inline-block;
	}
	.blog .pagination-wrap ul li.current {
		padding: 0 6px;
		transition: 0.5s ease;
		color: #404143;
		font-family: 'Conv_Metropolis-bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.96px;
		line-height: 36.6px;
		text-align: center;
	}
  .blog .pagination-wrap  >a  svg {
transform: scale(0.9);
}
	.blog .pagination-wrap ul li a, .pagination-wrap ul li {
		padding: 0 3px;
		transition: 0.5s ease;
		color: #404143;
		font-family: 'Conv_Metropolis-bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.96px;
		line-height: 36.6px;
		text-align: center;
	}
	.pagination-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 0px;
		padding-bottom: 40px;
		width: 100%;
	}
}

.page-loyalty-reward .post-signin-section .container {
	display: block;
}

.page-loyalty-reward .post-signin-section {
	background-color: #f9fcf8;
	margin-top: 100px;
}


/* End css   */


/* loyalty post type start css */

@media (min-width:641px) {
	.mobile-view-banner-loyalty {
		display: none;
	}
}
      @media (max-width: 767px){
        .blog .banner.about-banner-section.blog-banner .banner-text {
    margin-top: 60px;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}
        .blog-post-section {
padding-top: 30px;
}
   .blog .banner.about-banner-section.blog-banner .banner-text p {
	font-size: 16px!important;
}
}      

@media (min-width:645px) and (max-width:795px) {
	.page-loyalty-reward .btn.primary-btn {
		color: #feffff;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.36px;
		line-height: 15.6px;
		text-align: center;
		padding: 14px 14px;
	}
	.page-loyalty-reward .post-signin-section .row .banner-content h2 {
		margin-bottom: 0px;
	}
}

@media (max-width:640px) {
    .blog .banner.about-banner-section.blog-banner .banner-text p {
font-size: 14px!important;
}
	.page-loyalty-reward .banner-content.mobile-view-banner-loyalty {
		display: block;
	}
	.page-loyalty-reward .banner-content {
		display: none;
	}
	.page-loyalty-reward .post-signin-section .row .banner-content h2 {
		margin-bottom: 6px;
		color: #3a3a3a;
		font-family: 'Conv_Metropolis-Light';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 26px;
		text-align: center;
	}
	.page-loyalty-reward .post-signin-section .row .banner-content h5 {
		text-align: center;
		color: #25292b;
		font-family: 'Conv_Metropolis-Bold';
		font-size: 14px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.28px;
		line-height: 20px;
		text-align: center;
	}
	.page-loyalty-reward .post-signin-section .btn.primary-btn {
		min-width: auto;
		width: 100%;
		display: flex;
		color: #feffff;
		font-family: 'Conv_Metropolis-bold';
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.24px;
		line-height: 15.6px;
		text-align: center;
		text-transform: uppercase;
		max-width: 180px !important;
		height: 46px;
		margin-bottom: 20px;
	}
  .blog .banner.about-banner-section.blog-banner .banner-text {

margin-top: 0;
    margin-bottom: 20px;
}
  .blog .banner.about-banner-section .banner-text h1 {
  	margin-bottom: 10px;
  }
}

@media (min-width:768px) and (max-width:1340px) {
	.great-coffee-section .order-goodness-wrapper .row .box p {
		font-size: 20px !important;
	}
	.how-it-works-section .order-goodness-wrapper {
		padding: 0 15px;
	}
	.great-coffee-section .order-goodness-wrapper .row .box h5 {
		min-height: 40px;
		height: auto;
	}
}

@media (min-width:768px) and (max-width:820px) {
	.great-coffee-section .order-goodness-wrapper .row .box p {
		font-size: 16px !important;
		line-height: 22px;
	}
}


/* End css */

@media (min-width:641px) {
	.page-roasteries .order-goodness-section .row {
		align-items: self-start;
	}
}

@media(max-width:480px) {
	.btn.primary-btn {
		color: #ffffff;
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: 0.12px;
		line-height: 20px;
		text-align: center;
		padding: 14px 25px;
	}
}

button.rebuy-button.outline span {
	color: #fff;
}

.rebuy-cart__flyout .rebuy-button+.rebuy-button {
	margin-top: 0px !important;
}

.rebuy-button,
.rebuy-widget .rebuy-button,
.rebuy-cart__flyout-empty-cart a {
	height: 61px !important;
	border-radius: 0px !important
}


/* Client feedback css */

.product button.add_to_cart dl {
	width: 35%;
}

.product button.add_to_cart .text {
	width: 65%;
}

.product button.add_to_cart:hover dl {
	color: #feffff;
}

.product button.add_to_cart:hover dd {
	color: #feffff;
}

.product .add_to_cart.global-button,
.shopify-challenge__button.btn {
	color: #feffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	padding: 0;
	text-align: left;
	position: relative;
	width: 100% !important;
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.product .add_to_cart.global-button:before,
.shopify-challenge__button.btn:before {
	content: '';
	top: 0;
	left: 0;
	right: auto;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.product .add_to_cart.global-button:after,
.shopify-challenge__button.btn:after {
	content: '';
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	bottom: 0;
	right: 0;
}

.product .add_to_cart.global-button:hover:after,
.shopify-challenge__button.btn:hover:after {
	width: 100%;
	left: 0;
	right: auto;
}

.product .add_to_cart.global-button:hover:after,
.shopify-challenge__button.btn:hover:after {
	width: 100%;
	left: 0;
	right: auto;
	z-index: -1;
}

.product .add_to_cart.global-button:after,
.add_to_cart.global-button:before,
.add_to_cart.global-button:after,
.add_to_cart.global-button:before,
.shopify-challenge__button.btn:before,
.shopify-challenge__button.btn:after {
	content: '';
	background: #e09f3e;
	height: 50%;
	width: 0;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.product .add_to_cart.global-button:hover:before,
.shopify-challenge__button.btn:hover:before {
	width: 100%;
	right: 0;
	left: auto;
}

.product .add_to_cart.global-button:hover:before,
.shopify-challenge__button.btn:hover:before {
	width: 100%;
	right: 0;
	left: auto;
	z-index: -1;
}

.product .add_to_cart.global-button:hover span,
.add_to_cart.global-button:hover,
.shopify-challenge__button.btn:hover span {
	color: #fff;
	border: none;
}

.product .add_to_cart.global-button span,
.add_to_cart.global-button,
.shopify-challenge__button.btn {
	transition: color 0.3s ease;
	position: relative;
	z-index: 1;
}

.shopify-challenge__button.btn {
	color: #FFFFFF !important;
	background-color: #000000 !important;
	background-color: #044141 !important;
	height: 68px;
	text-align: center;
	max-width: 310px;
	margin: auto;
	font-size: 18px;
	position: relative;
	border-radius: 0px;
	margin-top: 20px !important;
}

@media (min-width:1025px) {
	.product .product__details {
		width: 50%;
		margin-right: 0px;
		margin-left: 0px;
	}
	.product .product__images {
		margin-right: 10px;
		width: 45%;
		margin-left: 10px;
	}
	.product .rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans {
		left: -47px;
	}
	.product .pdp-form__subscription-benefits.col-8 {
		padding-left: 15px;
	}
}

@media (max-width:640px) {
	.product .add_to_cart.global-button {
		font-size: 13px!important;
		word-spacing: 2px;
	}
  	.product .okeReviews-review-reviewer-profile-details-inner .okeReviews-a11yText {
		margin: -5px 0 0!important;
	}
  .okeReviews .okeReviews-review--minimal .okeReviews-review-reviewer {
  	margin-bottom: 0!important;
  }
	.rc-template__legacy-radio .rc-radio__label,
	.rc-template__legacy-radio .rc-radio__label>span {
		font-size: 12px;
      margin-left: 0;
	}
    .product .okeReviews-review-reviewer-profile-name {
		font-size: 14px;
	}
	.rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans select {
		font-size: 11px;
      	height:44px;
         padding: 14px 28px 11px 10px;
	}
	.pdp-form__subscription-benefits.col-8 {
		padding-top: 0px;
	}
.recharge_opt_offers> div {
    width: 50%;
    flex-basis: 50%;
}
  .pdp-form__subscription-benefits.col-8 {
padding-top:0;
}
  .rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans {
margin-left: -23px;
}
  .delivery_date_shortcode .deliverydate >span {
  font-size: 13px;
  }
}
@media(max-width: 576px){
    .rc-template__legacy-radio .rc-radio__label,
     .rc-template__legacy-radio .rc-radio__label>span {
          font-size: 10px;
          margin-left: 0;
          line-height: 1.3!important;
      }
  	.recharge_opt_offers> div:first-child {
        width: 55%;
        flex-basis: 55%;
	}
  .recharge_opt_offers> div:last-child {
        width: 43%;
        flex-basis: 43%;
    	padding-top: 20px;
	}
  .delivery_date_shortcode .deliverydate {

font-size: 12px!important;
    margin-bottom: 0!important;
}
}
@media(max-width: 410px){
    .recharge_opt_offers> div:last-child {
    	padding-top: 18px;
	}
  .product .product-quantity-box .quantity, .product .purchase-details__buttons {
	height: 44px;
	}
  .product .recharge_opt_offers {
	position: relative;
	}
  .product .rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans {
		display: block;
      position: absolute;
      right: 0;
      top: 51%;
      left: 0;
      margin-left: 0;
	}
  .product .rc-template__legacy-radio .rc-radio.rc-option__subsave {
	position: unset;
	}
  .product .rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans select  {
width: 100%;
}
  .filter-box.filter-mobile-collection-box form >div .faceted-filter-group-display select {
margin-bottom: 10px;
}
}
      @media(max-width: 380px){
        .recharge_opt_offers>div li {
		flex-wrap: nowrap;
}

}


.storeify-formbuilder .storeify-div-input label.error,
.storeify-input-file label.error {
	top: 94% !important;
}


/* start whole-seller form page css */

.page-become-wholesaler .storeify-div-input input,
.page-become-wholesaler .storeify-div-input textarea {
	border: 2px solid #dbdbdb !important;
	font-family: 'Conv_Metropolis-medium';
	font-size: 18px !important;
	font-weight: 500 !important;
	font-style: normal !important;
	letter-spacing: 0.36px;
	line-height: 1 !important;
	text-align: left;
	color: #999999 !important;
	padding: 25px 25px;
	transition: all .2s linear;
}

.page-become-wholesaler .storeify-div-input input:focus,
.page-become-wholesaler .storeify-div-input textarea:focus {
	border: 2px solid #e09f3e !important;
}

.page-become-wholesaler #storeify_content_formbuilder_6291 .storeify-label-control {
	font-family: 'Conv_Metropolis-medium';
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	text-align: left;
	color: #999999 !important;
}

.page-become-wholesaler .storeify-formbuilder .storeify-div-input {
	display: flex !important;
}

.page-become-wholesaler .storeify-formbuilder .storeify-frm-group .storeify-checkbox-label:before,
.storeify-formbuilder .storeify-frm-group .storeify-radio-label:before {
	border: 2px solid #dbdbdb !important;
}

.page-become-wholesaler .storeify-foooter-frm.storeify-text-align-1 {
	text-align: center;
}

.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1 {
	color: #feffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 25px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	padding: 0;
	text-align: left;
	position: relative;
	width: 100% !important;
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1 {
	color: #feffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 25px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	padding: 0;
	text-align: left;
	position: relative;
	width: 100% !important;
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:before {
	content: '';
	top: 0;
	left: 0;
	right: auto;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:after {
	content: '';
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	bottom: 0;
	right: 0;
}

.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:hover:after {
	width: 100%;
	left: 0;
	right: auto;
}

.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:hover:after {
	width: 100%;
	left: 0;
	right: auto;
	z-index: -1;
}

.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:after,
.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:before,
.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:after,
.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:before {
	content: '';
	background: var(--color-yellow);
	height: 50%;
	width: 0;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:hover:before {
	width: 100%;
	right: 0;
	left: auto;
}

.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:hover:before {
	width: 100%;
	right: 0;
	left: auto;
	z-index: -1;
}

.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:hover,
.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1:hover {
	color: #fff;
	border: none;
}

.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1,
.page-become-wholesaler button.storeify-submit-frm.storeify-submit-btn.storeify-submit-style-1 {
	transition: color 0.3s ease;
	position: relative;
	z-index: 1;
}

.page-become-wholesaler #storeify_content_formbuilder_6291 .storeify-submit-btn {
	color: #FFFFFF !important;
	background-color: #000000 !important;
	background-color: #044141 !important;
	height: 68px;
	text-align: center;
	max-width: 310px;
	margin: auto;
	font-size: 18px;
}

.page-become-wholesaler #storeify_content_formbuilder_6291 .storeify-input-control.storeify-textarea {
	height: 200px !important;
}
.page-become-wholesaler #storeify_content_formbuilder_6291 .storeify-form-checkbox .storeify-checkbox-input:checked ~ .storeify-checkbox-label::after,
 .page-become-wholesaler #storeify_content_formbuilder_6291 .storeify-form-radio .storeify-radio-input:checked ~ .storeify-radio-label::after {
background-color: #044141!important;
}

/*       end css */

.product .select.default_select {
	display: flex;
	flex-direction: column;
}

.product .select.default_select label {
	color: #25292b;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	text-align: left;
	text-transform: uppercase;
}

.product .shopify-product-form .select>.selector-wrapper {
	width: 38%;
	max-width: 230px;
}

.product .product_gallery .gallery-cell a .image__container {
	display: flex;
	align-items: center;
}

.product .product__images .gallery-wrap .product_gallery img {
	height: 100%;
	object-fit: contain;
	background-color: #fff;
	width: 600px;
	height: 470px;
}

@media (max-width:640px) {
	body .rebuy-widget .primary-title {
		font-size: 24px;
	}
	.rebuy-widget .primary-title {
		color: #3a3a3a;
	}
	.promo-banner--show .okeReviews .okeReviews-reviewsCarousel-heading {
		font-size: 24px;
	}
	.product .shopify-product-form .select>.selector-wrapper {
		width: 100%;
		max-width: 100%;
	}
	.product .product__images .gallery-wrap .product_gallery img {
		height: 100%;
		object-fit: contain;
		background-color: #fff;
		width: auto;
        height: 497px;
        padding-top: 45px;
	}
	.page-become-wholesaler .storeify-div-input input,
	.page-become-wholesaler .storeify-div-input textarea {
		border: 2px solid #dbdbdb !important;
		font-family: 'Conv_Metropolis-SemiBold';
		font-size: 12px !important;
	}
  .page-become-wholesaler #storeify_content_formbuilder_6291 .storeify-submit-btn {

font-size: 12px;
}
  .page-become-wholesaler .storeify-foooter-frm.storeify-text-align-1 {

background:#fff;
}
  .page-become-wholesaler #storeify_content_formbuilder_6291 .storeify-submit-btn {
     height: 52px;
    max-width: 280px;
}
.page-become-wholesaler #storeify_content_formbuilder_6291 .storeify-input-control.storeify-textarea ,
.storeify-formbuilder .storeify-display-icon .storeify-input-control.storeify-no-icon{

margin-bottom: 0;
}
  .roast_type_container>p {
    font-size: 16px;
   	margin-bottom: 10px;
	letter-spacing: 0.14px;
  }
  .product .okeReviews-reviewsCarousel-review {
	max-width: 300px;
    padding-bottom: 25px;
    padding-top: 22px;

}
  .product .okeReviews .okeReviews-reviewsCarousel-review-reviewer-name {
    margin-bottom: 5px;
}
  .product .okeReviews .okeReviews-reviewsCarousel-review-reviewer-date {
	line-height: 1.3;
    margin-bottom: 0px;
  }
}
@media(max-width: 576px){
  .product .product__images .gallery-wrap .product_gallery img {
		width: auto;
    	height: auto;
            min-height: 327px;
    padding-top:0;
/*     .product .product__images .gallery-wrap .product_gallery img.product .product__images .gallery-wrap .product_gallery img */
	}
  .flavor_char p.heading {
margin-bottom: 5px;
}
}
@media(max-width: 480px){
	.product .product__images .gallery-wrap .product_gallery img {
		height: 100%;
		object-fit: contain;
		background-color: #fff;
		width: auto;
		height: auto;
/*     width: 300px;
    height: 300px!important; */
	}
}

      @media(max-width:380px){
/*     min-height: 390px; */
  .product .product__images .gallery-wrap .product_gallery img {
		width: auto;
    	height: auto;
        min-height: auto;
/*     .product .product__images .gallery-wrap .product_gallery img.product .product__images .gallery-wrap .product_gallery img */
	}
}      
.shopify-challenge__container {
	height: 400px;
	margin-bottom: 50px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #f7f7f7;
}


/* start client feedback css on 21March       */

.rebuy-home-page-box {
	text-align: center;
}

body .rebuy-select,
select.rebuy-select,
.rebuy-widget .rebuy-select .rebuy-select {
	background-image: linear-gradient(45deg, transparent 50%, #cccccc 50%), linear-gradient(135deg, #cccccc 50%, transparent 50%), linear-gradient(to right, #cccccc, #cccccc);
	background-image: none !important;
	background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/rebuy-dropdown-arrow_d3772ea0-71f4-45c2-a297-3df8c6ba977d.png?v=1647850632) !important;
	background-size: auto !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
}
@media(max-width: 1024px){
  .index .index-fueled-rate .learn-more-box {
      margin-bottom: 70px;
  }
  	.home-cafe-section.project-x-section p {
		margin-bottom: 20px;
	}
}

@media (min-width:1025px) {
	.index .index-fueled-rate .learn-more-box {
		margin-bottom: 100px;
	}
	.home-cafe-section.project-x-section p {
		margin-bottom: 20px;
	}
}


.okeReviews .okeReviews-starRating {
	background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/star-rating.png?v=1645631879) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

.okeReviews .okeReviews-starRating-indicator-layer {
	background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/star-rating.png?v=1645631879) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

@media (min-width:641px) {
	button.flickity-button.flickity-prev-next-button.previous,
	button.flickity-button.flickity-prev-next-button.next {
		/*           background-color: #F8FBF6 !important; */
		background-color: #f3f9f1!important;
		width: 38px;
		height: 38px;
		opacity: 1 !important;
	}
	.flickity-prev-next-button {
		opacity: 1 !important;
	}
	svg.flickity-button-icon {
		padding: 0px;
	}
	.flickity-prev-next-button .arrow {
		fill: #04413f;
		opacity: 1;
	}
	.flickity-prev-next-button svg {
		transform: none;
	}
	.rebuy-widget .flickity-button.previous,
	.rebuy-recommended-products .flickity-button.previous {
		left: 30px !important;
	}
	.rebuy-widget .flickity-button.next,
	.rebuy-recommended-products .flickity-button.next {
		right: 30px !important;
	}
	.rebuy-widget .flickity-prev-next-button,
	.rebuy-recommended-products .flickity-prev-next-button,
	.rebuy-landing-page .flickity-prev-next-button {
		top: 30% !important;
	}
	body button.flickity-button.flickity-prev-next-button.next {
		margin-right: 1%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 1px;
		padding-right: 6px;
	}
	body button.flickity-button.flickity-prev-next-button.previous {
		margin-right: 1%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 1px;
		padding-left: 6px;
	}
	.rebuy-product-options {
		max-width: 312px;
		margin: auto;
	}
	.subscribe-form input {
		font-size: 16px;
	}
	.okeReviews .okeReviews-reviewsCarousel-review-content-heading {
		font-size: 22px !important;
	}

}

.flickity-prev-next-button svg {
	border-top: 1px solid #04413f;
	border-right: 1px solid #04413f;
}

.flickity-prev-next-button .flickity-button-icon {
	width: 30% !important;
	height: 30% !important;
}

.flickity-prev-next-button .arrow {
	fill: transparent !important;
}

button.flickity-button.flickity-prev-next-button.previous svg {
	transform: rotate(225deg);
}

button.flickity-button.flickity-prev-next-button.next svg {
	transform: rotate(45deg);
}

.flickity-button:focus {
	outline: none;
	box-shadow: none !important;
}

.flickity-prev-next-button svg {
	position: static !important;
}

button.flickity-button.flickity-prev-next-button.previous:hover {
	background: #90d7d3 !important
}

button.flickity-button.flickity-prev-next-button.next:hover {
	background: #90d7d3 !important
}

span.rebuy-underline {
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none !important;
}

@media (min-width:1360px) {
	.banner.about-banner-section.home-banner {
		background-size: cover!important;
	}
	.index .coffee-quiz-section .center-wrap {
		margin: 175px 0px;
	}
	.index .coffee-quiz-section .img-box {
		height: 100%;
	}
	.index .coffee-quiz-section .img-box img {
		height: 100%;
	}
	.order-goodness-section .order-goodness-wrapper .row .box a {
		display: inline-block;
	}
	.order-goodness-section .order-goodness-wrapper .row .box img {
		margin-bottom: 45px;
		object-fit: contain;
		height: 110px;
	}
}

.okeReviews-reviewsCarousel-review-reviewer-avatar {
	display: none !important;
}

.okeReviews-reviewsCarousel-review-reviewer-name {
	font-family: 'Conv_Metropolis-bold';
	font-weight: 700;
	color: #404143 !important;
	text-transform: uppercase;
}

.okeReviews-reviewsCarousel-review-reviewer-date {
	color: #3a3a3a !important;
	font-style: italic;
}

.okeReviews .okeReviews-reviewsCarousel-header {
	margin-bottom: 3em !important;
}

.okeReviews-reviewsCarousel-review-product-name {
	margin-top: 25px !important;
}

.subscription-checkbox .rebuy-checkbox-label .checkbox-label {
	font-size: 16px !important;
	line-height: 1.4 !important;
}

.subscription-checkbox .rebuy-checkbox-label .rebuy-underline {
	font-size: 16px !important;
	line-height: 1.4 !important;
}

.rebuy-widget .rebuy-product-block .rebuy-product-info,
.rebuy-recommended-products .rebuy-product-block .rebuy-product-info {
	flex: 0 0 auto !important;
}

.rebuy-widget .rebuy-product-block .rebuy-product-options,
.rebuy-recommended-products .rebuy-product-block .rebuy-product-options {
	margin-bottom: 0px;
}
.page-about .rebuy-widget .rebuy-product-block .rebuy-product-options {
	margin-top: 0!important;
}
@media(max-width: 700px){
	.subscription-checkbox .rebuy-checkbox-label .checkbox-label , .subscription-checkbox .rebuy-checkbox-label .rebuy-underline {
		font-size: 14px!important;
	}
  	.index-fueled-rate .slick-dots li {
		margin: 0 0px;
	}
}
      @media(max-width: 576px){
.subscription-checkbox .rebuy-checkbox-label .checkbox-label , .subscription-checkbox .rebuy-checkbox-label .rebuy-underline {
		font-size: 12px!important;
	}
.rebuy-widget .rebuy-checkbox-label .checkbox-input {
    top: 0px !important;
}
  .product .rebuy-button, 
  .product  .rebuy-widget .rebuy-button, 
  .product  .rebuy-cart__flyout-empty-cart a,
 .cart .rebuy-widget button.rebuy-button {
      height: 49px !important;
      max-width: 150px;
  }
   .product.promo-banner--show .okeReviews .okeReviews-reviewsCarousel-heading {
	margin-top: 0px;
	}
    .index .rebuy-widget .rebuy-product-block .rebuy-product-options {
		margin-top: 4px!important;
	}
    .index .rebuy-widget .flickity-page-dots {
		bottom: calc((20px - -32px) / 2);
	}

}
@media (min-width:700px) {
  
	.dropdown_column__menu+.dropdown_column__menu {
		margin-top: 40px;
	}
	.sticky_nav--stick .header__logo.logo--image {
		max-width: 180px;
	}
	.dropdown_column.image_block_desk {
		padding-right: 85px !important;
	}
	.okeReviews .okeReviews-reviewsCarousel-review-product-name {
		font-size: 19px !important;
	}
	.okeReviews .okeReviews-reviewsCarousel-header-reviewsCount {
		font-size: 14px;
		font-style: italic;
	}
	.main-nav ul.menu.center {
		text-align: center;
		padding-left: 0px;
	}
	.refer-earn .bg-color .text p {
		padding: 25px 0 40px 0;
		font-size: 20px;
	}
	.work-it .col h4 {
		font-size: 22px;
	}
	.work-it .col p {
		font-size: 20px;
		line-height: 1.5;
	}
}
      @media(max-width: 767px){

#shopify-section-okendo-reviews-carousel  .okeReviews.okeReviews--theme .okeReviews-reviewsCarousel-slider .okeReviews-starRating-indicator-layer--foreground {
  
background-image: url('data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2280%22%20height%3D%2214%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23044141%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')!important;	
width: 0;
}
      }

.rebuy-widget .rebuy-product-block .rebuy-product-info .rebuy-product-title.clickable {
	margin-bottom: 5px;
}

.rebuy-widget .rebuy-product-block .rebuy-product-options,
.rebuy-recommended-products .rebuy-product-block .rebuy-product-options {
	margin-top: auto !important;
	padding-top: 12px;
}

.rebuy-widget .powered-by-rebuy,
.rebuy-recommended-products .powered-by-rebuy {
	display: none;
}

.marquee-home-page {
	width: 1000%;
	overflow: hidden;
}

.marquee-home-page span {
	padding: 0 20px;
	display: inline-block;
}
      @media(min-width: 1600px){
.collection-page.h2-title.earn-reward-section {
		margin-bottom: 0px;
 
	}
}
@media (min-width:700px) {
	.page-about .about-crafted-section {
		margin-top: 0px !important;
		padding-top: 0px !important;
	}
	.collection-product-details {
		margin-right: 45px;
      margin-bottom: 40px;
	}
	.collection-page.h2-title.earn-reward-section {
		margin-top: 0px;
 
	}
	.page-about .learn-more-box {
		text-align: center;
		margin-top: -30px;
		margin-bottom: 44px;
	}
}

.button_container {
	text-align: center;
}

.button_container a {
	color: #044141;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.02em;
	line-height: 15.6px;
	padding: 0;
	text-align: left;
	padding-bottom: 10px;
	position: relative;
	text-transform: uppercase;
}

.button_container a {
	color: #044141;
}

.button_container a:before {
	content: '';
	position: absolute;
	bottom: 0;
	height: 2px;
	background: var(--green);
	left: 0;
	width: 100%;
	transition: 0.5s ease-in-out
}

.button_container a:after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 2px;
	background: var(--color-yellow);
	left: 0;
	width: 0%;
	transition: 0.5s ease-in-out
}

.button_container a:hover,
.button_container a:hover {
	color: var(--color-yellow);
}

.button_container a:hover:before {
	width: 0;
}

.button_container a:hover:after {
	width: 100%;
}

@media (min-width:1360px) {
	.order-goodness-section .order-goodness-wrapper h5 {
		min-height: 80px;
	}
	.refer-earn .col .text {
		padding: 0 60px;
	}
}

.rebuy-widget .rebuy-product-block .rebuy-product-actions .subscription-checkbox {
	text-align: center !important;
}

.menu a:active {
	font-family: Conv_Metropolis-Light !important;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: .16px;
	line-height: 20.6px;
	padding-top: 10px;
}

.main-nav .menu a {
	font-family: Conv_Metropolis-semibold !important;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .16px;
	line-height: 20.6px;
	padding-top: 10px;
}

.main-nav .menu li:nth-last-of-type(1) a {
	margin-right: 0px !important;
}

.main-nav .dropdown_column li a {
	color: #404143;
	font-family: Conv_Metropolis-Light !important;
}

.main-nav .dropdown_title li a {
	color: #404143;
	font-family: Conv_Metropolis-semibold !important;
}

.okeReviews .okeReviews-reviewsCarousel-review-content,
.okeReviews .okeReviews-reviewsCarousel-review-product {
	margin-bottom: 30px !important;
}

.okeReviews .okeReviews-reviewsCarousel-review-content-rating {
	margin-bottom: 0px !important;
}

.okeReviews-reviewsWidget-header-controls-writeReview.js-okeReviews-writeReview.okeReviews-button {
	border-color: #fff;
	background: #044141;
	color: #fff;
}

.okeReviews-reviewsWidget-emptyMessage {
	border: 1px solid #cacaca !important;
}

.global-button.global-button--primary, .global-button.cart__continue-shopping {
	color: #feffff;
	font-family: 'Conv_Metropolis-Bold';
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	line-height: 15.6px;
	text-align: center;
	padding: 24px 33px;
	border: none;
	/* background-color: #044141; */
	/* transition: 0.8s ease; */
}

.global-button.global-button--primary.cart__continue-shopping, .global-button.cart__continue-shopping {
	position: relative;
	/*transform: translate(-50%, -50%);*/
	/*-webkit-transform: translate(-50%, -50%);*/
	z-index: 0;
	background-color: #044141;
}
.global-button.cart__continue-shopping {
	background:transparent;
  	border:2px solid #044141;
  	color: #044141;
}

.global-button.global-button--primary.cart__continue-shopping:before, .global-button.cart__continue-shopping:before {
	content: '';
	top: 0;
	left: 0;
	right: auto;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}
.global-button.global-button--primary.cart__continue-shopping {
	border: 0;
}
.global-button.global-button--primary.cart__continue-shopping:after, .global-button.cart__continue-shopping:after {
	content: '';
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	bottom: 0;
	right: 0;
}

.global-button.global-button--primary.cart__continue-shopping:hover:after, .global-button.cart__continue-shopping:hover:after {
	width: 100%;
	left: 0;
	right: auto;
	z-index: -1;
}

.global-button.global-button--primary.cart__continue-shopping:after,
.global-button.global-button--primary.cart__continue-shopping:before {
	content: '';
	background: var(--color-yellow);
	height: 50%;
	width: 0;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}
.global-button.cart__continue-shopping:before,
.global-button.cart__continue-shopping:after {
	background: #044141;
  content: '';
	height: 50%;
	width: 0;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)

}

.global-button.global-button--primary:hover:before, .global-button.cart__continue-shopping:hover:before {
	width: 100%;
	right: 0;
	left: auto;
	z-index: -1;
}

.global-button.global-button--primary:hover, .global-button.cart__continue-shopping:hover {
	color: #fff !important;
transition:  0.5s ease;
}

.global-button.global-button--primary, .global-button.cart__continue-shopping {
	transition:  0.5s ease;
	position: relative;
	z-index: 1;
  border-radius:0;
}
      .global-button.global-button--primary {
color:#fff!important;
}

.customers-login label,
legend,
.option_title,
.customers-register label,
legend,
.option_title {
	font-size: 22px;
}

.customers-login input[type=text],
.customers-login input[type=password],
.customers-login input[type=email],
.customers-login input[type=search],
.customers-login input[type=url],
.customers-login input[type=tel],
.customers-login input[type=number],
.customers-login input[type=date],
.customers-login input[type=month],
.customers-login input[type=week],
.customers-login input[type=time],
.customers-login input[type=range],
.customers-login input[type=color],
.customers-login select,
.customers-login textarea {
	border: 1px solid #acacac;
	font-size: 16px !important;
	height: 64px;
	border-radius: 2px !important;
}

.customers-register input[type=text],
.customers-register input[type=password],
.customers-register input[type=email],
.customers-register input[type=search],
.customers-register input[type=url],
.customers-register input[type=tel],
.customers-register input[type=number],
.customers-register input[type=date],
.customers-register input[type=month],
.customers-register input[type=week],
.customers-register input[type=time],
.customers-register input[type=range],
.customers-register input[type=color],
.customers-register select,
.customers-register textarea {
	border: 1px solid #acacac;
	font-size: 16px !important;
	height: 64px;
	border-radius: 2px !important;
}
.customers-register input:focus,
.customers-register select:focus,
.customers-register textarea:focus,
 .customers-login input[type=email]:focus,
#customers-login select:focus,
#customers-login textarea:focus, {
	border-color: #044141!important;
}

.customers-login em.note {
	font-size: 14px;
}

.customers-login input[type=text]:active, 
.customers-login input[type=text]:focus, 
.customers-login input[type=password]:active, 
.customers-login input[type=password]:focus, 
.customers-login input[type=email]:active,
.customers-login  input[type=email]:focus, 
.customers-login input[type=search]:active, 
.customers-login input[type=search]:focus, 
.customers-login input[type=url]:active, 
.customers-login input[type=url]:focus, 
.customers-login input[type=tel]:active, 
.customers-login input[type=tel]:focus, 
.customers-login input[type=number]:active, 
.customers-login input[type=number]:focus, 
.customers-login input[type=date]:active, 
.customers-login input[type=date]:focus, 
.customers-login input[type=month]:active, 
.customers-login input[type=month]:focus, 
.customers-login input[type=week]:active, 
.customers-login input[type=week]:focus, 
.customers-login input[type=time]:active, 
.customers-login input[type=time]:focus, 
.customers-login input[type=range]:active, 
.customers-login input[type=range]:focus, 
.customers-login input[type=color]:active, 
.customers-login input[type=color]:focus, 
.customers-login select:active, 
.customers-login select:focus, 
.customers-login textarea:active, 
.customers-login textarea:focus{
    border: 2px solid #e09f3d!important;
}
.customers-register input[type=text]:active, 
.customers-register input[type=text]:focus, 
.customers-register input[type=password]:active, 
.customers-register input[type=password]:focus, 
.customers-register input[type=email]:active, 
.customers-register input[type=email]:focus, 
.customers-register input[type=search]:active, 
.customers-register input[type=search]:focus, 
.customers-register input[type=url]:active, 
.customers-register input[type=url]:focus, 
.customers-register input[type=tel]:active, 
.customers-register input[type=tel]:focus, 
.customers-register input[type=number]:active, 
.customers-register input[type=number]:focus, 
.customers-register input[type=date]:active, 
.customers-register input[type=date]:focus, 
.customers-register input[type=month]:active, 
.customers-register input[type=month]:focus,
 .customers-register input[type=week]:active, 
.customers-register input[type=week]:focus, 
.customers-register input[type=time]:active, 
.customers-register input[type=time]:focus, 
.customers-register input[type=range]:active, 
.customers-register input[type=range]:focus,
 .customers-register input[type=color]:active, 
.customers-register input[type=color]:focus, 
.customers-register select:active, 
.customers-register select:focus, 
.customers-register textarea:active, 
  .customers-register textarea:focus  {
border: 2px solid #e09f3d!important;
}
.promo-banner--show input[type=email]:focus {
	border: 2px solid #e09f3d!important;
}
.promo-banner--show .offset-by-five {
  left: 0;
  margin-left:auto;
  margin-right: auto;
}
    .promo-banner--show  #customer_tab_content .row {
justify-content:center;
margin: 0;
}
.promo-banner--show #customer_tab_content .row .rc_header-settings__title h2{
    font-size: 48px!important;
    letter-spacing: .01em!important;
    color: #25292b!important;
    font-family: 'Conv_Metropolis-light'!important;
    font-weight: 300!important;
}
#customer_tab_content .row {
	justify-content: center;
}
 #customer_tab_content .row .col-md-6.offset-by-five {
	left: 0;
    right: 0;
}
.customers-account h1 ,.customers-addresses h1 {
  font-size: 42px;
  text-transform: capitalize;
  font-weight: 300;
  font-family: 'Conv_Metropolis-Light';
}
      .account-header-logout {
display: flex;
    justify-content: flex-end;
    align-items: center;
        font-size: 18px;
}
   
.customers-account h4, .customers-addresses h4 {
  font-size: 20px;
  letter-spacing: 0.14px;
}
      .customers-account p ,.customers-addresses p{
font-size: 16px;
          letter-spacing: 0.14px;
}

.customers-addresses .global-button, .customers-addresses .global-button.global-button--secondary {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.36px;
  line-height: 15.6px;
  text-align: center;
  padding: 20px 33px;
  border-radius: 0;
}
.customers-addresses .global-button.global-button--secondary {
  border-color: #044141;
  color #044141;
  border-width: 2px;
  padding: 18px 33px;
}
.customers-addresses .global-button.global-button--secondary a {
  border-color: #044141;
  color: #044141;  
}
.customers-addresses .global-button:before, .customers-addresses .global-button.global-button--secondary:before {
content: '';
height: 50%;
width: 0;
position: absolute;
top: 0;
z-index: -1;
left:0;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background: var(--color-yellow);

}
.customers-addresses .global-button:after, .customers-addresses .global-button.global-button--secondary:after {
  content: '';
  height: 50%;
  width: 0;
  right: 0;
  left: auto;
  bottom: 0;
  z-index: -1;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background: var(--color-yellow);
     
}
.customers-addresses .global-button.global-button--secondary:before ,.customers-addresses .global-button.global-button--secondary:after {
	background: #044141!important;
}
.customers-addresses .global-button.global-button--secondary:hover{
  background: transparent!important;
  color: #fff!important;
}
      .customers-addresses .global-button.global-button--secondary:hover a {
  color: #fff!important;
}
 .customers-addresses .global-button:hover:before, .customers-addresses .global-button.global-button--secondary:hover:before {
    width: 100%;
    right: 0;
    left: auto;
}
 .customers-addresses .global-button:hover:after , .customers-addresses .global-button.global-button--secondary:hover:after{
    width: 100%;
    left: 0;
    right: auto;
}
@media(max-width:1366px){
.customers-login label, 
legend, .option_title, 
.customers-register label, 
legend,
.option_title {
      font-size: 16px;
  }
  #customer_login small, .right {
  	font-size:16px;
  }
  .customers-login form #rc_login h5 {
	font-size: 18px;
  }
  #rc_login p a {
	font-size: 16px;
  }
  .customers-login h1, .customers-register h1 {
	font-size: 40px;
 }
.promo-banner--show #customer_tab_content .row  .rc_header-settings__description p,
 .promo-banner--show #customer_tab_content .row  p a{
	font-size: 18px;
}
  .customers-login .section {
height:100%;
}
  .rc_header-settings__title h2 {
	font-size: 30px;
    text-transform: capitalize;
    letter-spacing: 0.14px;
}
  #customer_tab_content .rc_form__group+ br {
display: none;
}
  .rc_header-settings__description p ,.customers-addresses p {
	font-size: 16px;
    line-height: 1.3;
	}
  .customers-account h1, .customers-addresses h1 {

font-size: 30px;
}
}
@media(max-width:992px){
    .shopify-product-form .select>.selector-wrapper select {
		padding: 17px 16px 15px 8px;
	}
  .product .shopify-product-form .select>.selector-wrapper {
width:45%;

}
  .footer-section .row {
margin: 0;
  }
  #customer_tab_content .row .col-md-6.offset-by-five {
	padding-left: 20px;
    padding-right: 20px;
  }
  #customer_tab_content .row .col-md-6.offset-by-five form p:last-child a {
	text-decoration: underline;
    font-size: 16px;
    color: 
    
	}
  .rc_header-settings__title h2 {
font-size: 30px;
}
  #customer_tab_content .row .col-md-6.offset-by-five form  button {
	padding-bottom: 0;
	}
}
@media(max-width: 800px){
     #customer_tab_content {
		padding-top: 90px;
	}
    .customers-account h1 , .customers-addresses h1{
    	font-size: 25px;
	}
.customers-account .container .medium-down--one-whole, .customers-addresses .container .medium-down--one-whole {
		    width: calc(50% - 20px);
	}
   .account-header-logout span a, .customers-addresses .account-header-logout {
		font-size: 16px;
	}
}
@media(max-width: 640px){
	.customers-addresses .global-button, .customers-addresses .global-button.global-button--secondary {
		font-size: 14px;
      height: 42px;
      letter-spacing: 0.14px;
	}
  .customers-addresses .account-header-logout {
	font-size: 14px;
  }
}
 @media(max-width: 576px){
  	
  .product .shopify-product-form .select>.selector-wrapper {
      width: 100%;
  }
.customers-account .container .medium-down--one-whole, .customers-addresses .container .medium-down--one-whole {
		    width: calc(100% - 20px);
	}
   .account-header-logout {
   justify-content: flex-start;
   }

   .product .shopify-product-form .select>.selector-wrapper.grind-option {
		margin-right: 0;
	}
   .cart .global-button.cart__continue-shopping {
		font-family: 'Conv_Metropolis-Bold';
    	font-size: 12px;
		padding: 15px 10px;
         padding: 12px 10px;
    margin-top: 4px;
    height: 46px;
	}
   .cart .cart__wrapper {
	  margin-top: 20px;
   }
   .customers-login label, legend, .option_title, .customers-register label, legend, .option_title, #customer_login small, .right, .rc_header-settings__description p {
font-size:14px;
}
	.customers-login form .global-button--primary, #create-customer .action_bottom .global-button {
		font-size: 14px;
      height: 46px;
      padding: 10px 25px;
	}
   div#rc_login {
	margin-top: 15px!important;
     margin-bottom: 0!important;
}
	.customers-login form #rc_login h5 {
		margin-bottom: 0;
	}
}
@media(max-width: 380px){
    .product .shopify-product-form .select {
		flex-direction: column;
	}
   #cart_form .cart__wrapper .cart__item .cart_line_quantity .product-quantity-box {
	width: 70%;
	}
}
@media(max-width:798px){
/*   .customers-login section {
   	 padding-top:130px;
    } */
.customers-login h1, .customers-register h1 {
    text-align: center;
    font-size: 35px;
}
  #customer_login .section .container {
  	padding:  0px;
  }
  .customers-login form #rc_login h5 {
	font-size: 16px;
    display: inline-block;
  }
.promo-banner--show #customer_tab_content .row {
    justify-content: center;
    margin: 0;
    margin-top: 131px;
}
  .promo-banner--show #customer_tab_content .row .rc_header-settings__title h2{
	font-size:32px!important;
    letter-spacing: .01em!important;
    color: #25292b!important;
    font-family: 'Conv_Metropolis-light'!important;
    font-weight: 300!important;
}
  .promo-banner--show #customer_tab_content .row  .rc_header-settings__description p,
 .promo-banner--show #customer_tab_content .row  p a {
	font-size: 16px;
}

}
@media(max-width:767px){
   #customer_login  {
		text-align:center;
     display:block;
	}
  #customer_login p.right {
	float:none;
	}
  .cart .top_buttons {
	width: 100%;
   }
  .swatch-element.color.swatch-element label {
    width: 34px!important;
    height: 34px;
    min-width: 34px!important;
    margin-right: -10px;
  }
  .cart .product-app--container {

margin-bottom: 20px;
}
}
@media(max-width:576px){
  .promo-banner--show #customer_tab_content .row .rc_header-settings__title h2{
        font-size:28px!important;
    }
  .shopify-product-form .select>.selector-wrapper select {
  	padding: 11px 16px 11px 8px;
  	height: 43px;
  }
}
@media (min-width:700px) {
	.customers-login .three-eighths,
	.customers-register .three-eighths {
		width: 100% !important;
		max-width: 660px !important;
		margin: auto !important;
		margin-left: auto !important;
		margin-right: auto !important;
		position: static !important;
		background: #f3f9f1;
		padding: 35px 60px;
	}

}

.rebuy-cart__flyout-item button.rebuy-button.outline {
	width: 100% !important;
	max-width: 100%;
}

.page-subscription section.order-goodness-section.great-coffee-section.how-it-works-section {
	display: none;
}

.rebuy-widget .rebuy-product-review .rebuy-star-rating .rebuy-star-rating-foreground {
	background-image: url(data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%22100%22%20height%3D%2220%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%2304413f%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
	background-image: none !important;
}

.rebuy-widget .rebuy-product-review .rebuy-star-rating .rebuy-star-rating-background {
	background-image: url(data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%22100%22%20height%3D%2220%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23E5E5E5%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
	background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/star-rating.png?v=1645631879) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

@media (min-width:1360px) {
	.page-subscription .banner.about-banner-section {
		height: 800px;
		background-size: cover;
		background-position: center;
	}
}

@media (max-width:1280px) {
	.main-nav .nav {
		padding-right: 0px !important;
	}
  .product .our-programs-wrapper.row.flex.product-story-div-box .img-box {
height: auto;
}
  .product .our-programs-wrapper.row.flex.product-story-div-box .img-box img {
    object-fit: contain;
}
  .breadcrumb_text a,.breadcrumb_text a span {
line-height:1.2!important;
}
   .breadcrumb_text {
display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
}
.pagination-wrap ul li a, .pagination-wrap ul li {
	font-size: 18px;
    padding: 0 4px;
}

}

@media(max-width:767px){
        .modal_price .price_with_review .price-ui .price span {
      		font-size:18px;
      }
 .breadcrumb_text .breadcrumb-divider,
  .article-pagination .breadcrumb-divider {

    margin: 0 3px;
  }
    .breadcrumb_text {
		text-transform: capitalize;
    	margin-bottom: 0px;
      line-height: 1;
	}
.modal_price .price_with_review .price-ui {
		    margin-right: 15px;
	}
  .okeReviews .okeReviews-reviewsSummary.is-okeReviews-clickable {
	display: flex;
    align-items: center;
    padding-top: 1px;
   }
  .product .okeReviews--theme.okeReviews .okeReviews-reviewsSummary-starRating {
	    top: -3px;
}
  .collection .collection-product-details .description h4 {
		padding-bottom: 0;
	}
  .collection-product-details .description .rating-box {
		margin-top: 8px;
    	margin-bottom: 0 ;
	}
    .collection .page-box ul li, .search-template .page-box ul li {
		min-width: 20px;
	}
  	.page-box ul li a {
		font-size: 14px;
    	font-weight: 300;
	}
  	.collection .page-box ul li:first-child, .search-template .page-box ul li:first-child {
      transform: rotate(45deg) scale(0.7);
      display: inline-block;
      min-width: 30px;
	}
  	.collection .page-box ul li:last-child, .search-template .page-box ul li:last-child {
      transform: rotate(225deg) scale(0.7);
      display: inline-block;
      min-width: 30px;
	}
    .pagination-box , .collection-wrapper-box , .collection-products {
  	 	margin-bottom: 30px;
	}
    .product .okeReviews p:last-child {
      font-size: 14px;
      line-height: 1.2;
	}
}
@media(max-width:576px){
  .okeReviews .okeReviews-starRating--small {
	height: 27px!important;
    width: 80px!important;
  }
.product .okeReviews--theme.okeReviews .okeReviews-reviewsSummary-starRating {
    top: 4px;
}
    .okeReviews-reviewsSummary-ratingCount span {
          font-size:11px;
	}
  .modal_price .price_with_review .price-ui .price span {
      		font-size:16px;
      }
.customers-register input[type=text], 
.customers-register input[type=password], 
.customers-register input[type=email], 
.customers-register input[type=search], 
.customers-register input[type=url], 
.customers-register input[type=tel], 
.customers-register input[type=number], 
.customers-register input[type=date], 
.customers-register input[type=month], .customers-register input[type=week], .customers-register input[type=time], .customers-register input[type=range], .customers-register input[type=color], .customers-register select, .customers-register textarea {
    font-size: 14px !important;
    height: 46px;
margin-bottom: 10px;
}
  .customers-register label {
line-height: 1.3;
    margin-bottom: 6px;
}
.customers-register .section {
    margin-left: 0;
	margin-right: 0;
  width: 100%;
}
  .customers-register .section  .medium-down--one-whole {
	margin-left: 0;
    margin-right: 0;
    width: 100%;
}

  
}

      @media(max-width: 360px){

    .customers-register  .action_bottom p.right {
    display: block;
    width: 100%;
}
}
.shopify-policy__container.five-eighths.offset-by-three.columns.is-hidden-offset-mobile-only.medium-down--one-whole {
	position: static;
	width: 100%;
}

.shopify-policy__body strong {
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 10px !important;
	display: inline-block;
	font-weight: 700 !important;
	font-family: Conv_Metropolis-Bold;
}

.shopify-policy__body table {
	width: 100%;
	margin: 30px 0px;
}

.shopify-policy__body h3 {
	letter-spacing: 0.01px !important;
}

.shopify-policy__body p {
	font-size: 20px !important;
}

.shopify-policy__body ul li {
	font-size: 20px !important;
	font-style: normal !important;
	line-height: 1.5;
}

.shopify-policy__body ul li i {
	font-size: 20px !important;
	font-style: normal !important;
	line-height: 1.5;
}

.shopify-policy__body p i {
	font-size: 20px !important;
	font-style: normal !important;
	line-height: 1.5;
}

@media (min-width:700px) {
	.product .pdp-form__subscription-benefits ul li p {
		font-family: 'Conv_Metropolis-Bold';
	}
	.product .rc-widget-injection-parent {
		flex: 0 0 48% !important;
		max-width: 48% !important;
	}
	.product .pdp-form__subscription-benefits.col-8 {
		flex: 0 0 48% !important;
		max-width: 48% !important;
	}
	.product .recharge_opt_offers {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 15px;
/* 		margin-bottom: 15px; */
	}
	.product .rc-template__legacy-radio .rc-radio {
		white-space: normal;
	}
}

@media (max-width:1310px) and (min-width:700px) {
	.product .recharge_opt_offers {
		flex-direction: column;
	}
	.product .rc-widget-injection-parent {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	.product .pdp-form__subscription-benefits.col-8 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

@media (max-width:1445px) and (min-width:1200px) {
	.index-fueled-rate .custom-col-3 {
		width: 25%;
		padding: 0 10px;
	}
	.order-goodness-section .order-goodness-wrapper p {
		font-size: 16px;
      letter-spacing: 0.24px;
	}
}

@media (max-width:1445px) {
	.order-goodness-section .order-goodness-wrapper h5 {
		font-size: 17px;
	}
  .subscription-checkbox .rebuy-checkbox-label .rebuy-underline, 
.subscription-checkbox .rebuy-checkbox-label .checkbox-label {
		    font-size: 14px !important;
    line-height: 1.4 !important;
	}
}
@media(max-width: 1200px){
	.order-goodness-section .order-goodness-wrapper p {
      font-size: 16px;
      letter-spacing: 0.24px;
      line-height: 1.3;
	}
}      

@media (max-width:1024px) {
	.order-goodness-section .order-goodness-wrapper h5  {
		font-size: 16px;
	}
  .index .order-goodness-section .order-goodness-wrapper h5 > br {
    display: contents;
		
  }
}

@media (max-width:991px) and (min-width:700px) {
	.rebuy-product-actions .rebuy-button span {
		font-size: 12px;
	}
}


/*       end css */


/* start contact page css */

.contact-hero-row {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 100px;
}

.container-contact {
	width: 100%;
	max-width: 100%;
}

.contact-content-box {
	flex: 0 0 53%;
	max-width: 53%;
}

.contact-image-box {
	flex: 0 0 47%;
	max-width: 47%;
}

.contact-hbanner-content {
	width: 100%;
	max-width: 520px;
	margin-left: 20%;
	margin-right: auto;
}

.contact-hero-img {
	width: 100%;
	height: 700px;
}

.contact-hero-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.contact-hbanner-content h1 {
	font-weight: 700;
	font-size: 52px;
	text-transform: uppercase;
}

.contact-btn-hero {
	margin-top: 20px;
}

.email-call-section {
	width: 100%;
	max-width: 1800px;
	margin: auto;
	padding: 0px 30px;
	margin-bottom: 120px;
}

.email-call-box,
.contact-note-text {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
	max-width: 800px;
	margin: auto;
}

.email-box,
.call-box {
	text-align: center;
}

.email-box h3,
.call-box h3 {
	margin-top: 40px;
	font-family: 'Conv_Metropolis-bold';
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.5px;
	font-size: 22px;
	line-height: 1.2;
	text-transform: uppercase;
	color: #25292b;
}

.email-link {
	margin-bottom: 30px;
}

.contact-note-text {
	color: #3a3a3a;
	font-style: italic;
	font-family: 'Conv_Metropolis-Light';
	font-size: 16px;
	font-weight: 300;
}

.email-box .email-link a {
	text-decoration: underline;
}

.email-link a {
	color: #25292b;
	font-family: 'Conv_Metropolis-Light';
	font-size: 16px;
	font-weight: 300;
	transition: all .2s linear;
}

.email-link a:hover {
	color: #e09f3e;
}

.follow-us-on-section {
	margin-bottom: 120px;
}

.contact-social-box h2 {
	font-family: 'Conv_Metropolis-Light';
	color: #25292b;
	margin-bottom: 25px;
	text-align: center;
	line-height: 1;
	font-size: 39px;
	letter-spacing: 0.01px;
}

.contact-social-box .social-box {
	width: 100%;
	max-width: 400px;
	margin: auto;
}

.contact-social-links {
	text-align: center;
	display: flex;
	justify-content: space-between;
	max-width: 225px;
	margin: auto;
}

.contact-social-links a {
	transition: all .2s linear;
}

.contact-social-links a:hover {
	transform: translateY(-6px);
}

.contactaddress-section {
	width: 100%;
	max-width: 1800px;
	margin: auto;
	margin-bottom: 130px;
	padding: 0px 30px;
}

.contactadd-box {
	padding: 0px 20px;
	width: 100%;
}

.contactaddress-row {
	display: flex;
	justify-content: space-between;
}

.contact-green-box {
	flex: 0 0 49%;
	max-width: 49%;
	background-color: #f3f9f1;
	padding: 80px 60px;
	text-align: center;
}

.contact-orange-box {
	flex: 0 0 49%;
	max-width: 49%;
	background-color: #f8e5c7;
	padding: 80px 60px;
	text-align: center;
}

.cmaddress-row {
	display: flex;
	flex-wrap: wrap;
}

.cmaddress-row .add-box {
	flex: 0 0 49%;
	max-width: 49%;
}

.contact-orange-box h3,
.contact-green-box h3 {
	font-family: 'Conv_Metropolis-bold';
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.01px;
	font-size: 22px;
	line-height: 1.2;
	text-transform: uppercase;
	color: #25292b;
}

.contact-orange-box h4,
.contact-green-box h4 {
	color: #959595;
	font-family: 'Conv_Metropolis-medium';
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
}

.contact-orange-box p,
.contact-green-box p {
	color: #000000;
	font-family: 'Conv_Metropolis-medium';
	font-size: 20px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.01px;
	line-height: 1.5;
}

.cmaddress-row h4 {
	margin-bottom: 4px;
	margin-top: 30px;
}

.contact-link-box {
	margin-top: 59px;
}

.contact-form-section {
	margin-bottom: 100px;
}

.contact-form-box {
	width: 100%;
	max-width: 625px;
	margin: auto;
}

.contact-form-box h3 {
	font-family: 'Conv_Metropolis-bold';
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.01px;
	font-size: 22px;
	line-height: 1.2;
	text-transform: uppercase;
	color: #25292b;
	margin-bottom: 45px;
	text-align: center;
}

.contact-form-box form input.form-control,
.contact-form-box form input#ContactForm-email {
	margin-bottom: 25px;
	padding: 0 15px;
}
.contact-form-box form input.form-control, .contact-form-box form input#ContactForm-email {
	margin-bottom:35px;
} 
.contact-form-box #ContactForm .form-control  input::placeholder,
.contact-form-box #ContactForm .form-control  textarea::placeholder {
	text-transform: uppercase;
}
.contact-form-box form textarea {
	padding-left: 15px;
}

.contact-form-box form textarea.form-control {
	padding: 15px 15px;
}

.contact-form-box form input.form-control::placeholder,
.contact-form-box form textarea.form-control::placeholder {
	text-transform: capitalize;
}

.contact-form-btn {
	text-align: center;
	margin-top: 35px;
}


/* End css */


/* contact responsive view */

@media (max-width:1445px) and (min-width:700px) {
	.contact-hero-img {
		width: 100%;
		height: 520px;
	}
	.contact-hbanner-content {
		margin-left: 7%;
	}
	.contact-orange-box p,
	.contact-green-box p {
		font-size: 16px;
		line-height: 1.2;
	}

}
@media(max-width: 1600px){
 .factory-store-section.location-section .factory-store-wrapper .right-content-box h2 {
		    margin-bottom: 15px;
  }
  .factory-store-section .factory-store-wrapper .right-content-box p {
		font-size: 18px;
	}
.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap p, .factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap a, .factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap ul li {
	font-size: 18px;
}
  .factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap h6 {

margin-bottom: 0;
    font-size: 20px;
}
  .factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap .box {
	width: auto;
	}
  .factory-store-section .factory-store-wrapper .right-content-box p {
margin-bottom: 15px;
}
  .factory-store-section .factory-store-wrapper .right-content-box .achievments-list {

margin-bottom: 30px;
}
  .factory-store-section .factory-store-wrapper .right-content-box {

padding-bottom: 50px;
}
.page-location .earn-reward-section .earn-reward-wrapper {
    background-color: #f9fcf8;
    height: auto;
    padding-left: 30px;
    padding-top: 40px;
  	padding-bottom: 40px;
    width: 100%;
}
  .page-location .earn-reward-section .earn-reward-wrapper h2{
	margin-bottom: 20px;
  }
   .page-location  .order-goodness-section .order-goodness-wrapper h2 {
		margin-top: 50px;
	}
   .page-location  .order-goodness-section .row {
		padding-bottom: 50px;
	}
  .page-factory-store .order-goodness-section .order-goodness-wrapper h2 {
		margin-top: 40px;
	}
  	.page-loyalty-reward .order-goodness-section.great-coffee-section.how-it-works-section {
		padding-top: 50px;
	}
  .page-loyalty-reward  .earn-reward-section.redeem-section.loyalty-redeem-section {
	 margin-bottom: 80px;
  }
  .Q-A-section {
padding-top: 0;
}
  .page-loyalty-reward .earn-reward-section.get-most-reward .earn-reward-wrapper {
margin-top: 50px;
}
   .page-loyalty-reward .earn-reward-section.get-most-reward h2 {

margin-bottom: 20px;
     font-size: 2rem;
}
   .page-loyalty-reward .press-section .content-box h2{
     font-size: 2rem;
}
  .page-loyalty-reward .press-section .content-box p {
margin-bottom: 25px;
}
  .page-loyalty-reward .press-section {
margin-top: 0;
}
  .page-loyalty-reward  .ways-to-redeem-section .ways-to-redeem-wrapper>div .row {
margin-bottom: 40px;
}
}      
@media(max-width: 1440px){
    .page-subscription  .order-goodness-section.footer-goodness-section-box {
    	margin-top: 30px;
    }
  .contact-hbanner-content p {
		font-size: 16px;
	}
.factory-store-section .factory-store-wrapper .right-content-box p {
		font-size: 16px;
	}
.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap p, .factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap a, .factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap ul li {
	font-size: 16px;
}
 .factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap h6 {

    font-size: 18px;
}
  .page-loyalty-reward  .earn-reward-section.redeem-section.loyalty-redeem-section {
margin-bottom: 50px;
}
.factory-store-section .factory-store-wrapper .right-content-box .our-detail-wrap .custom-col-6:first-child .box p{
	padding-right: 30px;
}
}
@media (max-width:1024px) and (min-width:700px) {
	.contact-green-box,
	.contact-orange-box {
		padding: 60px 18px;
	}
	.contact-orange-box h3,
	.contact-green-box h3 {
		font-size: 20px;
	}
	.main-nav__wrapper .nav .menu li a {
		margin-right: 7px!important;
	}
	.main-nav .nav {
		padding-right: 10px!important;
	}
}

@media (max-width:991px) and (min-width:642px) {
	.contact-hbanner-content h1 {
		font-size: 35px;
	}
	.contact-hbanner-content p {
		font-size: 16px;
	}
	.contact-orange-box h3,
	.contact-green-box h3 {
		font-size: 16px;
	}
	.contact-orange-box h4,
	.contact-green-box h4 {
		font-size: 18px;
	}
	.cmaddress-row .add-box {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.contact-form-box h3 {
		font-size: 20px;
	}
}

@media (max-width:800px) and (min-width:642px) {
	.contact-hero-img {
		width: 100%;
		height: 410px;
	}
	.contact-hbanner-content {
		width: 100%;
		max-width: 345px;
	}
.main-nav .nav {
	padding-right: 0!important;
}
}

@media (max-width:797px) {
	.contact-banner-page {
		margin-top: 110px;
	}
.email-call-box > div > img {
		width: 70px;
    	object-fit: cover;
	}
  .page-location .order-goodness-section .row {
padding-bottom: 0;
}
  .page-loyalty-reward  .earn-reward-section.redeem-section.loyalty-redeem-section {
margin-bottom: 40px;
}
}

@media (max-width:641px) {
  .contact-form-box form .contact-form-btn .btn.primary-btn {
	  padding: 14px 47px;
  }
	.contact-hero-row {
		flex-direction: column;
	}
	.contact-content-box {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.contact-image-box {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.contact-hbanner-content {
		width: 100%;
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-bottom: 40px;
		padding: 0px 20px;
	}
	.email-call-box,
	.contact-note-text {
		max-width: 100%;
		margin: auto;
		padding: 0px 20px;
		flex-direction: column;
	}
  .email-call-box > div > img {
		width: 60px;
    	object-fit: cover;
	}
	.contact-note-text {
		text-align: center;
		font-size: 14px;
		line-height: 1.4;
	}
	.contact-green-box,
	.contact-orange-box {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.contactaddress-row {
		flex-direction: column;
	}
	.cmaddress-row .add-box {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.contact-green-box {
		margin-bottom: 20px;
	}
	.contact-form-section {
		margin-bottom: 30px;
		padding: 0px 35px;
	}
	.contact-hbanner-content h1 {
		font-weight: 700;
		font-size: 24px;
		text-transform: uppercase;
		color: #3a3a3a;
		letter-spacing: 0.01px;
	}
	.contact-hbanner-content p {
		font-size: 14px;
		color: #25292b;
	}
	.email-box h3,
	.call-box h3 {
		font-size: 14px;
      margin-top: 20px;
	}
	.email-link a {
		font-size: 14px;
		font-weight: 300;
	}
	.contact-social-box h2 {
		font-size: 24px;
	}
	.contact-orange-box h3,
	.contact-green-box h3 {
		font-size: 14px;
	}
	.cmaddress-row h4,
	.contact-orange-box p,
	.contact-green-box p {
		font-size: 14px;
	}
	.contact-link-box a {
		font-size: 11px !important;
	}
	.contact-form-box h3 {
		font-size: 14px;
      padding: 0 66px;
      margin-bottom: 20px;
	}
	.contactaddress-section {
	  padding: 0px 5px;
      margin-bottom: 45px;
	}
  .contact-hero-img {
height: 530px;
}
  .contact-hero-row {
margin-bottom: 30px;
}
  .follow-us-on-section ,.email-call-section {
margin-bottom: 35px;
}
  .cmaddress-row h4 {
  margin-top: 15px;
  }
  .contact-orange-box h3, .contact-green-box h3 {
margin-bottom: 0;
}
  .contact-link-box {
margin-top: 20px;
}
  .contact-green-box ,.contact-orange-box{

padding: 30px 25px 35px;
}
  .contact-form-box form input.form-control, .contact-form-box form input#ContactForm-email{
margin-bottom: 20px;
}
input[type=text], input[type=password], input[type=email], input[type=search], input[type=url], input[type=tel], input[type=number], input[type=date], input[type=month], input[type=week], input[type=time], input[type=range], input[type=color], select, textarea {
    font-size: 12px;
}
  .contact-form-btn {

margin-top: 25px;
}
  .okeReviews .okeReviews-reviewsCarousel-header-reviewsCount {
	font-style: italic;
  }
}

      @media(max-width: 380px){
.contact-form-box h3 {
		font-size: 14px;
      padding: 0 30px;
	}
.recharge_opt_offers> div {
    width: 100%;
    flex-basis: 100%;
}
}

/* fonts-size css  */

@media (max-width:1920px) and (min-width:1300px) {
	/*   h1{
    font-size:66px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    color: #3A3A3A !important;
    text-transform: uppercase !important;
    font-family: 'Conv_Metropolis-bold';
  	font-weight: 700;
  }
  h2{
    font-size:48px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    color: #25292B !important;
	font-family: 'Conv_Metropolis-light' !important;
  	font-weight: 300 !important;
  } */
}

@media (max-width:1024px) {
	.contact-hbanner-content {
		width: 100%;
		max-width: 370px;
	}
}


/*       end  */


/* About us client feedback css */

.page-about .learn-more-box {
	display: none;
}

.page-about .red {
	color: #25292b;
	font-style: italic;
}

@media (max-width:800px) and (min-width:641px) {
	.contact-hbanner-content {
		width: 100%;
		max-width: 281px;
		margin-left: 20px;
	}
}

@media (max-width:1460px) and (min-width:641px) {
	.page-about .banner.about-banner-section {
		background-size: cover !important;
	}

}

@media (min-width:641px) {
	.page-about .banner.about-banner-section {
		min-height: 712px;
		background-size: cover !important;
		display: flex;
		align-items: center;
	}
	.page-roasteries .banner.about-banner-section {
/* 		min-height: 712px; */
		background-size: cover !important;
/* 		display: flex;
		align-items: center; */
		height: auto;
	}
	.page-about section.about-crafted-section {
		margin-top: 80px !important;
	}
  
	.page-about .about-crafted-section .crafted-wrapper {
		max-width: 1100px;
	}
	.page-refer-a-friend .order-goodness-section .order-goodness-wrapper h2 {
		margin-top: 0px;
	}
	.footer-menu-box {
		align-items: flex-start;
	}
	.page-roasteries .about-crafted-section .crafted-wrapper {
		max-width: 1000px;
		margin: 0 auto;
	}
	.page-roasteries .roasterties-swap .conten-box strong {
		display: block;
		font-weight: 300;
	}
	.page-roasteries .visit-factory-section .visit-factory-wrapper {
		width: 100%;
	}
	.page-roasteries .visit-factory-section .visit-factory-wrapper p {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.page-roasteries .banner.about-banner-section .banner-text p {
		max-width: 345px;
	}
	.page-subscription .banner.about-banner-section .banner-text p {
		color: #3a3a3a;
		max-width: 500px;
      text-align:left;
	}
	.page-subscription .banner.about-banner-section .banner-text .content-box a[title="/account"] {
		padding-left: 10px;
		color: #3a3a3a;
		text-decoration: underline;
		font-style: italic;
	}
	.page-subscription .Steady-brew-section .row {
		padding-bottom: 0px;
	}

	.page-subscription .how-it-works-section .row .content-box h5 {
		margin-bottom: 0px;
	}
	.page-subscription .how-it-works-section .row .content-box h2 {
		margin-bottom: 35px;
	}
	.page-subscription .how-it-works-section .how-it-works-wrapper .image-box {
		height: 100%;
	}
	.page-subscription .how-it-works-section .how-it-works-wrapper .image-box img {
		height: 100%;
      object-fit:cover;
	}
	.page-subscription .how-it-works-section {
		margin-bottom: 41px;
	}
	.page-subscription.promo-banner--show .okeReviews .okeReviews-reviewsCarousel-heading {
		margin-top: 30px;
	}
	.page-subscription .okeReviews-reviewsCarousel-review {
		background: rgba(248, 251, 246, 0.5);
	}
	.page-subscription .Q-A-section {
		padding-top: 80px;
	}
	.page-loyalty-reward .banner.about-banner-section .banner-text .remember-txt {
		margin-top: 20px;
		margin-bottom: 0px;
		font-style: italic;
		color: #25292b;
	}
	.page-loyalty-reward .banner.about-banner-section .banner-text .remember-txt a {
		text-decoration: underline;
		font-style: italic;
		color: #25292b;
	}
	.page-loyalty-reward .banner.about-banner-section.home-banner {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: right;
		background-color: #e3e5e2;
		height: auto;
	}
	.page-loyalty-reward .redeem-inner-wrap .custom-col-4:nth-child(7) {
		display: none;
	}
	.page-loyalty-reward .redeem-inner-wrap .custom-col-4:nth-child(8) {
		display: none;
	}
	.page-loyalty-reward .redeem-inner-wrap .custom-col-4:nth-child(9) {
		display: none;
	}
	.page-loyalty-reward .ways-to-redeem-wrapper p {
		max-width: 595px;
		margin-left: auto;
		margin-right: auto;
      margin-bottom:85px;
	}
	.page-loyalty-reward .order-goodness-section .order-goodness-wrapper h5 {
		min-height: auto !important;
		height: auto !important;
		margin-bottom: 10px !important;
	}
	.page-loyalty-reward .earn-reward-section.get-most-reward .earn-reward-wrapper p {
		max-width: 811px;
		margin-left: auto;
		margin-right: auto;
	}
	.page-loyalty-reward a span {
		color: #3a3a3a;
	}
	.page-loyalty-reward .post-signin-section {
		background-color: #f9fcf8;
		margin-top: 0px;
	}
	.page-loyalty-reward .post-signin-section .row .banner-content h2 {
		margin-bottom: 5px;
	}
	.page-loyalty-reward section.press-section.program-section.refer-a-friend-section .content-box p {
		max-width: 463px;
	}
	.okeReviews-reviewsSummary-ratingCount {
		transform: translateY(1px);
	}
	.product .pdp-form__subscription-benefits ul li p {
		font-family: 'Conv_Metropolis-Bold';
		font-size: 14px;
		padding-left: 5px;
	}
	.product .okeReviews .okeReviews-starRating--small {
		height: 21px !important;
		width: 145px !important;
	}
	.product .okeReviews--theme.okeReviews .okeReviews-reviewsSummary-starRating {
		margin-right: 0px;
	}
	.product .okeReviews .okeReviews-reviewsAggregate-summary-rating-starRating .okeReviews-starRating .okeReviews-starRating-indicator-layer {
		background: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/teal-star.png?v=1648540543) !important;
		background-size: 125px !important;
		background-repeat: no-repeat !important;
		min-height: 100px;
	}
	.product .okeReviews .okReviews-starRating .okeReviews-starRating-indicator-layer {
		background-image: none !important;
	}
	.pdp-form__subscription-benefits.col-8 ul {
		margin-top: 15px;
	}
	.pdp-form__subscription-benefits ul li {
		margin-bottom: 0px;
	}
}
@media(max-width: 1600px){
    .page-subscription .how-it-works-section .row .content-box {
		padding: 80px 60px;
	}
.page-subscription .how-it-works-section .row .content-box ol li {
	font-size: 18px;
	}
}
@media(max-width: 1440px){
        .page-about section.about-crafted-section {
			padding-top: 0!important;
          margin-top: 40px!important;
	}
 	.page-subscription .how-it-works-section .row .content-box {
		padding: 80px 60px;
	}
  	.page-subscription .how-it-works-section .row .content-box h5 {
		font-size: 16px;
	}
    .page-subscription .how-it-works-section .row .content-box h2 {
		margin-bottom: 25px; 
	}
.page-subscription .how-it-works-section .row .content-box ol li:last-child {
	margin-bottom: 40px;
}
  .page-subscription .great-coffee-section .order-goodness-wrapper .row .box h5 {
    min-height: auto;
    height: auto;
	}
  .page-subscription .great-coffee-section {
padding-bottom: 45px;
}

  .page-subscription .how-it-works-section .row .content-box ol li {
		font-size: 14px;
        margin-bottom: 15px;
		padding-left: 50px;
	}
  .page-subscription .how-it-works-section .row .content-box ol li:before {
	font-size: 18px;
	}
  .how-it-works-section .row .content-box h2 {
		font-size: 34px!important;
	}
  .page-roasteries .about-crafted-section p {
font-size: 16px;
}
}


@media(max-width: 1025px){
	.page-about .earn-reward-section p, .about-crafted-section p, .project-x-section p, .page-about .stop-buy-section .row .box p {
		font-size: 16px;
	}
  .page-roasteries .about-crafted-section p {
	font-size: 14px;
	}
  .page-about .order-goodness-section .row {
    padding-bottom: 16px;
}
 .page-subscription .how-it-works-section .row .content-box {
		padding: 50px 40px;
	}
  .page-subscription .how-it-works-wrapper.row.flex {
		flex-direction: column-reverse;
	}
}
      
@media(max-width: 360px){
    .about-crafted-section .img-text-wrapper .conten-box p {
		padding-left: 0;
        padding-right: 0;
	}
}
.page-roasteries .roasterties-swap .conten-box strong {
	display: block;
	font-weight: 300;
}

.product dd {
	padding: 0px 6px;
}

.product div#shopify-section-okendo-reviews-carousel {
	border-bottom: 1px solid #cbcbcb;
}

.product .okeReviews-button {
	position: relative;
	/*transform: translate(-50%, -50%);*/
	/*-webkit-transform: translate(-50%, -50%);*/
	z-index: 0;
	background-color: #044141;
	font-family: 'Conv_Metropolis-semibold' !important;
	font-weight: 500 !important;
	font-size: 16px !important;
}

.product .okeReviews-button:before {
	content: '';
	top: 0;
	left: 0;
	right: auto;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.product .okeReviews-button:after {
	content: '';
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	bottom: 0;
	right: 0;
}

.product .okeReviews-button:hover:after {
	width: 100%;
	left: 0;
	right: auto;
	z-index: -1;
}

.product .okeReviews-button:after,
.okeReviews-button:before {
	content: '';
	background: var(--color-yellow);
	height: 50%;
	width: 0;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.product .okeReviews-button:hover:before {
	width: 100%;
	right: 0;
	left: auto;
	z-index: -1;
}

.product .okeReviews-button:hover span {
	color: #fff;
}

.product .okeReviews-button span {
	transition: color 0.3s ease;
	position: relative;
	z-index: 1;
}

.product .okeReviews-reviews-controls-select .okeReviews-select-input {
	background: transparent !important;
	color: #044141 !important;
	font-size: 16px;
	border: 1px solid #044141;
	height: 42px !important;
	font-family: 'Conv_Metropolis-semibold' !important;
	font-weight: 500 !important;
	background-image: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/rebuy-dropdown-arrow_d3772ea0-71f4-45c2-a297-3df8c6ba977d.png?v=1647850632) !important;
	background-size: auto !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
}

.product .okeReviews .okeReviews-select:after {
	border-left: 1px solid transparent !important;
	border-right: 1px solid transparent !important;
}

.product .okeReviews .okeReviews-review-helpful-vote-button--negative:before,
.okeReviews .okeReviews-review-helpful-vote-button--positive:before {
	opacity: 1 !important;
}

.product .okeReviews .okeReviews-review-helpful-vote-button {
	color: #044141!important;
	font-family: 'Conv_Metropolis-semibold' !important;
	font-weight: 500 !important;
}

.product .okeReviews-review-reviewer-profile-details-inner {
	display: flex !important;
}

.product .okeReviews-review-reviewer-profile-details-inner .okeReviews-a11yText {
	position: static;
	overflow: visible;
	margin: 0px;
	padding-left: 5px;
	width: 200px;
	font-style: italic;
}

.product .okeReviews-review-main-content .js-okeReviews-reviewContent.okeReviews-review-main-content-body p {
	font-size: 20px;
	font-weight: 300 !important;
	line-height: 1.3;
	color: #25292b;
	font-family: 'Conv_Metropolis-light' !important;
}

select {
	background: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/rebuy-dropdown-arrow_d3772ea0-71f4-45c2-a297-3df8c6ba977d.png?v=1647850632) !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
}

.product .product_section .description {
	margin-bottom: 15px;
	line-height: 1.4;
}

.product .product_section button.flickity-button.flickity-prev-next-button.previous {
	display: none;
}

.product .product_section button.flickity-button.flickity-prev-next-button.next {
	display: none;
}

.product_gallery_nav.product-gallery__thumbnails {
	margin-right: 20px;
}

.breadcrumb_text a span {
	color: #000000 !important;
	font-weight: 700;
}

.product .swatch_options .option_title {
	font-size: 14px;
/* 	font-family: 'Conv_Metropolis-Bold';
  font-weight:700; */
  background: none;
    border: 0;
    font-style: normal;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.36px;
    color: #25292b;
    text-transform: uppercase;
    font-family: 'Conv_Metropolis-semibold';
    padding: 0;
    margin-top: 0;

}

.product .swatch_options label {
	color: #25292b;
	background: #f3f9f1;
	border: none;
	min-width: 125px;
	font-size: 14px;
	font-family: 'Conv_Metropolis-Bold';
	font-weight: 700;
}

.product .swatch_options .swatch-element {
	border: none;
}

.delivery_date_shortcode .deliverydate {
	background: none!important;
	border: 0!important;
	font-style: normal!important;
	font-size: 14px!important;
	font-weight: 700!important;
	font-style: normal!important;
	letter-spacing: 0.36px!important;
	color: #25292b!important;
	text-transform: uppercase!important;
	font-family: 'Conv_Metropolis-Bold'!important;
	padding: 0!important;
	margin-top: 0!important;
}

@media (min-width:1360px) {
	.page-loyalty-reward .banner.about-banner-section.home-banner {
		background-size: cover !important;
		background-repeat: no-repeat;
		background-position: right;
		background-color: #e3e5e2;
		height: auto;
/* 		min-height: 800px;
		display: flex;
		align-items: center; */
	}
}


/*       End css */


/* QA feedback css */

@media (max-width:1025px) and (min-width:750px) {
	.order-goodness-section .order-goodness-wrapper {
		width: 100%;
		margin-top: 0px;
	}
	.index .rebuy-product-title.clickable {
/* 		min-height: 60px; */
      min-height: auto;
	}
	body .okeReviews-reviewsCarousel-review {
		min-height: 620px;
	}
  body.index .okeReviews-reviewsCarousel-review {
min-height: 520px;
}
}

@media (max-width:768px) and (min-width:641px) {
	.rebuy-widget .rebuy-product-block .rebuy-product-info .rebuy-product-title.clickable {
		font-size: 14px !important;
		line-height: 1.2 !important;
	}

}

@media (max-width:640px) {
	.product .order-goodness-section .order-goodness-wrapper {
		width: 100%;
/* 		margin-top: 40px; */
      margin-top:0;
	}
	.product .shopify-product-form .select {
		display: flex;
/* 		flex-direction: column; */
	}
  .page-loyalty-reward .banner.about-banner-section .banner-text p:last-child {
  	font-size: 14px;
  }
  .product .order-goodness-section.index-fueled-rate {
		margin-top: 20px;
    	
	}
  .index-fueled-rate .slick-prev.slick-arrow, .factory-store-mslider .slick-prev.slick-arrow, 
.index-fueled-rate .slick-next.slick-arrow, .factory-store-mslider .slick-next.slick-arrow {
    top: 47%;
}
  .product .order-goodness-section.index-fueled-rate .row {
	padding-bottom: 0;
	}
  .product .order-goodness-section .order-goodness-wrapper .row .box {
	    margin-bottom: 40px;
  }
.product .okeReviews-review-main-content .js-okeReviews-reviewContent.okeReviews-review-main-content-body p {
	font-size: 14px;
    font-weight: 300 !important;
    line-height: 1.3;
    color: #25292b;
    font-family: 'Conv_Metropolis-light' !important;
    letter-spacing: 0.14px;
}
.product .okeReviews .okeReviews-reviewsAggregate-summary-rating-starRating .okeReviews-starRating .okeReviews-starRating-indicator-layer {
		background: url(https://cdn.shopify.com/s/files/1/0556/1378/4259/files/teal-star.png?v=1648540543) !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		min-height: auto;
	}
}


/* #subs_rebuy {
 -webkit-transform: translateZ( 0 );
  transform: translateZ( 0 );
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

} */


/*       roasteris page take a tourr video popup ..css*/

.page-roasteries #myModal-tour .close {
	margin-top: -11px;
	margin-bottom: 5px;
}

.page-roasteries #myModal-tour iframe {
	width: 100%;
}

@media(max-width: 1440px) {
	.page-roasteries #myModal-tour .modal-content {
		width: 67%;
	}
}

@media(max-width: 1280px) {
	.page-roasteries #myModal-tour .modal-content {
		width: 77%;
	}
.index .rebuy-widget .rebuy-select {
		font-size: 12px;
        padding-left: 10px;
    }
}

@media(max-width: 1024px) {
	.page-roasteries #myModal-tour .modal-content {
		width: 90%;
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
  .home-cafe-section {
margin-top: 80px;
}
	
}

@media(max-width:767px) {
	.page-roasteries #myModal-tour iframe {
		width: 100%;
		height: 400px;
	}
}

@media(max-width:576px) {
	.page-roasteries #myModal-tour iframe {
		width: 100%;
		height: 350px;
	}
	.page-roasteries #myModal-tour .modal-content {
		padding: 13px;
		width: 100%;
	}
}

@media(max-width:480px) {
	.page-roasteries #myModal-tour iframe {
		width: 100%;
		height: 250px;
	}
}
.collection .okeReviews .okeReviews-starRating-indicator-layer {
    background: none !important;
}



/* 24th aug..and. 25th aug.. */

.page-malomo-tracking #shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba .malomo-order-lookup {
    min-width: 330px;
    width: 100%;
    padding: 20px 18px;
    border: 1px solid #e5e5e5;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img {
  position: relative;
    flex: 1;
    width: 100%;
}
.page-malomo-tracking .malomo-banner .malomo-banner-col.apps-{
    padding-left: 30px;
    margin-right: 44px;
    min-width: 330px!important;
    width: calc(330px + 30px);
  }
.page-malomo-tracking #shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba {
  height: 100%;
}
.page-malomo-tracking #shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba .malomo-order-lookup .malomo-order-lookup-form input {
border: 1px solid #e5e5e5;
background-color: #f9f9f9;
  min-height: 33px;
  height: 33px;
  margin-bottom: 0;
}
.page-malomo-tracking #shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba .malomo-order-lookup .malomo-order-lookup-form label{
color: #3a3a3a;
font-family: 'Conv_Metropolis-Medium' !important;
font-size: 12px;
font-weight: 500;
font-style: normal;
letter-spacing: 1.44px;
line-height: 15.6px;
text-align: left;
}
.page-malomo-tracking #shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba .malomo-order-lookup-section-1-1 {
  margin-bottom:5px;
}
.page-malomo-tracking #shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba .malomo-order-lookup-section-separator {
color: #3a3a3a;
font-family: 'Conv_Metropolis-Medium';
font-size: 12px;
font-weight: 500;
font-style: normal;
letter-spacing: 1.44px;
text-align: center;
  margin: 0;
    height: auto;
    min-height: auto;
    line-height: 1;
  margin-bottom: 10px;
  margin-top: 4px;
}
.page-malomo-tracking #shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba .malomo-order-lookup-submit-button {
  margin-top: 25px;
  height: 37px;
  background-color: #000000;
  color: #ffffff;
  font-family: 'Conv_Metropolis-Bold';
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  /* Text style for "Shop now" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: uppercase;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text h1 {
  /* Style for "Love Metro" */
color: #1d1d1b;
 font-family: 'Conv_Metropolis-Bold';
font-size: 42px;
font-weight: 700;
font-style: normal;
letter-spacing: 2.77px;
line-height: 64px;
text-align: center;
/* Text style for "Love Metro" */
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-transform: uppercase;
  margin-bottom: 16px;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text p {
color: #1d1d1b;
font-family: 'Conv_Metropolis-Light';
font-size: 20px;
font-weight: 300;
font-style: normal;
letter-spacing: 0.8px;
line-height: 30px;
text-align: center;
/* Text style for "Refer your" */
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
  margin-bottom: 22px;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text_outer {
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  padding: 0 30px;
  top: 0;
  margin-top: 45px;
  
}
.page-malomo-tracking .malomo-banner {
  margin-bottom: 70px;
}
.malomo-banner-img-mobile {
  display: none;
}
.page-malomo-tracking .order-goodness-section .order-goodness-wrapper h2 {
  line-height: 1;
  margin-bottom: 0;
}
@media(min-width: 1322px){
.page-malomo-tracking .malomo-banner .malomo-banner-col.apps- {
    padding-left: 35px;
    margin-right: 44px;
    min-width: 335px!important;
    width: calc(420px + 35px)
  }
.page-malomo-tracking #shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba .malomo-order-lookup {
  max-width: 100%;
}
}
@media(max-width:1280px){
  .page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text h1  {
    font-size: 28px;
    margin-bottom: 8px;
  }
  .page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text p {
    font-size: 16px;
  }
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text >a {
    font-size: 14px;
    padding: 16px 38px;
}
}
@media(max-width: 1200px){
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text_outer {
    margin-top: 28px;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text p {
    margin-bottom: 13px;
}
}
@media(max-width: 1025px){
.page-malomo-tracking #shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba .malomo-order-lookup {
  min-width: 100%;
}
.page-malomo-tracking .malomo-banner .malomo-banner-col.apps- {
    padding-left: 30px;
    margin-right: 29px;
    min-width: 314px!important;
    width: calc(290px + 30px);
}
}
@media(max-width: 798px){
  .page-malomo-tracking .malomo-banner {
    margin-top: 115px;
  }
}
@media(max-width: 900px){
  .page-malomo-tracking .malomo-banner .malomo-banner-col.apps- {
    padding-left: 30px;
    margin-right: 15px;
    min-width: auto!important;
    width: calc(215px + 30px);
}
  .page-malomo-tracking .malomo-banner-col.malomo-banner-col-img  img {

  width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
  }
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text_outer {
margin-top: 20px;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text_outer {
padding: 0 5px;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text h1 {

  font-size: 24px;
    margin-bottom: 8px;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text p {
  font-size: 14px;  
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text >a {
  font-size: 14px;
  padding: 16px 27px;
}
}
@media(max-width: 767.5px){
.page-malomo-tracking .order-goodness-section .order-goodness-wrapper h2 {
  margin-bottom: 10px;
}
.page-malomo-tracking  .malomo-banner-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: center;
}
.page-malomo-tracking .malomo-banner .malomo-banner-col.apps- {
    padding-left: 0;
    margin-right: 0;
    min-width: auto!important;
    width: 60%;
    margin-top: 40px;
}
.page-malomo-tracking #shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba .malomo-order-lookup {
  padding: 0;
  border: 0;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text_outer {
  margin-top: 34px;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text h1 {
  margin-bottom: 5px;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text p {
    color: #1d1d1b;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.56px;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    letter-spacing: normal;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text >a {
  color: #feffff;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.24px;
  line-height: 15.6px;
}
}
@media(max-width: 576px){
.page-malomo-tracking .malomo-banner .malomo-banner-col.apps- {
  width: 74%;
}
.page-malomo-tracking .order-goodness-section .order-goodness-wrapper #insta-feed {
  padding: 0px 0px!important;
  margin-top: 22px;
}
.page-malomo-tracking .order-goodness-section .order-goodness-wrapper p br {
 display: block;
}
}
@media(max-width: 415px){
.page-malomo-tracking .malomo-banner .malomo-banner-col.apps- {
  width: 292px;
}
.malomo-banner-img {
  display: none;
}
.page-malomo-tracking .malomo-banner {
    margin-top: 100px;
}
.malomo-banner-img-mobile {
  display: block;
}
.page-malomo-tracking .order-goodness-section.great-coffee-section.how-it-works-section {
  padding-top: 0;
}
  .page-malomo-tracking .best_seller.about_page {
        padding-bottom: 0;
  }
  
}


@media (max-width: 1445px) and (min-width: 1200px) {
 .page-malomo-tracking .order-goodness-section .order-goodness-wrapper p {
    font-size: 20px;
    letter-spacing: 0.24px;
    color: #1d1d1b;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.8px;
    line-height: 28px;
    text-align: center;
    font-family: 'Conv_Metropolis-Light';
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media(max-width: 1200px){
  .page-malomo-tracking .order-goodness-section .order-goodness-wrapper p {
    font-size: 16px;
    line-height: 1;
  }
}


/* 29th aug.. */
#shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba .malomo-order-lookup-error-message {
  padding: 15px 10px;
    text-align: left;
    font-size: 14px;
    font-family: 'Conv_Metropolis-Light';
    font-weight: 300;
    letter-spacing: 0.05px;
}
@media(min-width: 768px){
.page-malomo-tracking .rebuy-widget .rebuy-product-grid.large-carousel .rebuy-product-block{
  min-height: auto;
}
}
.main-nav__wrapper.sticky_nav.sticky_nav--stick .vertical-menu>li>a {
  line-height: 54px!important
}
 .page-malomo-tracking .how-it-works-section {
   background: #fffef7;
 }
 .page-malomo-tracking .order-goodness-section .order-goodness-wrapper p + h5 {
   margin-top:66px;
   height: auto;
   min-height: 0;
   padding: 0;
font-size: 22px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.44px;
line-height: 1.18;
text-align: center;
 } 
.page-malomo-tracking .order-goodness-section .row {
 padding-bottom: 41px;
 }
.page-malomo-tracking .great-coffee-section .order-goodness-wrapper .row .box h5 {
  height: auto;
  min-height: auto;
  font-size: 22px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.44px;
line-height: 1.18;
/*   margin-bottom: 27px; */
}
.page-malomo-tracking .great-coffee-section {
  padding: 84px 0;
}
.page-malomo-tracking  .order-goodness-section .order-goodness-wrapper .row .box img {
  margin-bottom: 35px;
}
body.page-malomo-tracking .press-section .press-wrapper {
  display: flex;
  align-items: center;
}
body.page-malomo-tracking .press-section .press-wrapper .content-box {
padding-top: 0;
}

@media(max-width: 1280px){
.page-malomo-tracking .great-coffee-section .order-goodness-wrapper .row .box h5,  
.page-malomo-tracking .order-goodness-section .order-goodness-wrapper p + h5 {
  font-size: 18px;
}
.page-malomo-tracking .great-coffee-section .order-goodness-wrapper .row .box p {
  font-size: 18px!important;
  line-height: 1.18;
}
}
@media(max-width: 1280px){
.page-malomo-tracking .press-section .content-box {
  margin-left: 30px;
}
.page-malomo-tracking .press-section .content-box h2 {
  font-size: 28px;
}
.page-malomo-tracking .press-section .content-box {
  padding-right: 30px;
}
}
@media(max-width: 992px){
#shopify-block-9147d9c9-55a0-491b-97ac-8345a3b125ba .malomo-order-lookup-error-message {
    padding: 15px 10px;
    text-align: left;
    font-size: 12px;
    font-family: 'Conv_Metropolis-Light';
    font-weight: 300;
    letter-spacing: 0.05px;
}
  .page-malomo-tracking .great-coffee-section {
    padding: 35px 0;
  }
.page-malomo-tracking .order-goodness-section .order-goodness-wrapper .row .box img {
  margin-bottom: 12px;
}
}
@media(max-width: 767.5px){
  .page-malomo-tracking .order-goodness-section .order-goodness-wrapper .row .box {
    margin-bottom: 0;
  }
  
}
@media(max-width: 767px){
  body.page-malomo-tracking .press-section .press-wrapper  {
  flex-direction: column-reverse;
}
body.page-malomo-tracking .press-section .press-wrapper .content-box {
margin-left: 0;
}
}
@media(max-width: 767px){
.page-malomo-tracking .great-coffee-section .order-goodness-wrapper .row .box h5 {
min-height: auto;
      min-height: auto;
    color: #25292b;
    font-family: 'Conv_Metropolis-Bold';
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.28px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 15px;
  margin-bottom: 10px;
}
.page-malomo-tracking .great-coffee-section .order-goodness-wrapper .row +a {
position: relative;
    top: -20px;
}
.page-malomo-tracking .order-goodness-section.footer-goodness-section-box .slick-dots {
    bottom: -71px;
}
.page-malomo-tracking .order-goodness-section.great-coffee-section.how-it-works-section .row {
  margin-bottom: 0;
}
.page-malomo-tracking .order-goodness-section .order-goodness-wrapper p + h5 {
  font-family: 'Conv_Metropolis-Bold';
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.28px;
    line-height: 20px;
  margin-top: 30px;
  margin-bottom:30px;
 
}
.page-malomo-tracking .order-goodness-section .order-goodness-wrapper .row .box img {
  margin-bottom: 22px;
}
.page-malomo-tracking .order-goodness-section .order-goodness-wrapper .row .box >h5 {
  margin-top: 22px;
}
.page-malomo-tracking .rebuy-widget .rebuy-product-grid.small-carousel {
  padding-bottom: 22px; 
}
  .page-malomo-tracking .rebuy-widget .flickity-page-dots {
    bottom: 10px;
  }
.malomo-order-lookup-form {
  margin-bottom: 0;
}
.page-malomo-tracking .malomo-banner {
  margin-bottom: 40px;
}
.page-malomo-tracking .great-coffee-section {
padding: 31px 0 25px;
}
.page-malomo-tracking .order-goodness-section.great-coffee-section.how-it-works-section {
      padding-top: 40px;
    padding-bottom: 59px;
}
.page-malomo-tracking .order-goodness-section .order-goodness-wrapper h2 {

  margin-top: 0!important;
}
body.page-malomo-tracking  .rebuy-widget .primary-title, .page-malomo-tracking .order-goodness-section .order-goodness-wrapper h2 {
  font-size: 20px;
  margin-bottom: 10px;
}
.page-malomo-tracking .order-goodness-section .order-goodness-wrapper h2 {
margin-bottom: 13px;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text_outer .overlay_text {
  margin-left: 30px;
  margin-right: 30px;
}
body.page-malomo-tracking  .rebuy-widget .description {
font-size: 14px;
font-weight: 300;
font-style: normal;
letter-spacing: 0.14px;
line-height: 20px;
text-align: center;
  margin: 0 49px;
}

body.page-malomo-tracking .press-section .press-wrapper .content-box {
  background: #fff;
  padding-right: 30px;
  margin-right: 0;
  padding-top: 22px!important;
      background: #fff;
    padding-right: 57px;
    margin-right: 0;
    padding-top: 22px!important;
    padding-left: 57px!important;
}
body.page-malomo-tracking .press-section .press-wrapper .content-box h2 {
  color: #3a3a3a;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.2px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 14px;
}
body.page-malomo-tracking .press-section .press-wrapper .content-box p {
  font-size: 14px;
  margin-bottom: 13px;
}
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text h1 {
margin-bottom: 7px;
}
  .page-malomo-tracking .great-coffee-section .order-goodness-wrapper .row .box p{
    color: #25292b;
    font-family: Conv_Metropolis-Light;
    font-size: 14px!important;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.14px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 26px;
}
 .page-malomo-tracking .how-it-works-section .order-goodness-wrapper {
  padding-left: 0;
  padding-right: 0
}
}
@media(max-width: 380px){
  body.page-malomo-tracking  .rebuy-widget .description {
    margin-left: 0;
    margin-right: 0;
  }
.page-malomo-tracking .malomo-banner-col.malomo-banner-col-img .overlay_text_outer .overlay_text {
  margin-left: 0;
  margin-right: 0;
}
body.page-malomo-tracking .press-section .press-wrapper .content-box {
  background: #fff;
  padding-right: 30px;
  margin-right: 0;
  padding-top: 22px!important;
      background: #fff;
    padding-right: 20px;
    margin-right: 0;
    padding-top: 22px!important;
    padding-left: 20px!important;
}
}