@media (orientation: portrait), (max-height: 600px) {
	/* .popup {		    height: 95%	}	 */
}

@media (max-height: 600px) and (orientation: landscape) {
	/* .popup .body {		    padding: 10px 30px 18px;	}
	.popup .intro {		margin-top: .5em;	}
	.popup .form {		margin-top: 1.5em;	}
	.popup .field.mb_2 {		margin-bottom: 1em;	}
	.popup .field.mb_3 {		margin-bottom: 2em;	} */
	.popup .form {
		display: inline-block;
		width: 100%;
		overflow: auto;
		height: 50%;
	}
	
	.popup .mt_15 {
		margin-top: .75em;
	}
	.popup .mt_3 {
		margin-top: 1.75em;
	}
	.popup .mb_2 {
		margin-bottom: 1.25em;
	}
	.popup input[type="text"], .popup input[type="email"], .popup input[type="password"] {
		height: 35px;
	}
	
}

@media (max-height: 600px) and (orientation: portrait) {
	
	.popup .mt_15 {
		margin-top: .75em;
	}
	.popup .mt_3 {
		margin-top: 1.75em;
	}
	.popup .mb_2 {
		margin-bottom: 1.25em;
	}
	.popup input[type="text"], .popup input[type="email"], .popup input[type="password"] {
		height: 35px;
	}
	
}


@media (orientation: portrait) {
	/* .popup {	 width: 95%; height: 90%; max-width: 750px; font-size: 2em;	}
	.popup > div {
		padding: 30px 40px 45px;
	}
	.popup .close {
		transform: scale(3);
		-moz-transform: scale(3);
		-webkit-transform: scale(3);
		margin-top: 5px;
	}
	input[type="text"], input[type="email"], input[type="password"], textarea {
		height: 65px;
		font-size: 1.5em;
	}
	textarea {
		height: 150px;
	}
	.popup label {
		font-size: 1.3em;
	}
	.popup .buttons .btn {
		width: 60%;
		line-height: 75px;
		font-size: 1.5em;
	}
	.field.w_50 {
		width: auto;
		padding-right: 0;
		padding-left: 0;
		float: none;
	} */
}


