@media only screen and (max-width:1200px) {
	.portfolio-projects-item { width: 33.33%; }

	// .portfolio-item-caption p { width: 80%; }
}

@media only screen and (max-width:1199px) {
	[data-sizey="1"][data-sizex="2"],
	[data-sizey="1"][data-sizex="3"]
	{
		width: 100%;
	}
}

@media only screen and (max-width:1199px) and (min-width: 992px) {
	[data-sizey="2"][data-sizex="3"],
	[data-sizey="2"][data-sizex="3"] + [data-sizey="1"][data-sizex="3"]
	{
		width: 655px;
	}
}/*480*/

@media only screen and (max-width:991px) and (min-width: 768px) {
	[data-sizey="2"][data-sizex="3"] { width: 435px; }

	.portfolio-projects-caption
	{
		padding: 45px 10px 0;
		height: 135px;
	}
}

@media only screen and (max-width:991px) {
	.services-block { text-align: center; }

	.servisec-item-wrap
	{
		padding-top: 68px;
		padding-left: 0;
	}

	.servisec-item { padding: 90px 20px 79px 20px; }

	.servisec-preview
	{
		left: 50%;
		top: 0;
	}

	.servisec-item h4.with-border.border-left:before
	{
		margin-left: auto;
		margin-right: auto;
	}

	.servisec-item .btn-more-wrap
	{
		left: 20px;
		right: 20px;
	}

	[data-sizey="2"][data-sizex="3"]
	{
		padding-left: 0;
		padding-bottom: 310px;
	}

	[data-sizey="2"][data-sizex="3"][data-img-position="right"] .event-description,
	[data-sizey="2"][data-sizex="3"][data-img-position="left"] .event-description
	{
		top: auto;
		width: 100%;
	}

	[data-sizey="2"][data-sizex="3"][data-img-position="right"] .event-description:after,
	[data-sizey="2"][data-sizex="3"][data-img-position="left"] .event-description:after
	{
		top: auto;
		bottom: 100%;
		left: 50%;
		margin-left: -4px;
		border-bottom-color: #ffffff;
	}

	.dark-layout [data-sizey="2"][data-sizex="3"][data-img-position="right"] .event-description:after,
	.dark-layout [data-sizey="2"][data-sizex="3"][data-img-position="left"] .event-description:after
	{
		border-bottom-color: #313131;
	}

	.portfolio-item-caption
	{
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media only screen and (max-width:768px) {
	header { padding: 0; }

	#menu_link { display: block; }

	header nav
	{
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		padding-bottom: 6px;
	}

	#header-navigation
	{
		text-align: left;
		background-color: #f9f9f9;
		position: relative;
		padding: 0 50px;
		z-index: 1;
	}

	.dark-layout #header-navigation { background-color: #3e3e3e; }

	#header-navigation:after
	{
		content:'';
		display:block;
		position:absolute;
		top: 100%;
		left: 0;
		width:100%;
		height:6px;
		background:url(../images/fon/header_shadow.png) repeat-x left top;
	}

	#header-navigation li
	{
		display: block;
		width: 100%;
		text-align: left;
	}

	#header-navigation a
	{
		display: block;
		border-top: 1px solid #e2e2e2;
		padding: 15px 0;
	}

	.dark-layout #header-navigation a { border-top: 1px solid #4e4e4e; }

	#header-navigation li:first-child a { border-top: 1px solid transparent; }

	#header-navigation a:before
	{
		line-height: 15px;
		width: auto;
		margin-right: 10px;
	}

	#header-navigation .link-innner
	{
		display: inline-block;
		vertical-align: top;
	}

	#header-navigation .description { display: none; }


	.portfolio-projects-item { width: 50%; }
}

@media only screen and (max-width:767px) {

	.event-item
	{
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 0 !important;
	}

	.event-item .event-description
	{
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		width: 100%;
	}

	.event-item .event-description:after
	{
		top: auto;
		bottom: 100%;
		left: 50%;
		right: auto;
		margin-left: -4px;
		border-left-color: transparent;
		border-right-color: transparent;
		border-bottom-color: #ffffff; 
	}

	.dark-layout .event-item .event-description:after
	{
		border-left-color: transparent;
		border-right-color: transparent;
		border-bottom-color: #313131; 
	}

	.event-item:hover .event-description:after
	{
		border-left-color: transparent !important;
		border-right-color: transparent !important;
	}

	.portfolio-item-caption { width: 100%; }

	.options
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.cont-info { text-align: center; }
}

@media only screen and (max-width: 650px) {
	.portfolio-projects-item { width: 100%; }

	.cont-info
	{
		width: 100%;
		margin-top: 20px;
	}

	.cont-info:first-child { margin-top: 0; }
}

@media only screen and (max-width: 600px) {
	#logo
	{
		padding-top: 44.5%;
		height: auto;
	}
}

@media only screen and (max-width: 540px) {
	.portfolio-item-caption
	{
		padding-left: 30px;
		padding-right: 30px;
	}

	.portfolio-item-caption p
	{
		max-height: 210px;
		overflow: hidden;
	}
}

@media only screen and (max-width: 480px) {
	#menu_link { margin-right: 0px; }

	#header-navigation { padding: 0 30px; }
}