@media only screen and (max-width:1200px) {


}

@media only screen and (max-width:992px) {

	#hero h2{
		font-size: 40px;
	}

}

@media only screen and (max-width:768px) {

	.botonmenu {
		margin-left: 30px;
	}

	#hero .app-container{
		flex-direction: column;
		gap: 40px;
	}

	#hero .app-container > div{
		width: 100% !important;
		height: 50% !important;
		align-items: end !important;
	}

	#hero-interior{
		height: 250px !important;
	}

	#dashboard{
		padding: 0 !important;
	}

	form.checkout.woocommerce-checkout{
		flex-direction: column;
	}

	form.checkout.woocommerce-checkout #customer_details,
	form.checkout.woocommerce-checkout #order_review {
	    width: 100%;
	}

}

@media only screen and (max-width:576px) {

	.btn-mod {
		padding: 30px 20px 10px 20px;
		gap: 20px;
		font-size: 18px;
	}

	.btn-mod i {
		font-size: 20px;
	}

	.btn-mod.btn-xs {
		padding: 15px 10px 5px 10px;
		font-size: 12px;
	}

	.btn-mod.btn-xs i {
		font-size: 18px;
		margin-top: 2px;
	}

	#hero h2{
		font-size: 30px;
	}

	.content, .content p, .content li{
		font-size: 16px;
		margin-bottom: 20px;
	}

	.content img{
		margin-bottom: 20px;
	}

	.content h2{
		font-size: 30px;
		margin-bottom: 15px;
	}

}

@media only screen and (max-width:390px) {



}