@media screen and (max-width: 959px) {
   .wrapper {
	  margin-left: 120px;
	  padding: 0;
  }
  .bx-controls-direction {
	  display: none;
  }

  #project-port .item div.ul > div .show-case .show-detail {
	  padding: 10px 15px;
  }
  #project-port .item div.ul > div .show-case .show-detail p,
  #project-port .item div.ul > div .show-case .show-detail .gap-line {
	  display: none;
  }
  #project-port .item div.ul > div .show-case .show-detail h1 {
	  font-size: 16px !important;
	  line-height: 11px;
  }
  #project-port .item div.ul > div .show-case .show-detail h2 {
	  font-size: 13px;
	  line-height: 8px;
  }


  .subb-slider .bx-wrapper li,
  .subb-slider .bx-wrapper li img,
  .subb-slider .bx-wrapper li:hover img {
	  height: 90px;
  }
	.map span.pic-map img.img-fixed,
	.map span.pic-map {
		height: 180px;
		width: auto;
	}

	.head-nav.small-res div + div {
		display: block !important;
		margin-left: 5px;
	}


}

@media screen and (max-width: 579px) {
  .wrapper {
	  margin-left: 0;
	  padding: 0;
  }

  .content h1 {
	font-size: 40px;
	line-height: 28px;
}
	.content h2 {
		font-size: 24px;
		line-height: 20px;
	}
	.content h3 {
		font-size: 16px;
		line-height: 14px;
	}

	.content h4,
	.content p {
		font-size: 14px;
		line-height: 14px;
	}
	.home-slider {
		height: 100%;
	}

	.bx-wrapper .bx-pager .bx-pager-item {
		margin: 3px 0;
	}
	.home-slider .bx-wrapper .bx-controls {
		 margin-top: 0;
		 height: auto;
		 top: 40%;
	}
	.home-slider .bx-wrapper .bx-pager {
		top: 0;
		margin-top: 0;
		width: 25px;
		padding: 10px 0;
	}

  .about-page .content .box {
	  width: 300px;
	  height: 200px;
	  padding: 15px 20px;
	} 
  #project-port .item div.ul > div .show-case .show-detail h1 { 
	  margin-bottom: 20px;
  }
  #project-port .item div.ul > div .show-case .show-detail h2 {
	  display: none;
  }
  .content .box p {
	  width: 250px;
	  font-size: 18px !important;
	  line-height: 14px;
  }

  .box-contact {
		width: 280px; 
		margin-right: 10px; 
}

  .foot-nav,
  .pj-name { display: none; }


  /*Add*/

  .customNavigation a {
	  top: 38%;
	  width: 20px;
	  height: 50px;
  }

	.content {
		padding: 10px;
	}
	.box-contact h2 {
		font-size: 18px !important;
		line-height: 14px !important;
	}
	.box-contact h3 {
		font-size: 14px !important;
		line-height: 12px !important;
	}
	input[type="text"], textarea {
		width: 250px;
		height: 15px;
	}
	.contact-form .label {
		height: 14px;
		line-height: 14px;
	}
	.map {
		width: 30%;
		height: 400px;
	}
	.google-map iframe {
		height: 180px !important;
	}
	.google-map {
		height: 180px;
	}
	.map span.pic-map {
		display: none;
	}
	.map span.pic-map a {
		right: 0;
	}
	.map span.pic-map a + a {
		display: none;
	}
	.clients-list ul li {
		margin-right: 20px;
	}

	.clients-list ul li img.img-gray,
	.clients-list ul li {
		width: 164px;
		height: 78px;
	}

	#section4 .box-contact,
	#section4 .map { 
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#section4 .contact-form {
		width: 300px;
		margin: 0 auto;
	}

	#project-port .item div.ul > div:hover .show-case .show-img {
		width: 60%;
		overflow: hidden;
	}
	#project-port .item div.ul > div:hover .show-case .show-img img {
		width: 100%;
		overflow: hidden;
	}
	#project-port .item div.ul > div:hover .show-case .show-detail {
		width: 37%;
		padding: 10px 5px;
	}
	#project-port .item div.ul > div .show-case .show-detail h1 {
	  font-size: 12px !important;
	  line-height: 11px;
	}
	#project-port .item div.ul > div .show-case .show-detail .float-bottom {
		margin-left: 2px;
	}

}

@media screen and (max-width: 320px) {
	.google-map,
	.google-map iframe {
		display: none;
	}
	.about-page .content .box {
		width: 220px;
	}
}


@media screen and (min-width: 1200px) {
	.clients-list ul li.float-none {
		float: none;
	}
	.subb-slider .bx-wrapper li {
		height: 100px;
	}
	.subb-slider .bx-wrapper li img {
		height: 100px;
	}
	.subb-slider .bx-wrapper li:hover img {
		height: 100px;
	}

}