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


@media (max-width: 1200px) {

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

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

.product-gallery {
	width:130px; 
	height: 130px;
}

}

@media (max-width: 991px) {

  ul#menu li a {
    display: none;
  }

.product-title h4 {font-size: 16px;}

.featured-project .flex-direction-nav .flex-next {
  right: 43%;
}

.featured-project .flex-direction-nav .flex-prev {
  left: 43%;
}

.visimisi-col {
  min-height: 298px;
}

.services-col {
	width:50%;
	min-height: 330px;
}

.product-gallery {
	width:210px; 
	height: 210px;
}


}

@media (max-width: 768px) {


body {font-size:13px;}
h1 {font-size:44px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:16px;}

#logo {
  width: 250px;
  height: 35px;
  margin-top: 18px;
}

.home-products {
    height:1000px;
}

.featured-project .flex-direction-nav .flex-next {
  right: 40%;
}

.featured-project .flex-direction-nav .flex-prev {
  left: 40%;
}

.cta-sec {
  padding:50px;
  height: auto;
}

.cta {
	background: #fff;
	height: 100%;
	width: 100%;
	padding:40px;
	position: relative;
	top:initial;
	left:initial;
}

.footer-bottom {height: auto; padding:30px 0;}

.copyright {
	float:none; 
  text-align: center;
  margin-top: 0px;
}

ul.social {
	float:none;
  text-align: center;
}

.slide-text {width:100%; padding:0 15px;}

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

.testimonial .flex-direction-nav .flex-next, .testimonial .flex-direction-nav .flex-prev {display: initial;}

.product .flex-direction-nav .flex-next, .product .flex-direction-nav .flex-prev {display: initial;}

.testimonial .flex-direction-nav .flex-next {
  right:41%;
}

.testimonial .flex-direction-nav .flex-prev {
  left: 41%;
}

.featured-project .flex-direction-nav .flex-next, .featured-project .flex-direction-nav .flex-prev {
  display: block;
}

.visimisi-col {
  min-height: auto;
  height: auto;
}

.testi-wrapper {
	width:100%;
}

.product-gallery {
	width:150px; 
	height: 150px;
}


}


@media (max-width: 576px) {	

.services-col {
  width:100%;
  padding:50px 30px;
  min-height: auto;
  height: auto;
}

.testimonial .flex-direction-nav .flex-next {
  right:40%;
}

.testimonial .flex-direction-nav .flex-prev {
  left: 40%;
}

.product-gallery {
	width:180px; 
	height: 180px;
}

.featured-project .flex-direction-nav .flex-next {
  right: 38%;
}

.featured-project .flex-direction-nav .flex-prev {
  left: 38%;
}

.product .flex-direction-nav .flex-next {
  right:40%;
bottom:-30px;
}

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


}