@media (max-width: 850px) {
	
	html, body {
		min-width: 320px;
	}
	
	#header .mainmenu {		
		position: fixed;
		top: 0;
		right: 0;
		width: 0%;
		background: rgba(0,0,0,0.25);
		height: 100%;
		
		/* transform: translate(100%);
		-moz-transform: translate(100%);
		-webkit-transform: translate(100%); */
		transition: width .3s ease;
		-moz-transition: width .3s ease;
		-webkit-transition: width .3s ease;
	}
	#header.open .mainmenu {	
		width: 100%;
	}
	
	#header .mainmenu ul {
		position: fixed;
		top: 0;
		right: 0;		
		text-align: right;
		background: rgba(34,35,40,.95);
		box-shadow: -10px 0 20px 0 rgba(0,0,0,0.5);
		-moz-box-shadow: -10px 0 20px 0 rgba(0,0,0,0.5);
		-webkit-box-shadow: -10px 0 20px 0 rgba(0,0,0,0.5);
		width: 50%;
		max-width: 350px;
		min-width: 230px;
		height: 100%;
		padding: 100px 20px 20px;
		transform: translate(350px);
		-moz-transform: translate(350px);
		-webkit-transform: translate(350px);
		transition: transform .2s ease;
		-moz-transition: transform .2s ease;
		-webkit-transition: transform .2s ease;
	}
	#header.open .mainmenu ul {
		transform: translate(0);
		-moz-transform: translate(0);
		-webkit-transform: translate(0);
	}
	
	#header .mainmenu ul.level > li {
		display: block;
		margin-right: 0;
		line-height: 4;
	}
	
	#header .mainmenu ul.level > li.as_btn {
		margin-top: 2em;
		display: inline-block;
		line-height: 3;
		padding: 0 2rem;
	}
	
	#header .mainmenu li:not(.as_btn):after {
		display: inline-block;
		width: 0%;
		margin: 0;
	}
	
	#header .mainmenu li:not(.as_btn).active:after,
	#header .mainmenu li:not(.as_btn):hover:after {
		width: 25%;
	}
	
	header .mainmenu .menu__switcher_bar {z-index:9;margin: 20px}
	header .mainmenu .menu__switcher{
		display: block;
		float: right;
		width: 45px;
		height: 45px;
		margin: 12px 40px 20px 20px;
		border-radius: 45px;
		-moz-border-radius: 45px;
		-webkit-border-radius: 45px;
		border: 1px solid rgba(255,255,255,.75);
		background: url('../images/menu_hanburger-close.png') center center no-repeat;
		background-image: url('../images/menu_hanburger.png');
		cursor: pointer;
		transition: margin .5s ease;
		-moz-transition: margin .5s ease;
		-webkit-transition: margin .5s ease;
	}
	header.open .mainmenu .menu__switcher{
		background-image: url('../images/menu_hanburger-close.png');
		margin: 12px 10px 20px 20px;
		transition: transform .5s ease;
		-moz-transition: transform .5s ease;
		-webkit-transition: transform .5s ease;
		box-shadow: inset 0 0 0 1px #fff;
		-moz-box-shadow: inset 0 0 0 1px #fff;
		-webkit-box-shadow: inset 0 0 0 1px #fff;
	}
	header.open .mainmenu .menu__switcher:hover{
		transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
	header .mainmenu .menu__switcher:hover{
		box-shadow: inset 0 0 0 1px #fff;
		-moz-box-shadow: inset 0 0 0 1px #fff;
		-webkit-box-shadow: inset 0 0 0 1px #fff;
	}
	
	#specialofferScreen .intro__text {
		font-size: 15px;
	}
	.notice {
		font-size: .9em;
		padding-top: 1.5em;
	}
	
	.btn__order {
		padding: 1.25em 1.75em;
	}
	
	
	
	#welcomeScreen  .title {
		font-size: 45px;
		letter-spacing: 1.5px;
	}
	#welcomeScreen .subtitle {
		font-size: 18px;
	}
	
	
	
	#welcomeScreen .buttons {
		width: 70%;
		max-width: 300px;
		margin: 5em auto 0;
	}
	#welcomeScreen .buttons .btn, .buttons .btn {
		width: 100%;
		float: none;
		margin-bottom: 2.5em;
	}
	.buttons .btn.send_form {
		margin-bottom: .25em;
	}
	
}

@media screen and ( max-height: 800px ) {
	#specialofferScreen .content__section {
		height: 55%!important;
	}
	#specialofferScreen .bg__section {
		height: 45%!important;
		background-position: center center;
	}
	#header.dark > div {
		padding-top: 14px;
	}
	header.dark .mainmenu .menu__switcher_bar {
		margin-top: 6px;
		margin-right: 20px;
	}
	header.dark .mainmenu .menu__switcher {
		margin-top: 0px;
	}
	/* header.dark .mainmenu .menu__switcher {
		margin: 0px 0px 20px 20px;
	} */
	
}

@media screen and ( max-height: 750px ) {
	
	/* #howitworksScreen .content {
		margin-top: 12.5vh;
	} */
	
}

@media screen and ( max-height: 520px ) {
	
	.nextScreen {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 50px;
		text-align: right;
	}
	
	.nextScreen a{
		margin: 0 20px;
		display: inline-block;
	}
	
	#welcomeScreen.container .wrapper {
		padding-top: 7em
	}
	
	.container .wrapper {
		padding-top: 5em!important
	}
	#assortmentScreen.container .wrapper {
		padding-top: 4em!important
	}
	#welcomeScreen.container .wrapper {
		padding-top: 7em
	}
	#welcomeScreen .buttons {
		width: 50%;
		margin: 3em auto 0;
	}
	#welcomeScreen .buttons .btn, .buttons .btn {
		margin-bottom: 1.5em;
	}
	
	.thistableStuff > div {
		vertical-align: top;
	}
	#assortmentScreen .thistableStuff > div {
		vertical-align: middle;
	}
	.container .title {
		font-size: 2em;
		line-height: 1;
	}
	.container .description {
		font-size: 1.25em;
		line-height: 1.25;
		margin-top: .5em;
		padding-right: 1em;
	}
	
	#howitworksScreen .content {
		margin-top: 7.5vh;
	}
	
	#howitworksScreen .frame {
		width: 65%
	}
	
}

