@charset "utf-8";


@media (hover: hover) and (pointer: fine) {
	
	.wording {
		-ms-transform: scale(-0.5);
		-webkit-transform: scale(-0.5);
		transform: scale(-0.5);
	}
	
	.top-cont .back-btn:hover svg {transform: translateX(-5px)}
	
	.menu ul li a:hover {background-size:  110%;}
	
	.menu-btn:hover div:last-child{
		-ms-transform: translate(0, 5px);
		-webkit-transform: translate(0, 5px);
		transform: translate(0, 5px);
	}
	.menu-btn.close:hover div:first-child,
	.menu-btn.close:hover div:last-child {
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	
	.slide-proj .sm-feed .close-btn:hover div:first-child,
	.slide-proj .sm-feed .close-btn:hover div:last-child {
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	
	.slide-proj .laptop .slider-btn.next:hover {transform: scale(1.1) rotate(180deg);}
	.slide-proj .laptop .slider-btn.prev:hover {transform: scale(1.1);}
	.slide-proj .laptop .slider-btn.next.disabled:hover {transform: scale(1) rotate(180deg);}
	.slide-proj .laptop .slider-btn.prev.disabled:hover {transform: scale(1);}
	
}

@media only screen and (max-width: 1366px) {
	
	.wording-cont, .view-proj, .proj-cover {transform: scale(1.2) !important;}
	
	.menu ul li {width: 31%;}
	.menu ul {
		column-gap: 3%;
		row-gap: 2.5vw;
	}
	.menu ul .margin {
		Height: calc((clamp(70px, calc(4vw + 40px), calc(4vw + 40px)) * var(--zoomRatio)) - 2.5vw);
	}
	
}


@media only screen and (max-width: 1280px) {
	
	.slide-proj .header {
		flex-direction: column;
	}
	.slide-proj .header > div {
		width: 100% !important;
		max-width: 100% !important;
	}
	.slide-proj .header .text {padding-bottom: 220px !important;}
	
	.slide-proj .header .phone-feed {margin-top: -200px !important;}
	.slide-proj .header .phone-feed h2 {
		transform: scale(0.8);
		right: 90%;
	}
	
	.proj-sec .third {width: 48%;}
	
	.slide-proj .laptop {padding: 0 2.5%;}
	.slide-proj .laptop .slider {
		width: 74%;
		border-radius: 10px;
	}
	
	
	.dingdone .header1 .text {padding-bottom: 340px !important;}
	.dingdone .header1 .cover {margin-top: -280px;}
	.related .header1 .text {padding-bottom: 300px !important;}
	.related .header1 .cover {margin-top: -230px;}
	.related .header2 .text {padding-bottom: 80px !important;}
	.related .header2 .cover {
		position: absolute;
		bottom: 0;
		margin-top: 0;
		z-index: -1;
		transform: rotate(180deg);
		width: 50% !important;
		right: 0;
	}
	
	.chicks .slide-proj .header2 .cover {
		left: -30px;
		margin-top: -190px;
        margin-bottom: -100px;
	}
	.toshfesh .slide-proj .header1 .cover {margin-top: -200px;}
	.web .slide-proj .header1 .cover {margin-top: -180px;}
	.web .slide-proj .header2 .cover {margin-top: -180px;}
	.web .slide-proj .header2 .text {padding-bottom: 180px;}
	.web .slide-proj .header3 .cover {margin-top: -160px;}
	
	.mobile .slide-proj .header1 .cover {margin-top: -180px;}
	.mobile .slide-proj .header2 .cover {margin-top: -180px;}
	
	.print .slide-proj .header1 .cover {margin-top: -170px;}
	.print .header2 .text {padding-bottom: 80px !important;}
	.print .slide-proj .header2 .cover {
		position: absolute;
		top: 0; right: 0;
		margin-top: 0;
		z-index: -1;
		width: 50% !important;
	}
	
	.logos .slide-proj .header1 .cover {margin-top: -175px;}
	
}


@media only screen and (max-width: 1024px) {
	
	.wording-cont, .view-proj, .proj-cover {transform: scale(1) !important;}
	
	.no-mobile {display: none;}

	::-webkit-scrollbar {width: 0;}

	.menu ul li {width: 47%;}
	.menu ul {
		column-gap: 4%;
		row-gap: 3.5vw;
	}
	.menu ul .margin {
		Height: calc((clamp(70px, calc(4vw + 40px), calc(4vw + 40px)) * var(--zoomRatio)) - 3.5vw);
	}

	.scroll {right: 0;}

	.proj-sec .half {width: 100%;}

	.proj-sec .third {width: 48%;}
	
	.slide-proj .laptop {padding: 0;}
	.slide-proj .laptop .slider {width: 78%;}
	

}



@media only screen and (max-width: 768px) {
	
	.wording-cont, .view-proj, .proj-cover {transform: scale(0.85) !important;}

	.section.active .fp-slidesContainer::after {display: block;}
	
	.slide-proj .laptop {
		width: 110%;
        left: -5%;
		margin-bottom: 50px;
	}
	.slide-proj .laptop .slider {border-radius: 5px;}
	
	.slide-proj .laptop .slider-btn.prev {
		left: calc(50% - 100px) !important;
		top: auto;
		bottom: -80px;
	}
	.slide-proj .laptop .slider-btn.next {
		right: calc(50% - 100px) !important;
		top: auto;
		bottom: -80px;
	}
	
	
	.slide-proj::-webkit-scrollbar {width: 0;}
	.slide-proj .header .cover .phone-feed img {max-width: calc(100% - 100px);}
	.slide-proj .header .cover > img {max-width: calc(100% - 120px);}
	
	.slide-proj .header .phone-feed h2 {
		transform: rotate(90deg) scale(0.8);
		right: 67%;
		bottom: 30%;
	}
	.slide-proj .header .phone-feed h2 .click {display: inline;}
	.slide-proj .header .phone-feed h2 .click::after {
		content: "o";
		opacity: 0;
		font-size: 50px;
	}
	.slide-proj .header .phone-feed h2 .here {display: none;}
	.slide-proj .header .phone-feed h2 img {transform: rotate(-90deg);}
	
	.proj-sec .third {
		width: 100%;
	}

}



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

	
	.wording-cont, .view-proj, .proj-cover {transform: scale(0.7) !important;}
	
	.menu {padding-bottom: clamp(15px, 2%, 2%);}
	.menu ul li {width: 100%;}
	.menu ul {
		column-gap: 0;
		row-gap: 5vw;
	}
	.menu ul .margin {
		Height: 0;
	}


	.scroll {right: -20px;}
	.scroll p {padding-right: 30px;}
	.scroll img {margin-left: -30px;}

	
}

@media only screen and (max-width: 480px) {
	
	.wording-cont, .view-proj, .proj-cover {transform: scale(0.6) !important;}
	
}