/************menu and logo*************/
@media screen and (max-width : 1300px) {
	#logoContainer {
		width: 50%;
	}
}
@media screen and (max-width : 1130px) {
	#logoContainer {
		width: 45%;
	}
}
@media screen and (max-width : 950px) {
	#logoContainer {
		width: 40%;
	}
}
@media screen and (max-width : 880px) {
	#logoContainer {
		width: 35%;
	}
}
@media screen and (max-width : 810px) {
	#logoContainer {
		width: 30%;
	}
}
@media screen and (max-width : 750px) {
	#logoContainer {
		width: 92%;
	}
	#menu {
		display: none;
	}
	#menuButton {
		width: 55px;
		padding: 10px 0;
		display: block;
		cursor: pointer;
		text-align: center;
	}
}
@media screen and (max-width : 400px) {
	#logoContainer {
		padding-left: 10px;
	}
}
@media screen and (max-width : 200px) {
	#logo {
		display: none;
	}
	#menuButton {
		width: 100%;
		text-align: left;
	}
	#menuAndLogo {
		display: block;
		box-sizing: border-box;
		padding: 15px 20px;
	}
}

/************Banner content*************/
@media screen and (max-width : 500px) {
	#bannerBigFont {
		font-weight: 700;
		font-size: 39px;
	}
	#bannerSmallFont {
		font-size: 14px;
		font-weight: 300;
	}
}
@media screen and (max-width : 430px) {
	#bannerBigFont {
		font-size: 35px;
	}
}
@media screen and (max-width : 370px) {
	#bannerBigFont {
		font-size: 32px;
	}
}
@media screen and (max-width : 320px) {
	#bannerBigFont {
		font-size: 29px;
	}
	#registerButton {
		padding: 10px 30px;
		font-size: 24px;
	}
}
@media screen and (max-width : 300px) {
	#bannerBigFont {
		font-size: 27px;
	}
	#registerButton {
		padding: 10px 20px;
		font-size: 22px;
	}
}

/************Abount Content************/
@media screen and (max-width : 1260px) {
	.aboutItem1 {
		margin-right: 30px;
	}
	#aboutParag {
		font-size: 15px;
	}
	#aboutImg {
		width: 360px;
		height: 240px;
	}
}
@media screen and (max-width : 1000px) {
	#aboutContainer {
		width: 90%;
	}
}
@media screen and (max-width : 900px) {
	#aboutContainer {
		width: 95%;
	}
	#aboutImg {
		width: 300px;
		height: 200px;
	}
}
@media screen and (max-width : 880px) {
	#aboutContainer {
		width: 80%;
		text-align: center;
	}
	.aboutItem1 {
		margin: auto;
	}
	#aboutHeading {
		text-align: center;
	}
	#aboutImg {
		display: none;
	}
	#serviceContainer {
		margin-top: 40px;
	}
}
/************Service Content************/
@media screen and (max-width : 1245px) {
	#serviceContainer {
		width: 93%;
	}
}
@media screen and (max-width : 1080px) {
	.serviceFlexItem {
		width: 250px;
		height: 350px;
	}
}
@media screen and (max-width : 920px) {
	#serviceContainer {
		width: 80%;
	}
	.serviceFlexItem {
		width: 300px;
		height: 330px;
	}
}
@media screen and (max-width : 850px) {
	#serviceContainer {
		width: 93%;
	}
}
@media screen and (max-width : 730px) {
	#serviceContainer {
		width: 80%;
	}
	#serviceFlex {
		flex-direction: column;
	}
	.serviceFlexItem {
		margin: 20px auto;
		width: 90%;
		height: 300px;
	}
}
@media screen and (max-width : 480px) {
	.serviceFlexItem {
		height: 330px;
	}
}
@media screen and (max-width : 390px) {
	.serviceFlexItem {
		height: 350px;
	}
}
@media screen and (max-width : 350px) {
	.serviceFlexItem {
		height: 370px;
	}
}
@media screen and (max-width : 340px) {
	.serviceFlexItem {
		height: 390px;
	}
}
@media screen and (max-width : 290px) {
	.serviceFlexItem {
		height: 410px;
	}
}
@media screen and (max-width : 270px) {
	.serviceFlexItem {
		height: 430px;
	}
}
/************Stat Content************/
@media screen and (max-width : 1060px) {
	#statContainer {
		flex-direction: column;
	}
	.statFlexItem1 {
		width: 90%; 
		margin: 20px auto;
	}
	#statHeading {
		text-align: center;
	}
	.countCard {
		width: 90%;
		margin-top: 0;
	}
}
@media screen and (max-width : 600px) {
	#statHeading {
		text-align: left; 
	}
}
@media screen and (max-width : 470px) {
	.statFlexItem1 {
		font-size: 13px;
	}
	#statHeading {
		font-size: 30px; 
	}
	.countCard {
		width: 90%;
	}
}
@media screen and (max-width : 410px) {
	.countCardItem {
		width: 100%; 
	}
}
@media screen and (max-width : 390px) {
	#statHeading {
		font-size: 25px; 
	}
}
@media screen and (max-width : 320px) {
	#statHeading {
		font-size: 20px; 
	}
}
/************partner Content************/
#partnersContainer {
	width: 93%;
}
/************footer Content************/
@media screen and (max-width : 900px) {
	#footerTopFlex {
		width: 90%; 
	}
}
@media screen and (max-width : 800px) {
	#footerTopFlex {
		width: 93%; 
	}
	.footerItemSection1Item {
		width: 300px;
	}
}
@media screen and (max-width : 780px) {
	.footerItemSection1{
		flex-direction: row-reverse;
		flex-flow: wrap-reverse;
	}
	.footerItemSection1Item {
		margin-top: 30px; 
	}
}
@media screen and (max-width : 670px) {
	.footerItemSection1Item {
		width: 270px;
	}
}
@media screen and (max-width : 600px) {
	.footerItemSection1Item {
		width: 220px;
	}
}
@media screen and (max-width : 490px) {
	#footerTopFlex {
		width: 80%; 
	}
	.footerItemSection1Item {
		width: 100%;
	}
}