@media only screen and (max-width:1160px){
	.gallery-content {
		max-width:704px;		
	}
	.other-projects-content {
		max-width:762px;
	}
	.other-project {
		margin:0 26px 40px 26px;
	}
	.contacts {
		width:66%;
	}
	.navigate {
		width:24%;
	}
}

@media only screen and (max-width:1100px){
	.services-2 {
		background:none;
	}
	.services-block {
		display:block;
		width:100%;
	}
	.services {
		width:50%;
		height:auto;
	}
	.services-descr {
		width:auto;
	}
	.packaging-icon {
		background:url(img/packaging_new@2x.png) no-repeat;
		background-size:74px 74px;
	}
	.photography-icon {
		background:url(img/photography_new@2x.png) no-repeat;
		background-size:74px 74px;
	}
	.web-icon {
		background:url(img/web_new@2x.png) no-repeat;
		background-size:74px 74px;
	}
	.identity-icon {
		background:url(img/identity_new@2x.png) no-repeat;
		background-size:74px 74px;
	}
}

@media only screen and (max-width:1060px){
	.submenu-close {
		display:block;
	}
	.slider-thumb {
		visibility:hidden;
		opacity:0;
	}
}

@media only screen and (max-width:1040px){
	.submenu-close-side {
		visibility:visible;
	}
	.home-header .headline-content h2 {
		width:35%;
	}
}

@media only screen and (max-width:940px){
	.home-header .headline-content h2 {
		width:38%;
	}
}

@media only screen and (max-width:840px){
	.footer {
		max-width:1020px;
		width:100%;
		margin:0 auto;
		float:left;
		padding:15px 0 0 0;
	}
	.footer-info {
		width:100%;
		background:none;
		margin-top:23px;
		margin-bottom:-1px;
	}
	.navigate-title {
		padding:0 0 18px 0;
		margin-bottom:31px;
		background:url(img/footer_title_border.png) repeat-x bottom left;
		width:100%;
	}
	.navigate-title {
		margin-bottom:18px;
	}
	.navigate {
		background:none;
		width:auto;
		margin:0 40px;
		padding:0;		
		float:none;
	}
	.navigate-1 {
		display:none;
	}
	.navigate-2 {
		display:block;
	}
	.navigate-2 .navigate {
		margin-bottom:0;
	}
	.navigate-2 .footer-info {
		margin-top:13px;
		margin-bottom:0;
	}
	.navigate-title-cat ul {
		background:url(img/footer_title_border.png) repeat-x bottom left;
		padding-bottom:37px;
	}
	.footer-logo {
		padding-top:0;
	}
	.contacts {
		background:url(img/dot_line.png) repeat-y top left;
		margin-left:40px;
		padding-bottom:40px;
	}
	.contacts-qr-code {
		left:65%;
	}
	.home-header .headline-content h2 {
		width:42%;
	}
}

