/* YUKARISI sm */
@media (min-width: 576px) {}
/* YUKARISI md */
@media (min-width: 768px) {}
/* YUKARISI lg *** ONEMLI */
@media (min-width: 992px) {
  .navbar-ana {
    border: 1px solid #EEE;
    border-top: 0;
  }
}
/* YUKARISI xl */
@media (min-width: 1200px) {}
/* YUKARISI xxl */
@media (min-width: 1400px) {}
/* ASAGISI xxl */
@media (max-width: 1399px) {
	 .hero {
    background-image: url('uploads/vitafenix/images/hero.jpg') !important;
    background-position: left center !important;
    background-repeat: repeat-x !important;
    background-size: cover !important;
  }
  .hero-1 {
    margin: 16px;
  }
  .hero-1 .hero {
    height: calc(100vh - 200px);
  }
  .hero-1 .hero-body {
    padding-top: 0px;
  }
  .hero-1 .hero-text-1 {
    font-size: 52px;
    line-height: 58px;
    font-weight: 500;
    text-align: center;
  }
  .hero-1 .hero-text-2 {
    font-size: 52px;
    line-height: 52px;
    font-weight: 500;
    text-align: center;
  }
  .hero-1 .hero-text-3 {
    font-size: 44px;
    line-height: 52px;
    font-style: italic;
    text-align: center;
  }
  .buton-hero {
    padding: 12px 24px 12px 24px;
    border-radius: 24px;
  }
}
/* ASAGISI xl */
@media (max-width: 1199px) {
  .services-4 .services-4-1 .body, .services-4 .services-4-2 .body, .services-5 .services-4-1 .body {
    padding-left: 32px;
  }
  
  .hero {
    background-image: url('uploads/vitafenix/images/hero-tablet.jpg') !important;
    background-position: left center !important;
    background-repeat: repeat-x !important;
    background-size: cover !important;
  }
  .hero-1 {
    margin: 16px;
  }
  .hero-1 .hero {
    height: calc(100vh - 200px);
  }
  .hero-1 .hero-body {
    padding-top: 0px;
  }
  .hero-1 .hero-text-1 {
    font-size: 52px;
    line-height: 58px;
    font-weight: 500;
    text-align: center;
  }
  .hero-1 .hero-text-2 {
    font-size: 52px;
    line-height: 52px;
    font-weight: 500;
    text-align: center;
  }
  .hero-1 .hero-text-3 {
    font-size: 44px;
    line-height: 52px;
    font-style: italic;
    text-align: center;
  }
  .buton-hero {
    padding: 12px 24px 12px 24px;
    border-radius: 24px;
  }
}
/* ASAGISI lg *** ONEMLI */
@media (max-width: 991px) {
  .size-7 {
    font-size: 26px;
    line-height: 32px;
  }
  
  .hero {
    background-image: url('uploads/vitafenix/images/hero-tablet.jpg') !important;
    background-position: top center !important;
    background-repeat: repeat-x !important;
    background-size: cover !important;
  }
  .hero-1 {
    margin: 16px;
  }
  .hero-1 .hero {
    height: calc(100vh - 20px);
  }
  .hero-1 .hero-body {
    padding-top: 54px;
  }
  .hero-1 .hero-text-1 {
    font-size: 52px;
    line-height: 58px;
    font-weight: 500;
    text-align: center;
  }
  .hero-1 .hero-text-2 {
    font-size: 52px;
    line-height: 52px;
    font-weight: 500;
    text-align: center;
  }
  .hero-1 .hero-text-3 {
    font-size: 44px;
    line-height: 52px;
    font-style: italic;
    text-align: center;
  }
  .buton-hero {
    padding: 12px 24px 12px 24px;
    border-radius: 24px;
  }
  
  h2.size-8{
  	font-size:42px;
  }
  .services-4 {
    background-color: #FFF;
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .services-4 .services-4-2 {
    padding-top: 64px;
  }
  .services-5 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .services-6 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .services-4 .services-4-1 .body, .services-4 .services-4-2 .body,.services-4 .services-4-3 .body, .services-5 .services-4-1 .body {
    padding-left: 0;
    padding-top: 32px;
  }
  
  .services-7 .image a{
  	position: relative;
  }
  .services-7 .services-7-1 .text {
    width: 50%;
    float: left;
    padding-right: 16px;
  }
  .services-7 .services-7-1 .image {
    width: 50%;
	float: left;
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .market-links a{
  	margin-right:0px;
  }
  .market-links a img{
  	height:28px;
  }
  
  .title.size-4{
  	font-size: 28px;
    line-height: 32px;
	font-weight:500;
  }
  .products-2 .link-cat {}
  .ingredients .body {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 32px;
  }
  .bilgi-gorsel {
    padding-bottom: 32px;
  }
  
  .animation-item .size-1{
  	font-size:17px;
	font-weight:600;
  }
  
  .animation-item .size-2{
  	    font-size: 14px;
    line-height: 24px;
  }
  
  .animation-item.active {
    transform: scale(1);
  }
  #animation-scrolling {
    top: calc(50% - 50vw);
  }
  .feature-item {
    display: flex;
    margin-bottom: 32px;
    align-items: center;
  }
  .feature-item img {
    margin-right: 16px;
    height: fit-content;
    margin-bottom: 0;
  }
  .article .etiket {
    display: inline-block;
    margin-bottom: 16px;
    padding: 4px 16px !important;
    margin-right: 16px !important;
  }
  
  .blog-sticky {
    top: 48px !important;
    height: 83px !important;
}

  
  .blog-mobile-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    background: var(--alti);
    height: 8px;
    transition: .6s linear;
  }
  #header-wrap2 {
    background: #fff !important;
  }
  #header-progress2 {
    padding: 0px;
    box-sizing: border-box;
    background-color: var(--bir);
    height: 8px;
    width: 0%;
    overflow: hidden;
    top: -10px;
    transition: width 333ms linear;
  }
  .blog-inner-box {
    padding-top: 32px;
  }
  .products-2 .hover-text, .related-articles .hover-text {
    display: none;
  }
  .services-7-1 {
    height: auto;
  }
  .review-item .owner {
    display: flex;
    align-items: center;
    margin-bottom: 16px !important;
  }
  .review-item .owner img {
    margin-bottom: 0px;
    margin-right: 16px;
  }
  
  	.field-label {
		font-size: 22px;
		display: block;
		width: 100%;
	}
	.field-value{
	    display:block;
	    width:100%;
	}
  .fancybox__content{
  	max-width: calc(100vw - 30px) !important;
	box-sizing: border-box;
	    align-items: center;
		    padding: 15px;
  
  }
  
  
  .slider-2 .navigation-wrapper {
  	justify-content: center;
	position:relative !important;
	top:unset !important;
	width: 100%;
}




