/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 1024px) {
	/*.ipad .global_wrap{
	  padding: 20px 0 0;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}*/
	.owl-buttons .owl-next{
	 	background: url("../images/next_arrow.png") 15% 50% no-repeat rgba(255,255,255,0.8);
	}
	.owl-buttons .owl-next:hover{
	 	cursor: pointer;
	 	background: url("../images/next_arrow.png") 15% 50% no-repeat rgba(255,255,255,0.4);
	}
	.content_item_inner,
	.content_item_inner1,
	.content_item_inner2{
		padding-right: 50px;
	}
	.slideshow_banner_inner{padding-left: 20px;}
	.owl-buttons {display: none;}
	/*.rollover{display: none;}*/
	.portfolio_item img,
  	.portfolio_item.current_item img{
	    -moz-transform: scale(1.05);
	    -webkit-transform: scale(1.05);
	    -o-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	    transform: scale(1.05);
	    filter: grayscale(0.1);
	    -webkit-filter: grayscale(0.1);
	    -moz-filter: grayscale(0.1);
	    -ms-filter: grayscale(0.1);
	    -o-filter: grayscale(0.1);
	    /* IE 5.5+ */
	    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  	}
  	.portfolio_item a, .portfolio_item a {color: #525252;}
  	.langWay li .mediaHolder:hover>img{
	    -moz-transform: scale(1);
	    -webkit-transform: scale(1);
	    -o-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	  }
	  .langWay li .mediaHolder>img {
	   /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter …\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	    -webkit-filter: grayscale(0%);*/
	  }
	  .langWay li .mediaHolder:after{display: none;}

	.flexslider .flex-direction-nav, .cycle-next {
		display:block;
	}
	.flexslider .flex-direction-nav a, .cycle-next {
		position:absolute;
		top:50%;
		margin-top:-30px;
		display:block;
		width:60px;
		height:60px;
		cursor:pointer;
		border-radius:50%;
		background-repeat:no-repeat;
		background-position:50% 50%;
	}
	.cycle-next {position:fixed;}
	.flexslider .flex-direction-nav a:hover, .cycle-next:hover {
		background-color:rgba(255, 255, 255, 0.5);
	}
	.flexslider .flex-direction-nav a.flex-prev {
		left:30px;
		background-image:url(../images/prev_arrow.png);
	}
	.flexslider .flex-direction-nav a.flex-next, .cycle-next {
		right:30px;
		background-image:url(../images/next_arrow.png);
	}
}

@media only screen and (min-height: 1000px) {
	#portfolio_slider .viewport{
		height: 886px;
	}
}

@media only screen and (min-height: 901px) {
	#portfolio_slider .viewport{
		height: 486px;
	}
}
@media only screen and (max-height: 900px) {
	#portfolio_slider .viewport{
		height: 386px;
	}
	.content_item_inner,
	.content_item_inner1{
		min-height: 330px;
		padding-bottom: 30px;
	}
	.content_item_inner2{
		min-height: 283px;
		padding-bottom: 20px;
	}
	.contact_page .content_item_inner2{
		min-height: 270px;
	}

/*
.direct_box{
		  max-height: 240px;
  overflow-y: scroll;
	}
*/
}

/*@media only screen and (max-height: 768px) {
	#portfolio_slider .viewport{
		height: 286px;
	}
	.map_box{
	 	position: relative;
	 	bottom: 100px;
	 }
	 .downloads .content_item_inner{
	 	min-height: 232px;
	 }
	 .content_img{//position: relative;}


}*/




