.menuToggle{
	display: none;
}
@media all and (max-width: 640px) {
	/* HEADER */

	#site-header nav > ul > li.search #search .search_btn:after{
		top: -1px !important;
		left: -2px !important;
		right:0 !important;
	}

	.special-margin{margin:0 !important;}

		.slider__img {
		  width: 100%;
		  position: absolute;
		  top: 50% !important;
		  left: 150%;
		  z-index: 1;
		}
		.img.slider__img.curr {
			margin-top: -260px !important;
		}


		#slide_title_0{
			left:230px !important;
			top:50px !important;
		}

		#slide_title_2{
			left:50px !important;
			top:50px !important;
		}


		
		#slide_title_1{
			left:230px !important;
			top:50px !important;
		}



		.extra_slide {bottom:47% !important;}


		#slide_txt_0{bottom:57% !important;}
		#slide_txt_1{bottom:55% !important;}
		#slide_txt_2{bottom:50% !important;}
		
		#content #slider .controls{font-size: 2.0em !important;}

	header nav{
		display: block;
		position: fixed;
		top: 0;
		right: -135px;
		width: 135px;
		height: 100%;
		background: #242425;
		padding: 30px 0 0 0;
		-webkit-box-shadow: 10px 0 10px 5px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.8);
		box-shadow: 2px 10px 10px 5px rgba(0, 0, 0, 0.8);
		transition-duration: .5s;
		-webkit-transition-duration: .5s;
	}
	body.showmenu header nav{
		right:0;
	}


	.movie_title{
		top:60px;
		left:50px;
	}
	
	.movie_right
	{
		float:left;
		left:240px;
	}


	.about {width:350px;height: 415px;}
	.about p {width: 300px;}



	#menu-item-2,#menu-item-3 {/* float:left !important; */}
	#menu-item-3,#menu-item-4 {text-indent: 3px !important;}


	input[name='search'] {left:-95px !important;}

	.movie_title img {
		width:72% !important;
	}


	body .wrapper,body #content #slider{
		left:0;
		position: relative;
		transition-duration: .5s;
		-webkit-transition-duration: .5s;
	}
	body.showmenu .wrapper,body.showmenu #content #slider{
		left:-135px;
	}
	.menuToggle{
		display: block;
		float: right;
		width: 40px;
		height: 40px;
		margin: 10px;
		position: relative;
		cursor: pointer;
	}
	.menuToggle span{
		width: 40px;
		display: inline-block;
		height: 2px;
		background: #fff;
		position: absolute;
		transition-duration: .3s;
		-webkit-transition-duration: .3s;
	}
	.menuToggle span:nth-child(1){
		top:2px;
	}
	.menuToggle span:nth-child(2){
		top:18px;
	}
	.menuToggle span:nth-child(3){
		top:34px;
	}
	body.showmenu .menuToggle span:nth-child(2){
		display: none;
	}
	body.showmenu .menuToggle span:nth-child(1){
		top:18px;
		transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
	}
	body.showmenu .menuToggle span:nth-child(3){
		top:18px;
		transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}

	#site-header {
		width: 100%;
		height: auto;
		padding:6px 3%;
		position: relative;
	}
	#search{
		display: none;
	}
	#site-header nav {
		float: none;
	}
	#site-header #logo {
		margin: 8px;
		float: left;
	}
	#site-header nav > ul > li {
		padding: 5px 0 0 0;
		display: block;
		height: auto;
		float: none;
		text-indent: 20px;
	}
	#site-header nav > ul > li > a{
		line-height: 28px;
		font-size: 16px;
		height:auto;
	}
	#site-header nav > ul > li ul {
		position: relative;
		background: #000;
		margin: 4px 0 4px 0;
		width: 135px;
		padding: 10px 20px;
		list-style: none;
		display: none;
		top:0;
		left:0;
		text-indent: 0;
		text-align: left;
	}
	#site-header nav > ul > li ul li{
		text-align: left;
	}
	#site-header nav > ul > li:hover ul {
		display: none;
	}
	#site-header nav > ul > li.active {
		background: #1b1b1b;
	}
	#site-header nav > ul > li.active ul {
		display: block;
	}
	#site-header nav > ul > li ul:after{
		margin-left:30px;
	}
	#site-header nav > ul > li.search #search {
		position: relative;
		top: 0;
		right: 0;
		display: block;
	}
	#site-header nav > ul > li.search a {
		display: none;
	}
	#site-header nav > ul > li.search #search input {
		display: block;
		position: relative;
		float: none;
		width: 80% !important;
		-webkit-box-shadow:none; 
		-moz-box-shadow:none;
		box-shadow: none;
		left: 0;
		margin: 4px 10%;
	}
	#site-header nav > ul > li.search #search .search_btn:after {
		top: 6px;
		right: 24px;
	}


		#site-header nav > ul > li.search #search input{
			margin-left:-71px !important;
			width:150px;
		}


	/* EMPIRE */
	#content{
		padding: 0;
		float:none;
	}

	#menu-item-0 {margin: 4px 0 0 0 !important;}
	#menu-item-1 {margin: 4px 0 0 0 !important;}
	#menu-item-2 {z-index: 9999 !important;text-align: center;margin:10px 13px 0 0 !important;}
	#menu-item-3 {padding-top: 4px !important;padding-left:0px !important;text-align: center;margin-right: 13px !important;}
	#menu-item-4 {padding-top: 8px !important;padding-left:0px !important;text-align: center;margin-right: 13px !important;}

	
	
	.office,.form{
		background: #000;
		float: none;
		display: block;
		margin-left: 3%;
		width: 94%;
		padding: 20px;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.office:after,.form:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	.add {
		margin: 5px 0 !important;
		width: 49%;
		float: left;
	}
	.add p{
		width: 91%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.add p:nth-child(4) img{
		width:98%;
		margin:4px 1%;
	}

	/* ABOUT */
	#filter {
		display: none;
	}
	.meet {
		background: #000;
		width: 94%;
		float: none;
		margin: 0 3% 20px 3% !important;
	}
	.meet:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	.slidez{
		height: 400px;
	}
	.meet .bio .text {
		float: none;
		display: block;
		width: 100%;
	}
	.meet .bio .avatar {
		float: none;
		width: 100% !important;
	}
	.meet .bio .avatar > div{
		float:left;
		width:49%;
		padding:0 !important;
	}
	.meet .bio .avatar > div:nth-child(2){
		margin-left: 2%;
	}

	/* INDEX */
	#content #slider .slide .text{
		position: absolute;
		left:5%;
		right:5%;
		width:90% !important;
	}


	/* CLIENTS */
	.client .clients.top {
		width: 94%;
		margin: 10px 3%;
	}
	.client .clients {
		width: 94%;
		margin: 10px 3%;
	}
	.client .clients{

	}
	.client .clients.top a {
		float: left;
		display: block;
		margin-left: 4.33%;
		margin-right: 0 !important;
		width: 29%;
	}
	.client .clients.top a img {
		width: 100%;
	}
	.client .clients ul {
		width: 47%;
	}
	.client .clients ul:nth-child(2n) {
		margin: 0 0 0 2% !important;
	}
	.client .clients ul li {
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* LISTING */
	.projects .project .text {
		float: none;
		display: block;
		margin-right: 2.35765%;
		width: 100%;
	}
	.projects .project .img {
		float: none;
		display: block;
		margin: 0 0 10px 0 !important;
		width: 100%;
		height: auto !important;
		overflow: hidden;
	}

	/* WORLDWIDE */
	.address{
		margin:-28px 3% 0 3%;
		width:94%;
	}
	.address .add {
		float: none;
		width: 100%;
	}
	.map img {
		width: 94%;
	}

	/* MEET_DETAIL */
	.meet.bio .img img{
		width:100%;
	}

	/* FOOTER */
	#site-footer {
		width: 94%;
		margin-left: 3%;
		margin-bottom: 20px;
		height: auto;
		float: none;
		position: relative;
		bottom: 0;
		padding: 0 20px;
		background: transparent;
		z-index: 1;
	}
	#site-footer .info #reel {
		display: none;
	}
	#site-footer .networks .connect h2 {
		display: none;
	}
	#site-footer .networks .connect .social {
		margin: 5px;
	}
}
@media all and (max-width: 780px) {
	#site-header nav > ul > li{
		margin:0 12px 0 0;
	}

	#site-header nav > ul > li > a{
		font-size: 16px;
	}







}
@media all and (max-width: 960px) {
	.add p:nth-child(4){
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
	}

	.meet .bio .avatar{
		overflow: hidden;
	}
	.meet .bio .avatar > div img{
		width:100%;
	}
		#slide_title_2{
			top:100px;
			left:135px;
		}

		#slide_title_1{
			top:100px;
			left:155px;
		}


		#slide_title_0{
			left:50px;
		}



		.extra_slide {bottom:47% !important;}

		#site-header #logo {
		margin: 17px 0 0 24px;
		}


		#site-header nav > ul > li.search #search input{
			margin-left:25px;
			width:150px;
		}


		#site-header nav > ul > li.search #search .search_btn:after{
			top: 4px;
			right: 4px;
		}

}