.img-responsive {
  max-width: 100%;
  height: auto;
} 
.intro-section .inner-wrapper {
  padding: 30px 20px;
}
.mobile-dropdown{
	margin-bottom: 20px;
}
.mobile-dropdown .select2-container .select2-selection--single {
  border-radius: 0;
  width: 100%;
  height: 50px;
  border-color: #c8c8c8;
}
.mobile-dropdown .select2-container .select2-selection--single .select2-selection__placeholder {
  display: inline-flex;
  align-items: center;
  color: #000;
}
.mobile-dropdown .select2-container .select2-selection--single .select2-selection__placeholder::before {
  content: "";
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M384 432c8.8 0 16-7.2 16-16l0-320c0-8.8-7.2-16-16-16L64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l320 0zm64-16c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 320zM224 352c-6.7 0-13-2.8-17.6-7.7l-104-112c-6.5-7-8.2-17.2-4.4-25.9s12.5-14.4 22-14.4l208 0c9.5 0 18.2 5.7 22 14.4s2.1 18.9-4.4 25.9l-104 112c-4.5 4.9-10.9 7.7-17.6 7.7z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
}
.mobile-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  padding-left: 20px;
}
.mobile-dropdown .select2-container .select2-selection--single .select2-selection__arrow {
  height: 50px;
}
@media only screen and (max-width: 1199px) {
	.tab-nav[role="tablist"]{
		display: none;
	}
}
@media only screen and (min-width: 1200px) {
  .intro-section .inner-wrapper {
    padding: 60px 0;
  }
	.mobile-dropdown{
		display: none;
	}
}
.intro-section .inner-wrapper .introduction {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
@media only screen and (min-width: 1200px) {
  .intro-section .inner-wrapper .introduction {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
	  justify-content: center;
  }
}
.intro-section .inner-wrapper .introduction .column {
  box-sizing: border-box;
}
.intro-section .inner-wrapper .introduction .column.logo-wrapper {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .intro-section .inner-wrapper .introduction .column.logo-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .intro-section .inner-wrapper .introduction .column.logo-wrapper {
    width: 30%;
  }
}
.intro-section .inner-wrapper .introduction .column.logo-wrapper .logo {
  display: flex;
  padding: 20px;
  background-color: #fff;
  width: 270px;
  height: 270px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.intro-section .inner-wrapper .introduction .column.logo-wrapper .logo img {
  max-width: 50%;
}
.intro-section .inner-wrapper .introduction .column.overall-quality-chart {
  text-align: center;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .intro-section .inner-wrapper .introduction .column.overall-quality-chart {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .intro-section .inner-wrapper .introduction .column.overall-quality-chart {
    width: 30%;
  }
}
.intro-section .inner-wrapper .introduction .column.overall-quality-chart .pie {
  margin: auto;
}
.intro-section .inner-wrapper .introduction .column.rating-short-desc {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .intro-section .inner-wrapper .introduction .column.rating-short-desc {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .intro-section .inner-wrapper .introduction .column.rating-short-desc {
    width: 70%;
    margin: 0;
  }
}
.intro-section .inner-wrapper .introduction .column.rating-short-desc .rating-votes-wrapper {
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) {
  .intro-section .inner-wrapper .introduction .column.rating-short-desc .rating-votes-wrapper {
    text-align: left;
  }
}
.intro-section .inner-wrapper .introduction .column.rating-short-desc .rating-votes-wrapper .votes {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}
.intro-section .inner-wrapper .introduction .column.rating-short-desc .rating-votes-wrapper .star-rating i {
  font-size: 26px;
  color: #3b7e01;
}
.intro-section .inner-wrapper .introduction .column.rating-short-desc .short-desc {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  text-align: center;
}
.intro-section .inner-wrapper .introduction .column.rating-short-desc .brand-title {
	text-align: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) {
  .intro-section .inner-wrapper .introduction .column.rating-short-desc {
    text-align: left;
    padding-left: 40px;
  }
	.intro-section .inner-wrapper .introduction .column.rating-short-desc .brand-title{
		text-align: left;
	}
	.intro-section .inner-wrapper .introduction .column.rating-short-desc .brand-title .h1{
	  font-size: 36px;
	}
	.intro-section .inner-wrapper .introduction .column.rating-short-desc .short-desc{
		text-align: left;
	}
	.categories-section .categories-wrapper [role="tablist"] { 
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); 
}
}
.categories-section {
  margin-bottom: 40px;
}
.categories-section .inner-wrapper {
  padding: 10px 0;
}
@media only screen and (min-width: 1200px) {
  .categories-section .inner-wrapper {
    padding: 20px 0;
  }
}
.categories-section .inner-wrapper .title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .products-availability {
  display: block;
  width: 100%;
  text-align: center;
  color: red;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item {
  display: flex;
  flex-direction: column;
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item:not(:first-child) {
  margin-top: 15px;
}
@media only screen and (min-width: 768px) {
  .categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item:not(:first-child) {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 768px) {
  .categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 10px;
  }
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item a {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  flex: 1;
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item a:hover .img-wrapper img {
  height: 110%;
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item a .img-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item a .img-wrapper img {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  height: 100%;
  transition: all 0.35s ease-in-out;
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item a .img-wrapper .post-date {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 6;
  background-color: #000000;
  font-size: 14px;
  color: #FFF;
  padding: 2px 9px;
  border-top-left-radius: 15px;
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item a .content-wrapper {
  padding: 20px;
  background-color: #f8f8f8;
  flex: 1;
}
@media only screen and (min-width: 768px) {
  .categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item a .content-wrapper {
    position: relative;
    padding-bottom: 60px;
  }
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item a .content-wrapper .product-title {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin-bottom: 10px;
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item a .content-wrapper .content {
  font-size: 14px;
  line-height: 20px;
}
.categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item a .content-wrapper .read-more {
  margin-top: 20px;
  font-weight: 500;
  color: #3b7e00;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .categories-section .inner-wrapper .categories-wrapper .tabs .tab-panel .item-list .item a .content-wrapper .read-more {
    position: absolute;
    left: 20px;
    bottom: 20px;
  }
}
.faq-section {
  display: none;
}
.faq-section .inner-wrapper {
  padding: 10px 0;
}
@media only screen and (min-width: 1200px) {
  .faq-section .inner-wrapper {
    padding: 20px 0;
  }
}
.faq-section .inner-wrapper .title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.faq-section .inner-wrapper .accordion {
  margin: 20px auto;
  width: 100%;
}
.faq-section .inner-wrapper .accordion .accordion-item {
  margin-bottom: 10px;
}
.faq-section .inner-wrapper .accordion-header {
  background-color: #3B7E00;
  padding: 10px;
  cursor: pointer;
  font-weight: 400;
  color: #FFF;
}
.faq-section .inner-wrapper .accordion-content {
  padding: 0 10px;
  background-color: #FFF;
  color: #000;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}
.faq-section .inner-wrapper .accordion-content p {
  padding: 10px 0;
}
.bottom-content {
  display: none;
}
.bottom-content .inner-wrapper {
  padding: 0 0 40px;
}
@media only screen and (min-width: 1200px) {
  .bottom-content .inner-wrapper {
    padding: 0 0 60px;
  }
}
.bottom-content .inner-wrapper .title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
}
.bottom-content .inner-wrapper .content {
  font-size: 14px;
  line-height: 18px;
  color: #000;
  text-align: center;
}
.headquarters-section {
  margin-bottom: 40px;
}
.headquarters-section .inner-wrapper {
  padding: 10px 0;
}

.headquarters-section .inner-wrapper .title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.headquarters-section .inner-wrapper .info-hours .info-block{
	margin-top: 20px;
}
.headquarters-section .inner-wrapper .info-row{
	display: flex;
	flex-direction: column;
    justify-content: center;
	align-items: center;
    text-align: center;
}
.headquarters-section .inner-wrapper .info-row .icon{
	width: 40px;
	height: 40px;
	background-color: #5d7665;
	display: flex;
	align-items: center;
    justify-content: center;
	border-radius: 100%;
	margin-bottom: 10px;
}
.headquarters-section .inner-wrapper .icon svg{
	width: 14px;
	height: 14px;
	fill: #fff;
}
.headquarters-section .inner-wrapper .info-block .info-row:not(:first-child) {
	margin-top: 10px;
}
.headquarters-section .inner-wrapper .phone-number {
	margin-top: 10px;
	color: #50C878;
}
.headquarters-section .inner-wrapper .phone-number a{
	text-decoration: underline;
	color: #3b7e01;
}
.headquarters-section .inner-wrapper .email {
	margin-top: 10px;
	color: #50C878;
}
.headquarters-section .inner-wrapper .email a{
	text-decoration: underline;
	color: #3b7e01;
}
.headquarters-section .inner-wrapper .website {
	color: #3B7E00;
}
.headquarters-section .inner-wrapper .website a{
	text-decoration: underline;
	color: #3b7e01;
}
@media only screen and (min-width: 768px) {  
	.headquarters-section .inner-wrapper .info-hours .info-block {
		margin-top: 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding-right: 30px;
	}
	.headquarters-section .inner-wrapper .info-hours{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		background-color: #ececec;
        padding: 30px;
	}
	.headquarters-section .inner-wrapper .info-row{
		flex-direction: row;
		text-align: left;
	}
	.headquarters-section .inner-wrapper .info-row .icon{
		margin-bottom: 0;
		margin-right: 10px;
	} 
}
@media only screen and (min-width: 1200px) {
  .headquarters-section .inner-wrapper {
    padding: 20px 0;
  }
	.headquarters-section .inner-wrapper .info-hours .info-block{
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
	.headquarters-section .inner-wrapper .info-row{
		flex: 0 0 33.33%;
		max-width: 33.33%;
		justify-content: flex-start;
	}
	.headquarters-section .inner-wrapper .info-row:nth-child(2), .headquarters-section .inner-wrapper .info-row:nth-child(3){
		margin-top: 0
	}
}