
/*FOR-TABLATE-START*/
@media screen and (min-width: 768px) and (max-width: 991px) {

/*=laptop=*/
}

/*FOR-MOBIL-START*/
@media screen and (max-width: 767px) {


.hero-main {
	grid-template-columns: 100%;
	row-gap: 10px;
}

.carousel-nav {
  display: none;
}

.carousel-main .carousel-cell {
  height: 330px;

}

.option {
	padding: 14px 25px 12px 9px;
	grid-template-columns: 76% auto;
}

.option .title {
	font-size: 14px;
}

.option .save-text {
	font-size: 14px;
}

.badge {
	font-size: 12px;
}

.option .price  {
	font-size: 14px;
}

.option .old-price {
  font-size: 12px;
}

.top-price .current {
	font-size: 18px;
}

.top-price .old {
	font-size: 18px;
}

.top-price .save {
	font-size: 14px;
}

.refill h5 {
	font-size: 13px;
}

.refill p {
	font-size: 10px;
}


.refill {
	grid-template-columns: 7% auto;
}

.refill-date ul li {
	font-size: 14px;
}

.add-to-cart {
	font-size: 15px;
}

.hero-right-cnt h2 {
	font-size: 25px;
}

.hero-right-cnt p {
	font-size: 15px;
	margin-top: 10px;
}

.hero-middle-list ul li {
	font-size: 14px;
}

.hero-middle-list {
  background: none;
  border-radius: 0;
  padding: 0;
  margin-bottom: 35px;
  margin-top: 25px;
}

.hero-middle-list ul {
  display: grid;
  grid-template-columns: repeat(2,1fr);

}

.hero-right-cnt h4 {
	font-size: 15px;
}

.hero-top-list {
  max-width: initial;
  border-radius: 0;
  background: none;
  margin-bottom: 15px;
  margin-top: 10px;
}

.hero-top-list a {
	padding: 0;
}

.hero-video-title h4 {
	font-size: 22px;
}

.ac-trigger {
	font-size: 14px;
}

.ac-panel .ac-panel-cnt p {
	font-size: 14px;
}

.ac-panel-cnt ul li {
	font-size: 14px;
}

.ac-panel .ac-panel-cnt {
  padding: 0px 15px 17px;

}

.hero-video-wrap {
	display: none;
}

.accordion-main-wrap {
	display: none;
}

.accordion-main-wrap2 {
	display: block;
	margin-top: 20px;
}

.hero-video-wrap2 {
	display: block;
	padding-left: 15px;
}

.video-player {
	border-radius: 0;
}

.hero-area {
  padding: 20px 0 40px 0;
}

.patner-hero-wrap50 {
	padding: 33px 15px 30px;
	margin-top: 30px;
}

.patner-item h4 {
	font-size: 9px;
}

.patner-item {
	padding: 6px 4px 4px;
}

.patner-item img {
  max-width: 28px;
}

.patner-list-wrap ul li {
	font-size: 14px;
}

.patner-list-wrap {
	column-gap: 30px;
}

.parner-hero-main h2 {
	font-size: 24px;
}

.patner-hero-wrap50-m {
	display: block;
}

.patner-hero-wrap500 {
  display: none;
 }

 .energy-main {
 	grid-template-columns: 100%;
 }

 .energy-item-wrap {
 	grid-template-columns: 100%;
 }

 .energ-cnt {
 	border-bottom: 1px solid #5C8C7F !important;
 	padding: 20px 0;
 }

  .energ-cnt:last-child {
  	border-bottom: 0 !important;
  }

 .energy-item-wrap1 {
  padding-bottom: 0;
  border-bottom: 0;
}

.energy-item-wrap2 {
  padding-top: 0;
}

.energy-right-inner20 {
	display: none;
}

.energy-right-inner10 {
	display: block;
}

.container-real {
	padding: 0;
	padding-left: 20px;
}

.responsive-real {
	display: flex;
	flex-direction: column;
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.real-title {
	margin-top: 40px;
}

.real-area {
	padding: 0 0 45px 0;
}

.headline-container2 {
  	margin-top: 0;
}

.swiper2 {
  padding-top: 30px;
}

.day-main {
	grid-template-columns: 100%;
	row-gap: 50px;
}

.container-day {
	padding: 0;
}

.day-right img {
	width: 100%;
	margin: 0;
}

.day-title {
	padding: 0 15px;
}

.day-left {
	padding: 0 15px;
}

.day-cnt-wrap h3 {
	font-size: 16px;
}

.day-cnt-wrap img {
  	max-width: 35px;
}

.day-cnt-wrap {
	max-width: 300px;
	margin: auto;
}

.day-title h2 {
	font-size: 26px;
}

.day-title p {
	font-size: 16px;
}

.science-mobil-btn {
	display: block;
}

.science-main {
	grid-template-columns: 100%;
}

.front-cnt h3 {
	font-size: 18px;
}

.front-cnt p {
	font-size: 14px;
	margin-top: 5px;
}

.front img {
	width: 87px;
	height: 83px;
}

.back p {
	font-size: 14px;
}

.back {
	padding: 0 10px;
}

.card {
  grid-template-columns: 83% auto;
  height: 90px;
}

.right-box {
	width: 25px;
	height: 25px;
	font-size: 15px;
}

.front {
  grid-template-columns: 32% auto;
}

.science-title h2 {
	font-size: 26px;
	max-width: 308px;
	margin: auto;
}

.science-title p {
	font-size: 14px;
	margin-top: 10px;
}

.science-title p br {
	display: none;
}

.timeline-main {
	grid-template-columns: 100%;
	row-gap: 30px;
}

.timeline-left {
  position: initial;
}

.timeline-btn20 {
	display: block;
	margin-top: 40px;
}

.rb-container ul li h5 {
	font-size: 14px;
	padding: 9px 27px;
}

.rb-item h6 {
	font-size: 14px;
	margin-top: 10px;
}

.rb-container ul li {
  padding: 0 0 30px 22px;
}

.timeline-left-cnt h2,
.timeline-left-cnt h3 {
	font-size: 26px;
}

.timeline-left-cnt p {
	font-size: 14px;
}

.timeline-area {
	padding: 0 0 40px 0;
}

.timeline-left-cnt {
	margin-top: 30px;
}

.time-m-img {
	display: block;
}

.time-m-img img {
	width: 100%;
}

.timeline-img {
	display: none;
}

.timeline-left-cnt a {
  font-size: 16px;
  padding: 12px 32px;
}

.real-title h2 {
	font-size: 26px;
}

.real-title p {
	font-size: 14px;
}

.reason-container {
	padding: 0;
}

.reason-title {
	padding: 0 15px;
}

.real-slider20 {
	padding-left: 20px;
}

.reason-title2 {
	padding: 0 15px;
	text-align: center;
}

.reason-title2 h3 {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 500;
	font-size: 26px;
	color: #000;
}

.reason-title2 h3 span {
	color: #009370;
	text-align: center;
}

.reason-title {
	display: none;
}

.reason-title2 {
  display: block;
}

.reason-title2 p {
	font-size: 14px;
	color: #000000;
	margin-top: 8px;
}

.reason-cnt span {
	font-size: 12px;
}

.reason-cnt {
	padding: 25px 20px;
}

.reason-cnt p {
	font-size: 14px;
}

.reason-item {
	border: 1px solid rgba(0, 0, 0, 0.3);
}

.brands-main {
	grid-template-columns: 100%;
}

.brand-res-img {
	display: none;
}

.brand-resilia h2 {
	display: none;
}

.brand-res-mobil {
	text-align: center;
	display: block;
}

.brand-res-mobil h2 {
	font-weight: 400;
	font-size: 25px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.brand-res-mobil img {
	max-width: 86px;
} 

.other-m-img {
	text-align: center;
}

.other-brand {
	margin-top: 15px;
}

.other-brand-wrap h3 {
	font-size: 17px;
}

.brand-res-item h3 {
	font-size: 14px;
}

.other-brand h4 {
	font-size: 14px;
}

.brands-left {
	align-items: start;
}

.brand-res-item {
	padding: 12px 39px;
}

.other-bradn-item {
	padding: 15px 30px;
}

.other-brand-wrap {
	margin-top: 24px;
}

.brands-right ul {
	display: none;
}

.brands-right h2 {
	display: none;
}

.all-btn-design2 a {
	font-size: 16px;
}

.all-btn-design2 {
  margin-top: 37px;
}

.brand-mobil-title h2 {
	font-family: "Tenor Sans", sans-serif;
	font-weight: 500;
	font-size: 26px;
	color: #ffffff;
}

.brand-mobil-title {
	display: block;
}

.brand-mobil-title h2 {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 500;
	font-size: 26px;
	color: #fff;
	text-align: center;
	margin-bottom: 45px;
}

.brand-mobil-title h2 span {
	color: #FFF7D4;
}

.brand-res-mobil {
  display: block;
} 

.other-m-img {
  display: block;
}

.brands-area {
	padding: 40px 0;
}

.brands-left {
  grid-template-columns: 52% auto;
}

.trial-main {
	grid-template-columns: 100%;
	row-gap: 20px;
}

.day-m-btn {
	max-width: 275px;
	margin: auto;
	margin-top: 20px;
	display: block;
}

.day-m-btn a {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	background: #009370;
	display: block;
	border-radius: 5px;
	padding:  10px 5px;
	transition: 0.2s all ease;
}

.day-m-btn a:hover {
	background: transparent;
  	box-shadow: 0 0 0 2px #009370 inset;
  	color: #009370;
}

.people-title h2 {
	font-size: 28px;
}

.people-title p {
	font-size: 14px;
}

 .option5 {
    padding: 14px 25px 12px 9px;
    grid-template-columns: 76% auto;
  }

 .option-wrap-img5 {
  display: grid;
  grid-template-columns: 20% auto;
  align-items: center;
  column-gap: 50px;
}

.option5 .title5 {
    font-size: 14px;
 }

 .option5 .save-text5 {
    font-size: 14px;
 }

 .option5 .price5 {
 	font-size: 14px;
 }

 .old-price5 {
 	font-size: 14px;
 } 

 .badge5 {
 	font-size: 12px;
 }

.refill5 {
	grid-template-columns: 5% auto;
}

.refill5 p {
	font-size: 11px;
}

.stock-title h2 {
	font-size: 26px;
}

.stock-title p {
	font-size: 14px;
}

.stock-area {
	padding: 40px 0;
} 

.felt-title h2 {
	font-size: 26px;
	max-width: 245px;
	margin: auto;
	margin-top: 15px;
}

.reviwes-btn20 {
	text-align: center;
	display: block;
}

.reviwes-btn20 a {
	font-weight: 400;
	font-size: 16px;
	color: #000;
	text-decoration: underline;
	margin-top: 20px;
	display: inline-block;
}

.thumb-banner1 ul li {
	font-size: 14px;

}

.thumb-banner1 {
	width: 145px;
}

.thumb-banner1 {
  top: 10px;
  left: 10px;
}

.play-overlay img {
	max-width: 20px;
}

.felt-mobil-area {
  display: block;
} 

.felt-main50 {
	display: none;
}










/*=phone=*/
}




		
		         
