@media (min-width: 1024px) and (max-width: 4000px) {
	.modal-content{
		background-color: transparent;
		border: 0;
		border-radius: 0;
	}

	.bg__modal01{
		background-image: url('../img/servicios/bg-modal-01.png');
		background-repeat: no-repeat;
		background-size: cover;
		height: 81vh;
	}

	.img__service--modal01{
		background-image: url('../img/servicios/01.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal01:hover, .img__service--modal01:focus{
		background-image: url('../img/servicios/01-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}


	.bg__modal02{
		background-image: url('../img/servicios/bg-modal-02.png');
		background-repeat: no-repeat;
		background-size: cover;
		height: 81vh;
	}

	.img__service--modal02{
		background-image: url('../img/servicios/02.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal02:hover, .img__service--modal02:focus{
		background-image: url('../img/servicios/02-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}


	.bg__modal03{
		background-image: url('../img/servicios/bg-modal-03.png');
		background-repeat: no-repeat;
		background-size: cover;
		height: 81vh;
	}

	.img__service--modal03{
		background-image: url('../img/servicios/03.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal03:hover, .img__service--modal03:focus{
		background-image: url('../img/servicios/03-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}


	.bg__modal04{
		background-image: url('../img/servicios/bg-modal-04.png');
		background-repeat: no-repeat;
		background-size: cover;
		height: 81vh;
	}

	.img__service--modal04{
		background-image: url('../img/servicios/04.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal04:hover, .img__service--modal04:focus{
		background-image: url('../img/servicios/04-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}


	.bg__modal05{
		background-image: url('../img/servicios/bg-modal-05.png');
		background-repeat: no-repeat;
		background-size: cover;
		height: 81vh;
	}

	.img__service--modal05{
		background-image: url('../img/servicios/05.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal05:hover, .img__service--modal05:focus{
		background-image: url('../img/servicios/05-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}


	.bg__modal06{
		background-image: url('../img/servicios/bg-modal-06.png');
		background-repeat: no-repeat;
		background-size: cover;
		height: 81vh;
	}

	.img__service--modal06{
		background-image: url('../img/servicios/06.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal06:hover, .img__service--modal06:focus{
		background-image: url('../img/servicios/06-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 300px;
	    height: 290px;
	    transition: .5s ease-in-out;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.modal-content{
		background-color: transparent;
		border: 0;
		border-radius: 0;
	}

	.bg__modal01{
		background-image: url('../img/servicios/bg-modal-01.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 40px 0;
	}

	.img__service--modal01{
		background-image: url('../img/servicios/01.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal01:hover, .img__service--modal01:focus{
		background-image: url('../img/servicios/01-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}


	.bg__modal02{
		background-image: url('../img/servicios/bg-modal-02.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.img__service--modal02{
		background-image: url('../img/servicios/02.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal02:hover, .img__service--modal02:focus{
		background-image: url('../img/servicios/02-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}


	.bg__modal03{
		background-image: url('../img/servicios/bg-modal-03.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.img__service--modal03{
		background-image: url('../img/servicios/03.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal03:hover, .img__service--modal03:focus{
		background-image: url('../img/servicios/03-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}


	.bg__modal04{
		background-image: url('../img/servicios/bg-modal-04.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.img__service--modal04{
		background-image: url('../img/servicios/04.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal04:hover, .img__service--modal04:focus{
		background-image: url('../img/servicios/04-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}


	.bg__modal05{
		background-image: url('../img/servicios/bg-modal-05.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.img__service--modal05{
		background-image: url('../img/servicios/05.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal05:hover, .img__service--modal05:focus{
		background-image: url('../img/servicios/05-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}


	.bg__modal06{
		background-image: url('../img/servicios/bg-modal-06.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.img__service--modal06{
		background-image: url('../img/servicios/06.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal06:hover, .img__service--modal06:focus{
		background-image: url('../img/servicios/06-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}
}

@media (min-width: 0px) and (max-width: 767px) {
	.modal-content{
		background-color: transparent;
		border: 0;
		border-radius: 0;
	}

	.bg__modal01{
		background-image: url('../img/servicios/bg-modal-01.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 40px 0;
	}

	.img__service--modal01{
		background-image: url('../img/servicios/01.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal01:hover, .img__service--modal01:focus{
		background-image: url('../img/servicios/01-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}


	.bg__modal02{
		background-image: url('../img/servicios/bg-modal-02.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.img__service--modal02{
		background-image: url('../img/servicios/02.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal02:hover, .img__service--modal02:focus{
		background-image: url('../img/servicios/02-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}


	.bg__modal03{
		background-image: url('../img/servicios/bg-modal-03.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.img__service--modal03{
		background-image: url('../img/servicios/03.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal03:hover, .img__service--modal03:focus{
		background-image: url('../img/servicios/03-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}


	.bg__modal04{
		background-image: url('../img/servicios/bg-modal-04.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.img__service--modal04{
		background-image: url('../img/servicios/04.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal04:hover, .img__service--modal04:focus{
		background-image: url('../img/servicios/04-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}


	.bg__modal05{
		background-image: url('../img/servicios/bg-modal-05.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.img__service--modal05{
		background-image: url('../img/servicios/05.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal05:hover, .img__service--modal05:focus{
		background-image: url('../img/servicios/05-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}


	.bg__modal06{
		background-image: url('../img/servicios/bg-modal-06.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.img__service--modal06{
		background-image: url('../img/servicios/06.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}

	.img__service--modal06:hover, .img__service--modal06:focus{
		background-image: url('../img/servicios/06-hover.png');
		background-repeat: no-repeat;
	    background-size: 100% auto;
	    width: 200px;
	    height: 190px;
	    transition: .5s ease-in-out;
	}
}