/* *{outline:1px solid red;} */

@media screen and (min-width: 320px) and (max-width: 400px){
	.masonry, 
	.container, 
	.top_quote{ 
	width: 300px;
	}
	.masonry .item, .masonry .grid-sizer  {margin: 10px !important;}
	.masonry .grid-sizer, .masonry .size_1, .masonry .size_2{ width: 280px; height: 280px;}
	.size_1 .title_project, .size_2 .title_project{ width: 75%;}
	.carousel-inner .container{ padding-left: 10px;	padding-right: 10px;}

	.carousel {margin: 100px 0 0 0; }
	.carousel, .carousel .item{ height: auto;}
	
	.projects { width:300px;}
	.projects .item, .projects .grid-sizer {margin: 10px !important;}
	.projects .grid-sizer, .projects .size_1{ width: 280px; height: 280px;}
	.nav_drop .form-control{width: 93%; margin: 0 auto;}	
}

@media screen and (min-width: 401px) and (max-width: 480px){
	.masonry, 
	.container, 
	.top_quote{ 
	width: 380px;
	}
	.masonry .item, .masonry .grid-sizer  {margin: 5px !important;}
	.masonry .grid-sizer, .masonry .size_1, .masonry .size_2{ width: 370px; height: 370px;}
	.carousel-inner .container{ 	padding-left: 9px; padding-right: 9px;}
	.carousel {margin: 100px 0 0 0;}
	.carousel, .carousel .item{ height: auto;}
	
	.projects { width:380px;}
	.projects .item, .projects .grid-sizer {margin: 5px !important;}
	.projects .grid-sizer, .projects .size_1{ width: 370px; height: 370px;}
	.nav_drop .form-control{width: 98%; margin: 0 auto 20px auto;}
}

@media screen and (min-width: 481px) and (max-width: 538px){
	.masonry, 
	.container, 
	.top_quote{ 
	width: 480px;
	}
	.masonry .item, .masonry .grid-sizer  {margin: 15px !important;}
	.masonry .grid-sizer, .masonry .size_1{ width: 210px; height: 210px;}
	.masonry .size_2{ width: 450px; height: 450px;}
	.carousel-inner .container{ padding-left: 0; padding-right: 0;	}
	.carousel {margin: 100px 0 0 0;}
	.carousel, .carousel .item{ height: auto;}
		
	.projects { width:480px;}
	.projects .item, .projects .grid-sizer {margin: 15px !important;}
	.projects .grid-sizer, .projects .size_1{ width: 210px; height: 210px;}
	.nav_drop .form-control{width: 88%; margin: 0 auto;}
}

@media screen and (min-width: 539px) and (max-width: 600px){
	.masonry, 
	.container, 
	.top_quote{ 
	width: 538px;
	}
	.masonry .item, .masonry .grid-sizer  {margin: 15px !important;}
	.masonry .grid-sizer, .masonry .size_1{ width: 239px; height: 239px;}
	.masonry .size_2{ width: 508px; height: 508px;}
	.carousel-inner .container{ padding-left: 20px; padding-right: 20px; }
	.carousel {margin: 100px 0 0 0;}
	.carousel, .carousel .item{ height: auto;}
	
	.projects { width:538px;}
	.projects .item, .projects .grid-sizer {margin: 15px !important;}
	.projects .grid-sizer, .projects .size_1{ width: 239px; height: 239px;}	
	.projects .size_1 .title_project{width: 90%; }
	.nav_drop .form-control{width: 94%; margin: 0 auto;}
}

@media screen and (min-width: 601px) and (max-width: 768px){
	.masonry, 
	.container, 
	.top_quote{ 
	width: 600px;
	}
	.masonry .item, .masonry .grid-sizer  {margin: 15px !important;}
	.masonry .grid-sizer, .masonry .size_1{ width: 270px; height: 270px;}
	.masonry .size_2{ width: 570px; height: 570px;}
	.carousel, .carousel .item{ height: auto;}
	
	.projects { width:600px;}
	.projects .item, .projects .grid-sizer {margin: 15px !important;}
	.projects .grid-sizer, .projects .size_1{ width: 270px; height: 270px;}
}


@media screen and (min-width: 768px) and (max-width: 768px){
	.masonry, 
	.container, 
	.top_quote, .projects{ 
	width: 738px;
	}
	.masonry .item, .masonry .grid-sizer  {margin: 15px !important;}
	.masonry .grid-sizer, .masonry .size_1{ width: 339px; height: 339px;}
	.masonry .size_2{ width: 708px; height: 708px;}
	
	.projects .item, .projects .grid-sizer {margin: 15px !important;}
	.projects .grid-sizer, .projects .size_1{ width: 339px; height: 339px;}
	.nav_drop .form-control{width: 96%; margin: 0 auto;}
}

@media screen and (min-width: 769px) and (max-width: 960px) {
	.masonry, 
	.container, 
	.top_quote{ 
	width: 768px;
	}
	.masonry .item, .masonry .grid-sizer  {margin: 15px !important;}
	.masonry .grid-sizer, .masonry .size_1{ width: 162px; height: 162px;}
	.masonry .size_2{ width: 354px; height: 354px;}
	.carousel-inner .container{ padding-left: 0; padding-right: 0;	}
	
	.projects { width:768px;}
	.projects .item, .projects .grid-sizer {margin: 15px !important;}
	.projects .grid-sizer, .projects .size_1{ width: 226px; height: 226px;}
	.projects .size_1 .title_project{width: 80%; }	
}

@media screen and (min-width: 961px) and (max-width: 1220px) {
	.masonry, 
	.container, 
	.top_quote{ 
	width: 960px;
	}
	.masonry .item, 
	.masonry .item, .masonry .grid-sizer  {margin: 15px !important;}
	.masonry .grid-sizer, .masonry .size_1{ width: 210px; height: 210px;}
	.masonry .size_2{ width: 450px; height: 450px;}
	.carousel-inner .container{ padding-left: 15px; padding-right: 15px; }
	
	.projects { width:960px; margin-top: 14px;}
	.projects .item, .projects .grid-sizer {margin: 15px !important;}
	.projects .grid-sizer, .projects .size_1{ width: 210px; height: 210px;}
	.projects .size_1 .title_project{width: 90%; }
}

@media (min-width: 1221px) {
	.container { width:1190px;	}	
	.masonry { width:1200px;}
	.masonry .item, .masonry .grid-sizer  {margin: 20px !important;}
	.masonry .grid-sizer, .masonry .size_1{ width: 260px; height: 260px;}
	.size_2{ width: 560px; height: 560px;}
	
	.projects { width:1200px;}
	.projects .item, .projects .grid-sizer {margin: 20px !important;}
	.projects .grid-sizer, .projects .size_1{ width: 260px; height: 260px;}

}

@media (max-width: 988px){
	
	.navbar .container{ width: 100%;}
	.navbar-nav > li > a{padding: 15px;}
	.nav_filter{padding-left: 0; padding-right: 0;}
	.nav_drop {background-color: transparent;}
	.nav_drop ul { display: none; }
	.nav_drop select { display: inline-block; }
	.article_top .carousel-caption{padding-bottom: 0;}
	.project_content p:first-of-type {padding-top: 0;}
	.carousel-caption h1{font-size: 33px;}
	.carousel-caption p, .carousel-caption .text-primary{font-size: 20px !important;}
	
}


@media(-webkit-min-device-pixel-ratio: 2) {




}