/* adaptive */

@media screen and (max-width: 1260px) {
	.wrapper.size-1 {
		width: 980px
	}

	.wrapper.size-3 {
		width: 980px;
	}

	.preparats > ul li {
		margin-left: 20px;
		margin-right: 20px;
		width: 150px;
	}

	.preparats > ul li img {
		max-width: 150px;
	}

	.panel {
		width: 920px;
	}

	.panel li {
		width: 201px;
	}

	.panel.green .corner {
		left: 56px;
	}

	.panel.blue .corner {
		left: 248px;
	}

	.panel.pink .corner {
		left: 640px;
	}

	.panel.orange .corner {
		left: 446px;
	}

	.panel.sunny .corner {
		left: 835px;
	}

	#gallery .textBlock {
		width: 560px;
	}

	.fotorama .text p {
		width: 510px;
	}

	.product-gallery .text p {
		width: 100%;
	}

	#gallery .imgBlock {
		width: 315px;
		left: 50px;
	}

	.wrapper.size-5 {
		width: 960px;
	}
}

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

	.wrapper.size-1 {
		width: 940px;
	}

	.wrapper.size-2 {
		width: 940px;
	}

	.wrapper.size-3 {
		width: 940px;
	}
	.wrapper.size-6 {
		width: 860px;
	}
	.video {
		height: 510px;
	}

	.play {
		width: 160px;
		height: 160px;

	}

	.video p {
		height: 510px;
		line-height: 510px;
		font-size: 35px;
	}

	.video p span {
		line-height: 45px;
	}

	.text {
		width: 100%;
	}

	.products-list li {
		margin-left: 50px;
		margin-right: 50px;
	}

	.preparats > ul li {
		width: 140px;
	}

	.preparats > ul li img {
		max-width: 140px;
	}

	.preparats .name {
		font-size: 15px;
	}

	.panel {
		width: 860px;
	}

	.panel.green .corner {
		left: 46px;
	}

	.panel.blue .corner {
		left: 232px;
	}

	.panel.pink .corner {
		left: 601px;
	}

	.panel.orange .corner {
		left: 418px;
	}

	.panel.sunny .corner {
		left: 783px;
	}

	.panel {
		margin-top: 50px;
	}

	.panel li {
		height: 245px;
		width: 185px;
	}

	.panel li .table {
		height: 245px;
	}

	.fotorama .text {
		width: 530px;
	}

	#gallery .textBlock {
		width: 530px;
		left: 375px;
	}

	.fotorama .text p {
		width: 480px;
	}

	.product-gallery .text p {
		width: 100%;
	}

	#gallery .imgBlock {
		width: 270px;
		left: 60px;
	}

	.wrapper.size-5 {
		width: 850px;
	}
}

@media screen and (max-width: 960px) {
	.fotorama .text ul li {
	    width: 100%;
	}

	.wrapper.size-1 {
		width: 840px;
	}

	.wrapper.size-2 {
		width: 840px;
	}

	.wrapper.size-3 {
		width: 840px;
	}
	.wrapper.size-6 {
		width: 720px;
	}
	.products-list li {
		margin-left: 38px;
		margin-right: 38px;
	}

	.preparats > ul li {
		width: 120px;
	}

	.preparats > ul li img {
		max-width: 120px;
	}

	.video {
		height: 480px;
	}

	.video p {
		height: 480px;
		line-height: 480px;
		font-size: 30px;
	}

	.video p span {
		line-height: 38px;
	}

	.play {
		top: 170px;
	}

	.play {
		width: 140px;
		height: 140px;
	}

	.panel {
		width: 800px;
	}

	.panel li {
		width: 171px;
		height: 235px;
	}

	.panel li .table {
		height: 235px;
	}

	#gallery .imgBlock {
		width: 200px;
		left: 80px;
	}

	#gallery .textBlock {
		width: 438px;
		left: 310px;
	}

	.fotorama .text {
		width: 100%;
	}

	.fotorama .text p {
		width: 100%;
	}

	.content {
		padding-bottom: 30px;
	}

	.copy {
		font-size: 15px;
		margin-left: 50px;
	}

	.call {
		margin-right: 50px;
	}

	.wrapper.size-4 {
		width: 600px;
	}

	video {
		display: none;
	}

	.video {
		background: url('../img/04.jpg') no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.panel.green .corner {
		left: 58px;
	}

	.panel.blue .corner {
		left: 220px;
	}

	.panel.pink .corner {
	    left: 546px;
	}

	.panel.orange .corner {
	    left: 383px;
	}

	.panel.sunny .corner {
	    left: 718px;
	}

	.wrapper.size-5 {
		width: 800px;
	}

}

