/* Medium Layout: 1200px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.carousel-caption h1 {
		font-size: 36px;
	}
	.carousel-caption {
		bottom: 120px;
	}
	.news-area .owl-buttons .owl-next {
		right: -20px;
	}
	.news-area .owl-buttons .owl-prev {
		left: -20px;
	}
	.news-area .owl-buttons div {
		background: #3c4858;
  		border: 2px solid #3c4858;
  		color: #fff;
	}
}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	header   {
		position: relative;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #303030;
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-light .navbar-nav .social {
		display: none;	
	}
	.carousel-caption h1 {
		font-size: 36px;
	}
	.carousel-caption {
		bottom: 70px;
	}
	.news-area .owl-buttons .owl-next {
		right: -20px;
	}
	.news-area .owl-buttons .owl-prev {
		left: -20px;
	}
	.news-area .owl-buttons div {
		background: #3c4858;
  		border: 2px solid #3c4858;
  		color: #fff;
	}
	.years-box ul li {
		margin-bottom: 50px;
	}
	.overview-area .gap {
		display: none;
	}
	.overview-area .gap1 {
		margin-top: 50px;
	}
	.single-project-area .owl-buttons {
		margin-right: 20%;
	}
	.navbar-light .navbar-nav .active .nav-link {
		color: #55b7ff;
		border: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.navbar-light .navbar-nav .nav-link:hover,
	.navbar-light .navbar-nav .nav-link:focus {
		color: #55b7ff;
	}
	.navbar-brand {
		color: #3c4858 !important;
	}
}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

}


/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 501px) and (max-width: 767px) {
	.carousel-caption {
		bottom: 28% !important;
	}
	.carousel-caption h1 {
		font-size: 30px !important;
	}
}

@media only screen and (min-width: 375px) and (max-width: 500px) {
	.news-area .owl-buttons .owl-next {
		right: 0px;
		z-index: 100;
	}
	.news-area .owl-buttons .owl-prev {
		left: 0px;
		z-index: 100;	
	}
}

@media only screen and (min-width: 375px) and (max-width: 767px) {
	header   {
		position: relative;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #303030;
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-light .navbar-nav .active .nav-link {
		color: #55b7ff;
		border: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.navbar-light .navbar-nav .nav-link:hover,
	.navbar-light .navbar-nav .nav-link:focus {
		color: #55b7ff;
	}
	.navbar-brand {
		color: #3c4858 !important;
	}
	.navbar-light .navbar-nav .social {
		display: none;	
	}
	.carousel-caption {
		bottom: 20%;
	}
	.carousel-caption h1 {
		font-size: 20px;
	}
	.carousel-caption a, .carousel-caption h5 {
		display: none;
	}
	.years-box ul li {
		margin-bottom: 50px;
	}
	.single-project-area .owl-buttons {
		display: none;
	}
	.tab-area .nav {
		display: inline-block;
		margin-bottom: 30px;
	}
	.tab-area .nav-link {
		display: inline-block;
	}
	.news-area .owl-buttons .owl-next {
		right: -10px;
	}
	.news-area .owl-buttons .owl-prev {
		left: -10px;
	}
	.news-area .owl-buttons div {
		background: #3c4858;
  		border: 2px solid #3c4858;
  		color: #fff;
	}
	.overview-area .gap {
		display: none;
	}
	.overview-area .gap1 {
		margin-top: 50px;
	}
}