@media (max-width: 900px) {

	.header .signup {
		min-width: 120px;
	}

	.main-title {
		font-size: 30px;
	}

	.subtext {
		font-size: 26px;
	}

	.highlight-image {
		height: auto;
		max-height: 400px;
		right: 10px;
		bottom: -50px;
	}

	.box-flex-container {
		flex-flow: row wrap;
	}

	.item-flex-container {
		flex: 1 1 auto;
		width: auto;
		max-width: calc(50% - 30px);
		min-width: 230px;
	}


	/**
		SIGNUP STYLES
	**/

	.box-signup-form {
		min-width: 400px;
	}

	.box-company-form {
		min-width: 400px;
	}

}





@media (max-width: 860px) {

	.container-form-signup {
		justify-content: center;
		flex-flow: row wrap;
		width: 90%;
	}

	.container-form-company {
		justify-content: center;
		flex-flow: row wrap;
		width: 90%;
	}
}




@media (max-width: 800px) {

	.flex-space {
		display: flex;
		flex: 1;
		height: 40px;
	}

	nav {
		display: none;
	}

	.header .signup {
		margin-right: 10px;
	}

	.header .login {
		display: none;
	}


	.container-form-signup {
		justify-content: center;
		flex-flow: row wrap;
	}

	.responsive-menu {
		display: block;
		width: 30px;
		height: 30px;
	}

	.responsive-menu label {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 30px;

		cursor: pointer;
	}

	.responsive-menu img {
		height: 30px;
	}

	.icon-empty {
		display: block;
	}

	.icon-menu {
		display: block;
	}

	.icon-close {
		display: block;
	}

	.menu-bar {
		display: block;
		width: 200px;
		height: 100vh;
		margin-top: 0px;
		margin-left: 0px;
		padding: 35px 20px;
		border-radius: 0px;

		position: absolute;
		top: 0px;
		right: -280px;
		z-index: 2000;
	}

	input[name="menu-box"]:checked+.menu-bar {
		position: fixed;
		right: 0px;

		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		transition: 0.3s ease-in;
	}


}





@media (max-width: 660px) {

	#highlight {
		height: auto;
		min-height: 350px;
	}

	.text-highlight {
		width: auto;
		max-width: 100%;
	}

	.subtext {
		font-size: 23px;
	}

	.second-subtext {
		font-size: 18px;
	}

	.highlight-image {
		display: none;
	}


	.box-form-search {
		flex-flow: row wrap;
	}

	.btn-search {
		width: 100%;
		max-width: 100%;
	}

	.data-business {
		min-width: 100%;
		padding-right: 0px;
	}

	.icon-business {
		margin-bottom: 10px;
	}

}








@media (max-width: 600px) {

	.box-signup-left .signup-text {
		font-size: 18px;
	}

	.box-signup-left .bigger-text {
		font-size: 28px;
	}

	.box-signup-form {
		width: auto;
		max-width: 100%;
		min-width: auto;
	}


	.box-company-left .company-text {
		font-size: 18px;
	}

	.box-company-left .bigger-text {
		font-size: 28px;
	}

	.box-company-form {
		width: auto;
		max-width: 100%;
		min-width: auto;
	}

}






@media (max-width: 550px) {

	.item-flex-container {
		max-width: 100%;
	}

	.container-form-signup {
		width: 90%;
	}

}






@media (max-width: 500px) {

	.data_virtualcard {
		padding: 0px 5px;
	}

	.content-logo-virtual {
		min-height: 80px;
	}

	.text_back {
		font-family: 'Inter-Medium', sans-serif;
		font-size: 16px;
		padding: 5px 0px;
	}

	.item-input {
		flex: 1;
		width: 100%;
		min-width: 200px;
	}

	.item-input.refcode {
		flex: 1;
		height: 38px;
	}

}



@media (max-width: 350px) {

	.header .signup {
		min-width: 80px;
		font-size: 11px;
	}

	.menu-bar {
		width: 150px;
	}

	.main-title {
		font-size: 26px;
	}

	.subtext {
		font-size: 18px;
	}

	.second-subtext {
		font-size: 15px;
	}

	.flip-container {
		min-height: 200px;
	}

	.box_virtualcard {
		height: 200px;
	}

}











@media (max-width: 300px) {
	.welcome-app-name {
		display: block;
		font-family: 'Inter-Thin', sans-serif;
		font-size: 18px;
	}
}