@media only screen and (max-width:817px){
	#map {
		height:380px;
	}
	.gallery-content {
		width:448px;
	}
	.gallery-content ul {
		padding-top:0;
	}
	a.gallery-box {
		width:192px;
		height:168px;
	}
	.gallery-box-image {
		width:192px;
		height:133px;
	}
	a.gallery-box img {
		width:192px;
		height:auto;
	}
	.gallery-box-title {
		font-size:18px;
		margin-top:4px;
	}
	#map {
		height:380px;
	}
	#map {
		display:none;
	}
	a.map {
		display:block;
	}
	.container-bg {
		background-image:url(img/latest_project_bg@2x.png);
		background-size:12px 12px;
	}
	.logo-off {
		background-image:url(img/logo@2x.png);
		background-size:84px 146px;
	}
	.logo-on {
		background-image:url(img/logo@2x.png);
		background-size:84px 146px;
	}
	.latest-project-image-border-stripes {
		background-image:url(img/latest_project_bg@2x.png);
		background-size:12px 12px;
	}
	.latest-project-view-border-stripes {
		background-image:url(img/latest_project_view_bg@2x.png);
		background-size:12px 12px;
	}
	.contacts-qr-code {
		background-image:url(img/latest_project_bg@2x.png);
		background-size:12px 12px;
	}
	.navigate-arrow-grey {
		background-image:url(img/navigate_arrow@2x.png);
		background-size:12px 14px;
	}
	.navigate-arrow-blue {
		background-image:url(img/navigate_arrow@2x.png);
		background-size:12px 14px;
	}
	.footer-logo a {
		background-image:url(img/logo_sml@2x.png);
		background-size:60px 52px;
	}
	.arrow-left-on {
		background-image:url(img/paginate_arrows@2x.png);
		background-size:98px 46px;
	}
	.arrow-left-off {
		background-image:url(img/paginate_arrows@2x.png);
		background-size:98px 46px;
	}
	.arrow-right-on {
		background-image:url(img/paginate_arrows@2x.png);
		background-size:98px 46px;
	}
	.arrow-right-off {
		background-image:url(img/paginate_arrows@2x.png);
		background-size:98px 46px;
	}	
	.reviews-title-box .arrow-left-on, .reviews-title-box .arrow-left-off, .reviews-title-box .arrow-right-on, .reviews-title-box .arrow-right-off {
		background-image:url(img/reviews_arrows@2x.png);
		background-size:98px 46px;
	}	
	.project-keywords-arrow {
		background-image:url(img/project_keywords_arrow@2x.png);
		background-size:27px 18px;
	}
	.other-project-img-stripes {
		background-image:url(img/latest_project_bg@2x.png);
		background-size:12px 12px;
	}
	.other-project-arrow-blue {
		background-image:url(img/other_project_arrow@2x.png);
		background-size:30px 26px;
	}
	.slider-view-arrow-white {
		display:none;
	}
	.other-project-arrow-darkblue {
		background-image:url(img/other_project_arrow@2x.png);
		background-size:30px 26px;
	}
	.slider-view-arrow-blue {
		background-image:url(img/slider_view_arrow_en@2x.png);
		background-size:99px 40px;
	}
	.other-project-arrow-darkblue {
		background:url(img/other_project_arrow@2x.png);
		background-size:30px 26px;
	}
	.scan-qr-code-en {
		background:url(img/scan_qr_code_en@2x.png);
		background-size:185px 126px;
	}
	.latest-project-view-title-en {
		background:url(img/view_en@2x.png) no-repeat top left;
		background-size:99px 19px;
	}
	a.map {
		background:url(img/map_icon_new@2x.png) no-repeat 30px center #ebebeb;
		background-size:64px 64px;
	}
	#back-to-top {
		background:url(img/top@2x.png) no-repeat bottom center;
		background-size:22px 50px;
	}
	.review-quote {
		background:url(img/quote@2x.png) no-repeat;
		background-size:27px 21px;
	}
	.map-bg-top {
		background:url(img/map_bg@2x.png) repeat-x top left;
		background-size:17px 6px;
	}
	.map-bg-bttm {
		background:url(img/map_bg@2x.png) repeat-x bottom left;
		background-size:17px 6px;
	}
	.latest-project {
		width:255px;
		padding-left:30px;
		padding-right:30px;
	}
	.footer-logo {
		margin-top:28px;
	}
	.anno-2001-arrow {
		background:url(studio/anno_2001_arrow@2x.png) no-repeat;
		background-size:42px 100px;
	}
	.brains-content .brains-left {
		background:url(studio/brains_left@2x.png) no-repeat center right;
		background-size:contain;
	}
	.brains-content .brains-right {
		background:url(studio/brains_right@2x.png) no-repeat center left;
		background-size:contain;
	}
	.brains-content .brains-left-text-lv {
		background:url(studio/brains_left_text_lv@2x.png) no-repeat center left;
		background-size:contain;
	}
	.brains-content .brains-right-text-lv {
		background:url(studio/brains_right_text_lv@2x.png) no-repeat center right;
		background-size:contain;
	}
	.brains-content .brains-left-text-en {
		background:url(studio/brains_left_text_en@2x.png) no-repeat center left;
		background-size:contain;
	}
	.brains-content .brains-right-text-en {
		background:url(studio/brains_right_text_en@2x.png) no-repeat center right;
		background-size:contain;
	}
	.brains-content .brains-left-text-ru {
		background:url(studio/brains_left_text_ru@2x.png) no-repeat center left;
		background-size:contain;
	}
	.brains-content .brains-right-text-ru {
		background:url(studio/brains_right_text_ru@2x.png) no-repeat center right;
		background-size:contain;
	}
	.brains-content .brains-left-arrows {
		background:url(studio/brains_left_arrows@2x.png) no-repeat center left;
		background-size:contain;
	}
	.brains-content .brains-right-arrows {
		background:url(studio/brains_right_arrows@2x.png) no-repeat center right;
		background-size:contain;
	}
}