@media screen and (max-width: 860px) {
	.wrapper.size-1 {
		width: 600px;
	}

	.wrapper.size-2 {
		width: 600px;
	}

	.wrapper.size-3 {
		width: 600px;
	}

	.wrapper.size-4 {
		width: 500px;
	}
	.wrapper.size-6 {
		width: 550px;
	}
	.products-list img {
		width: 170px;
	}
	.call {
	    margin-right: 0px;
	}
	.products-list li {
		margin-left: 10px;
		margin-right: 10px;
	}

	.products-list p {
		width: 150px;
		margin: auto;
		margin-top: 20px;
	}

	.preparats > ul li {
		margin-left: 10px;
		margin-right: 10px;
	}

	.preparats > ul li {
		width: 92px;
	}

	.preparats > ul li img {
		max-width: 100%;
	}

	.preparats .name {
		font-size: 14px;
		margin-top: 15px;
		line-height: 20px;
	}

	.panel {
		width: 560px;
	}

	.panel li {
		width: 112px;
		height: 180px;
	}

	.panel li .table {
		height: 140px;
	}

	#gallery .imgBlock {
		width: 120px;
		left: 40px;
	}

	#gallery .textBlock {
		width: 400px;
		left: 175px;
	}

	.footer-logo {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 0;
		padding-top: 0;
	}

	.footer-logo img {
		margin-top: 30px;
	}


	footer {
		height: 250px;
	}

	.footer-cover {
		height: 250px;
	}

	.copy {
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: center;
		margin-top: 30px;
	}

	footer .contacts {
		float: none;
		width: 100%;
		padding-top: 0px;
		margin-top: 0px;
		text-align: center;
	}

	footer .send, footer .call {
		text-align: center;
	}

	.panel.green .corner {
		left: 40px;
	}

	.panel.blue .corner {
		left: 146px;
	}

	.panel.pink .corner {
		left: 378px;
	}

	.panel.orange .corner {
		left: 263px;
	}

	.panel.sunny .corner {
		left: 493px;
	}

	.panel {
		margin-top: 26px;
	    padding: 20px 25px;
	}

	.panel li {
		width: 121px;
	}

	.wrapper.size-5 {
		width: 600px;
	}

}

