/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

@media (max-width: 500px) {
	.logoimagecontainer {
		max-height: 70px; 
		padding-top: 0px;
	}
	.logoimagecontainer img {
		object-fit: contain;
		width: 200px;
		height: 150px;
	}
}

@media (min-width: 501px) and (max-width: 999px){
	.logoimagecontainer {
		max-height: 70px; 
		padding-top: 0px;
	}
	.logoimagecontainer img {
		object-fit: contain;
		width: 250px;
		height: 150px;
	}
}

@media (min-width: 1000px) {
	.logoimagecontainer {
		max-height: 70px; 
		padding-top: 20px;
	}
	.logoimagecontainer img {
		object-fit: fill;
		width: 250px;
		height: 200px;
	}
}

@media (max-width: 1099px) {
	.chequehandler1 {
		visibility: hidden;
		display: none;
		width: 0px;
		height: 0px;
	}
	.chequehandler2 {
		visibility: visible;
	}
}

@media (min-width: 1100px) {
	.chequehandler1 {
		visibility: visible;
	}
	.chequehandler2 {
		visibility: hidden;
		display: none;
		width: 0px;
		height: 0px;
	}
}

@media (max-width: 399px) {
	.signup-button2 {
		visibility: visible;
	}
	.signup-button1 {
		visibility: hidden;
		display: none;
		width: 0px;
		height: 0px;
	}
}

@media (min-width: 400px) {
	.signup-button2 {
		visibility: hidden;
		display: none;
		width: 0px;
		height: 0px;
	}
	.signup-button1 {
		visibility: visible;
	}
}