/* Responsive Stylesheet */

@media only screen and (min-width: 1350px) {
    
}


@media only screen and (min-width: 1px) and (max-width: 1550px) {
	.lb-close {
		bottom: 0px;
		right: 80px !important;
		top: auto !important;
	}
}

@media only screen and (min-width: 1400px) {
    
header {
    padding: 50px 50px 0px 50px;
}

footer .wrapper {
    padding: 0px 50px;
}

}

@media only screen and (min-width: 1px) and (max-width: 1260px) {
	.content {
        padding: 0px 50px;
	}

	div.aboutUs {
    margin: 50px 0px 0px 0px;
	}

	div.contactUs {
    margin: 50px 0px 0px 0px;
	}

	footer .wrapper { padding: 0px 50px; }

}

@media only screen and (min-width: 1px) and (max-width: 1170px) {

}

@media only screen and (min-width: 1px) and (max-width: 1100px) {

}

@media only screen and (min-width: 1px) and (max-width: 1100px) {

}

@media only screen and (min-width: 1px) and (max-width: 1050px) {
	a.gallery_item {
		float: left;
		width: 33.333%;
	}
}

@media only screen and (min-width: 1px) and (max-width: 1020px) {

}

@media only screen and (min-width: 1px) and (max-width: 1000px) {

}

@media only screen and (min-width: 1px) and (max-width: 880px) {

}

@media only screen and (min-width: 1px) and (max-width: 850px) {
		header p.text  {
			display: none;
		}

	div.about_project {
    float: none;
    width: 100%;
		margin: 0px 0px 15px 0px;
		padding: 0px;
	}

	div.project_gallery {
    float: none;
    width: 100%;
	}

	div.aboutUs .photo-area {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

	div.aboutUs .aboutus-area {
		float: none;
		width: 100%;
		padding: 0px;
	}

	div.contactUs .contactus-area{
		float: none;
		width: 100%;
		margin-bottom: 10px;
		padding: 0px;
	}

	div.contactUs .map-area {
		float: none;
		width: 100%;

	}

	.page_nav {
		margin: 10px auto 0px auto;
	}

}

@media only screen and (min-width: 1px) and (max-width: 850px) {

}

@media only screen and (min-width: 1px) and (max-width: 780px) {
}

@media only screen and (min-width: 1px) and (max-width: 750px) {
    
    header .menu_button {
        display: block;    
    }
    
    .menu_wrap {display: none;}
    
    .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
}
    header {
    padding: 50px 25px 0px 25px;
	}
	.content {
			padding: 0px 25px;
	}
    
    .intro_content .content_wrap {
    width: 100%;
    }
    

	footer .wrapper { padding: 0px 25px; }

	#overlay_menu #socials {
    right: 50%;
    margin-right: -73px;
	}

	a.gallery_item {
		width: 100%;
	}

}

@media only screen and (min-width: 1px) and (max-width: 700px) {

}

@media only screen and (min-width: 1px) and (max-width: 650px) {
    .cb-slideshow, .cb-slideshow::after {
    height: 650px;
    }
}

@media only screen and (min-width: 1px) and (max-width: 600px) {
    .cb-slideshow, .cb-slideshow::after {
    height: 600px;
    }
}

@media only screen and (min-width: 1px) and (max-width: 550px) {
	a.gallery_item {
		float: left;
		width: 50%;
	}
    
        .cb-slideshow, .cb-slideshow::after {
    height: 550px;
    }
}

@media only screen and (min-width: 1px) and (max-width: 500px) {
    .cb-slideshow, .cb-slideshow::after {
    height: 500px;
    }
}

@media only screen and (min-width: 1px) and (max-width: 420px) {

    .cb-slideshow, .cb-slideshow::after {
    height: 420px;
    }
    
}

@media only screen and (min-width: 1px) and (max-width: 400px) {

}

@media only screen and (min-width: 1px) and (max-width: 350px) {

}