@media only screen and (min-width : 992px) {
	.mobile {
		display: none !important;
	}
}







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

	.slider1 .slide .cassette .content p {
		font-size: 35px;
	}
	header .menu .item {
        padding: 25px 25px;
        font-size: 16px;
    }

	header .menu .select-language {
		padding-left: 25px;
	}

	.logo {
		width: 230px;
	}

	.hp1 .cards .card {
		width: 350px;
		height: 350px;
	}

	.footer .top .item.large {
		font-size: 18px
	}

	.footer .top {
		padding: 0 5% 5% 30px ;
	}
}













@media only screen and (max-width : 1200px) {
	.hp1 .cards .card {
		width: 280px;
		height: 280px;
	}

	.hp1 .cards.small .card {
		width: 426px;
		height: 296px;
	}

}














@media only screen and (max-width : 991px) {
	.block8 {
		display: flex;
		flex-direction: column;
	}

	.block8>div {
		width: 100%;
		margin-top: 30px
	}
	.block7 {
		display: flex;
		flex-direction: column;
	}

	.block7>div {
		width: 100%;
		margin-top: 20px;
	}

	.block7 p.titlu {
		text-align: center;
	}
	.block6 .left:before,
	.block6 .right:before{
		width: 100vw
	}
	.block6 .flex {
		display: flex;
		flex-direction: column;
	}

	.block6 .left .blur,
	.block6 .right .blur{
		/* border-radius: 30px */
	}

	.block6 .left, .block6 .right {
		width: 100%;
		margin: 20px 0;
	}

	.slider2 .slide {
		background-position: 20% 50%;
		height: 400px;
	}
	.content .block5 {
		display: flex;
		flex-direction: column;
	}
	.content .block5 p {
		width: 100%
	}
	.content .block2.type2 img {
		position: static;
		max-width: 100%;
	}

	.content .block2.type2 p {
		max-width: 100%;
		text-align: center;
		margin-top: 30px;
	}

	.content .block3 {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}

	.content .block3 img {
		position: static;
		max-width: 100%;
	}

	.content .block3 p {
		max-width: 100%;
		text-align: center;
		margin-top: 30px;
	}
	.content .block2 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.content .block2 img {
		position: static;
		max-width: 100%;
	}

	.content .block2 p {
		max-width: 100%;
		text-align: center;
		margin-bottom: 30px
	}
	.slider2 .slide .cassette {
		height: auto;
	}

	.slider2 .slide .cassette .content {
		width: auto;
	}

	.slider2 .slide .cassette .content p {
		text-align: center;
		padding: 0 9px;
		font-size: 28px;
		margin-bottom: 0;
		line-height: 1.2em;
	}

	.hp1 .cards.small .card div {
		font-size: 20px;
	}
	header {
		padding: 10px 0;
		position: relative;
		z-index: 1;
	}

	.logo {
		width: 208px;
	}
	
	.desktop {
		display: none !important;
	}
	.hp1 .cards {
		display: flex;
		flex-direction: column;
		gap: 40px;
		align-items: center;
	}

	.hp1 .cards .card {
		width: 350px;
		height: 350px;
	}

	header .menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		top: -100vh;
		background: #06b8b4;
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 40px 0;
		height: 100vh;
		overflow: auto;
		transition: all 0.1s ease-in-out;
		
	}

	header .menu.active {
		top: 0;
		opacity: 1;
	}

	header .menu .select-language {
		padding: 10px
	}

	header .menu .submenu {
		opacity: 1;
		max-height: 1000px;
		position: relative;
		text-align: center;
		top: 0;
		overflow: auto;
		margin-bottom: 20px
	}

	header .menu .item {
		text-align: center;
		font-size: 18px;
		padding: 15px;
	}

	header .menu .submenu .item {
		text-decoration: none;
		font-size: 14px;
		padding: 2px
	}

	.close-menu {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 50px;
		line-height: 40px;
		padding: 0 10px;
		cursor: pointer;
	}

	.footer .top .item {
		display: none;
	}

	.footer .top .item.large {
		display: block;
		font-size: 16px;
		margin-top: 0px;
	}
	.footer .top,
	.footer .bottom {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}

	.footer .bottom span {
		display: none;
	}

	footer .container {
		width: 100%;
		padding: 0;
	}

	.footer {
		border-radius: 0; 
	}

	.open-menu {
		cursor: pointer;
		width: 30px;
	}

	.slider1 .slide .cassette {
		width: 100%;
		padding: 0 30px;
		height: 320px;
		min-width: 0;
	}

	.slider1 .slide .cassette .content {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		padding: 0;
		height: 100%;
	}

	.slider1 .slide .cassette .content p {
		text-align: center;
		font-size: 30px;
		margin-bottom: 0;
	}

	.slider1 .slide .cassette .content p br {
		display: none;
	}

	.slider1 .slide .cassette .content img {
		width: 100%;
		max-height: 160px;
		object-fit: contain;
		min-height: 0;
		margin-bottom: 9px;
	}

	.slider1 {
		margin-top: -60px;
	}

	.slider1 .slide {
		height: 100vh;
		max-height: 750px;
		min-height: 0;
		display: flex;
		align-items: flex-end;
		background-position: 18% 50%;
	}

	body {
		overflow: hidden
	}

	.slider1 .slick-dots {
		bottom: -40px;
		display: none !important;
	}

	.slider1 .slick-dots li button {
		border: 1px solid #F2951F
	}

	.slider3 .slide .cassette {
		width: 100%
	}

	.slider3 .slide .cassette .content p {
		font-size: 35px;
	}

	.hp1 .cards .card div {
		font-size: 25px;
	}

	.hp1 .cards.small .card {
		max-width: 426px;
		width: 100%;
	}

	.content h2 {
		font-size: 26px;
	}

	.slider2 .slide .cassette .content p br {
		display: none;
	}

	.block6 .title {
		font-size: 26px;
	}

	.block6 ul li {
		font-size: 18px;
	}

	.faq-page .content {
		padding: 20px 15px;
	}
}