.nav-bar {
	max-width: 98%;
}

.project-gallery .overlay-info > span {
    width: 70px;
    padding: 1.5rem;
    font-size: 1.2rem;
    font-style: normal;
    display: table;
    float: right;
}

.project-header {
	padding-left:3px;
}

.project-header .project-title {
	font-size: 40px !important;
	font-weight: 500 !important;
	color: #000 !important;
	margin-bottom: 10px !important;
}

.portfolio-5 .project-title {
	color: #FFF;
	font-size: 22px;
}

.portfolio-5 .project-description {
	color: #BDBDBD;
	font-size: 14px;
}


.section-block.portfolio-header {
    border-bottom: 1px solid #eee;
	padding-left:3px;
	padding-top: 0.1rem;
	margin-bottom:4rem;
}

.portfolio-header h2 {
	font-size: 30px !important;
	font-weight: 600 !important;
	color: #000 !important;
	margin-bottom: 20px !important;
}

.list-horizontal.breadcrumb {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	padding-left: 3px;
}

.list-horizontal.breadcrumb li {
	color: #C7C7C7;
}

.list-horizontal.breadcrumb li:first-child a {
	margin-left:0px;
}

.list-horizontal.breadcrumb li:last-child {
	margin-left:2px;
}

.list-horizontal.breadcrumb li a {
	margin-left:5px;
	margin-right: 5px;
	color: #8E8E8E;
}

.list-horizontal.breadcrumb li a:hover {
	color: #000;
}

.portfolio-category ul {
	margin: 1.3rem 0 0 0;
	float: right;
}

.portfolio-category .list-horizontal.breadcrumb li {
	padding:0 8px;
	font-weight: 700;
}

.portfolio-category .list-horizontal.breadcrumb li.active a {
	border-bottom: 1px solid #000;
	color: #000;
}

.portfolio-category .list-horizontal.breadcrumb li:last-child {
	padding:0 0 0 8px;
}

.portfolio-category .list-horizontal.breadcrumb li a {
	color: #C5C5C5;
}

.portfolio-category .list-horizontal.breadcrumb li a:hover {
	color: #000;
}

.portfolio-category .dropdown {
	width: 180px;
	float: right;
	padding-top: 13px;
	background-color: #FFF;
}

.portfolio-category .button {
	background-color: #FFF;
}

.box.details h6 {
	margin: 1rem 0 1rem 0;
}

.description-section {
	padding-top: 31px;
}

.description-section h6 {
	margin: 1rem 0 1rem 0;
}

.section-block.similar-projects {
	border-top: 1px solid #eee;
}

.similar-projects .grid-description {
	border-right: 1px solid #eeeeee;
}

.similar-projects h2 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 2px;
	margin-top: 0px;
}

.similar-projects p {
	color: #666666;
}

.footer-1 .navigation ul li a {
    font-weight: 600;
}

.footer-1 .footer-top {
    padding-bottom: 0rem;
}

.footer-1 h6 {
    color: #FFF;
	    letter-spacing: 0.08rem;
}

.footer-1 .contact-form h6 {
	margin-top: 9px !important;
	margin: 1rem 0 1.5rem 0;
}

.footer-1 .social ul li a {
    text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	color: #777;
}

.footer-1 .social ul li a:hover {
	color: #FFF;
}

.footer-1 .footer-bottom .copyright {
    font-size: 12px;
	font-weight: 400;
	color: #878787;
}

.footer-1  input.form-element, .footer-1 textarea.form-element {
	border-bottom: 0.1rem solid #333;
	font-size: 13px;
	color: #777;
	margin-bottom: 1rem;
}

.footer-1  input.form-element {
	padding: 0.9rem 0 1.3rem 0;
}

.footer-1  textarea.form-element {
	padding: 0.8rem 0 1.3rem 0;
}

.footer-1 textarea.form-element {
	min-height: 3rem;
}

.footer-1  input.form-element::-webkit-input-placeholder, .footer-1  textarea.form-element::-webkit-input-placeholder
{
	color: #777;
}

.footer-1  input.form-element:-moz-placeholder, .footer-1  textarea.form-element:-moz-placeholder
{
	color: #777;
}

.footer-1  input.form-element::-moz-placeholder, .footer-1  textarea.form-element::-moz-placeholder
{
	color: #777;
}

.footer-1  input.form-element:-ms-input-placeholder, .footer-1  textarea.form-element:-ms-input-placeholder
{
	color: #777;
}



@media (max-width: 960px) {

	.header .header-inner {
		background: #000000;
	}
	
	.header .logo img {
		width: 130px;
	}
	
	.nav-bar {
		max-width: 94%;
	}
	
	.header-inner .navigation-show a {
		color: #FFF;
	}
	
	.icon-cancel {
		color: #FFF;
	}

}

@media (max-width: 768px) {

	.logo  {
		width: 70%;
	}
	
	.portfolio-category .dropdown {
		float: left;
	}
	
	.footer-1 .social {
		width: 22%;
		padding-left: 0px;
	}
	
	.footer-1 .contact-details {
		float: left;
		width: 66%;
	}
	
}