/*
|----------------------------------------------------------------------
|		Media Queries
|----------------------------------------------------------------------
*/

@media screen and (max-width: 991px) {
	#banner .wrapper .image {
		max-width: 280px;
	}
	.en #banner .wrapper .image,
	.fr #banner .wrapper .image {
		margin-right: 0;
	}
	.he #banner .wrapper .image {
		margin-left: 0;
	}
	#become .outer > .inner {
		width: 50%;
	}
	#portal .wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#portal .wrapper_one {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	#portal .wrapper_one .image {
		margin: 20px auto 0 !important;
	}
	#portal .wrapper_two .image {
		margin: 20px auto 0 !important;
	}
	#access .wrapper {
		display: block;
	}
	#access .border_line {
		display: none;
	}
	#access .wrapper > .column {
		width: 100%;
		margin: 30px auto 0;
	}
}

@media screen and (max-width: 767px) {
	/*_____ All Site _____*/
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 15px;
	}
	.contain,
	.contain-fluid {
		padding: 0 40px;
	}
	/*_____ Home _____*/
	header {
		position: fixed;
	}
	.logo {
		float: none;
		margin: auto;
	}
	.toggle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	nav {
		position: fixed;
		top: 60px;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		height: auto;
		background: #fff;
		padding: 0 40px;
		border-top: 1px solid #eaeaea;
		margin: 0 !important;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		-webkit-transition: all ease 0.3s;
		transition: all ease 0.3s;
		overflow: hidden;
		overflow-y: auto;
	}
	nav.active {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	nav > ul {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		margin: -5px 0;
	}
	nav > ul > li {
		padding: 8px 0;
		text-align: initial;
	}
	nav > ul > li:not(:nth-last-child(1)) {
		border-bottom: 1px solid #eaeaea;
	}
	nav > ul > li.lang {
		display: block;
		direction: ltr;
	}
	nav > ul > li > a {
		text-align: initial;
		border-bottom: 0;
	}
	#lang {
		display: none;
	}
	#banner > img.desktop {
		display: none;
	}
	#banner > img.mobile {
		display: block;
	}
	#banner .wrapper {
		display: block;
	}
	#banner .content,
	#banner .wrapper .image {
		margin: 0 auto !important;
	}
	#become::before {
		top: 32%;
		width: 140px;
		height: 140px;
		opacity: 0.8;
	}
	.en #become::before,
	.fr #become::before {
		left: -120px;
	}
	.he #become::before {
		right: -120px;
	}
	#become::after,
	#portal::after {
		top: initial;
		bottom: -250px;
		width: 600px;
		height: 600px;
	}
	.en #become::after,
	.fr #become::after,
	.en #portal::after,
	.fr #portal::after {
		right: -565px;
	}
	.he #become::after,
	.he #portal::after {
		left: -565px;
	}
	#portal::after {
		position: absolute;
		content: "";
		top: -350px;
		bottom: initial;
		background: #ffe4c1;
		border-radius: 75%;
		z-index: 1;
	}
	#about > img {
		margin-top: 0;
	}
	#intro .wrapper > .column {
		width: 100%;
	}
	#intro::before {
		top: 7%;
		bottom: initial;
		width: 200px;
		height: 200px;
	}
	.en #intro::before,
	.fr #intro::before {
		left: -175px;
	}
	.he #intro::before {
		right: -175px;
	}
	#intro::after {
		top: 28%;
		bottom: initial;
		width: 100px;
		height: 100px;
	}
	.en #intro::after,
	.fr #intro::after {
		right: -75px;
	}
	.he #intro::after {
		left: -75px;
	}
	#schema_blk ul {
		display: block;
		text-align: initial;
	}
	#schema_blk ul > li {
		padding-bottom: 0;
	}
	#schema_blk ul > li > .inner {
		max-width: 160px;
	}
	.en #schema_blk .inner .ico,
	.fr #schema_blk .inner .ico {
		margin-left: 0;
	}
	.he #schema_blk .inner .ico {
		margin-right: 0;
	}
	#schema_blk .btm_blk {
		top: 0;
		bottom: 0;
		-webkit-writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		writing-mode: vertical-lr;
	}
	.en #schema_blk .btm_blk,
	.fr #schema_blk .btm_blk {
		left: initial;
		right: 10px;
	}
	.he #schema_blk .btm_blk {
		left: 10px;
		right: initial;
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	#schema_blk .btm_blk strong {
		font-size: 16px;
		padding: 20px 10px;
	}
	.en #schema_blk .btm_blk strong,
	.fr #schema_blk .btm_blk strong {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	.he #schema_blk .btm_blk strong {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	#schema_blk .btm_blk > div {
		margin-top: 0;
	}
	.en #schema_blk .btm_blk > div,
	.fr #schema_blk .btm_blk > div {
		margin-left: 5px;
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.he #schema_blk .btm_blk > div {
		margin-right: 5px;
	}
	#schema_blk .btm_blk > div > img {
		width: 42px;
		margin: 15px 0;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.en #schema_blk .btm_blk .light_mno,
	.fr #schema_blk .btm_blk .light_mno {
		max-width: none;
		max-height: 240px;
		margin-top: auto;
	}
	.he #schema_blk .btm_blk .light_mno {
		max-width: none;
		max-height: 340px;
		margin-bottom: auto;
	}
	#schema_blk .btm_blk span {
		font-size: 22px;
	}
	.en #schema_blk .btm_blk span,
	.fr #schema_blk .btm_blk span {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	.he #schema_blk .btm_blk span {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	#schema_blk .in {
		width: 100%;
		height: 20px;
		margin: 20px 0;
	}
	#schema_blk .in::before {
		bottom: 0;
		width: 100%;
		height: 1px;
		background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #9fc63c), color-stop(0%, rgba(255, 255, 255, 0)));
		background-image: linear-gradient(to right, #9fc63c 33%, rgba(255, 255, 255, 0) 0%);
		background-position: bottom;
		background-size: 8px 1px;
		background-repeat: repeat-x;
	}
	#schema_blk .in > img {
		top: 0;
		margin: auto 0;
	}
	.en #schema_blk .in > img,
	.fr #schema_blk .in > img {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.he #schema_blk .in > img {
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
}

