@media only screen and (min-width: 1131px) and (max-width: 1460px) {
#let_us_help p {
	width: 75%;
}
.thumbnail_gallery {
	width: 100%;
}
}

@media only screen and (min-width: 1024px) and (max-width: 1130px) {
#let_us_help p {
	width: 70%;
}
.civil_engg {
	width: 33%;
	padding: 30px 35px 0;
}
.thumbnail_gallery {
	width: 100%;
}
.thumbnail_gallery .pick {
	width: 67%;
}
.content {
	width: 98%;
}
#logo {
	width: 90%;
}
#logo img {
	width: 100%;
}
header.small #logo {
	width: auto;
	top: -77px;
}
#social_icons li img {
	width: 100%;
}
#social_icons li {
	width: 80px;
	height: 80px;
}
#social_icons {
	margin-right: 42px;
}
#featured_project .project {
	width: 69%;
	margin-right: 2%;
}
.project_desc {
	width: 29%;
}
.project_desc h3, #community_matters h3 {
	padding: 0 0 16px;
}
#featured_project .project a img {
	width: 100%;
}
#featured_project .project a.award img {
	width: auto;
}
.project a > b {
	border: 10px solid #fff;
}
#community_matters .community_matters_left {
	margin-right: 2%;
	width: 50%;
}
#community_matters .community_matters_right {
	width: 48%;
}
.project a img {
	width: 100%;
}
.community_matters_right h5 {
	width: 92%;
}
#let_us_help h2, .civil_engg h2 {
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 22px;
}
.civil_engg p {
	width: 100%;
}

.project_left {
    width: 45%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
#let_us_help p {
	width: 60%;
}
#let_us_help p {
	font-size: 18px;
	line-height: 26px;
}
.civil_engg {
	padding: 10px;
	width: 43%;
}
.thumbnail_gallery {
	width: 100%;
}
.content {
	width: 98%;
}
#logo {
	width: 80%;
}
#logo img {
	width: 100%;
}
header.small #logo {
	width: auto;
	top: -77px;
}
#social_icons li img {
	width: 100%;
}
#social_icons li {
	width: 50px;
	height: 50px;
}
#review {
	margin-right: 20px;
}
#contact_us #address h6 {
	display: block;
}
#contact_us #address {
	margin-right: 14px;
}
#contact_us #address h4, #contact_us #address span, #contact_us #address h6, #contact_us #address h6 a {
	font-size: 17px;
	line-height: 24px;
}
#social_icons {
	margin-right: 20px;
}
#featured_project .project {
	width: 60%;
	margin-right: 2%;
}
.project_desc {
	width: 37%;
}
.project_desc h3, #community_matters h3 {
	padding: 0 0 16px;
}
#featured_project .project a img {
	width: 100%;
}
#featured_project .project a.award img {
	width: 100%;
}
#featured_project .project a.award {
	width: 50px;
}
.project_desc h3, #community_matters h3 {
	font-size: 29px;
	line-height: 29px;
}
#review {
	margin-right: 20px;
}
.project a > b {
	border: 10px solid #fff;
}
#community_matters .community_matters_left {
	margin-right: 2%;
	width: 50%;
}
#community_matters .community_matters_right {
	width: 48%;
}
.project a img {
	width: 100%;
}
.community_matters_right h5 {
	width: 98%;
}
#let_us_help h2, .civil_engg h2 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}
.civil_engg p {
	width: 100%;
}
#navigation_bar nav > ul > li > a, #navigation_bar nav > ul > li ul li a {
	font-size: 18px;
}
#navigation_bar nav > ul > li > a {
	padding: 12px 15px;
}
#top_header {
	padding-bottom: 50px;
}
#top_header {
	margin-top: 14px;
}
header {
	height: 152px;
}
main {
	padding: 156px 0 0
}
header.small {
	height: 147px;
}
#top_header h6, #top_header h6 a {
	font-size: 17px;
	line-height: 17px;
}
#navigation_bar nav > ul > li > ul {
	width: 188px;
}
#navigation_bar nav > ul > li > ul {
	padding: 14px 18px 8px;
}
#navigation_bar nav > ul > li ul li a {
	margin-bottom: 8px;
}
.project_right {
	width: 50%;
	margin: 0 0 25px 40px;
}
h3 {
	font-size: 29px;
	line-height: 29px;
}
.inner_wrapper h3 {
	padding-bottom: 20px;
}
h4 {
	font-size: 24px;
	line-height: 24px;
}
.inner_wrapper h4 {
	padding-bottom: 12px;
}
.project_desc > span img {
	width: 100%
}
.project_desc > span {
	width: 100px;
	bottom: -12px;
}
#community_matters .community_matters_left p, #gallery p, .project_desc p, p, blockquote {
	font-size: 17px;
	line-height: 26px;
}
#gallery p {
	font-size: 15px;
	line-height: 23px;
}
#carousel li {
	width: 75px !important;
	margin-left: 8px;
}
#carousel {
	margin-top: -60px;
	left: 5px;
}
.thumbnail_gallery .pick {
	width: 57%;
}

