/* For mobile devices and Tablet */
@media screen and (max-width: 768px) {
/* @media screen and (min-width: 320px) and (max-width: 768px) { */
	.firstprojectexample .rightside img {
		height: fit-content;
	}
	
	.firstprojectexample .rightside {
		align-items: center;
		flex-basis: 100%;
	}
	
	section.whatwecandoforyou .col-md-3 {
		margin-bottom: 10px;
	}
	
	.projectimg {flex-basis: 100%;}
	
	.projectimg img {
		max-width: 100%;
	}
	
	.project {
		flex-wrap: wrap;
		padding: 39px 20px;
	}
	
	.projectdetails {
		flex-basis: 100%;
	}
	
	.projectbuttons {
		text-align: center;
		display: block;
	}
	.projectbuttons div {
		margin: 8px 0px;
	}
	
	.iconproject {
		flex-basis: 33%;
		max-width: 33%;
	}
	
	
	footer.bottomfooter .leftside {
		flex-basis: 100%;
		padding-top: 24px;
	}
	
	footer.bottomfooter .rightside {
		flex-basis: 100%;
		padding-top: 25px;
	}
	
	footer.bottomfooter .copyright {
		width: 100%;
	}
	
	footer.bottomfooter .quicklinks {
		flex-basis: 100%;
		justify-content: left;
		margin-top: 15px;
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	footer.bottomfooter .bottomarea {
		flex-wrap: wrap;
	}
	header.topmenu {
		flex-direction: column;
		gap: 20px;
	}
	.menuarea {
		display: none;
	}
	
	.logoarea {
		justify-content: center;
	}
	
	section.titlesection h3 {
		font-size: 2.2em;
		line-height: 1.2em;
	}
	
	section.titlesection div.container-fluid {
		padding-top: 148px;
	}
	
	section.firstprojectexample div.container-fluid {
		padding: 0px 20px;
		padding-top: 189px;
		flex-wrap: wrap;
	}
	
	
	section.whatwecandoforyou div.container-fluid {
		padding: 0px 20px;
		padding-top: 80px;
	}
	
	section.projects div.container-fluid {
		padding: 20px;
		padding-top: 80px;
	}
	
	.projectbuttons div {
		margin-right: 0px;
	}
	
	.projectheaders {
		padding: 0px 20px;
		justify-content: space-evenly;
	}
	
	.projectheader {
		margin-right: 0px;
		padding: 14px;
	}
	
	.iconprojects {
		padding: 30px 20px;
	}
	
	.iconprojecttitle {
		font-size: 80%;
	}
	
	.partnerlist {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.partner {
		margin: 0px;
		margin-bottom: 10px;
		padding: 0px 9px;
	}
	
	section.partners {
		padding: 20px;
	}
	
	footer.bottomfooter {
		padding: 20px;
	}
	
	.bottomfooter .leftsideheader {
		font-size: 2.2em;
		line-height: 1.2em;
	}
	
	.leftsideheader p.underline {
		text-underline-offset: 8px;
		display: inline;
	}
	
	.getanofferforyourproject .btn {
		margin: auto;
	}
	
	footer.bottomfooter .contactphone {
	    justify-content: center;
	}
	
	footer.bottomfooter .email {
	    justify-content: center;
	}
	
	.quicklink {
		flex-basis: 50%;
		margin: 0px;
		padding: 10px 10px;
	}
	
	.quicklink a {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
} 

/* For PC with minimum resolution till your PC resolution */ 
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.firstprojectexample .rightside img {
		height: fit-content;
	}
	
	.firstprojectexample .rightside {
		align-items: center;
	}
	
	section.whatwecandoforyou .col-md-3 {
		width: 50%;
		margin-bottom: 10px;
	}
	
	.projectimg {flex-basis: 100%;}
	
	.projectimg img {
		max-width: 100%;
	}
	
	.project {
		flex-wrap: wrap;
	}
	
	.projectdetails {
		flex-basis: 100%;
	}
	
	.projectbuttons {
		justify-content: center;
	}
	
	.iconproject {
		flex-basis: 25%;
		max-width: 25%;
	}
	
	
	footer.bottomfooter .leftside {
		flex-basis: 100%;
	}
	
	footer.bottomfooter .rightside {
		flex-basis: 100%;
	}
	
	footer.bottomfooter .copyright {
		width: 100%;
	}
	
	footer.bottomfooter .quicklinks {
		flex-basis: 100%;
		justify-content: right;
		margin-top: 15px;
	}
	
	footer.bottomfooter .bottomarea {
		flex-wrap: wrap;
	}
}


@media screen and (min-width: 1025px) and (max-width: 1366px) {
	.wecandoforyou {
		min-height: 550px;
	}
	.projectimg img {
		max-width: 75%;
	}
	
	.iconproject {
		flex-basis: 25%;
		max-width: 20%;
	}
	
	footer.bottomfooter .leftside {
		flex-basis: 60%;
	}
	
	footer.bottomfooter .rightside {
		flex-basis: 40%;
	}
	
	.bottomfooter .leftsideheader {
		font-size: 60px;
	}
}
/* For Screen Higher than 1400px */ 
@media screen and (min-width: 1401px) {
}