@media screen and (max-width: 580px) {
	.popup ._inner {
		padding: 20px;
	}
	.popup .txt {
		font-size: 14px;
	}
	.en #banner .content p,
	.fr #banner .content p {
		font-size: 22px;
	}
	.he #banner .content p {
		font-size: 20px;
	}
	#banner .content h1 {
		font-size: 40px;
		line-height: 1;
	}
	#banner .logo_blk_in {
		max-width: 240px;
	}
	#banner .content h4 {
		font-size: 20px;
	}
	#banner .content h4 br {
		display: none;
	}
	#become .outer > .inner {
		width: 100%;
	}
	#become .content {
		text-align: initial;
	}
	#become .line {
		margin: 0;
	}
	#become .text .heading {
		text-align: initial;
	}
	#portal .content {
		text-align: initial;
	}
	#portal .line {
		margin: 0;
	}
	#portal .content h4 {
		font-size: 22px;
		margin-bottom: 5px;
	}
	#portal .content h3 {
		font-size: 24px;
	}
	.en #portal .wrapper .list,
	.fr #portal .wrapper .list {
		margin-left: 0;
	}
	.he #portal .wrapper .list {
		margin-right: 0;
	}
	#portal .wrapper_two .image {
		max-width: 240px;
	}
	#access .inner {
		padding: 30px;
	}
	#access .inner .title > img {
		width: 18px;
		min-width: 18px;
		height: 32px;
	}
	.en #access .inner .title > img,
	.fr #access .inner .title > img {
		margin-right: 20px;
	}
	.he #access .inner .title > img {
		margin-left: 20px;
	}
	.en #access .inner .title .logoBlk,
	.fr #access .inner .title .logoBlk {
		padding-right: 38px;
	}
	.he #access .inner .title .logoBlk {
		padding-left: 38px;
	}
	footer .footLst > li {
		padding: 0;
	}
	#intro .content {
		text-align: initial;
	}
	#intro .line {
		margin: 0;
	}
	#intro .inner {
		padding: 25px 40px;
	}
	#schema .content h3 br {
		display: none;
	}
	#schema .content,
	#schema .text {
		text-align: initial;
	}
	#schema .line {
		margin: 0;
	}
}

@media screen and (max-width: 480px) {
	/*_____ Home _____*/
	.webBtn {
		width: 100%;
	}
}