@media (max-width: 1199px) {
	

	
}

 @media (max-width: 991px) {
	
	 header {
		 height: 50px
	 }
	 
	 .visible-xs, .visible-sm, .visible-md, .visible-lg {
		display: block !important;
		top: 8px;
		position: absolute;
		z-index: 999;
		font-size: 25px;
		cursor: pointer;
		color: #fff;
	 }
	 
	.top-right {
		float: left;
		margin: 0;
	}
	
	.nav li ul {
		top: 0;
		width: 250px;
	}
	
	.nav li:hover ul {
		padding: 0;
	}
	
	.nav li ul::after {
		display: none;
	}	

	.header-wrapper .logo-wrap {
		float: none;
		width: 200px;
		margin: 0 auto;
	}
	.header-wrapper .logo-wrap img {
		max-width: 150px;
		margin: auto;
	}
	.top-right {
		float: none !important;
	}
	.pushmenu {
		/*this is the nav*/
			
		background: #fff;
		text-align: center;
		width: 250px;
		height: 100%;
		top: 0;
		z-index: 1000;
		position: fixed;
		float: none !important;
		margin-top: 0 !important;
	}
	.pushmenu-left {
		left: -250px;
	}
	.pushmenu-left.pushmenu-open {
		left: 0;
	}
	.pushmenu-push {
		overflow-x: hidden;
		position: relative;
		left: 0;
	}
	.pushmenu-push-toright {
		left: 250px;
	}
	/*Transition*/
		
	.pushmenu, .pushmenu-push {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.nav_list {
		cursor: pointer;
		height: 40px;
		width: 40px;
		background: #1181ff;
		position: absolute;
		left: 15px;
		top: 0;
		text-align: center;
		line-height: 40px;
		color: #FFF;
		font-size: 21px;
	}
	nav-list.active {
		background-position: -270px top;
	}
	.main-navigation {
		padding-top: 15px;
	}
	.main-navigation a {
		display: block;
	}
	/*Transition*/
		
	.pushmenu, .pushmenu-push {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.nav_list {
		cursor: pointer;
	}
	nav-list.active {
		background-position: -270px top;
	}
	.main-navigation {
		padding-top: 15px;
	}
	.nav > ul > li {
		display: block;
		width: 100%;
	}
	.nav > ul > li a {
		border-bottom: 1px solid #cbcbcb;
		display: block;
		padding: 15px 10px;
		color: #000;
	}
	.nav li:hover ul {
		position: relative;
		background: #e5e5e5;
	}
	.nav li:hover ul li:hover ul {
		position: relative;
		left: 0px;
		background: #e5e5e5;
	}
	
	.nav > ul > li:after {
		display: none;
	}
	 
	 .nav > ul > li:hover > a, .nav > ul:not( :hover ) > li.active > a {
		 color: #000
	 } 
	 
	.content {
		margin: 60px 0 0;
	}
	
	 footer .logo {
		 margin: 0 auto 50px
	 } 
	 
	 footer .address {
		 text-align: center
	 }
	
	 footer .icon-home {
		 width: 50px;
		 margin: 35px auto
	 }
	 
	 .team .builer-logo-wrap .logo-center img {
		margin-bottom: 30px;
	}
	 
}


@media (max-width: 767px) {

	.builer-logo-wrap .logo-center .builder-logo {
	    margin: 30px auto;
	}	
	
	.porfolio-content-row p {
		margin: 20px 0 25px;
	}
	
	.team .content-wrap {
		padding: 30px;
	}
	
	footer .icon-home {
		float: none
	}
	
}


@media (max-width: 576px) {
	
	.team .content-wrap, .team .bg-white-50 {
		padding: 20px;
	}

}