/* this is my Media CSS */
@media (min-width: 992px) and (max-width: 1200px) {
.main-slider .carousel-item {
	height: 560px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
header .top-bar .details {
	font-size: 11px;
	padding: 0 12px;
}
header .top-bar .details i {
	font-size: 10px;
	width: 22px;
	height: 22px;
	line-height: 20px;
	margin-top: 4px;
}
header .navbar-light .navbar-nav .nav-link {
	border: none;
	padding: 15px 0;
}
.main-slider .carousel-item h1 {
	font-size: 38px;
	margin-top: 50px;
}
.main-slider .carousel-item p {
	font-size: 15px;
	line-height: 20px;
}
.main-slider .carousel-item {
	height: 425px;
}
footer h3 {
	font-size: 16px;
}
.our-staff .member a {
	height: 168px;
}
.what-we-offer .service a.heading{
	font-size:15px;
}
.what-we-offer .service p{
	font-size:12px;
	line-height:17px;
}
}
@media (max-width: 767px) {
header .top-bar .details {
	font-size: 10px;
	padding: 0;
	border: none !important;
}
header .top-bar .details i {
	width: auto;
	height: auto;
	border: none;
	font-size: 11px;
	margin-right: 5px;
}
header .navbar-light .navbar-nav .nav-link {
	border: none;
	padding: 15px 0;
}
header nav.navbar form input {
	width: 85%;
}
.main-slider .carousel-item h1 {
	margin-top: 35px;
	font-size: 35px;
}
.main-slider .carousel-item p {
	padding: 20px 0;
	line-height: 20px;
	font-size: 13px;
}
.btn-primary, .btn-secondary {
	padding: 10px 15px;
	font-size: 12px;
}
.main-slider .carousel-item {
	height: auto;
}
.main-slider .btn-primary, .main-slider .btn-secondary {
	margin-bottom: 20px;
}
.main-slider .carousel-item img {
	margin-top: 80px;
}
.tabs-sec .nav-tabs .nav-link {
	font-size: 14px;
	padding: 15px 20px;
}
.get-in-touch form {
	margin-top: 10px;
}
.what-we-offer .row .col-lg-3{
	flex:auto;
}
.what-we-offer .service{
	height:auto;
}
}
@media (max-width: 575px) {
header .top-bar .details {
	font-size: 10px;
	padding: 0 3px;
	border: none !important;
}
header .top-bar .details i {
	width: auto;
	height: auto;
	border: none;
	font-size: 11px;
	margin-right: 5px;
}
header .navbar-light .navbar-nav .nav-link {
	border: none;
	padding: 15px 0;
}
header nav.navbar form input {
	width: 85%;
}
.main-slider .carousel-item h1 {
	margin-top: 35px;
	font-size: 35px;
}
.main-slider .carousel-item p {
	padding: 20px 0;
	line-height: 20px;
	font-size: 13px;
}
.btn-primary, .btn-secondary {
	padding: 10px 15px;
	font-size: 11px;
}
.main-slider .carousel-item {
	height: 650px;
}
.main-slider .btn-primary, .main-slider .btn-secondary {
	margin-bottom: 20px;
}
.nav-tabs .nav-item {
	width: 100%;
	text-align: center;
	margin: 10px 0;
}
.tabs-sec .nav-tabs .nav-item.show .nav-link, .tabs-sec .nav-tabs .nav-link.active {
	border-bottom: 1px solid #008be0;
}
.get-in-touch form {
	margin-top: 10px;
}
.projects-box .row.text-left h3 {
	margin-top: 20px;
}
.projects-box .row.text-right .btn {
	margin-bottom: 20px;
}
.what-we-offer .row .col-lg-3{
	flex:auto;
}
.what-we-offer .service{
	height:auto;
}
}

/* this is my Media CSS */