@media only screen and (max-width:799px){
	.rings-content-x {
		display:none;
	}
	.rings-content-y {
		display:inline-block;
	}
}

@media only screen and (max-width:785px){
	.logo:hover .logo-off {
		opacity:1;
	}	
	.menu ul li a:hover {
		color:#87879b;
	}
	.side-menu ul li a:hover, .menu-sml ul li a:hover {
		color:#87879b;
	}
	.side-menu ul li a.selected:hover, .menu-sml ul li a.selected:hover {
		color:#fff;
	}
	.latest-project-view:hover {
		color:#00afdc;
	}
	.latest-project-view:hover .latest-project-view-border-white {
		opacity:1;
	}
	a.contacts-email:hover {
		color:#00a5dc;
	}
	.navigate-title-cat ul li a:hover {
		color:#00a5dc;
	}
	.navigate-title-cat ul li a:hover .navigate-arrow-grey, .navigate-title-cat ul li.selected a .navigate-arrow-grey {
		opacity:1;
	}
	.gallery-content {
		margin:0 auto;
	}
	a.gallery-box:hover {
		-moz-box-shadow:0 1px 1px #d3d3d3;
		-webkit-box-shadow:0 1px 1px #d3d3d3;
		box-shadow:0 1px 1px #d3d3d3;
	}
	a.gallery-box:hover .gallery-box-title {
		color:#646464;
	}
	a.back-to-works:hover div {
		background:#000946;
	}
	.project-paginate-left:hover .arrow-left-on {
		opacity:1;
	}
	.project-paginate-right:hover .arrow-right-on {
		opacity:1;
	}
	.other-project-img-content:hover .other-project-img-stripes {
		opacity:0;
	}
	.other-project-arrow:hover .other-project-arrow-blue {
		opacity:1;
	}
	a.slider-view:hover {
		color:#00afdc;
	}
	a.slider-view:hover .slider-view-arrow-blue {
		opacity:1;
	}
	.slider {
		height:480px;
	}
	.home-header {
		height:480px;
	}
	.home-header-content {
		height:335px;
	}
	.home-header .background {
		height:480px;
	}
	.home-header .background ul li {
		height:480px;
	}
	.home-header .background ul li div img {
		width:870px;
		height:auto;
		left:275px;
	}
	.home-header #marquee-toggler {
    	bottom:30px;
	}
	.home-header .headline-content h2 {
		width:37%;
		margin:164px 0 45px 0;
		font-size:40px;
		line-height:45px;
	}
	.slider-view-lv {
		margin-top:5px;
	}
	.slider-view-ru {
		margin-top:5px;
	}
	.slider-thumb-content {
		display:none;
	}
	.latest-project-text a:hover {
		color:#00afdc;
	}
	a.back-to-works:hover div {
		background:#c8c8c8;
	}
	.reviews-title-box .arrow-left-off, .reviews-title-box .arrow-right-off {
		display:none;
	}
	.latest-project-image-border-stripes {
		display:none;	
	}
	.latest-project-image-border:hover .latest-project-image-border-white {
		opacity:1;
	}	
	.review-content li a:hover .review-info {
		color:#00afdc;
	}
	.review-content li a:hover .dots {
		color:#00afdc;
	}
