/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  .port_item{
  	width: 29.8%;		
  }
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
 
	.port_item {
	    width: 45.8%;
   	}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
	.main_nav{
		background: #00E077;
	}
	.main_nav .navbar-toggle{
		border-color: #fff;
	}
	.main_nav .navbar-toggle{
		border-color: #fff;
	}        
	.main_nav .navbar-toggle:focus, 
	.main_nav .navbar-toggle:hover{
		background: #fff;
	}
	.main_nav .navbar-collapse{
		border-color: #00E077;
	}
	.main_nav .navbar-toggle .icon-bar{
		background: #fff;
	}
	.main_nav .navbar-toggle:hover .icon-bar,
	.main_nav .navbar-toggle:focus .icon-bar{
		background: #00E077;
	}
	.about_content {
		margin-bottom: 30px;
	}
	.blog_content img{
		width: auto;
	}
	.blog_content:hover img{
	  transform: scale(1);
	}
	section.map h3 {
	    margin-bottom: 15px;
	    font-size: 16px;
	}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 585px) and (max-width: 767px) { 
	 
	.port_item {
	    width: 44.8%;
   	}
}
@media only screen and (max-width: 585px){
	.port_item {
	    width: 42.8%;
   	}
	.port_item img {
	    width: 360px;
	    height: 200px;
	}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.team_description{
		padding-top: 30% !important;
	}
}
@media only screen and (max-width: 480px){
	.home_content h2 {
	    font-size: 25px;
	}
	.about_tab_btn ul li a{
		font-size: 15px;
	}
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:focus, 
	.nav-tabs > li.active > a:hover{
		font-size: 15px;
	}
	.page_title h2{
		font-size: 18px;
	}
	p{
		font-size: 14px;
	}
	.team_description{
		padding-top: 9% !important;
		padding: 5px;
	}
	.port_item {
	    width: 86.5%;
   	}
	.port_item img {
	    width: 360px;
	    height: 200px;
	}
}