@media screen and ( max-height: 420px ) {
	#specialofferScreen .table_row {
		padding-top: 50px;
	}
	.notice {
		font-size: .8em;
		padding-top: 1em;
	}
	
	#header > div {
		padding-top: 14px;
	}
	header .mainmenu .menu__switcher_bar {
		margin-top: 6px;
		margin-right: 20px;
	}
	header .mainmenu .menu__switcher {
		margin-top: 0px;
	}
	header.open .mainmenu .menu__switcher {
		margin: 0px 0px 20px 20px;
	}
	
}

@media screen and ( max-height: 340px ) {
	#specialofferScreen .intro__text {
		font-size: 14px;
	}
	#header .mainmenu ul {
		padding: 80px 10px 20px;
	}
	#header .mainmenu ul.level > li {
		line-height: 3;
	}
}

@media screen and (max-width: 900px) {
	
	/* #teamScreen  {
		margin-bottom: 150px;
	} */
	
	#teamScreen .content {
		max-height: none;
		width: 100%;
	} 
	
	/* #teamScreen .card {
		padding: 2% .5em;
		height: 33%;
		width: 30%;
		margin-left: 3%;
	}
	#teamScreen .card .text .title {
		padding-bottom: .75em;
		text-shadow: 0 0 3px rgba(0,0,0,0.25);
		height: auto;
		font-size: 16px;
	} */
	
	#teamScreen .card {
		padding: 2% .5em;
		height: 300px;
		width: 45%;
		margin-left: 5%;
	}
	#teamScreen .card .text .title {
		padding-bottom: .75em;
		text-shadow: 0 0 3px rgba(0,0,0,0.25);
		height: auto;
		font-size: 16px;
	}
	
}

@media screen and (max-width: 750px) {
	
	
	#header.dark:before  {
		height: 57px;
	}
	
	
	
	#partnersScreen .content {
		margin-top: 2em;
	}
	
	#partnersScreen .partners ul li {
		width: 50%;
		float: left;
		display: inline-block;
		height: 100px;
	}
	
}
@media screen and (max-width: 800px) {
		#partnersScreen .wrapper {
		z-index: 9;
		width: 100%;
	}
	#partnersScreen .partners ul {
		/* height: 100%; */
		margin: 0 auto;
		width: 90%;
		display: inline-block;
	}
	#partnersScreen .partners ul li {
		width: 50%;
		float: left;
		display: inline-block;
		height: 100px;
	}
	
	.feedback {
		height: auto;
		display: inline-block;
		width: 100%;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		margin-bottom: 0em;
		margin-top: 2em;
		padding-top: 3em;
		padding-bottom: 3em;
	}
	
	.feedback .descr{
		font-size: 1.25em;
		padding: 0 .25em;
		margin-top: 2em;
	}
	
	.feedback .mt_5 {
		margin-top: 2.5em;
	}
	
	.feedback .buttons {
		width: 65%;
		max-width: 250px;
	}
	
	#footer {
		margin-top: 0;
		padding-top: 3em;
	}
	
	#footer #logo{
		float: none;
		text-align: center;
		padding-bottom: 3em;
	}
	#footer #logo img{
		display: inline-block;
	}
	#footer .socials {
		float: none;
		margin-bottom: 3em;
	}
	#footer .socials ul{
		text-align: center;
		display: inline-block;
		width: 100%;
	}
	#footer .socials ul li{
		float: none;
		display: inline-block;
	}
	
	#footer .contactCircle {
		/* position: absolute; */
		width: 100%;
		left: 0;
	}
	#footer .contactCircle ul {
		display: block;
		width: 100%;
	}
	
	#footer .contactCircle li {
		width: 100%;
		height: auto;
		text-align: center;
		margin: 0 auto;
	}
	#footer .contactCircle li:before {
		float: none;
		margin: 0 auto;
		display: block;
	}
}

