@media only screen and (max-width:1199px), screen and (max-device-width:1199px) {

	.tab-demo .tabs li { width: 30%; }
}

@media only screen and (max-width:991px), screen and (max-device-width:991px) {
	.logos-carousel_short { margin-top: 30px; }

	.element[data-x="1"] { width: 50%; }
	.element[data-x="2"][data-y="1"] { width: 100%; }

	.element[data-x="1"][data-y="1"] .img-container { padding-top: 62.01550387596899%; }
	.element[data-x="1"][data-y="2"] .img-container { padding-top: 126.7%; }
	.element[data-x="2"][data-y="1"] .img-container { padding-top: 30.6%; }

	.tab-demo .tabs li { width: 100%; }
}

@media only screen and (max-width:767px), screen and (max-device-width:767px) {
	#header-container,
	#header
	{
		height: 70px;
	}

	#logo { left: 8%; }

	#menu-tog { display: block; }

	#navigation
	{
		display: none;
		float: none;
		height: auto;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		text-align: left;
		margin-right: 0;
	}

	#navigation ul,
	#navigation li
	{
		display: block;
	}

	#navigation li
	{
		margin: 0;
		border-top: 1px solid #e5e5e5;
	}

	#navigation > ul > li:first-child { border-top: none; }

	#navigation a
	{
		padding: 0 9.5% 0 8%;
		line-height: 53px;
	}

	#navigation a:after { display: none; }

	#navigation .has-submenu > a:before
	{
		content: '\e804';
		font-size: 35px;
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		text-align: center;
		speak: none;
		position: absolute;
		right: 36px;
		top: 0;

		-webkit-transition: -webkit-transform 300ms ease-in-out;
		-o-transition: -o-transform 300ms ease-in-out;
		transition: transform 300ms ease-in-out;
	}

	#navigation .has-submenu > a.drop_active:before
	{
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	#navigation .submenu
	{
		display: none;
		position: relative;
		left: 0;
		width: 100%;
		margin-left: 0;
		visibility: visible;

		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}

	#navigation .submenu,
	#navigation li:hover .submenu
	{
		padding-top: 0;
	}

	#navigation .submenu ul
	{
		padding: 0;
		background-color: #ffffff;
	}

	#navigation .submenu ul:before,
	#navigation .submenu ul:after
	{
		display: none;
	}

	#navigation .submenu a,
	#navigation .submenu a.current
	{
		font-size: 16px;
		padding: 0 8% 0 10.5%;
		color: #555555;
	}

	#navigation .submenu a:hover { color: #555; }

	#header-form { display: none; }

	.infoline [class*=" col-"],
	.infoline [class^="col-"]
	{
		text-align: left;
	}

	.teams .title-with-ico,
	#about .title-with-ico
	{
		margin-top: 20px;
	}

	.infoline .flat-btn,
	.infoline .download-btn
	{
		margin-top: 30px;
	}

	.project-content { padding-top: 20px; }

	.social-item
	{
		height: 160px;
		padding: 40px 6% 0 10%;
	}

	.social-container h3 { margin-bottom: 20px; }

	.social-container .ico
	{
		position: absolute;
		width: auto;
		right: 6%;
		top: 0;
		bottom: 0;
		line-height: 160px;
	}

	.social-container .more-btn
	{
		position: relative;
		bottom: auto;
	}

	.widget-project li { width: 33.33333333%; }

	.tabs li,
	.widget-custom_posts .tabs li
	{
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width:650px), screen and (max-device-width:650px) {
	#intro-fullscreen .inner #slide-content_2 a
	{
		margin-bottom: 20px;
	}
}

@media only screen and (max-width:560px), screen and (max-device-width:560px) {
	.widget-project li { width: 50%; }

	.element[data-x="1"],
	.element[data-x="2"]
	{
		width: 100%;
	}

	.element[data-x="2"][data-y="1"] .img-container { padding-top: 62.01550387596899%; }

	#project-slide { margin-top: 15px; }
	#project-slide .owl-dots { margin-bottom: 15px; }
}

@media only screen and (max-width:360px), screen and (max-device-width:360px) {
	.widget-project li { width: 100%; }
}