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

/* iPads (portrait) ----------- */
@media only screen and (max-width: 1200px) {
	.s1 .content {
		height: 600px
	}

	.s1 {
		background-position: right 3vw center, center;
	}

	.s2 .content {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}
	.s2 .left,
	.s2 .right{
		width: 100%;
	}

	.s4 .top {
		display: flex;
		flex-direction: column-reverse;
		gap: 40px;
	}

	.s4 .top .left {
		max-width: 100%;
	}

	.s5 .content .left {
		width: 35%;
	}

	.s5 .content .right {
		width: 75%;
	}

	.p1 .content {
		height: 360px;
		display: flex;
		align-items: flex-end;
		padding-bottom: 13px;
	}

	.p2 .item .img {
		height: 300px;
		width: 400px;
	}

	.p2 .item .img h4 {
		font-size: 30px;
	}
	.p2 .item .img br {
		display: none
	}

}

/* iPads (portrait) ----------- */
@media only screen and (max-width : 991px) {
	#myModal .content {
		display: flex;
		flex-direction: column;
	}

	#myModal .left {
		width: 100%;
	}

	#myModal .right {
		width: 100%;
		display:  flex;
		justify-content: center;
		margin-top: 30px;
	}

	#myModal .right img {
		display: none;
	}
	.zece header {
		/* position: relative; */
		z-index: 3;
	}
	.desktop {
		display: none !important;
	}
	.p2 .item {
		display: flex;
		flex-direction: column;
	}

	.p2 .item .img {
		width: 100%;
		height: 35vw;
		margin-bottom: 40px;
	}

	.p2 .item .text {
		width: 100%;
	}

	.s1 .chiar {
		width: 200px;
	}

	.pe h1 {
		font-size: 60px;
	}

	.pe h1+p {
		font-size: 23px
	}

	.s3 .top {
		display: flex;
		flex-direction: column;
		gap: 50px
	}

	h2 {
		font-size: 42px
	}
	.s5 .content .left {
		display: none;
	}

	.s5 .content .right {
		width: 100%;
		border-radius: 5px;
	}

	footer .content {
		display: flex;
		flex-direction: column;
		gap: 50px
	}

	.s5 .content .right .wr {
		display: flex;
		align-items: center;
	}

	.meniu-mobile {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 0vh;
		z-index: 1;
		background: #01285B;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 50px;
		justify-content: center;
		overflow: hidden;
		transition: all 0.2s ease-in-out;
		opacity: 0;
	}

	.menu-opened .meniu-mobile {
		height: 100vh;
		opacity: 1;
	}

	header .meniu .center  {
		margin-right: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.meniu-mobile .toggle-menu {
		position: absolute;
		top: 5px;
		right:20px;
		color: #fff;
		z-index: 11;
		font-size: 60px;
		font-weight: 100
	}

	header {
		padding: 10px 0;
	}

	.p1 {
		margin-top: 0;
	}

}






/* iPads (landscape) ----------- */
@media only screen and (max-width : 746px) {
	.c1 .list .item {
		width: calc(50% - 13.3px);
	}
	.p2 .item .img {
		height: 207px;
	}

	.links {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	h2 {
		font-size: 29px;
	}

	h4 {
		font-size: 19px;
	}

	.p2 .item .img h4 {
		font-size: 21px;
		padding: 0 20px 0 20px;
	}

	.p2 .item .img>span {
		padding: 0 20px 0 20px;
	}

	.p2 .item .img p {
		padding: 0 20px 0 20px;
		font-size: ;
	}

	.p1 {
		background-position: 73% 100%;
		background-size: auto 81%, cover;
	}

	.s1 {
		background-position: 5% 100%, center;
		background-size: auto 80%, cover;
	}

	.s1 .content {
		display: flex;
		justify-content: space-between;
		height: 587px;
	}

	.s1 .chiar {
		width: 170px
	}

	.pe h1 {
		text-shadow: 0px 0px 4px #01285b;
		font-size: 50px;
	}

	.p1 h2 {
		text-shadow: 0px 0px 4px #01285b;
		
	}

	.pe h1+p {
		text-shadow: 0px 0px 3px #01285b;
		font-size: 22px;
	}

	.s3 h2 {
		font-size: 45px;
	}

	.s3 h2 + img {
		width: 90%
	}

	body {
		overflow: hidden;
	}

	.s3 .bottom {
		display: flex;
		flex-direction: column;
	}

	.s3 .item  {
		width: 100%;
	}

	.s4 .chiar {
		width: 200px
	}

	h3 {
		font-size: 28px
	}
	.s4 h3 br {
		display: none;
	}

	.s3 .item:nth-last-child(2) {
		border-bottom: 1px solid #fff;
		margin-bottom: 30px;
	}

	#myModal .gr2 {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	#myModal .gr2 label {
		width: 100%;
		text-align: left;
		padding: 5px 0;
	}

	#myModal .gr2 input, #myModal .gr2 textarea {
		width: 100%;
	}

	.modal-open .modal {
		display: block !important;
	}

	.c2 .cols {
		column-count: 1
	}

	.c2 .solutii .list .item {
		width: 100%;
		margin-top: 0;
		padding: 20px;
	}

	.c2 .solutii .list .item .title {
		height: auto;
	}

	.c2 .top {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.c2 .top {
		margin-top: 0px
	}

	.c2cover img {
		height: 400px;
	}

	.c2 {
		margin-top: 30px
	}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 500px) {

	.c1 .list .item {
		width: 100%;
	}

	.c1 h2 {
		margin-top: 0px
	}

	
}