/*GÉNÉRAL*/
@media (max-width: 1100px) {
	.width-limiter, #primary-menu ul ul.sub-menu, .menu, #container {
		max-width:95% !important;
	}
}

/********/
/*HEADER*/
/********/
@media (max-width: 1010px) {
	#primary-menu ul ul.sub-menu li, .menu li {
		margin: 0 1em 0 0 !important;
	}
}
@media (max-width: 880px) {
	header#top {
		height: 60px !important;
		top:0;
	}
	#container.hasSubmenu {
		padding-top: 136px !important;
	}
	/*LOGO*/
	body h1#logo{
		top:2px;
	}
	body h1#logo a{
		background-size:100% 100%;
		height:30.5px;
		width:151px !important;
	}
	/*MAIN MENU*/
	#primary-menu{
		margin-top:11px !important;
	}
	#primary-menu > ul > li a{
		font-size:12px;
		
	}
	#primary-menu > ul > li {
		height: 36px !important;
		margin: 0 0.4em !important;
	}
	#primary-menu {
		margin-right: -0.4em;
	}
	#primary-menu > ul > li a:hover{
		display:inline;
	}
	/*SUBMENU*/
	#primary-menu ul ul.sub-menu li a, .menu li a{
		font-size:12px;
	}
	#primary-menu ul ul.sub-menu li, .menu li{
		margin: 0 1em 0 0 !important;
		padding: 1em 0 !important;
	}
	.submenu-wrapper{
		top:4.3em !important;
	}
	#primary-menu ul ul.sub-menu, .menu{
		height:3.65em;
	}
	.page-template-page-portfolios-php #container {
		padding-top: 54px !important;
	}
}
@media (max-width: 720px) {
	/*MOBILE MENU*/
	#slidedown-menu{
		width:auto !important;
	}
	#primary-menu, .portfolio-posts header{
		display:none;
	}
	#container > .section > .portfolio-container.isotope{
		margin-top:10px;
	}
	#container.hasSubmenu {
		padding-top: 95px !important;
	}
	.page-template-page-portfolios-php .submenu-wrapper {
		display: block;
	}
	.tools ul li.search{
		display:none;
	}
	.tools, .tools ul li.menu {
		border: 0 none;
		display: block;
		margin: 0 !important;
		padding: 0 1px 0 0;
		width: auto;
	}
	#mobile-menu  #primary-menu > ul > li.current-menu-item > a, body #mobile-menu  ul#menu-top-menu li.current-page-ancestor > a, body #mobile-menu  ul#menu-top-menu li.current-page-ancestor .current-menu-item > a {
		color: #000 !important;
	}
	#mobile-menu #primary-menu > ul > li.current-menu-item > a:hover, body #mobile-menu ul#menu-top-menu li.current-page-ancestor > a:hover, body #mobile-menu ul#menu-top-menu li.current-page-ancestor .current-menu-item > a:hover {
		color: #fff !important;
	}
	#slidedown-load #slidedown-close{
		z-index:1000;
	}
	.vc_row-fluid{
		overflow:hidden;
	}
}

/***********/
/* CONTENT */
/***********/
@media (max-width: 880px) {
	.post .entry h2 {
		font-size: 30px !important;
		margin: 0;
		text-align:left !important;
	}
	.post .entry h2 span:after{
		display:none;
	}
	h2 + .subcontent, h2.odd + .subcontent{
		width:auto;
		margin:1em 0 0 0;
		text-align:left !important;
		overflow:hidden;
	}
	h2 + .subcontent p{
		text-align:left !important;
	}
	.post .entry h2.odd {
		text-align: left !important;
	}
	img.alignright{
		float:none !important;
	}
}

@media (max-width: 750px) {
	.vc_span6 .van_member{
		padding:0;
		text-align:center;
	}
	.vc_span6 .van_member .avatar{
		float:none;
		position:static;
	}
}

/************/
/* HOMEPAGE */
/************/
@media (max-width: 1100px) {
	.tp-caption.slider-title {
		left: auto !important;
		text-align: center !important;
		width: 70% !important;
		background-position:center 0;
	}
	.vc_pie_chart .vc_pie_chart_value{
		font-size:15px !important;
	}
}
@media (max-width: 700px) {
	body .vc_row-fluid .vc_span4{
		width:100%;
	}
	.vc_row-fluid.team  .vc_span3{
		width:95% !important;
		margin-left:0;
		margin:0 auto !important;
		float:none;
	}
	.vc_row-fluid.team  .vc_span3 .van_member .avatar{
		float:left;
		margin-right:1em;
		margin-bottom:2em;
	}
	.vc_row-fluid.team  .vc_span3 .van_member{
		text-align:left;
	}
}
@media (max-width: 600px) {
	.tp-caption.slider-title {
		width: 100% !important;
	}
	.tp-caption.slider-title h2{
		font-size:60px;
	}
	.van_headline.circle h2 {
		font-size: 33px;
		line-height: 1.2em;
	}
	body .vc_row-fluid .vc_span3{
		width:47%;
	}
}

@media (max-width: 414px) {
	.home .fullscreen_stage{
		display:none;
	}
	.page-template-page-homepage-php #container {
		margin-top:20px;
	}
	.vc_span12 > .wpb_wrapper {
		width: 95% !important;
	}
	.vc_row-fluid.team  .vc_span3 .van_member .avatar{
		float:none;
		margin-right:1em;
	}
	.vc_row-fluid.team .vc_span3 .van_member{
		text-align:center;
	}
}

/*************/
/* PORTFOLIO */
/*************/

@media (max-width: 1100px) {
	.portfolio_carousels{
		display:none;
	}
	.slides .col {
		width:100%;
	}
	.slides .col h2 span{
		display:inline;
	}
	.slides .col .desc{
		margin-top:10px;
	}
	.portfolio-slider li .colimg {
		width: 100% !important;
	}
	.portfolio-slider .flex-direction-nav{
		display:block;
	}
	.portfolio-slider .flex-direction-nav li a:hover{
		opacity:1 !important;
	}
	.portfolio-slider .flex-direction-nav li a{
		text-indent:-100000px;
		opacity:0.4 !important;
		top: 50% !important;
	}
	.portfolio-slider .flex-direction-nav li a.flex-prev{
		left:0 !important;
		right: auto !important;
	}
	.table, .cell{
		display:block !important;
	}
	#container.fullscreen_stage{
		margin-bottom:3em;
	}
	.fullscreen_stage .video-container {
		height: 0;
		padding-bottom: 56.25%;
		padding-top: 30px;
	}
	.portfolio-slider li{
		height:auto !important;
	}
}
@media (max-width: 880px) {
	#container.fullscreen_stage {
		padding-top: 140px;
	}
}
@media (max-width: 720px) {
	#container.fullscreen_stage {
		padding-top: 104px;
	}
}