@media screen and (max-width: 640px) {
	.wrapper.size-1 {
		width: 450px;
	}

	.wrapper.size-2 {
		width: 450px;
	}

	.wrapper.size-3 {
		width: 450px;
	}

	.wrapper.size-4 {
		width: 350px;
	}
	.wrapper.size-6 {
		width: 440px;
	}
	.logo {
		width: 120px;
	}

	.call {
		margin-right: 20px;
	}

	.val {
		font-size: 14px;
	}

	.play {
		width: 120px;
		height: 120px;
	}

	.video p span {
		line-height: 33px;
	}

	.video p {
		font-size: 26px;
		height: 450px;
	}

	.video {
		height: 450px;
	}

	.products-list img {
		width: 120px;
	}

	.products-list p {
		width: 100px;
	}

	.products-list img.active {
		width: 120px;
	}

	.preparats > ul li {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.panel {
		display: none!important;
	}

	.closeDiv {
		display: none;
	}

	.preparats > ul li img {
		max-width: 140px;
	}

	.preparats > ul li:hover {
		cursor: default;
		opacity: 1;
	}

	.preparat-title {
		font-size: 24px;
	}

	#video-pop iframe {
		width: 500px;
		height: 280px;
	}

	.wrapper.size-5 {
		width: 400px;
	}

	.preparats > ul > li .table {
		width: 100%;
		height: 200px;
	}

	.preparats > ul > li .panelImage {
		position: relative;
	}

	.preparats > ul > li .table .td {
		width: 100%;
		height: 100%;
	}

	.preparats > ul > li img {
		max-width: 100%;
		max-height: 200px;
	}

	.preparats > ul > li .hover img {
		width: 21px;
	}

	.preparats > ul > li:hover {
		cursor: pointer;
		opacity: 1;
	}

	.preparats > ul > li:hover .hover {
		opacity: 1;
	}

	.preparats > ul > li .hover {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		-webkit-transition: 0.3s;
	     -moz-transition: 0.3s;
	     -o-transition: 0.3s;
	     transition: 0.3s;
	}

	.panel.green li .hover {
		background: rgba(45, 213, 196, 0.6);
	}

	.panel.blue li .hover {
		background: rgba(72, 107, 179, 0.6);
	}

	.panel.pink li .hover {
		background: rgba(240, 78, 154, 0.6);
	}

	.panel.orange li .hover {
		background: rgba(254, 184, 26, 0.6);
	}

	.panel.sunny li .hover {
		background: rgba(244, 180, 18, 0.6);
	}

	.wrapper.size-3 {
		width: 100%;
	}

	#gallery .imgBlock {
		display: none;
	}

	#gallery .textBlock {
		width: 100%;
		float: none;
		position: absolute;
		height: 100%;
		left: 0;
		right: 0;
		top: 0;
	}
	
	.img-prep-mobile {
		display: block;
		text-align: center;
		padding: 20px 0;
	}

	.img-prep-mobile img {
		max-height: 250px;
		max-width: 270px;
	}

	#gallery .imgBlock img {
		max-width: 100%;
		max-height: 130px;
		position: absolute;
	}

	.gallery-green .fotorama__arr--prev,
	.gallery-blue .fotorama__arr--prev,
	.gallery-orange .fotorama__arr--prev,
	.gallery-pink .fotorama__arr--prev,
	.gallery-sunny .fotorama__arr--prev {
		left: 10px;
	}

	.gallery-green .fotorama__arr--next,
	.gallery-blue .fotorama__arr--next,
	.gallery-orange .fotorama__arr--next,
	.gallery-pink .fotorama__arr--next,
	.gallery-sunny .fotorama__arr--next {
		right: 10px;
	}
}

@media screen and (max-width: 470px) {
	.wrapper.size-1 {
		width: 300px;
	}

	.wrapper.size-2 {
		width: 280px;
	}

	.wrapper.size-3 {
		width: 300px;
	}

	.wrapper.size-4 {
		width: 280px;
	}
	.wrapper.size-6 {
		width: 92%;
	}
	.send, .call {
		display: block;
		margin-right: 0;
	}

	.send {
		padding-top: 10px;
	}

	.video p {
		font-size: 17px;
		width: 200px;
		height: 400px;
		line-height: 400px;
	}

	.play {
		top: 153px;
	}

	.video p span {
		line-height: 23px;
	}

	.play {
		width: 100px;
		height: 100px;
	}

	.video {
		height: 400px;
	}

	.products-list li {
		width: 150px;
		margin-left: 0;
		margin-right: 0;
		margin-top: 50px;
	}

	.products-list li .img {
		width: 150px;
		height: 150px;
	}

	.products-list p {
		width: 200px;
	}

	.preparats > ul li img {
		/*width: 120px;*/
	}

	.products-list img.active {
		width: 150px;
	}

	.products-list p {
		width: 100%;
	}

	footer {
		height: 300px;
	}

	.footer-cover {
		height: 300px;
	}

	.product-gallery .fotorama__arr--prev {
		left: 5px;
	}

	.product-gallery .fotorama__arr--next {
		right: 5px;
	}

	.arcticmodal-close {
		right: 5px;
		top: 30px;
	}

	#video-pop iframe {
		width: 270px;
		height: 180px;
	}

	.wrapper.size-5 {
		width: 300px;
	}

	.preparats > ul > li .table {
		height: 130px;
	}

	.preparats > ul .panelImage > .table img {
		width: auto;
	}

	.preparats > ul .panelImage > .hover img {
		display: none;
	}
}