@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
.navbar-toggler {
	background: url(../images/nav_toggle.png) center center no-repeat;
	margin-left: auto;
}
.site_header .navbar-nav {
	border-top: 1px solid #1f5777;
	padding-top: 15px;
	margin-top: 15px;
}
.site_header .navbar-nav .nav-link:before {
    left: 0px;
    margin-left: 5px;
}	
	
	
	
	
	
	
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
.our_mission_title {
    text-align: center;
    padding-right: 0px;
}
.our_mission_title h2 {
	text-align: center;
}
.our_mission_txt {
	margin: 0 auto;
    text-align: center;
}
.aboutUs_left {
    text-align: center;
    padding-right: 0px;
}
.aboutUs_txt {
    max-width: 375px;
    padding-top: 25px;
	margin: 0 auto;
	text-align: center;
}	
.our_project_txt_box {
    text-align: center;
    padding-right: 0px;
	margin: 0 auto;
}	
.our_project_txt {
    text-align: center;
    padding-top: 0px;
}	
.our_project_txt p {
	margin: 0 auto;
}	
.footer_left_content {
    text-align: center;
    padding-right: 0px;
}	
.footer_right_content {
    padding-left: 0px;
    text-align: center;
}	
.footer_content_box {
    display: block;
    text-align: center;
}	
.site_footer {
    padding: 50px 0px 30px;
}	
.our_project_area {
    padding: 50px 0px;
}	
.aboutUs_area {
    background: #f8f9fa;
    padding: 50px 0px;
}	
.contact_modal .modal-dialog {
	margin: 0;
}	
.contact_title h2 {
    font-size: 36px;
    line-height: 46px;
}		
.contactUs_page_contact .contact_form {
    padding: 50px 30px ;
}	

.offices_content {
    text-align: center;
    padding-right: 0px;
}	
.offices_content_box {
    max-width: 240px;
    text-align: left;
}	
.contactUs_offices {
    padding: 50px 0px;
}	

	
}

@media only screen and (max-width: 660px), only screen and (max-device-width: 660px) {
	
.hero_txt h1, .our_mission_title h2, .aboutUs_txt h2, .our_project_txt h2, .contact_title h2{
    font-size: 36px;
    line-height: 46px;
}
.hero_area {
    padding: 60px 0px;
    min-height: 300px;
}
	
	
	
	
	
	
}
	
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
.project_hero h1 {
    font-size: 20px;
}
.project_hero .col-md-12 {
    min-height: 200px;
}
.project_gallery {
    padding: 30px 0px 50px;
}	
.project_putton {
    padding-top: 50px;
}	
	
	
	
}

@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
.contactUs_hero {
    min-height: 430px;
}
.contactUs_page_contact .contact_title h2{
    font-size: 30px;
    line-height: 40px;
}	
.offices_title h2{
    font-size: 36px;
    line-height: 46px;
	text-align: left;
}	
.contactUs_page_contact {
	padding-bottom: 0px;
}	
.offices_content {
    text-align: left;
}	
	
	
}