@media only screen and (max-width:1650px) {
	.boxThankyou{
		width:40%;
	}

}
@media only screen and (max-width:1550px) {
	.divBackground{
		padding-top:50px;
	}
	.divFormMain{
		margin:0 auto;
	}
	.bigTitle{
		font-size:44px;
	}
	

}

@media only screen and (max-width:1500px){
	.divFormMain2{
		width:95%;
	}
	.continut{
		min-height:160vh;
	}
}

@media only screen and (max-width:1450px){
	.divBackground{
		padding-top:0px;
	}
	.divIcon{
		width:30%;
	}
	.divBackground2{
		margin-top:150px;
	}
	.bookPage1,.bookPage3{
		width:28%;
	}

	.bookPage2{
		width:35%;
	}
	.textPageMid{
		font-size:16px;
	}
	.textPage {
		font-size: 16px;
	}

	.textShip{
		margin-top:25px;
	}

	.divFormMain{
		width:100%;
	}

	.bigTitle{
		font-size:42px;
	}
	.mainContent{
		padding-right:0px;
	}
}
@media only screen and (max-width:1300px) {
	.divFormContact{
		width:100%;
		/* flex-direction: column-reverse; */
	}

	.divFormMain2{
		width:100%;
	}

	.boxThankyou{
		width:60%;
		margin:0 auto !important;
	}



	.dateContact span{
		font-size:14px;
		margin-left:5px;
	}

	.dateCOntact img{
		max-width:32%;
	}



}
@media only screen and (max-width:1300px){
	.photoRight{
		max-width:110%;
	}
	.bigTitle{
		font-size:40px;
	}

	.divThankyou {
		width: 75%;
	}

	.bckThankyouEmail::before {
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), linear-gradient(to right, var(--albastruFrancez), var(--albastruFrancez)), url(/public/images/bgPattern.png);
		--albastruFrancezDes: var(--albastruFrancezDes);
		background-position: center;

		background-size: auto;
		background-blend-mode: hard-light;
		height: 1050px;
			filter: none;
	}
}

@media only screen and (max-width:1200px){
	.divMasiniPrincipal{
		width:100%;
	}
	.center{
		width:93%;
	}
	.bigTitle{
		font-size:35px;
	}
	.colFooter{
		grid-template-columns: 2fr 2fr 1fr 1fr;
	}

	.formOferta{
		justify-content: center;
		padding:10px 20px 20px 20px;
		gap:5px;
	}
	.formOferta input:not(.cereOfertaClass) {
		margin-bottom:0px;
	}
	.baraJosFooter{
		position:absolute;
		bottom:3px;
	}
	.divPoza img {
		max-width: 85%;
	}
	.divContent{
		grid-template-columns: 1fr 1.3fr;
	}

	.contentServices{
		padding-top:250px;
	}
	.descriereService{
		width:75%;
	}
}

@media only screen and (max-width:1100px){
	.contentMeniu{
		justify-content: space-between;
		margin:0;
		width:100%;
	}
	.formOferta {
		flex-direction: column;
	}
	.inputGroup {
		width: 100%;	
	}

	.hamburger{
		float:right;
		color:white;
		display:block;
	}
	.mainContent{
		display:none;
		
	}
	.stangaMenu{
		width:40%;
	}
	.divLogo img{
		width:100%;
		padding-left: 10px;
	}
	
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before{
		background-color:white;
	}
	.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{
		background-color: white;
	}
	.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{
		background-color: white;
	}
	.photoRight{
		max-width:100%;
	}

	.center{
		width:90%;
	}
	.formOferta{
		gap:15px;
	}
	.background {
		height: 1100px;
	}


}

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

	.sendMail{
		height:230px;
		clip-path: polygon(0 0,100% 0, 100% 35%, 0 100%);
	}
	.divEmailProf img{
		display:none;
	}
	.formEmail input[type=submit] {
		width:75% !important;
	}

	.formEmail input{
		width:100%;
	}

	.boxEmail{
		width:55% !important;
	}

	.divEmailProf{
		background: url('/public/images/vanWhite.png') no-repeat center;
		
	}
	.boxEmail{
		backdrop-filter: blur(35px);
	}
}
@media only screen and (max-width:1000px){
	.cereOfertaClass{
		width:unset;
	}

	.textBook{
		width:65%;
	}

}

