@media only screen and (max-width: 480px)
{
	body { font-size: 16px; background-position: center -500px; }
	.wrapper { width: 320px; }
	.blockTop .wrapper { width: 100%; height: 160px; }
	.blockTop a.logo { right: 30px; top: 30px; }
	.blockTop .menu { display: none; }
	.blockTop .menuUser { display: none; }
	.blockTop .mobileIcoMenu { display: block; left: 30px; top: 30px; }
	.blockTop .mobileIcoLogin { display: none; }
	.blockTop .mobileIcoCall { display: block; left: 80px; top: 30px; }
	.blockTop #scene .imac img { width: 330px; left: -12px; top: -150px; -ms-transform: rotate(16deg); -webkit-transform: rotate(16deg); transform: rotate(16deg); -o-transform: rotate(30deg); }
	.blockTop #scene .ipad img { width: 220px; left: -40px; top: 120px; -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); -o-transform: rotate(10deg); }
	.blockTop #scene .coffee img { width: 140px; left: 300px; top: 110px; }
	.blockTop.home .wrapper { height: 320px; }
	.blockTop.home .scrollDown { bottom: 50px; }
	.blockTop.home h1.logo { top: 110px; margin-left: -117px; }
	.blockTop.home h1.logo a { font-size: 19px; background-size: 78px; padding-left: 78px; }
	.blockTop.home .mobileIcoCall { display: block; right: 30px; top: 30px; left: inherit; }
	.blockTop.home #scene .imac img { left: -180px; top: 210px; }
	.blockTop.home #scene .ipad img { left: 150px; top: 320px; }
	.blockTop.home #scene .coffee img { left: 360px; top: 160px; }

	.setFont article { text-align: left; }
	.setFont article h3 { font-size: 23px; }

	/*content*/
	.blockContent { width: 100%; }
	.blockContent aside { width: auto; float: none; padding: 50px 20px 50px 20px; }
	body.home .blockContent aside { padding-top: 150px; }
	.blockContent aside h2 { text-align: left; font-size: 28px; line-height: 38px }
	.blockContent article { width: auto; float: none; padding: 0px 20px 50px 20px }
	.blockContent article h1,
	.blockContent article h2,
	.blockContent article h3,
	.blockContent article h4,
	.blockContent article h5,
	.blockContent article h6 { font-size: 23px; margin-bottom: 50px; line-height: 34px; }

	.blockContentMore aside { width: auto; float: none; margin-top: -28px; padding: 0 20px 50px 20px; }
	.blockContentMore aside.image { text-align: center; }
	.blockContentMore aside.image img { max-width: 80%; }
	.blockContentMore article { width: auto; float: none; padding: 0 20px 50px 20px; }

	/*tabs*/
	.blockTabs .tabs > .tab { width: auto; float: none; padding: 0px 20px 50px 20px; }
	.blockTabs .tabs > .tab > .decoration {
		-webkit-transform: rotate(270deg) translate(-790px, 180px);
		-moz-transform: rotate(270deg) translate(-790px, 180px);
		-ms-transform: rotate(270deg) translate(-790px, 180px);
		-o-transform: rotate(270deg) translate(-790px, 180px);
		transform: rotate(270deg) translate(-790px, 180px);
	}
	.blockTabs .tabs ul { width: auto; float: none; padding: 50px 20px 50px 20px; }
	.blockTabs .tabs ul li a { width: 100%; box-sizing: border-box; }
	.blockTabs .tabs ul li.active a { background: #2046f1; background-image: none; margin-left: 0px; padding-left: 24px; }

	/*gallery*/
	.blockGallery article { padding: 0px 20px 50px 20px; width: auto; float: none; }
	.owl-carousel .owl-item img { width: 100% !important; }
	.blockGallery aside { margin-top: -29px; width: auto; float: none; padding: 0 20px 100px 20px }
	.owl-prev, .owl-next { top: 380px; }
	.owl-prev { left: 20px; }
	.owl-next { left: 70px; }


	/*small contact*/
	.blockContact { display: none; }
	.blockContact ul { padding: 0 20px; }
	.blockContact ul li:nth-child(1) { float: none; margin-bottom: 10px; }
	.blockContact ul li {  }

	/*form*/
	.blockForm form { width: auto; float: none; padding: 0px 20px 100px 20px }
	.blockForm form p { width: 100%; padding-right: 0; }
	.blockForm form p.separator { display: none; }
	.blockForm form label { font-size: 14px; }
	.blockForm form input,
	.blockForm form select,
	.blockForm form textarea { font-size: 14px; }
	.blockForm article { width: auto; float: none; padding: 50px 20px 50px 20px; position: relative; z-index: 9; }

	/*map*/
	.blockMap #map { height: 500px; }

	/*footer*/
	.blockFooter .wrapper { padding: 50px 0 20px 0; }
	.blockFooter .wrapper p { margin-bottom: 20px; text-align: left !important; padding: 0 20px; }
	.blockFooter .wrapper p:last-child { margin-bottom: 0; }

	.blockNavMobile .wrapper { width: 100%; }
	.blockNavMobile .Logo { right: 30px; top: 30px; }
	.blockNavMobile .Close { left: 30px; top: 30px; }
	.blockNavMobile ul { padding: 80px 0 0 30px; text-align: left; width: 100%; box-sizing: border-box; }
}

@media only screen and (max-width: 767px) and (min-width: 481px)
{
	.wrapper { width: 480px; }

	.blockTop .menu { display: none; }
	.blockTop .menuUser { display: none; }
	.blockTop .mobileIcoMenu { display: block; }
	.blockTop .mobileIcoLogin { display: none; }
	.blockTop .mobileIcoCall { display: block; left: 102px; }
	.blockTop #scene .imac img { width: 80%; height: auto; left: 50px; top: -120px; }
	.blockTop #scene .ipad img { width: 80%; left: -90px; top: 200px; -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); -o-transform: rotate(10deg); }
	.blockTop #scene .coffee img { width: 60%; position: relative; left: 450px; top: 180px; }
	.blockTop.home .wrapper { height: 420px; }
	.blockTop.home .scrollDown { bottom: 70px; }
	.blockTop.home h1.logo { top: 160px; }
	.blockTop.home #scene .imac img { left: -250px; top: 220px; }
	.blockTop.home #scene .ipad img { left: 220px; top: 320px; }
	.blockTop.home #scene .coffee img { left: 450px; top: 110px; }

	.setFont article { text-align: left; }

	/*content*/
	.blockContent aside { width: auto; float: none; padding: 100px 50px 50px 50px; }
	.blockContent aside h2 { text-align: left; font-size: 36px; line-height: 50px }
	.blockContent article { width: auto; float: none; padding: 0px 50px 100px 50px }

	.blockContentMore aside { width: auto; float: none; margin-top: -48px; }
	.blockContentMore aside.image { text-align: center; }
	.blockContentMore article { width: auto; float: none; padding: 0px 50px 100px 50px; }

	/*tabs*/
	.blockTabs .tabs > .tab { width: auto; float: none; padding: 0px 50px 100px 50px; }
	.blockTabs .tabs > .tab > .decoration {
		-webkit-transform: rotate(270deg) translate(-790px, 180px);
		-moz-transform: rotate(270deg) translate(-790px, 180px);
		-ms-transform: rotate(270deg) translate(-790px, 180px);
		-o-transform: rotate(270deg) translate(-790px, 180px);
		transform: rotate(270deg) translate(-790px, 180px);
	}
	.blockTabs .tabs ul { width: auto; float: none; padding: 100px 50px 50px 50px; }
	.blockTabs .tabs ul li.active a { background: #2046f1 url('../images/tabsActiveR.png') no-repeat scroll right center; padding-right: 61px; padding-left: 24px; margin-left: 0px; }

	/*gallery*/
	.blockGallery article { padding-top: 0px; padding-bottom: 100px; width: auto; float: none; }
	.owl-carousel .owl-item img { width: 100% !important; }
	.blockGallery aside { margin-top: -39px; width: auto; float: none; }
	.owl-prev, .owl-next { top: 500px; }
	.owl-prev { left: 50px; }
	.owl-next { left: 100px; }


	/*small contact*/
	.blockContact ul { padding: 0 50px; }
	.blockContact ul li:nth-child(1) { float: none; margin-bottom: 10px; }
	.blockContact ul li {  }

	/*form*/
	.blockForm form { width: auto; float: none; padding: 0px 50px 100px 50px }
	.blockForm article { width: auto; float: none; padding: 100px 50px 50px 50px; position: relative; z-index: 9; }

	/*footer*/
	.blockFooter .wrapper p { margin-bottom: 25px; }
	.blockFooter .wrapper p:last-child { margin-bottom: 0; }
}

@media only screen and (max-width: 960px) and (min-width: 768px)
{
	.wrapper { width: 668px; }

	/*.blockTop.home #scene .coffee img { left: 830px; }*/

	.blockTop .menu { display: none; }
	.blockTop .menuUser { display: none; }
	.blockTop .mobileIcoMenu { display: block; }
	.blockTop .mobileIcoLogin { display: block; }
	.blockTop .mobileIcoCall { display: block; }
	.blockTop #scene .imac img { width: 70%; height: auto; left: 100px; top: -120px; }
	.blockTop #scene .ipad img { width: 70%; left: -210px; top: 200px; -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); -o-transform: rotate(10deg); }
	.blockTop #scene .coffee img { width: 70%; position: relative; left: 600px; top: 180px; }
	.blockTop.home .wrapper { height: 520px; }
	.blockTop.home h1.logo { top: 210px; }
	.blockTop.home #scene .imac img { left: -300px; top: 230px; }
	.blockTop.home #scene .ipad img { left: 220px; top: 370px; }
	.blockTop.home #scene .coffee img { left: 600px; top: 80px; }

	.setFont article { text-align: left; }

	/*content*/
	.blockContent aside { width: auto; float: none; padding: 100px 50px 50px 50px; }
	.blockContent aside h2 { text-align: left; }
	.blockContent article { width: auto; float: none; padding: 0px 50px 100px 50px }

	.blockContentMore aside { width: auto; float: none; }
	.blockContentMore aside.image { text-align: center; }
	.blockContentMore article { width: auto; float: none; padding: 0px 50px 100px 50px; }

	/*tabs*/
	.blockTabs .tabs > .tab { width: auto; float: none; padding: 0px 50px 100px 50px; }
	.blockTabs .tabs > .tab > .decoration {
		-webkit-transform: rotate(270deg) translate(-790px, 180px);
		-moz-transform: rotate(270deg) translate(-790px, 180px);
		-ms-transform: rotate(270deg) translate(-790px, 180px);
		-o-transform: rotate(270deg) translate(-790px, 180px);
		transform: rotate(270deg) translate(-790px, 180px);
	}
	.blockTabs .tabs ul { width: auto; float: none; padding: 100px 50px 50px 50px; }
	.blockTabs .tabs ul li.active a { background: #2046f1 url('../images/tabsActiveR.png') no-repeat scroll right center; padding-right: 61px; padding-left: 24px; margin-left: 0px; }

	/*gallery*/
	.blockGallery article { padding-top: 0px; padding-bottom: 100px; width: auto; float: none; }
	.owl-carousel .owl-item img {  }
	.blockGallery aside { margin-top: -51px; width: auto; float: none; }
	.owl-prev, .owl-next { top: 650px; }
	.owl-prev { left: 50px; }
	.owl-next { left: 100px; }


	/*small contact*/
	.blockContact ul li:nth-child(1) { float: none; margin-bottom: 10px; }
	.blockContact ul li {  }

	/*form*/
	.blockForm form { width: auto; float: none; padding: 0px 50px 100px 50px }
	.blockForm article { width: auto; float: none; padding: 100px 50px 50px 50px; position: relative; z-index: 9; }

	/*footer*/
	.blockFooter .wrapper p { margin-bottom: 25px; }
	.blockFooter .wrapper p:last-child { margin-bottom: 0; }
}

@media only screen and (max-width: 1280px) and (min-width: 961px)
{
	.wrapper { width: 861px; }

	.blockTop.home #scene .coffee img { left: 830px; }

	.blockTop #scene .imac img { left: -600px; top: 80px; }
	.blockTop #scene .ipad img { left: 180px; top: 200px; }
	.blockTop #scene .coffee img { left: 890px; top: 140px; }

	/*content*/
	.blockContentMore aside { margin-top: -42px; }

	/*tabs*/
	.blockTabs .tabs > .tab > .decoration {
		-webkit-transform: rotate(270deg) translate(-1250px, 400px);
		-moz-transform: rotate(270deg) translate(-1250px, 400px);
		-ms-transform: rotate(270deg) translate(-1250px, 400px);
		-o-transform: rotate(270deg) translate(-1250px, 400px);
		transform: rotate(270deg) translate(-1250px, 400px);
	}

	/*gallery*/
	.blockGallery article { padding-top: 110px; }
	.owl-carousel .owl-item img { width: 100% !important; }
	.blockGallery aside { margin-top: -34px; }
	.owl-prev, .owl-next { top: 45px; }
	.owl-prev { left: 300px; }
	.owl-next { left: 350px; }

	/*small contact*/
	.blockContact ul li:nth-child(1) { float: none; margin-bottom: 10px; }
	.blockContact ul li {  }

	/*form*/
	.blockForm form p.separator { display: none; }

	/*footer*/
	.blockFooter .wrapper p { margin-bottom: 25px; }
	.blockFooter .wrapper p:last-child { margin-bottom: 0; }

}

/*@media only screen and (max-width: 1024px) and (min-width: 961px)
{
	.wrapper { width: 861px; }
	aside p { transform-origin: top left; transform: rotate(90deg) translate(0, -110px); }

}*/