@media only screen and (max-width:1400px) {
	.formularContNouHolder{
		width: 80%;
	}

}

@media only screen and (max-width:1300px) {
	#logoSus img {
		width: 85%;
	}
	.gridMeniu{
		grid-template-columns: 250px 1fr 1fr 1fr;
	}
	.holderLinieContact {
		width: 70%;
	}
}

@media only screen and (max-width:1200px) {
	#logoSus img {
		width: 90%;
	}
	.gridMeniu{
		grid-template-columns: 200px 1fr 1fr 1fr;
	}
	.triunghi, .patrat
	{
		width: 20px;
		height: 20px;
	}
	.aDouaLinieMasinaUser {
		grid-template-columns: 1fr;
		grid-row-gap: 15px;
	}
	.holderMesajDreapta{
		width: 50%;
		margin-left: 50%;
	}
	.holderMesajStanga{ 
		width: 50%;
	}
}


@media only screen and (max-width:1100px) {
	#butoaneSus a,
	.adaugaProgramareSus{
		padding: 5px !important;
	}
	.linieButonCont{
		margin-left: 4px;
		margin-right: 4px;
	}
	.salutUser{
		display: none;
	}
	#cautareSus{
		column-gap: 0px;
	}
	.holderLinieContact {
			width: 90%;
	}
	.formularContNouHolder {
		width: 98%;
	}
}

@media only screen and (max-width:1000px) {
	#butoaneSus a, 
	.adaugaProgramareSus{
		font-size: 14px !important;
	}
	#masterContainer {
		grid-template-columns: 270px 1fr;
	}
	.holderMesajDreapta {
		width: 60%;
		margin-left: 40%;
	}
	.holderMesajStanga {
		width: 60%;
	}
}

@media only screen and (max-width:900px) {
	#masterContainer {
		grid-template-columns: 1fr;
		grid-template-areas:
				"left"
				"content";
		grid-row-gap: 10px;
		padding-top: 0px;
	}
	.meniuLeft{
		border-top: 0px;
		border-top-left-radius: 0;
		border-top-right-radius: 0px;
	}
	#left {
		padding-right: 0;
	}
	.center{
		max-width: 94%;
	}
	.formularContNouHolder{
		box-sizing: border-box;
		width: 100%;
	}
	#content {
		padding-bottom: 20px;
	}
}

@media only screen and (max-width:850px) {
	.cumFunctioneaza .center {
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	.holderBilling{
		margin-top: 20px;
	}
}

@media only screen and (max-width:800px) {
	.textBtnSus, #searchholder>a>.linieButonCont{
		display: none;
	}
	#cautareSus{
		grid-template-columns: 1fr 2fr;
	}
	.holderLinieContact {
		width: 100%;
	}
}

@media only screen and (max-width:750px) {
	.subMeniu a, .leftContactUs span, .rightContactUs span{
		font-size: 14px;
	}
	.holderTextDespreNoi, .holderPunctLucru{
		grid-template-columns: 1fr;
		grid-row-gap: 15px;
	}
	.holderLinieContact span:first-child {
		font-size: var(--m);
	}
	.holderPunctLucru img{
		margin: auto;
	}
}

@media only screen and (max-width:700px) {
	#cautareSus {
		grid-template-columns: 1fr 3fr;
	}
}

@media only screen and (max-width:650px) {
	#logoSus img{
		width: 95%;
	}
	.gridMeniu {
        grid-template-columns: 170px 1fr 1fr 1fr;
    }
	.center{
		max-width: 95%;
	}
 	#cautareSus {
		grid-template-columns: 1fr 4fr;
	}
	.footer img {
		max-width: 150px;
	}
	.profesionalism .center {
    	grid-template-columns: 1fr 1fr;
		grid-row-gap: 15px;
		grid-column-gap: 15px;
		align-items: center;
	}
	#butoaneSus a, .adaugaProgramareSus {
        font-size: 13px !important;
    }
	.cumFIcon i {
		font-size: 2em;
	}
	.cumFIcon{
		padding: 1.5em;
	}
	.h2Precizari {
		margin-block-start: 2em;
		margin-block-end: 2em;
	}
	.prodesionalFIcon i{
		font-size: 30px;
	}
	.prodesionalCifra{
		font-size: 25px;
	}
	.prodesionalCe{
		font-size: 14px;
	}
	.footer {
		padding-block-start: 2em;
	}
	.submitFormulare{
		font-size: 13px;
	}
	.rowBillingInfo{
		grid-template-columns: 1fr;
	}
	.holderMasiniUser{
		margin-top:15px;
	}
	.holderMesajDreapta {
		width: 80%;
		margin-left: 20%;
	}
	.holderMesajStanga {
		width: 80%;
	}
	.holderMesajeConversatie{
		padding-top: 25px;
	}
	.mesajChatInceput{
		font-size: 14px;
	}
	.mesajRobotel{
		width: 85%;
	}
	#formularContNou,#formularAutentificare{
		width: 96%;
	}
}

@media only screen and (max-width:600px) {
	#cautareSus {
			grid-template-columns: 1fr 5fr;
	}
}

@media only screen and (max-width:550px) {
	#cautareSus {
		grid-template-columns: 1fr 5fr;
	}
	.gridMeniu {
		grid-template-columns: 120px 1fr 1fr 1fr;
	}
	.holderInfoSuplimentareAddMasina{
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width:500px) {
	.holderColoaneFooter {
		grid-template-columns: 1fr;
		grid-template-areas: 
			"col1Footer logoFooter"
			"col2Footer col2Footer";
	}

	.primaColoanaFooter {
		grid-area: col1Footer;
	}

	.aDouaColoanaFooter {
		grid-area: col2Footer;
	}
	
	.logoFooter {
		grid-area: logoFooter;
	}
	.holderMasinaUser{
		padding: 10px 15px;
	}
	.iconMasinaUser{
		font-size: 11px;
	}
	.placutaNr{
		font-size: 13px;
	}
	.primaLinieMasinaUser img{
		max-width: 100%;
	}
}