@media only screen and (max-width:900px) {
	.backgroundCut{
		margin-top:50px
	}
	.exped4 div:not(.inputGroup, .divEroareForm, .form-mesaj){
		width:100%;
	}

	.titleIcons2{
		font-size:36px;
	}
	
	.boxThankyou{
		width:80%;
	}

	.divFormContact{
		flex-direction: column-reverse;
	}

	.leftFormContact, .rightFormContact{
		width:100%;
		border:none;
	}

	.titlePageMid{
		font-size:26px;
		font-weight: bold;
	}
	.titlePage{
		font-size:22px;
		font-weight: bold;
	}
	.bookPage1,.bookPage2,.bookPage3 {
		padding:75px 20px;
	}

	.parteneri{
		grid-template-areas:
			"partener1 partener2"
			"partener3 partener4"
			"partener5 partener5";

		grid-template-columns: repeat(2,1fr);
		margin-top:100px;
	}

	.menuHamburger{
		width:50%;
	}
	
	.detaliiMarfa{
		flex-direction: column;
		gap:20px;
	}

	.exped4{
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}

	.exped4 div{
		width:unset;
	}
}

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


	.divFormMain2 span{
		font-size:20px;
		font-weight: bold;
	}
	.background{
		height:1200px;
	}

	.formOferta input:not(.cereOfertaClass){
		padding:0;
	}
	.background{
		height:850px;
	}
	.divContent{
		grid-template-columns: 1fr;
		grid-template-areas: "gridLeft gridLeft"
			"bottomGrid bottomGrid";
			gap:50px;
	}
	.divRightContent{
		display:none;
	}
	.stangaMenu {
        width: 50%;
    }

	.tabelIcons :nth-child(1){
		grid-area: tab1;
	}
	.tabelIcons :nth-child(2) {
		grid-area: tab2;
	}
	.tabelIcons :nth-child(3) {
		grid-area: tab3;
	}
	.tabelIcons{
		grid-template-areas: "tab1 tab2" 
							"tab3 tab3";
		display:grid;
	}
	.divIcon{
		width:100%
	}
	.divText span{
		line-height: 25px;
    	font-size: 18px;
	}
	.tabelIcons{
		padding-top:50px;
	}
	.bookPage1{
		grid-area:page1;
	}
	.bookPage2{
		grid-area:page2;
	}
	.bookPage3{
		grid-area:page3;
	}
	.bookPage2{
		width:60%;
	}
	.bookPage1, .bookPage3{
		width:100%;
	}

	.bookPages{
		display:grid;
		grid-template-areas:  "page2 page2"
							"page1 page3";
		column-gap: 20px;
		justify-items: center;
	}
	
	.iconsService{
		grid-template-columns: repeat(2, 1fr);
	}
	.contentIconImage img{
		max-width:80%;
	}

}

@media only screen and (max-width:700px){
	.textThankyou span{
		font-size:14px;
	}
	.boxEmail{
		width:80% !important;
	}
	.tabelIcons2{
		flex-direction: column;
		
	}
	.colFooter{
		gap:10px;
	}
	.tabelIcons2{
	    padding: 0px 30px;
	}
	.contentServices{
		padding-top:150px;
	}
}


@media only screen and (max-width:650px){
	.colFooter{
		gap:15px;
	}
	.informatii{
		gap:0px;
		align-items: center;
	}
	.divLittleShip, .divMedShip, .divLargeShip, .divExtraLargeShip{
		flex-direction:column-reverse;
		border-left:1px solid var(--griFrancez);
		border-right:1px solid var(--griFrancez);
		border-bottom: 1px solid var(--griFrancez);
	}
	.textShip{
		width:100%;
		border:none;
	}
	.buttonMasina{
		font-size:18px;
	}
	.linie{
		width:100px;
	}
	.divText span{
		font-size:16px;
	}
	.colFooter2 a{
		font-size:16px;
	}
	.titleIcons{
		font-size:32px;
	}
	.titleBook{
		font-size:32px;
	}
	.center{
		width:95%;
	}
	.textPage{
		font-size:14px;
	}
	.menuHamburger{
		width:65%;
	}
	.borderLine svg{
		width:30%;
	}
	.principal{
		padding-bottom:150px;
	}

	.footer{
		height:250px;
	}

}

@media only screen and (max-width:600px){
	.parteneri{
		gap:30px;
	}

	.bckThankyouEmail::before{
		top:80px;
	}

	.divThankyou{
		margin-top:100px;
		margin-bottom:400px;
	}
	.stangaMenu{
		width:65%;
	}
	.colFooter{
		gap:15px;
	}
	.formPlaseazaComanda {
		padding: 20px 20px;
	}
	.divSTCP div:nth-child(2){
		gap:10px;
	}
	.footer{
		height:230px;
	}
	.titluComanda{
		text-align: center;
	}
	.wizard-progress .step .node {
		margin-left:-12px;
	}
	.bckThankyouEmail::before{
		height:800px;
	}
}

@media only screen and (max-width:550px){
	.colFooter2 a{
		font-size:14px;
	}
	.formPlaseazaComanda2{
		padding:20px 15px ;
	}
	.titluComanda{
		font-size:36px;
	}
	.colFooter3 a {
		font-size:14px;
	}
	.colFooter4 span{
		display:none;
	}
	.colFooter {
		grid-template-columns: 2fr 2fr 1fr 0.5fr;
	}
	.bookPage1, .bookPage2, .bookPage3 {
        padding: 75px 10px;
    }
	.backgroundCut2{
		padding-bottom:50px;
	}
	.bookPages{
		column-gap:10px;
	}
	.informatii{
		flex-direction: column;
	}
	.divText{
		width:100%;
	}
	.divPoza{
		width:80%;
		padding-top:20px;
	}
	.divFormContact{
		width:95%;
		padding:20px;
	}
	.dateContact{
		flex-direction: column;
	}

	.dateContact img{
		max-width:20%;
	}
	
	.dateContact span {
		margin-left:20px;
	}
	
	.mesajContact span{
		padding-top:5px;
		display:block;
	}

	.divThankyou{
		width:85%;
	}

	.borderLine{
		padding:0;
	}

}