.inner_wrapper li {
    box-sizing: border-box;
    font-size: 17px;
    line-height: 25px;
    padding-right: 2%;
margin-bottom:4px;
}
.col3 li{width:48%; }
.inner_wrapper li br{display:none;}

.project_left {
    width: 44%;
}
.project_list li h4{font-size:22px; line-height:24px;}
.project_list li a{margin-bottom:10px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#let_us_help p {
	width: 100%;
	padding: 0;
	font-size: 16px;
	line-height: 25px;
}
p, blockquote {
	margin-bottom: 15px;
}
.civil_engg {
	padding: 18px;
	width: 100%;
	float: none;
	position: static;
}
.thumbnail_gallery {
	width: 100%;
	float: none;
}
.content {
	width: 94%;
}
#logo, header.small #logo {
	width: 460px;
	left: 0;
	top: 0;
	transform: none;
	padding-bottom: 0;
}
#logo img {
	width: 100%;
}
#social_icons li img {
	width: 100%;
}
#social_icons li {
	width: 50px;
	height: 50px;
}
#review {
	margin-right: 20px;
}
#contact_us #address h6 {
	display: block;
}
#contact_us #address {
	margin-right: 0;
}
#contact_us #address h4, #contact_us #address span, #contact_us #address h6, #contact_us #address h6 a {
	font-size: 17px;
	line-height: 24px;
	text-align: left;
}
#social_icons {
	margin-right: 20px;
}
#featured_project .project {
	width: 100%;
	float: none;
	margin: 0 0 15px;
}
.project_desc {
	width: 100%;
	float: none;
}
.project_desc h3, #community_matters h3 {
	padding: 0 0 16px;
}
#featured_project .project a img {
	width: 100%;
}
#featured_project .project a.award img {
	width: 100%;
}
#featured_project .project a.award {
	width: 50px;
}
.project_desc h3, #community_matters h3 {
	font-size: 28px;
	line-height: 28px;
	padding-bottom: 10px;
}
#review {
	margin-right: 20px;
}
.project a > b {
	border: 10px solid #fff;
}
#community_matters .community_matters_left {
	margin: 0 auto;
	width: 100%;
	float: none;
}
#community_matters .community_matters_right {
	width: 100%;
	float: none;
}
.project a img {
	width: 100%;
}
.community_matters_right h5 {
	width: 100%;
	text-align: left;
}
#community_matters {
	padding: 20px 0 30px;
}
#let_us_help h2, .civil_engg h2 {
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 18px;
}
#let_us_help {
	padding: 20px 0 10px;
}
#let_us_help > span {
	display: none;
}
.civil_engg p {
	width: 100%;
}
#navigation_bar nav > ul > li > a, #navigation_bar nav > ul > li ul li a {
	font-size: 18px;
}
#navigation_bar nav > ul > li > a {
	font-size: 20px;
	padding: 9px 15px;
}
#top_header {
	padding-bottom: 50px;
}
#top_header, header.small #top_header {
	margin-top: 10px;
	padding-bottom: 74px;
	z-index: 9;
}
header {
	height: auto;
	position: relative;
}
main, main.small {
	padding: 5px 0 0;
}
header.small {
	height: auto;
}
#top_header h6, #top_header h6 a {
	font-size: 17px;
	line-height: 17px;
}
#navigation_bar nav > ul > li > ul {
	box-sizing: border-box;
	background: none;
	padding: 14px 25px 8px;
	position: relative;
	text-align: right;
	width: 100%;
}
#navigation_bar nav > ul > li ul li a {
	color: #fff;
}
#navigation_bar nav > ul > li > ul {
	padding: 12px 18px 1px;
}
#navigation_bar nav > ul > li ul li a {
	margin-bottom: 8px;
}
.project_right {
	float: none;
	margin: 0 0 25px;
	width: 100%;
	padding-top: 0;
}
h3 {
	font-size: 29px;
	line-height: 29px;
}
.inner_wrapper h3 {
	padding-bottom: 20px;
}
h4 {
	font-size: 24px;
	line-height: 24px;
}
.inner_wrapper h4 {
	padding-bottom: 8px;
}
.project_desc > span img {
	width: 100%
}
.project_desc > span {
	width: 100px;
	bottom: -12px;
	display: none;
}
.project_desc p br {
	display: none;
}
#featured_project {
	padding: 20px 0 0;
}
#community_matters .community_matters_left p, #gallery p, .project_desc p, p, blockquote {
	font-size: 16px;
	line-height: 24px;
}
#carousel li {
	width: 75px !important;
	margin-left: 8px;
}
#carousel {
	left: 5px;
	margin-top: 0;
	position: absolute;
	top: 30px;
	width: 100%;
}
#top_header h6 {
	display: none;
}
.mob_menu {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	padding: 10px 0 10px 15px;
	position: relative;
	z-index: 9999;
}
.inner_wrapper {
	padding: 22px 0 0;
}
.mob_menu img {
	text-align: right;
	float: right;
}
#navigation_bar .content > nav {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #98002e;
	display: none;
}
#navigation_bar nav > ul > li {
	float: none;
	text-align: right;
}
#review, #social_icons, #contact_us {
	float: none;
	margin: 0;
	padding-top: 25px;
}
footer {
	padding-bottom: 25px;
}
#contact_us > span {
	display: none;
}
.thumbnail_gallery .pick {
	width: 100%;
	float: none;
}
.inner_wrapper li {  font-size: 16px;
    line-height: 24px;}
