@media screen and (min-width: 1400px) {
	.navbar {
		margin-right: 2rem;
	}
}

@media screen and (max-width: 1399px) {
	/* Who We Are */
	.who-we-are .about-us {
		margin-left: 1rem;
	}

	/* Footer */
	.site-footer ul.working-hours li.day {
		width: 80px;
	}
}

@media screen and (max-width: 1199px) {
	h2.section-title:before {
		display: none;
	}

	/* Hero */
	.hero .hero-content {
		left: 2rem;
		width: 400px;
	}
	.hero .hero-content h1.hero-title {
		font-size: 56px;
		line-height: 64px;
	}
	.hero .hero-content h1.hero-title:before {
		display: none;
	}
	.hero .hero-slider .carousel .carousel-inner:before {
		width: 160px;
	}
	.hero .hero-slider .carousel .carousel-item .carousel-caption {
	    bottom: 6rem;
	}
}

@media screen and (min-width: 992px) {
	.navbar-collapse {
		justify-content: flex-end;
	}
}

@media screen and (max-width: 991px) {
	/* Header */
	.navbar {
		justify-content: flex-end;
	}
	.navbar-toggler {
		border: 2px solid #085b01;
	}
	.navbar-collapse {
		background-color: #fff;
		padding: 1rem;
		position: absolute;
	    top: 100%;
	    right: -12px;
	    width: 320px;
	    z-index: 3;
	}
	.site-header ul.navbar-nav {
		display: block;
	}
	.site-header ul.navbar-nav li {
		display: block;
		margin-bottom: 0.5rem;
	}
	.site-header ul.navbar-nav li.social {
		display: inline-block;
	}

	/* Hero */
	.hero .hero-content {
		background: rgba(255, 255, 255, 0.69);
		top: 2rem;
		padding: 1.5rem;
		width: 66.66666667%;
	}
	.hero .hero-slider {
		width: 100%;
		margin-left: 0%;
	}	
	.hero .hero-slider .carousel .carousel-item .carousel-caption {
	    bottom: 0;
	}

	/* Who We Are */
	.who-we-are {
		padding-top: 3rem;
		padding-bottom: 2rem;
	}
	.who-we-are .col-xl-7 {
		border-left: none;
	}
	.who-we-are .about-us {
		margin-left: 0;
	}
	.who-we-are .row.row-flex {
		margin-top: 3rem;
	}
	.who-we-are .about {
		padding: 1rem 0rem;
	}

	/* Completed Projects */
	.completed-projects {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.completed-projects .completed-project-slider .carousel .carousel-control-prev,
	.completed-projects .completed-project-slider .carousel .carousel-control-next {
		top: 200px;
	}

	/* On-going Projects */
	.ongoing-projects {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	/* Suppliers Accreditation */
	.suppliers-accreditation {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.suppliers-accreditation .col-lg-7 {
		border-left: none;
	}
	.suppliers-accreditation ul.requirements {
		margin-top: 2rem;
		margin-left: 1.5rem;
		padding: 0;
	}
	.suppliers-accreditation .notes {
		margin-right: 0;
	}

	/* Careers */
	.careers {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.careers .row.row-flex {
		margin-top: 2rem;
	}
}

@media screen and (max-width: 567px) {
	h2 {
		font-size: 36px;
		line-height: 48px;
	}

	/* Hero */
	.hero .hero-content {
		background: rgba(255, 255, 255, 0.69);
		/*background: transparent;*/
		top: 1rem;
		left: 1rem;
		padding: 1rem;
		width: calc(100% - 2rem);
	}
	.hero .hero-content h1.hero-title {
		font-size: 36px;
		line-height: 48px;
	}
	.hero .hero-content p {
		display: none;
	}
	.hero .hero-slider .carousel .carousel-item .carousel-caption ul li.project-button {
		display: none;
	}

	/* Who We Are */
	.who-we-are .about-us p {
		font-size: 18px;
		line-height: 24px;
	}
	.who-we-are .row.row-flex {
		margin-top: 2rem;
	}
	.who-we-are .row.row-flex > [class*='col-'] {
		border-top: none;
		border-bottom: none;
	}
	.who-we-are .row.row-flex > [class*='col-']:first-child {
		border-top: 0.5px solid #085B01;
	}
	.who-we-are .row.row-flex > [class*='col-']:last-child {
		border-bottom: 4px solid #085B01;
	}

	/* Completed Projects */
	.completed-projects .completed-project-slider .carousel-item .carousel-caption {
		padding: 1rem;
		position: relative;
		width: 100%;
	}
	.completed-projects .completed-project-slider .carousel-item .carousel-caption h3.project-name {
		font-size: 24px;
		line-height: 32px;
	}
	.completed-projects .completed-project-slider .carousel .carousel-control-prev,
	.completed-projects .completed-project-slider .carousel .carousel-control-next {
		top: -36px;
	}

	/* On-going Projects */
	.ongoing-projects .ongoing-project-slider .carousel-item .project {
		margin-bottom: 1.5rem;
	}

	/* Suppliers Accreditation */
	.suppliers-accreditation .resources {
		margin-top: 1rem;
	}
	.suppliers-accreditation ul.requirements li {
		font-size: 18px;
	}

	/* Careers */
	.careers .row.row-flex {
		margin-top: 1rem;
	}

	/* Footer */
	.site-footer .row.row-flex > [class*='col-'] {
	  	margin-bottom: 1rem;
	  	text-align: center;
	}
	.site-footer .row.row-flex > [class*='col-'] p {
	  	margin-bottom: 0;
	}
	.site-footer ul.working-hours li.day {
		width: 44%;
	}
	.site-footer ul.working-hours li.time {
		width: 40%;
		text-align: left;
	}
	.site-footer ul.social li a {
		justify-content: center;
	}
	.site-footer .contact-form .form-row .form-col {
	  	margin-bottom: 0.5rem;
	}
	.site-footer .contact-form .form-row .form-col.form-col-20 {
		width: 49%;
		margin-right: 1%;
	}
	.site-footer .contact-form .form-row .form-col.form-col-80 {
		width: 100%;
		margin-right: 0;
	}
}