.slayt-reviews-slider .review-item {
     flex-direction: column;
}
.slayt-reviews-slider .review-item  a.video{
  order:2;
  width:100%;
}
.slayt-reviews-slider .review-item .review-inner{
	order:1;
  width:100%;
  margin-bottom:16px;
}



  .footer-3 .row-1 .text {
    width: 100%;
    text-align: center;
  }
  .footer-3 .row-1 .text {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
  }
  .footer-3 .row-1 .social i {
    margin: 0 auto;
    margin-right: 46px;
  }
  .footer-3 .row-1 .social {
    display: flex;
  }
}
/* ASAGISI md */
@media (max-width: 768px) {
	.hero {
    background-image: url('uploads/vitafenix/images/hero-mobil.jpg') !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
  .hero-1 {
    margin: 16px;
  }
  .hero-1 .hero {
    height: calc(100vh - 120px);
  }
  .hero-1 .hero-body {
    padding-top: 165px;
  }
  .hero-1 .hero-text-1 {
    font-size: 52px;
    line-height: 58px;
    font-weight: 500;
    text-align: center;
  }
  .hero-1 .hero-text-2 {
    font-size: 52px;
    line-height: 52px;
    font-weight: 500;
    text-align: center;
  }
  .hero-1 .hero-text-3 {
    font-size: 44px;
    line-height: 52px;
    font-style: italic;
    text-align: center;
  }
  .buton-hero {
    padding: 12px 24px 12px 24px;
    border-radius: 24px;
  }
  #popup-contact{
  	right:10px;
  }
  	.popup-contact-form{
		width: calc(100vw - 52px);
	}
}
/* ASAGISI sm */
@media (max-width: 576px) {
	.hero {
    background-image: url('uploads/vitafenix/images/hero-mobil.jpg') !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
  .hero-1 {
    margin: 16px;
  }
  .hero-1 .hero {
    height: calc(100vh - 220px);
  }
  .hero-1 .hero-body {
    padding-top: 35px;
  }
  .hero-1 .hero-text-1 {
    font-size: 42px;
    line-height: 48px;
    font-weight: 500;
    text-align: center;
  }
  .hero-1 .hero-text-2 {
    font-size: 42px;
    line-height: 42px;
    font-weight: 500;
    text-align: center;
  }
  .hero-1 .hero-text-3 {
    font-size: 34px;
    line-height: 42px;
    font-style: italic;
    text-align: center;
  }
  .buton-hero {
    padding: 12px 24px 12px 24px;
    border-radius: 24px;
  }
  .slider-2-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    }
}

@media (max-width: 494px) {
	.slider-2 .slider-title,.size-10{
		font-size:17px;
		display:block;
	}
}

@media (max-width: 365px) {
	.blog-sticky{
		font-size:13px;
	}
}