.col3 li{float:none;width:100%;}
.col3 li br{display:none;}
.project_left{float:none; width:100%;}
.testimonial h6{font-size:18px;}

.inner_wrapper .project_list li{float:none; width:100%; margin-bottom:30px;}
.project_list li a{margin-bottom:10px;}
.project_list li:nth-child(2n){float:none;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
#let_us_help p {
	width: 100%;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
}
p, blockquote {
	margin-bottom: 15px;
}
.civil_engg {
	padding: 18px;
	width: 100%;
	float: none;
	position: static;
}
.thumbnail_gallery {
	width: 100%;
	float: none;
}
.content {
	width: 94%;
}
#logo, header.small #logo {
	width: auto;
	left: 0;
	top: 0;
	transform: none;
	padding-bottom: 0;
}
#logo img {
	width: 100%;
}
#social_icons li img {
	width: 100%;
}
#social_icons li {
	width: 50px;
	height: 50px;
}
#review {
	margin-right: 20px;
}
#contact_us #address h6 {
	display: block;
}
#contact_us #address {
	margin-right: 0;
}
#contact_us #address h4, #contact_us #address span, #contact_us #address h6, #contact_us #address h6 a {
	font-size: 17px;
	line-height: 24px;
	text-align: left;
}
#social_icons {
	margin-right: 20px;
}
#featured_project .project {
	width: 100%;
	float: none;
	margin: 0 0 15px;
}
.project_desc {
	width: 100%;
	float: none;
}
.project_desc h3, #community_matters h3 {
	padding: 0 0 16px;
}
#featured_project .project a img {
	width: 100%;
}
#featured_project .project a.award img {
	width: 100%;
}
#featured_project .project a.award {
	width: 50px;
}
.project_desc h3, #community_matters h3 {
	font-size: 25px;
	line-height: 25px;
	padding-bottom: 10px;
}
#review {
	margin-right: 20px;
}
.project a > b {
	border: 10px solid #fff;
}
#community_matters .community_matters_left {
	margin: 0 auto;
	width: 100%;
	float: none;
}
#community_matters .community_matters_right {
	width: 100%;
	float: none;
}
.project a img {
	width: 100%;
}
.community_matters_right h5 {
	width: 100%;
	text-align: left;
}
#community_matters {
	padding: 20px 0 30px;
}
#let_us_help h2, .civil_engg h2 {
	font-size: 21px;
	line-height: 24px;
	margin-bottom: 15px;
}
#let_us_help {
	padding: 20px 0 10px;
}
#let_us_help > span {
	display: none;
}
.civil_engg p {
	width: 100%;
}
#navigation_bar nav > ul > li > a, #navigation_bar nav > ul > li ul li a {
	font-size: 18px;
}
#navigation_bar nav > ul > li > a {
	font-size: 20px;
	padding: 9px 15px;
}
#top_header {
	padding-bottom: 50px;
}
#top_header, header.small #top_header {
	margin-top: 10px;
	padding-bottom: 55px;
	z-index: 9;
}
header {
	height: auto;
	position: relative;
}
main, main.small {
	padding: 5px 0 0;
}
header.small {
	height: auto;
}
#top_header h6, #top_header h6 a {
	font-size: 17px;
	line-height: 17px;
}
#navigation_bar nav > ul > li > ul {
	box-sizing: border-box;
	background: none;
	padding: 14px 25px 8px;
	position: relative;
	text-align: right;
	width: 100%;
}
#navigation_bar nav > ul > li ul li a {
	color: #fff;
}
#navigation_bar nav > ul > li > ul {
	padding: 12px 18px 1px;
}
#navigation_bar nav > ul > li ul li a {
	margin-bottom: 8px;
}
.project_right {
	float: none;
	margin: 0 0 25px;
	width: 100%;
	padding-top: 0;
}
h3 {
	font-size: 25px;
	line-height: 25px;
}
.inner_wrapper h3 {
	padding-bottom: 16px;
}
h4 {
	font-size: 20px;
	line-height: 20px;
}
.inner_wrapper h4 {
	padding-bottom: 13px;
}
.inner_wrapper p {
	margin-bottom: 24px;
}
.project_desc > span img {
	width: 100%
}
.project_desc > span {
	width: 100px;
	bottom: -12px;
	display: none;
}
.project_desc p br {
	display: none;
}
#featured_project {
	padding: 20px 0 0;
}
#community_matters .community_matters_left p, #gallery p, .project_desc p, p, blockquote {
	font-size: 14px;
	line-height: 22px;
}
#carousel li {
	width: 60px !important;
	margin-left: 4px !important;
}
#carousel {
	margin-top: 0;
	position: absolute;
	top: 20px;
	width: 100%;
	left: 5px;
}
#top_header h6 {
	display: none;
}
.mob_menu {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	padding: 10px 0 10px 15px;
	position: relative;
	z-index: 9999;
}
.inner_wrapper {
	padding: 22px 0 0;
}
.mob_menu img {
	text-align: right;
	float: right;
}
#navigation_bar .content > nav {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #98002e;
	display: none;
}
#navigation_bar nav > ul > li {
	float: none;
	text-align: right;
}
#review, #social_icons, #contact_us {
	float: none;
	margin: 0;
	padding-top: 25px;
}
footer {
	padding-bottom: 25px;
}
#contact_us > span {
	display: none;
}
#featured_images li {
	width: 33%;
	float: left;
	margin: 0;
}
#featured_images li:nth-child(2) {
	margin: 0;
}
.community_matters_right h5 {
	font-size: 16px;
	line-height: 22px;
}
.thumbnail_gallery .pick {
	width: 100%;
	float: none;
}
.inner_wrapper li {  font-size: 14px;
    line-height: 22px;}
.col3 li{float:none;width:100%;}
.col3 li br{display:none;}
.project_left{float:none; width:100%;}

.testimonial h6 {
    font-size: 15px;
    line-height: 24px;
}

.project_view {
    margin-bottom: 15px;
}

.testimonial {
    border: 10px solid #b13d60;
}

.inner_wrapper .project_list li{float:none; width:100%; margin-bottom:30px;}
.project_list li a{margin-bottom:10px;}
.project_list li:nth-child(2n){float:none;}
.project_list li h4{line-height:26px;}
}