.review-content li a:hover .review-bttn-close .x-vertical, .review-content li a:hover .review-bttn-close .x-horizontal 	{
		background:#00afdc;	
	}
	.content {
		margin:0 20px;
	}
	.menu {
		display:none;
	}
	.menu-bttn {
		display:block;
	}
	.lang {
		display:none;
	}
	.side-menu-bttn {
		display:none;
	}
	.header {
		height:120px;
	}
	.project-paginate-content {
		top:120px;
	}
	.logo {
		top:23px;
		left:40px;
	}
	.project-paginate a.project-paginate-left {
		left:30px;
	}
	.project-paginate a.project-paginate-right {
		right:30px;
	}
	.slider .header {
		margin-bottom:-120px;
	}
	.home-header .background ul li div img {
		left:280px;
	}
	.contacts {
		background:none;
		width:auto;
		margin:0 40px;
		padding:0;		
		float:none;
	}
	a.contacts-email {
		margin-top:13px;
		margin-bottom:9px;
	}
	.contacts-info {
		display:none;
	}
	.contacts-title {
		padding:0 0 18px 0;
		margin-bottom:31px;
		background:url(img/footer_title_border.png) repeat-x bottom left;
		width:100%;
	}
	.contacts-qr-code {
		display:none;
	}
	.footer {
		max-width:1020px;
		width:100%;
		margin:0 auto;
		float:left;
		padding:15px 0 0 0;
	}
	.footer-info {
		width:100%;
		background:none;
		margin-top:31px;
		margin-bottom:28px;		
	}
	.reviews-title-big {
		display:none;		
	}
	.reviews-title-sml {
		display:inline-block;
	}
}

@media only screen and (max-width:779px){
	.other-projects-content {
		max-width:355px;
	}
	.other-project {
		margin:0 15px 40px 15px;
	}
	.project-img-content {
		margin:0 30px 36px 30px;
	}
	.home-header .headline-content h2 {
		width:38%;
	}
}

@media only screen and (max-width:680px){
	.home-header .background ul li div img {
		left:304px;
	}
}

@media only screen and (max-width:679px){
	.slider {
		height:360px;
	}
	.home-header {
		height:360px;
	}
	.home-header .background {
		height:360px;
	}
	.home-header .background ul li {
		height:360px;
	}
	.home-header .background ul li div img {
		width:auto;
		height:360px;
		left:329px;
	}
	.home-header .headline-content h2 {
		width:33%;
		margin:121px 0 42px 0;
		font-size:31px;
		line-height:35px;
	}
}

@media only screen and (max-width:650px){
	.home-header .headline-content h2 {
		width:35%;
	}
}

@media only screen and (max-width:600px){
	.home-header .headline-content h2 {
		width:40%;
	}
}

@media only screen and (max-width:499px){
	.home-header .background ul li div img {
		width:auto;
		height:360px;
		left:216px;
		bottom:-15px;
	}
	.slider {
		height:455px;
	}
	.slider-view {
		display:none;
	}
	.home-header {
		height:480px;
	}
	.home-header .background {
		height:345px;
	}
	.home-header .background ul li {
		height:345px;
	}
	.marquee-toggler {
		display:none;
	}
	.marquee-toggler-content, .marquee-toggler-content .marquee-toggler {
		display:block;
	}
	.home-header .marquees {
		padding:0;
	}
	.home-header .headline-content h2 {
		width:auto;
		margin:377px 30px 0 30px;
		padding:0;
	}
	.marquee-toggler-sml {
		display:block;
	}
	.headline-content-title {
		display:none;
	}
	a.headline-content-title-sml {
		display:block;
	}
	.logo {
		left:30px;
	}
	.menu-bttn {
		right:30px;
	}
	.slider [rel=marquee-toggler] > div {
		margin:0 0 -1px 30px;
	}
	.timeline {
		visibility:hidden;
	}
	a.slider-view {
		display:none;
	}
	.project-text {
		font-size:19px;
		line-height:28px;
	}
}

