@media (max-width: 399px) {
	#calixta-badge {
		width: 200px !important;
		height: 80px !important;
		background-size: 80% !important;
		background-color: transparent !important;
		bottom: 8px !important;
		right: 20px !important;
		background-image: url("https://atilafinanciera.com/images/chatfondo0v2.png") !important;
		background-repeat: no-repeat !important;
	}

	#calixta-badge .calixta-badge-text {
		/*Para que no se muestre el texto que trae por default*/
		display: none !important;
	}
	
	#calixta-chat-682182680723168 .calixta-minimize{
		color: #FFFFFF !important;
	}

	#calixta-chat-682182680723168 .calixta-header{
		height: 100px !important;
		background-color: #2bde8f !important;
		background-size: 100% !important;
		background-image: url("https://atilafinanciera.com/images/chatfondo1v2.png") !important;
		background-repeat: no-repeat !important;
		/*Para que no se muestre el texto que trae por default*/
		color: transparent !important;
	}
	
	#calixta-chat-682182680723168 button{
		background-color: #2bde8f !important;
		color: white !important;
	}
}

@media (min-width: 400px) and (max-width: 600px) {
	#calixta-badge {
		width: 300px !important;
		height: 100px !important;
		background-size: 90% !important;
		background-color: transparent !important;
		bottom: 8px !important;
		right: 20px !important;
		background-image: url("https://atilafinanciera.com/images/chatfondo0v2.png") !important;
		background-repeat: no-repeat !important;
	}

	#calixta-badge .calixta-badge-text {
		/*Para que no se muestre el texto que trae por default*/
		display: none !important;
	}
	
	#calixta-chat-682182680723168 .calixta-minimize{
		color: #FFFFFF !important;
	}

	#calixta-chat-682182680723168 .calixta-header{
		height: 100px !important;
		background-color: #2bde8f !important;
		background-size: 95% !important;
		background-image: url("https://atilafinanciera.com/images/chatfondo1v2.png") !important;
		background-repeat: no-repeat !important;
		background-position: 5px !important;
		/*Para que no se muestre el texto que trae por default*/
		color: transparent !important;
	}
	
	#calixta-chat-682182680723168 button{
		background-color: #2bde8f !important;
		color: white !important;
	}
}

@media (min-width: 601px) {
	#calixta-badge {
		width: 350px !important;
		height: 125px !important;
		background-size: 100% !important;
		background-color: transparent !important;
		bottom: 8px !important;
		right: 20px !important;
		background-image: url("https://atilafinanciera.com/images/chatfondo0v2.png") !important;
		background-repeat: no-repeat !important;
	}

	#calixta-badge .calixta-badge-text {
		/*Para que no se muestre el texto que trae por default*/
		display: none !important;
	}
	
	#calixta-chat-682182680723168 .calixta-minimize{
		color: #FFFFFF !important;
	}
	
	#calixta-chat-682182680723168 .calixta-header{
		height: 100px !important;
		background-color: #2bde8f !important;
		background-size: 95% !important;
		background-image: url("https://atilafinanciera.com/images/chatfondo1v2.png") !important;
		background-repeat: no-repeat !important;
		background-position: 5px !important;
		/*Para que no se muestre el texto que trae por default*/
		color: transparent !important;
	}
	
	#calixta-chat-682182680723168 button{
		background-color: #2bde8f !important;
		color: white !important;
	}
}