/* ----------------------------------------------------------------------------------------------
    1200px Resolution
---------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1500px){
	.main-header { 
	height: 300px;
}

}

/* ----------------------------------------------------------------------------------------------
    1024px Resolution
---------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px){
	.main-header { 
	height: 255px;
}
    

}

/* ----------------------------------------------------------------------------------------------
    992px Resolution
---------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 992px){

	/* *********************************************************
		Main Menu Styles 
	********************************************************* */
	
	.cllogo-container{text-align: center;}
	
	.cl-main-nav-container .cl-main-nav li a{ padding: 35px 8px; }
	
	.cl-main-nav-container .cl-main-nav { text-align: center; }
	.cl-main-nav-container .cl-main-nav li a:after{top:35px;;  }

	
	
	
	.cl-portfolio-item { height: 360px; }

	.cl-portfolio-item  .cl-portfolio-overlay { bottom: -100%; padding-top:10px;}

	.cl-portfolio-item:hover > .cl-portfolio-overlay { bottom: 0%;
	font-size:12px; line-height:17px; }
	
	.cl-portfolio-item .cl-portfolio-overlay { height: 100%; }

	.cl-portfolio-item2 {  }

	.cl-portfolio-item2  .cl-portfolio-overlay { bottom: -100%; }

	.cl-portfolio-item2:hover > .cl-portfolio-overlay { bottom: 0%; }
	
	.cl-portfolio-item2 .cl-portfolio-overlay { height: 100%; }

	.cl-portfolio-item  .cl-portfolio-overlay2 { bottom: -100%;  padding-top:10px;
	font-size:12px; line-height:17px; }

	.cl-portfolio-item:hover > .cl-portfolio-overlay2 { bottom: 0%; }
	
	.cl-portfolio-item .cl-portfolio-overlay2 { height: 100%; }

	.cl-portfolio-item  .cl-portfolio-overlay3 { bottom: -100%;  padding-top:10px;
	font-size:12px; line-height:17px; }

	.cl-portfolio-item:hover > .cl-portfolio-overlay3 { bottom: 0%; }
	
	.cl-portfolio-item .cl-portfolio-overlay3 { height: 100%; }

	.cl-blog-article .blog-thumb { height: 107px; }
	
	.filters .filter { padding: 15px 20px; }
	
	.cl-blog-article .blog-thumb { height: 140px; }

	.smartphone-mittel {display:none;}
	.col-sm-4 {width:48%;}

}/* End of 992 Px */

/* ----------------------------------------------------------------------------------------------
    768px Resolution
---------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px){


#mobile-holder{	display: block; }

div.sticky-wrapper { height: 120px !important;}

.cl-main-nav-container .cl-main-nav li {
	list-style: none;
	display: block;
	text-align: center;
	border-bottom: 1px solid rgb(236, 236, 236);
}

.cl-main-nav-container .cl-main-nav li a { padding: 16px 8px; }

.cl-main-nav-container .cl-main-nav li a:after{ content: '';  }

.filters{ padding: 0; } 

.cl-portfolio-item .cl-portfolio-overlay { height: 100%; bottom: -100%; }
.cl-portfolio-item:hover > .cl-portfolio-overlay { bottom: 0%; }

.cl-logo-carousel .item figure img { width: auto; }

.cl-blog-article .blog-thumb { height: 200px; }

.cl-newsletter .cl-submit-control { width: 100%; }

.cl-copyright { text-align: center; }
.cl-copyright .col-sm-6 p{ margin-top: 10px; }
.cl-copyright .cl-social-footer { text-align: center; }
	.smartphone-mittel {display: inline;}

 .col-sm-4 {width:100%;}
 
/* .smartphone2 {display:none;}
 .smartphone-no {display:inline;} */

}

/* ----------------------------------------------------------------------------------------------
    640px max and min 620px Resolution
---------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 767px){
.smartphone {display:none;}
/* .smartphone-no {display:inline;} */
}

/* ----------------------------------------------------------------------------------------------
    640px max and min 620px Resolution
---------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
 
.filters .filter { padding: 15px 10px; margin: 10px 0 0 -5px; font-size: .9em; }
 
}


/* ----------------------------------------------------------------------------------------------
    568px Resolution
---------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 568px){

.main-header { height: auto; }

}


/* ----------------------------------------------------------------------------------------------
    480px Resolution
---------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px){

.filters .filter { padding: 15px 6px; margin: 10px 0 0 -5px; font-size: .8em; }
.cl-logo-container img {
	 width:80%; max-width:364px;
}

}

/* ----------------------------------------------------------------------------------------------
    320px Resolution
---------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 320px){
     
}

@media only screen and (max-width: 768px) {
#mobile-holder {
   display: block;
   transform: scale(.8);
   transform-origin: top center;
   top: 8px;
}

div.sticky-wrapper { height: 60px !important; }

}