@media (min-width:575px) and (max-width:1920px){
	.banner-slider .slider-nav .slick-slide {
		width: 100% !important;
	}
}

@media (max-width: 1600px) {
    .hero .hero-right {
        padding-left: 50px;
    }
    .brand-sec-3 .brand-list ul li a img{
        width: 110px;
    }
    .hero .hero-right ul li{
        display: block;
        align-items: center;
    }
    .brand-sec .slick-prev {
        left: -50px;
    }
    .brand-sec-2 .slick-prev{
        left: -65px;
    }
    header {
        padding-left: 1vw;
        padding-top: 35px;
    }
    .hero {
        padding-top: 150px;
        padding-bottom: 200px;
        padding-left: 20px;
    }
    .star span {
        font-size: 15px;
    }
    .hero .hero-right ul li sup {
	    top: -0.7em;
    }
    

}
@media (max-width: 1450px) {
    .hero .hero-right h1{
        font-size: 70px;
        line-height: 90px;
    }
    .hero .hero-right h2{
        font-size: 42px;
        line-height: 60px;
    }
    .hero .hero-right h1 {
        font-size: 65px;
        line-height: 80px;
    }
    .hero .hero-right {
        padding-left: 4px;
    }

    .fragen {
        padding-top: 50px;
    }
    .kunden .kunden-inner p{
        font-size: 24px;
        max-width: 619px;
    }
    .kunden .kunden-inner p:after{
        left: -220px;
    }
    .brand-sec-2 .nav-pills {
        max-width: 745px;
    }
    h3{
        font-size: 42px;
        line-height: 54px;
    }
    .brand-sec-2 .slider-inner{
        margin-top: 20px;
    }
    .brand-sec-2{
        padding: 50px 0;
    }
}
@media (max-width: 1300px) {
    .brand-sec .slick-next {
        right: -55px;
    }
    .brand-sec .slick-prev {
        left: -74px;
    }
    .hero .hero-right h1 {
        font-size: 58px;
        line-height: 65px;
    }
    .hero .hero-right h2 {
        font-size: 38px;
        line-height: 55px;
    }
    
    .hero .meditonsin-images img {
        border: 2px solid #fff;
    }
    .thumbImg {
        margin-right: 5px;
        margin-top: 0px;
    }
    .fragen .fragen-top p{
        margin-bottom: 30px;
    }
    .brand-sec-2 h4{
        font-size: 21px;
        line-height: 25px;
    }
    
    .hero .hero-right h1 {
        font-size: 48px;
        line-height: 60px;
    }
    .hero .hero-right h2 {
        font-size: 34px;
        line-height: 52px;
    }
    .main-wrapper{
        overflow: hidden;
    }
    .brand-sec .slick-slide {
        margin-right: 30px;
    }
    .medice .image-holder img {
        max-width: 400px;
    }
    .brand-sec-2 .slick-prev {
        left: -40px;
    }
    .brand-sec-2 .slick-next {
        right: -85px;
    }
    .star span {
        font-size: 10px;
    }
}
@media (max-width: 1199px) {
    .hero .hero-right h1 {
        font-size: 37px;
        line-height: 27px;
    }
    .hero .hero-right h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .hero{
        padding: 60px 0;
    }
    .hero .hero-right ul li {
        margin-top: 10px;
    }
    .hero-btn .btn{
        margin-top: 25px;
    }
    .hero .hero-right ul li img {
        margin-right: 10px;
    }
    .brand-sec .brand-slider{
        padding: 17px;
    }
    .brand-sec .slick-slide {
        margin-right: 10px;
    }
    .brand-sec .slick-prev {
        left: -57px;
        z-index: 2;
    }
    
    .fragen .fragen-top p {
        margin-bottom: 15px;
    }
    .hero-btn .btn {
        padding: 10px 15px;
        font-size: 16px;
    }
    .fragen{
        padding: 50px;
    }
    h3 {
        font-size: 38px;
        line-height: 52px;
    }
    .brand-sec-2 .nav-pills {
        max-width: 721px;
    }
   
    .kunden .kunden-inner p {
        font-size: 18px;
        max-width: 485px;
    }
    .kunden .kunden-inner p:before{
        background-size: 80% 72%;
    }
    .kunden .kunden-inner p:after {
        left: -158px;
    }
    .kunden .kunden-inner p:after{
        background-size: 60% 60%;
    }
    .brand-sec-3 .brand-list ul li a img{
        width: 70px;
    }
    .medice .image-holder img{
        max-width: 350px;
    }
    .brand-sec-2 .slick-next{
        background-size: 25% !important;
        right: -100px !important;
    }
    .brand-sec-2 .slick-prev {
        background-size: 25% !important;
        left: -34px !important;
    }
    .brand-sec-2 .tab-content{
        padding: 0 10px;
    }
    .brand-sec-2 .nav-pills {
        max-width: 680px;
    }
    .brand-sec .brand-slider{
        padding: 9px;
    }
    .brand-sec .slider{
        padding: 0 20px;
    }
    .hero .hero-wrapper{
        margin-top: 30px;
    }
}
@media (max-width: 991px) {
    h3 {
        font-size: 35px;
        line-height: 52px;
    }
    .brand-sec.footer ul {
      flex-wrap: wrap;
      margin-bottom: -25px;
      text-align: center;
   }
    .brand-sec.footer ul li {
        width: 50%;
        margin-bottom: 25px;
    }
    .brand-sec-2 .nav-pills {
        max-width: 669px;
    }
    .kunden .kunden-inner p:after {
        background-size: 40% 40%;
        left: -90px;
    }
    .kunden .kunden-inner p:before {
        background-size: 40% 40%;
        bottom: -160px;
    }
    .hero .banner-slider{
        margin-bottom: 30px;
    }
    .brand-sec .slick-prev{
        background-size: 75%;
        left: -59px;
    }
    .brand-sec .slick-next{
        background-size: 75%;
        right: -74px;
    }
    .brand-sec .brand-slider p{
        font-size: 16px;
        line-height: 28px;
    }
    .brand img.brand {
        max-width: 180px;
        width: 100%;
    }
   
    .brand-sec-3 .brand-list ul li{
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .brand-sec-3 .brand-list ul li:last-child{
        margin-right: 0;
        margin-bottom: 0;
    }
    .brand-sec-3 .brand-list ul{
        justify-content: center;
        flex-wrap: wrap;
    }
    .brand-sec-3 .brand-list ul li a img{
        width: 110px;
    }
    .brand-sec-3 .brand-list{
        padding-bottom: 20px;
    }
    footer .footer-list ul li{
        margin-right: 30px;
    }
    .kunden .slick-prev{
        left: 40%;
    }
    .brand-sec-2 .nav-pills {
        max-width: 631px;
    }
    
}
@media only screen and (min-width: 767px) {
   .banner-slider .slider-nav .slick-slide {
      width: 100% !important;
   }
}

@media (max-width: 767px) {
   
    .hero .hero-right h1 {
        font-size: 38px;
        line-height: 50px;
    }
    .hero-btn .btn {
        padding: 15px 10px;
    }
    .hero {
        background-position: right;
        padding: 1px 0 120px;
    }
    .hero .image-holder{
        text-align: center;
        margin-top: 30px;
    }
    .brand-sec .slick-next{
        right: -69px;
    }
    .brand-sec .slick-prev{
        left: -53px;
    }
    
    h3 {
        font-size: 26px;
        line-height: 40px;
    }
    .kunden-slider {
        margin-top: 20px;
    }
    .kunden .kunden-inner p:before{
        background-size: 30% 30%;
    }
    .kunden .kunden-inner p:after {
        background-size: 30% 30%;
        left: 0px;
    }
    .kunden{
        padding: 50px 0;
    }
    .medice{
        margin-top: 0;
        margin-bottom: 15px;
    }
    .brand-sec-3{
        padding: 0 70px;
    }
    footer .footer-list ul li{
        margin-right: 14px;
    }
    footer .copyright{
        padding-top: 20px;
    }
    footer{
        padding: 50px 0;
    }
    footer .footer-list ul li a{
        font-size: 14px;
    }
    .kunden .slick-prev, .kunden .slick-next{
        left: 55%;
        bottom: -34px;
    }
    .kunden .slick-prev {
        left: 40%;
    }
    .brand-sec-2 .nav-pills {
        max-width: 485px;
    }
    .fragen .fragen-right{
        margin-top: 20px;
    }
    .slider-for .slick-slide img {
	    height: auto;
    }
    header {
	    position: static;
	    transform: none;
    }
    .brand-sec-3 .brand-list ul li a img {
	    width: 180px;
    }
    header {
       padding: 0;
       background: #FFE2BA;
    }
}
@media (max-width: 575px) {
   
   #two .col-md-2 {
      max-width: 100% ;
      flex: auto !important;
      width: 100% !important;
      margin-top: 0 !important;
   }
    header{
        padding-top: 10px;
    }
    .brand-sec.footer ul li {
      width: 100%;
   }
    .hero .hero-right h1 {
        font-size: 35px;
        line-height: 35px;
		  margin-bottom: 10px;
    }
    .hero .hero-right h2 {
        font-size: 28px;
        line-height: 35px;
    }
    .hero .hero-right ul {
    	margin: 30px 0 0 33px;
    }
    .hero .hero-wrapper{
        margin-top: 0;
    }
    #jetzt-kaufen a {
       width: 170px;
    }
    .hero .hero-right ul li img{
        max-width: 20px;
        width: 100%;
    }
    .image-holder .bottle{
        max-width: 150px;
        width: 100%;
    }
    .brand-sec .slick-next {
        right: -45px;
    }
    .brand-sec .slick-prev {
        left: -18px;
    }
    .brand-sec .slick-slide {
        margin-right: 0;
    }
    img.med-brand{
        height: auto;
    }
    .fragen{
        padding: 0;
    }
    .accordion-button{
        line-height: 20px;
    }
    .kunden h3{
        font-size: 26px;
    }
    .brand-sec-2 h3{
        font-size: 16px;
    }
    .brand-sec-2 .nav-pills{
        margin-bottom: 50px !important;
    }
    .brand-sec-2 {
        padding: 20px 0;
    }
    .brand-sec-2 .slick-next {
        right: -58px;
    }
    .brand-sec-2 .slick-prev {
        left: -36px;
    }
    .medice .image-holder img{
        max-width: 280px;
    }
    .brand-sec-3{
     padding: 0 40px;   
    }
    footer .footer-list ul{
        flex-wrap: wrap;
    }
    .kunden .slick-prev, .kunden .slick-next{
        left: 60%;
    }
    .kunden .slick-prev {
        left: 40%;
    }
    .brand-sec-2 .nav-pills {
        max-width: 322px;
    }
    .brand-sec-2 .slick-next {
        right: -40px !important;
    }
    .brand-sec-2 .slick-prev{
        left: -10px !important;
    }
    .fragen .fragen-right{
        margin-top: 20px;;
    }
    .thumbnail-image.first img {
	    height: 64px;
    }
   	.banner-slider .slider-nav .slick-track,
	.banner-slider {
		display: block;
	}
	.banner-slider .slider {
		width: 100%;
	}
	.banner-slider .slider-nav .thumbImg {
		margin-bottom: 0;
		margin-right: 10px;
	}
	.hero {
	    background-position: right;
	    padding: 20px 0 170px;
	}
	.brand-slider.just-one {
		width: 100%;
	}
	#buy.brand-sec .slick-next {
    	right: -23px;
	}
	#buy.brand-sec .slick-prev {
    	left: -12px;
    	display: block !important; 
	}

}
@media (max-width: 374px) {
    .brand img.brand {
        max-width: 160px;
    }
    .kunden h3 {
        font-size: 18px;
    }
    .hero .hero-right h2 {
        font-size: 26px;
        line-height: 45px;
    }
    .hero .hero-right h1 {
        font-size: 32px;
        line-height: 40px;
    }
    .brand-sec .slick-prev, .brand-sec .slick-next{
        background-size: 60%;
    }
    .brand-sec .slick-prev {
        left: -10px;
    }
    .kunden .kunden-inner p:before{
        bottom: -190px;
    }
    .brand-sec-2 h3 {
        font-size: 12px;
    }
    .brand-sec-2 .slick-prev {
        left: -27px;
    }
    .brand-sec-3{
        padding: 0 15px;
    }
    .kunden .slick-prev, .kunden .slick-next{
        left: 65%;
    }
    .kunden .slick-prev {
        left: 40%;
    }
    .fragen .fragen-right{
        margin-top: -50px;
    }
    .brand-sec-2 .nav-pills {
        max-width: 273px;
    }
}