@charset "UTF-8";
/* CSS Document */



@media (max-width: 1200px) {

ul#menu li a {
  font-size: 15px;
}

ul#menu li {
  margin-left: 20px;
  margin-right: 20px;
}

.flex-direction-nav .flex-next {
  left: -175px;
  bottom: 40%;
}

.flex-direction-nav .flex-prev {
  left: -240px;
  bottom: 40%;
}

.team-info h3 {font-size: 18px;}

}


@media (max-width: 991px) {

#about, #services, #project, #clients, #team, #contact {
	height: 74px;
	margin-top:-74px;
}


ul#menu li a {
  font-size: 12px;
}
  
ul#menu li {
  margin-left: 10px;
  margin-right: 10px;
}

.about-icon h3 {font-size: 16px;}

.services-col {
	width: 100%;
	float:none;
}

.services-bg {
	height: 300px;
}

.flex-direction-nav .flex-next {
  display: none;
}

.flex-direction-nav .flex-prev {
  display: none;
}

.flex-control-paging li a {display: block;}

.team-info h3 {
  font-size: 16px;
}

.small-text {
  font-size: 12px;
}

}

@media (max-width: 768px) {

body {font-size:15px;}
h1 {font-size:32px;}
h2 {font-size:24px;}
h3 {font-size:18px;}

.bottom-header {display: none;}
ul#menu {display: none;}

.blank-header {height: 75px;}

.top-header {
	height: 75px;
  padding-top: 0;
  border-bottom: 1px solid #eee;
}

#logo {
  width: 200px;
  height: 75px !important;
  background-size: contain;
	float: left;
}

.about-icon h3 {font-size: initial;}


.services-info {
	padding:30px;
}

.panel-title a {
  font-size: 18px;
}

.panel-heading a:before {
  font-size: 28px;
}

.team-col {width: 33.333%}

.team-big-col {width:50%;}

}


@media (max-width: 576px) {	

.home-banner {
	min-height: 600px;
}

.services-info {
	padding:30px 15px 90px 15px;
}

.project-name {padding:10px;}

.team-col {width: 100%}

.team-big-col {width:100%;}

.contact-info {
	padding:30px;
}

.copywright {
  width: 315px; line-height: 20px;
  margin:0 auto;
}

.white-popup  {padding:20px !important;}

.white-popup p {
  line-height: 25px !important;
}
 
}