@media screen and (max-width: 500px) {
	
	#teamScreen.container .wrapper {
		padding-top: 15vh;
	}
	
	#teamScreen:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 );
		z-index: 2;
	}
	
	#teamScreen .card {
		padding: 2% .5em;
		height: 300px;
		width: 80%;
		margin-left: 10%;
	}
	#teamScreen .card .text .title {
		padding-bottom: .75em;
		text-shadow: 0 0 3px rgba(0,0,0,0.25);
		height: auto;
		font-size: 16px;
	}
	#teamScreen .infobuttons .btn .info {
		margin-right: 0;
		right: auto;
		left: 0;
		margin-left: 0;
		top: -120px;
		position: fixed;
	}
		
	.section .title {
		font-size: 20px;
		letter-spacing: 1.5px;
	}
	
	#howitworksScreen .frame {
		width: 100%;
	}
	
	.cascade-slider_container{
		/* see slider_2 html */
	}
	
	.cascade-slider_item.now {
		width: 100%;
	}

	.container {
		display: table;
	}
	
	.container > .wrapper {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		padding-top: 0!important;
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	/* .container > div> div {
		display: inline-block;
		padding-top: 25px;
	} */
	
	#header:not(.first__screen):before {
		height: 57px;
	}
	#header:not(.first__screen) > div {
		padding-top: 14px;
	}
	#header:not(.first__screen) .mainmenu .menu__switcher_bar {
		margin-top: 6px;
		margin-right: 20px;
	}
	#header:not(.first__screen) .mainmenu .menu__switcher {
		margin-top: 0px;
	}
	
	#specialofferScreen .table_row {
		padding-top: 30px;
	}
	
	.thistableStuff {
		display: inline-block;
		overflow: hidden;
	}
	
	.thistableStuff > div {
		display: block;
		width: 100%;
		padding-top: 50px;
	}
	.thistableStuff > .infograph  {
		padding-top: 0px;
	}
	.thistableStuff > div .description {
		margin-top: 1em;
	}
	.infograph:not(.no_shadowedImage) > div:before {
		right: 5%;
		width: 90%;
		height: 110px;
		bottom: 0;
	}
	.infograph img {
		width: 60%;
		margin: 4em auto 1em;
	}
	
	.thistableStuff .pr_3,
	.thistableStuff .pl_5 {
		padding-right: 0;
		padding-left: 0;
		font-size: 16px;
	}
	
	.infograph.al_left > div,
	.infograph.al_right > div {
		margin-left: 0;
		margin-right: 0;
	}
	
	/* .container .wrapper {
		padding-top: 12.5vh!important;
	} */
	
	
	/* .infograph img {
		display: block;
		width: 59.4%;
		margin: 2em auto 1em;
	} */

	.buttons {
		width: 100%;
	}
	
	#assortmentScreen .infobuttons .btn:nth-child(3) {
		margin: 23% 60%;
	}
	
	#assortmentScreen .infobuttons .btn:nth-child(4) {
		margin: 7.5% 84%;
	}
	
	#assortmentScreen .infobuttons .btn .info {
		min-width: auto;
		max-width: none;
		width: 100px;
		height: auto;
		top: 0;
		right: auto;
		left: 0;
		padding: 20px;
		line-height: 1.5;
		text-align: center;
		margin-left: -75px;
	}
	#assortmentScreen .infobuttons .btn.right .info {
		margin-left: 0;
	}
	
}

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

	#specialofferScreen .content__section {
		height: 70%!important;
	}
	#specialofferScreen .bg__section {
		height: 30%!important;
		background-position: center center;
	}
	
	.thistableStuff > div .pr_3 {
		font-size: 14px;
	}	
	
}

@media screen and (max-width: 350px) {
	
	#welcomeScreen .buttons {
		width: 85%;
	}
	
}

@media screen and (max-height: 590px) {
	
	#header:before {
		height: 57px;
	}
	#header > div {
		padding-top: 14px;
	}
	#header .mainmenu .menu__switcher_bar {
		margin-top: 6px;
		margin-right: 20px;
	}
	#header .mainmenu .menu__switcher {
		margin-top: 0px;
	}
	#welcomeScreen .buttons {
		margin: 3em auto 0;
	}
	
}