@media (min-width: 1200px) {
	
.single-project-content{
		width:95%;
	}

	#map{
		height:500px;
	}

	.callouts-wrapper .callouts h3 {
		height:40px;
	}	
	
	.callouts-box {
		height:375px;
	}

	
}



@media (min-width: 1360px) {
	
	.single-project-content{
		width:1100px;
	
	}

	#map{
		height:400px;
	}

	
}








/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
		
.single-project-content{
		width:95%;
	
	}		
	
	#map{
		height:300px;
	}	
	
	
	.garant-wrapper{		
		margin-top: 4px;		
		padding-top:60px;
	}
	
	.garant-wrapper .number-left{		
		font-weight:700;
		font-size:90px;
		line-height:120px;
		margin-bottom:-40px;
	}


	.garant-wrapper .number-left-bottom{		
		font-weight:300;
		font-size:38px;
		line-height:64px;		
	}
	
	.garant-wrapper .right-top{		
		font-weight:700;
		font-size:40px;
		line-height:40px;	
		
	}


	.garant-wrapper .right-bottom{		
		font-weight:300;
		font-size:24px;
		line-height:24px;		
	}

	.garant-wrapper .form-wrapper{		
		padding:20px 8px;	
		
	}
	
	
	.vistavka-wrapper{
		padding-top: 80px;
	}
	
	.callouts-box {
		height:375px;
	}


}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.single-project-content{
		width:95%;
	
	}	

	.fade-carousel {
		position: relative;
		height: 350px;
	}
	.fade-carousel .carousel-inner {
		height: 350px;
	}
	
	.hero h1 {
		font-size: 32px;
	}
	
	.navbar-nav {
		float: right;
		margin: 0;
	}
	
	.gallery-section .gallery-caption {	
		padding: 4px;	
	}
	
	.callouts-wrapper .callouts-small {			
		height:300px;
	}
	
	#map{
		height:300px;
	}
	
	.garant-wrapper{		
		margin-top: 4px;		
		padding-top:60px;
	}
	
	.garant-wrapper .number-left{		
		font-weight:700;
		font-size:90px;
		line-height:120px;
		margin-bottom:-40px;
	}


	.garant-wrapper .number-left-bottom{		
		font-weight:300;
		font-size:38px;
		line-height:64px;		
	}
	
	.garant-wrapper .right-top{		
		font-weight:700;
		font-size:40px;
		line-height:40px;	
		
	}


	.garant-wrapper .right-bottom{		
		font-weight:300;
		font-size:24px;
		line-height:24px;		
	}

	.garant-wrapper .form-wrapper{		
		padding:20px 8px;	
		
	}
	
	
	.vistavka-wrapper{
		padding-top: 80px;
	}
		
		
 }
	
	



/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	.form-group {		
		margin-left:8px;
		margin-right:8px;
	}	
	
	.single-project-content{
		width:95%;
	
	}	
	
	
	.fade-carousel {
		position: relative;
		height: 300px;
	}
	.fade-carousel .carousel-inner {
		height: 300px;
	}
	
	.callouts-wrapper .callouts-small {			
		height:150px;
	}
	
	#works-carusel .table-responsive{
		margin-top:50px;	
	}
	
	.footer-wrapper h3 {		
		margin: 0;
		font-size: 20px;		
		font-weight: 500;
	}
	
	.footer-wrapper a, .footer-wrapper p {		
		font-size: 14px;
		font-weight: 300;
	}
	
	
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
		padding: 4px;
		line-height: 1.42857143;
		vertical-align: top;
		border-top: 1px solid #ddd;
		font-size: 11px;
	}
		
	.table-responsive{overflow-x:scroll;}
	
	#map{
		height:300px;
	}
	
	.garant-wrapper{		
		margin-top: 4px;		
		padding-top:60px;
	}
	
	.garant-wrapper .number-left{		
		font-weight:700;
		font-size:90px;
		line-height:120px;
		margin-bottom:-40px;
	}


	.garant-wrapper .number-left-bottom{		
		font-weight:300;
		font-size:38px;
		line-height:64px;		
	}
	
	.garant-wrapper .right-top{		
		font-weight:700;
		font-size:40px;
		line-height:40px;	
		
	}


	.garant-wrapper .right-bottom{		
		font-weight:300;
		font-size:24px;
		line-height:24px;		
	}

	.garant-wrapper .form-wrapper{		
		padding:20px 8px;	
		
	}
	
	
	.vistavka-wrapper{
		padding-top: 80px;
	}
	
	
	
	
}



@media (max-width: 480px) {
	
	.fade-carousel {
		position: relative;
		height: 200px;
	}
	.fade-carousel .carousel-inner {
		height: 200px;
	}	
	
	.single-project-content{
		width:97%;	
	}

	.callouts-wrapper .callouts h3 {
		font-size: 16px;
		font-weight: 500;
		margin: 6px 0 0;		
	}
	
	.callouts-wrapper .callouts p {
		font-size: 12px;
		line-height: 13px;		
	}
	
	.callouts-box {
		padding: 8px;		
	}

	.callouts-wrapper .callouts {	
		padding: 8px 0;			
	}
	
	.callouts-wrapper .callouts-small {			
		height:150px;
	}
	
	
	.garant-wrapper{		
		margin-top: 4px;		
		padding-top:60px;
	}
	
	.garant-wrapper .number-left{		
		font-weight:700;
		font-size:90px;
		line-height:120px;
		margin-bottom:-40px;
	}


	.garant-wrapper .number-left-bottom{		
		font-weight:300;
		font-size:38px;
		line-height:64px;		
	}
	
	.garant-wrapper .right-top{		
		font-weight:700;
		font-size:40px;
		line-height:40px;	
		
	}


	.garant-wrapper .right-bottom{		
		font-weight:300;
		font-size:24px;
		line-height:24px;		
	}

	.garant-wrapper .form-wrapper{		
		padding:20px 8px;	
		
	}
	
	
	.vistavka-wrapper{
		padding-top: 80px;
	}
	
	
	

}