@charset "utf-8";

@media all and (max-width: 1320px) 

{
.menu-phone ul li {padding: 0 3px;}

.search {margin: 38px 35px 0 15px;}

.f1,
.f3 {width: 450px;} 
	
.p-single-box .overlay-text {font-size: 21px;}		

}

@media all and (max-width: 1250px) 

{

.p-single-box { width: 50%;}
	
	

}

@media all and (max-width: 1170px) 

{
.footer-top {display: block;}

.f1,
.f3 {width: 100%;
     max-width: 650px;
     clear: both;
     margin: 0 auto;}
     
.f2 {display: none;} 

.f-logo-mobile {display: block;
                width: 118px;
                margin: 15px auto;} 
                
.f-logo-mobile img {width: 100%;} 
	


}

@media all and (max-width: 1050px) 

{
	
.logo {padding: 13px 0 0 25px;}	
	
.menu-phone ul li > ul { position: relative;
	                    margin: 0;}	

.logo img { width: 52px;}

.logo .s-logo {font-size: 16px;
               line-height: 16px;
               padding: 17px 0 0 6px;}
               
.header-container {height: 70px;}               

.menu-button {display: block;}

.menu-phone {clear: both;
             background: #fff;
             overflow: hidden;
             z-index: 10;
             float: none;
             width: 100%;
             position: relative;
             display: none;}
             
.menu-phone ul {float: none;
                 width: 100%;
                 text-align: center;}             
             
.menu-phone ul li {display: block;
                    margin: 10px 0 ;}
                    
.menu-phone ul li a {padding: 14px 0 8px 0;
                       border: none;} 
                               
.menu-phone ul li a:hover {border: none;}   
	
.menu-phone ul li.current-menu-item a { border: none;}	

.search { float: none;
           text-align: center;
          margin: 15px auto 20px auto;}
                   
.ngl-kategorie {display: block;
                background: #A7BAB6;
                color: #fff;
                text-transform: uppercase;
                padding: 10px 0;}
                
.kat-container {display: none;}                  
                
.kat-container ul li {display: block;
                       padding: 15px 0;} 
	
.biosennie-container { display:block;}
                      
.homebox {width: 100%;}                      

.box-left {display: none;}

.box-right-inside {float: none;
                   width: 100%;
                   max-width: 100%;
                   padding: 0 25px 30px 25px;}	
 
.box-right-inside p {margin-top: 0;}
	
.biosennie-img {display: block;
	            width: 100%;}	
	
.biosennie-img img {width: 100%;}	
	
.hblog h1 {padding-top: 25px;}	

}

@media all and (max-width: 950px) 

{

.blog-single-box {width: 50%;}
	
.blog-single-box:nth-child(3n+1) {clear: none;}	
	
.blog-single-box:nth-child(2n+1) {clear: both;}	

}

@media all and (max-width: 850px) 

{
	
.column-count {column-count: 1;
               column-gap: 0;}	
	
}

@media all and (max-width: 650px) 

{

.p-single-box,
.blog-single-box { width: 100%;}
	
.crellyslider > .cs-slides > .cs-slide > * { font-size: 20px !important;}

.crellyslider > .cs-slides > .cs-slide > * p { font-size: 20px!important;
                                               line-height: 22px!important;}

.crellyslider > .cs-slides > .cs-slide > * a { font-size: 15px !important;}	

}