@media only screen and (max-width:497px){
	.content {
		margin:0 10px;
	}
	.title span {
		padding:0 20px;
		font-size:39px;
	}
	.title-line-left {
		width:50%;
		height:1px;
		background:#c8c8c8;
		position:absolute;
		left:0;
		top:26px;
	}
	.title-line-right {
		width:49%;
		height:1px;
		background:#c8c8c8;
		position:absolute;
		right:0;
		top:26px;
	}
	.title-line-left-shadow {
		display:none;
	}
	.title-line-right-shadow {
		display:none;
	}
	.intro .title-box {		
		width:80%;
		margin:0 auto 20px auto;
	}
	.intro .title span {
		font-size:36px;
		padding:0;
		background:none;
	}
	.footer-info {
		margin-left:0;
		margin-right:0;
	}
	.navigate-title, .contacts-title {
		width:auto;
		padding-left:30px;
	}
	.contacts, .navigate {
		margin-left:0;
		margin-right:0;
	}
	.contacts-phone {
		margin-left:30px;
	}
	a.contacts-email {
		margin-left:30px;
	}
	.contacts-info {
		margin-left:30px;
	}
	.navigate-title-cat ul {
		width:auto;
		padding-left:30px;
	}
	.latest-project {
		width:320px;
		padding-left:0;
		padding-right:0;
		padding-bottom:24px;
	}
	.footer {
		padding:15px 0 0 0;
	}
	.gallery-content {
		width:100%;
	}
	.gallery-content ul {
		width:100%;
	}
	.gallery-content ul li {
		margin:0 auto;
		float:none;
	}
	a.gallery-box {
		display:block;
		width:260px;
		height:220px;
		margin:0 auto 40px auto;
	}
	.gallery-box-image {
		width:260px;
		height:180px;
	}
	a.gallery-box img {
		width:260px;
		height:auto;
	}
	.gallery-box-title {
		font-size:20px;
		margin-top:7px;
	}
	.latest-project-view {
		display:none;
	}
	.latest-project-text a {
		color:#00afdc;
		margin:0;
		display:inline;
	}
	.latest-project-text span {
		display:none;
	}
	.project-paginate-line-left {
		background:#c8c8c8;
	}
	.project-paginate-line-right {
		background:#c8c8c8;
	}
	.project-paginate a.project-paginate-left {
		left:29px;
	}
	.project-paginate a.project-paginate-right {
		right:29px;
	}
	.title-sml-line-left, .title-sml-line-left-shadow, .title-sml-line-right, .title-sml-line-right-shadow {
		display:none;
	}
	.other-projects-content {
		max-width:320px;
	}
	.other-project {
		width:100%;
		margin:0 auto 40px auto;
	}
	.other-project-text {		
		width:44%;
		font-size:18px;
		margin-top:42px;
		margin-right:5px;
	}
	.other-project-text span {
		display:none;
	}
	.other-project-text .other-project-text-link {
		display:block;
		color:#00afdc;
	}
	.other-project-arrow {
		display:none;
	}
	.title-sml-box {
		margin-bottom:45px;
	}
	.title-sml span {
		padding:0;
	}
	.project-title {
		font-size:46px;
	}
	.title-line-left {
		display:none;
	}
	.title-line-right {
		display:none;
	}
	.project-img-content {
		margin:-33px 0 36px 0;
	}
	.services {
		background:url(img/services_border.png) repeat-x left bottom;
		height:auto;
		width:92%;
		margin:45px 0;
	}
	.services-content {
		margin:79px auto -35px auto;
	}
	.packaging-icon, .photography-icon, .web-icon, .identity-icon, a.services-title, .services-descr {
		margin-left:15px;
		float:left;
	}
	a.services-title {
		margin-top:-47px;
		margin-left:20px;
	}
	.services-descr {
		padding:0 0 25px 35px;
		text-align:left;
		margin-left:74px;
		margin-top:-23px;
	}
	.studio-box-img-x {
		display:none;
	}
	.studio-box-img-y {
		display:inline-block;
	}
	.comment {
		margin:5px 30px 0 30px;
	}
	.project-text {
		margin:35px 0 -26px 0;
		display:inline-block;
	}
	.studio-box-descr {
		font-size:18px;
		line-height:28px;
	}
}

@media only screen and (max-width:400px){
	.title span {
		font-size:40px;
	}
	.map-info {
		background:none;
	}
	.other-project-img-content {
		margin:0 5px 0 8px;
	}
	.other-project-text {
		width:42%;
	}
	a.headline-content-title-sml {
		font-size:33px;
		line-height:auto;
	}
}

@media only screen and (max-width:337px){
	.logo {
		left:20px;
	}
	.menu-bttn {
		right:20px;
	}
	.latest-project {
		width:260px;
	}
	.gallery-cat-info-text {
		font-size:21px;
	}
	.title span {
		font-size:40px;
		padding:0;
	}
	.project-title {
		font-size:38px;
	}
	.project-content {
		margin:0 20px 49px 20px;
	}
}
@media only screen and (max-width:336px){
	.other-projects-content {
		max-width:320px;
	}
}