@media only screen and (max-width:500px){
	.photoShip {
		margin-top:40px;
	}
	.exped4 div:not(.inputGroup, .divEroareForm, .form-mesaj){
		width:100%;
	}

	.sendMail span{
		font-size:30px;
	}

	.titluComanda{
		line-height: 40px;
		padding-bottom:50px;
	}

	.continutThankYou{
		padding-bottom:125px;
		padding-top: 75px;
	}
	.contactFooterHam{
		gap:0;
	}

	.footerHamburger{
		padding:0px 0px 10px ;
	}
	.ofertaFooterHam{
		gap:5px;
		padding-top:10px
	}

	.textThankyou svg{
		max-width:40%;
	}

	.boxThankyou{
		width:90%;
	}
	.textThankyou{
		padding:0;
	}
	.bigTitle{
		margin-top:30px !important;
	}
	.header{
		height: 120px;
	}
	.tabelIcons{
		grid-template-areas: "tab1 tab1"
		"tab2 tab2"
		"tab3 tab3";

	}
	.bookPage2{
		box-shadow: 0px 0px 62px 4px rgba(0, 0, 0, 0.75);
		margin-bottom:40px;
	}
	.divPoza{
		border:none;
	}
	.photoShip img{
		max-width: 330px;
	}
	.titleBook{
		line-height: 30px;
	}
	.textBook {
        width: 90%;
    }
	.bigTitle{
		line-height: 35px;
	}
	.exped3, .divSTCP, .exped4{
		flex-direction: column;
		column-gap: 10px;
		row-gap:0;
	}
	.exped3 div, .exped2 div, .exped1 div{
		width:100%;
	}

	.exped1, .exped2{
		width:100%;
	}

	.detaliiExped1{
		flex-direction: column;
	}
	.exped4{
		grid-template-columns: repeat(1,1fr);
	}
	.divSTCP div:nth-child(1){
		width:100%;
	}
	.divSTCP div:nth-child(2){
		width:100%;
	}

	.titluFormEmail {
		font-size:18px;
	}

	.sendMail{
		clip-path: polygon(0 0, 100% 0, 100% 55%, 0 100%);
	}

}

@media only screen and (max-width:450px){
	.boxContact{
		padding-bottom: 400px;
	}
	.contentServices{
		padding-top:100px;
	}
	.contentIconImage img {
        max-width: 60%;
    }
	.recomandare{
		width:80%;
	}
	.inputGroup{
		width:95%;
	}
	.iconsService {
        grid-template-columns: repeat(1, 1fr);
    }
	.titluIconsService span{
		text-align:center !important;
	}
	.bookPages{
				grid-template-areas:
						"page2 page2"
						"page1 page1"
						"page3 page3";

		row-gap:30px;
	}

	.boxThankyou{
		padding: 20px;
	}
	.colFooter{
		padding:20px 0px 0px 0px;
	}
	.bookPage2{
		width:100%;
	}
	.bookPage1, .bookPage2, .bookPage3 {
        padding: 30px 10px;
    }
	.divRedLine span{
		padding: 0px 15px;
	}
	.background {
        height: 1000px;
    }
	.colFooter1{
		grid-area:fot1;
	}
	.colFooter2{
		grid-area:fot2;
	}
	.colFooter3{
		grid-area:fot3;
	}
	.colFooter4{
		grid-area:fot4;
		flex-direction: row;
		justify-content: flex-end;

	}
	.colFooter{
		grid-template-areas: "fot1 fot2 fot3 fot3"
							"fot4 fot4 fot4 fot4";
	}
	.footer{
		height:270px;
	}
	.menuHamburger{
		width:80%;
	}
	.header{
		height:90px;
	}
	.contentMeniu{
		height:90px;
	}
	.informatii{
		margin-bottom:150px;
	}
	.contactFooterHam{
		gap:0;
	}
	.cereOfertaClass {
		padding:5px 0px;
		width:100%;
	}
	.continutMenuHamburger{
		padding:30px 15px;
	}
	.divLogoHamburger img {
    width: 100%;
	}
	.parteneri img {
		max-width: 120px;
	}
	.divContact{
		min-height:205vh;
	}
	.continutPagina{
		padding-bottom:300px;
	}
	.submitFormContact{
		width:75%;
	}

	.divEmailProf{
		margin-bottom:0px;
	}


}

@media only screen and (max-width:400px){
	.photoShip img{
		max-width:320px;
		max-height:unset;
	}
	.wrapper {
		min-height: 80vh;
	}
	.footer{
		height:300px;
	}
	.ofertaFooterHam{
		padding-top:10px;
		gap:10px;
	}
}