@media only screen and (max-width: 995px) {
 	body{min-width:768px;}
 	.ipad .global_wrap{
  		padding: 0px 0 0;
	}

	.rollover{display: none;}

}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 	body{
 		font-size: 14px;
 		line-height: 16px;
 	}
 	.global_wrap{
 		height: auto;
 	}
 	p{
 		margin-bottom: 12px;
 	}
 	.content_img p{padding-left: 25px;}
 	.content_item_inner,
 	.content_item_inner1,
 	.content_item_inner2{
 		padding: 19px 30px 19px;
 		min-height: 1px;
 	}
 	.content_item img{
 		max-width: 100%;
 	}



	body.openNav {
	  overflow:hidden;
	  height:100%;
	}
	body.openNav .m_navigation.in {
	  overflow:auto;
	}
	body.openNav .global_wrap {
	  overflow:hidden;
	}



	.content_item > img.contactImage {
		height: auto;
	}

 	.content_item_inner1 p:last-child{
		margin-bottom: 0;
 	}
 	.title1{
 		font-size: 16px;
 		line-height: 20px;
 		margin-bottom: 15px;
 	}
 	.slide_caption{
 		font-size: 16px;
 		line-height: 20px;
 		margin-bottom: 0px;
 	}
 	.slide_caption+p{
 		margin-bottom: 24px;
 	}
 	.slide_list_label{width: 240px;}
 	.slideshow_banner_inner {
		padding: 26px 50px 40px;
	}
	.slides>li:after{
		display: none;
	}
	.slides>li{width: auto !important;}
	.slides>li.extra_item img,
	.flexslider img,
	/*.slides>li.fullheight img{height: auto !important;width: 100% !important;}*/
 	.title1.var1{height: auto;}
 	.direct_name,
 	.title5{
 		font-size: 14px;
 		line-height: 16px;
 	}
 	.position{
 		font-size: 14px;
 		line-height: 16px;
 	}
 	.label{width: 200px;}

 	.open_nav_btns{
	  display: block;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  background: #fff;
	}
 	.resume_address{
 		margin-bottom: 35px;
 	}

 	.m_navigation{
	 	width: 100%;
	 	z-index: 9999;
	 	bottom: 0;
	 	max-width: 100%;
	 	background: #fff;
	 	padding: 30px 0 0;
	 	-moz-transform: translateX(-120%) !important;
		-webkit-transform: translateX(-120%) !important;
		-o-transform: translateX(-120%) !important;
		-ms-transform: translateX(-120%) !important;
		transform: translateX(-120%) !important
		-webkit-transition: all 0.6s ease;
	    -moz-transition: all 0.9s ease;
	    -o-transition: all 0.9s ease;
	    transition: all 0.9s ease;
	 }
	 	.m_navigation.in{
	 		box-shadow: inset -5px 0 20px #f5f5f5;
		 	-moz-transform: translateX(0) !important;
			-webkit-transform: translateX(0) !important;
			-o-transform: translateX(0) !important;
			-ms-transform: translateX(0) !important;
			transform: translateX(0) !important

		 }
	 .nav_inner{
	 	padding: 0;
	 }

	 .menu_item{
	 	margin-bottom: 0;
	 	border-top: 1px solid #e1e1e1;
	 }
	 .menu_item a,
	 .menu_item.current a{
	 	display: block;
	 	font-size: 16px;
	 	line-height: 58px;
	 	height: 58px;
	 	text-align: center;
	 	-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px)
	 }
	 .menu_item a{
	 	color: #b7b7b7;
	 }
	 .menu_item.current a,
	 .menu_item a:hover{
	 	background-color: #efefef;
	 	color: #929292;
	 }
	 .menu_item.current a{
	 	font-weight: 400;
	 }

	 .menu_item.hide_menu_item{
	  	display: block;
	  }

	 .lang_list{
	 	overflow: hidden;
	 	font-size: 16px;
	 	position: absolute;
	 	left: 0;
	 	top: 414px;
	 	width: 100%;
	 	border-top: 1px solid #e1e1e1;
	 }
	 	.lang_item{
	 		float: left;
	 		width: 33.3%;
	 	}
	 		.lang_item a{
	 			display: block;
	 			height: 58px;
	 			line-height: 58px;
	 			text-align: center;
	 		}
	 		.lang_item a:hover,
	 		.lang_item a.active{
	 			background-color: #ebebeb;
	 		}

	 #portfolio_slider,
	 .created_by{
	 	display: none;
	 }


	.nav_bottom{
		position: relative;
		left: 0;
		bottom: 0;
		text-align: center;
		padding: 30px 0;
	}
		.soc_icon{
			display: inline-block;
			margin: 0 5px;
			float: none;
		}

	#content{
		padding: 51px 0 0;
		margin: 0;
		height: auto;
		overflow: auto;
		transition: all 0s ease;
		-webkit-transition-delay: 0s;
		-o-transition-delay: 0s;
		-moz-transition-delay: 0s;
		transition-delay: 0s;
	}
	.flexslider, .slides, .slides li, .flex-viewport,
	#content_inner{
		height: auto !important;
	}
	.content_img img{height: auto;}

	#carousel{
		min-width: 0;
	}
		.content_img{
			position: relative;
		}
		.text_box{
			margin-bottom: 0;
			padding-right: 0;
		}
		.downloads .content_item_inner{
			min-height: 1px;
			padding-bottom: 25px;
		}
		.content_item{
			height: auto;
		}
		.content_item_img img{
			float: none;
			width: 100%;
			height: auto;
		}

		.bg1:after{
			height: 100%;
		}
	.logo,
	.lang_list{
		float: none;
	}
	.logo{
		margin: 0 auto;
		width: 120px;
	}
	.logo a{
		width: 120px;
		height: 55px;
		background: url("../images/resp_logo.png") no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.owl-carousel{
		display: block;
	}
	.slides>li:before{
		display: none !important;
	}
	.flexslider, .slides, .slides li, .flex-viewport{
		height: auto;
	}
	.slideshow_banner{
		position: relative;
		left: 0;
		opacity: 1;
		width: auto;
		max-width: 100%;
	}
	#projects_list{
		background: #fff;
		z-index: 88;
		display: block;
		padding: 50px 100px 0;
		margin:0;
		-webkit-transition: all 1000ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	   -moz-transition: all 1000ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	    -ms-transition: all 1000ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	     -o-transition: all 1000ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	        transition: all 1000ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	}
		#projects_list .portfolio_descr{
			padding-left: 0;
			padding-right: 0;
		}
		#projects_list .portfolio_img{
			width: 126px;
			min-width: 126px;
			height: 126px;
			overflow: hidden;
		}
		#projects_list .portfolio_img img{
			width: 100%;
		}

		#projects_list .portfolio_item{
			height: auto;
			cursor: pointer;
			margin-bottom: 20px;
		}
		#projects_list .portfolio_item:hover{
			color: #7c7c7c;
		}

		.portfolio_title{
			font-size: 16px;
			line-height: 20px;
		}

		#projects_list.hide{
			-moz-transform: translateX(150%);
			-webkit-transform: translateX(150%);
			-o-transform: translateX(150%);
			-ms-transform: translateX(150%);
			transform: translateX(150%);
			transition-delay: 0.2s;
			-webkit-transition-delay: 0.2s;
		}
		.cycle-next,
		.owl-carousel:before{display: none;}
		.slideshow_banner_inner{width:auto;}
		.slides>li{text-align: left;}
	.direct_box{
		max-height: 1000px;
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 #projects_list .portfolio_img{
	width:106px;
	min-width:106px;
 }
 .direct_img{
 	float: none;
 	width: auto;
 	margin: 0 0 20px;
 }
 .content_item_inner1,
 .content_item_inner{
 	padding-left: 25px;
 	padding-right: 25px;
 }
 .label{float: none;margin-bottom: 15px;}
 #projects_list .portfolio_descr{padding-left: 0px;}
 #projects_list{padding: 30px;}
 .slide_list_label{float: none;width: auto;margin-bottom: 10px;color: #676767;}
 .slideshow_banner_inner{
 	padding-left: 25px;
 	padding-right: 25px;
 }
}