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

@media only screen and (max-width: 1200px){
	
}

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

@media only screen and (max-width: 1024px){
    

}

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

	.service-list > div {
		text-align:center !important;
	}

	/* *********************************************************
		Main Menu Styles 
	********************************************************* */
	.cr-main-nav-container .cr-main-nav li a{ padding: 35px 8px; }
	
	.cr-portfolio-item { height: 250px; }

	.cr-portfolio-item  .cr-portfolio-overlay { bottom: -75%; }

	.cr-portfolio-item:hover > .cr-portfolio-overlay { bottom: 35%; }
	
	.cr-portfolio-item .cr-portfolio-overlay { height: 65%; }

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


}/* End of 992 Px */

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

.cr-parallax,
.street-bg {
	background-attachment: scroll;
}


#mobile-holder{	display: block; }

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

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

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

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

.filters{ padding: 0; } 

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

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

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

.cr-copyright { text-align: center; }
.cr-copyright .col-sm-6 p{ margin-top: 10px; }
.cr-copyright .cr-social-footer { text-align: center; }
 
}

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


@media only screen and (max-width: 767px){
	
.cr-logo-container{
	opacity:0;
	transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}

.is-sticky .cr-logo-container{
	opacity:1;
}

}

/* ----------------------------------------------------------------------------------------------
    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; }

}

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