@media (max-width: 767px) { 
	.calificar-producto{
		padding:0;
	}
	.cp-titulo{
		margin:2%;
		padding-top: 2vh;
		padding-left: 1vw;
		height: 8vh;
		color: rgba(134,134,134,1);
		font-size: 20px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: rgb(134,134,134,0.1);
	}
	.cp-datos{
		padding-top: 3vh;
		margin:2%;
	}
	.cp-imagen-container{
		width: 100%;
		padding: 1%;
	}
	.cp-imagen-container img{
		width: 100%;
		border-style: solid;
		border-width: 1px;
		border-color: rgba(134,134,134,0.5);
	}
	.cp-formulario{
		width: 100%;
		font-size: 25px;
	}
	.text-area{
		font-size: 20px;
	}
	.ec-stars-wrapper a {
		text-decoration: none;
		display: inline-block;
		/* Volver a dar tamaño al texto */
		font-size: 32px;
		font-size: 3rem;
		
		color: rgba(134,134,134,0.5);
	}

	.ec-stars-wrapper:hover a {
		color:rgb(230,60,46)
	}
	.ec-stars-wrapper > a:hover ~ a {
		color: rgba(134,134,134,0.5);
	}
	.cp-opinion{
		width: 100%;
		border-style: solid;
		width: 1px;
	}
}
@media (min-width: 768px) { 
	.calificar-producto{
		-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.24);
		-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.24);
		box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.24);
	}
	.cp-titulo{
		padding-top: 2vh;
		padding-left: 1vw;
		height: 8vh;
		color: rgba(134,134,134,1);
		font-size: 20px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: rgb(134,134,134,0.1);
	}
	.cp-datos{
		padding-top: 2vh;
		width: 101%;
	}
	.cp-imagen-container{
		width: 30%;
		padding: 1%;
	}
	.cp-imagen-container img{
		width: 100%;
		border-style: solid;
		border-width: 1px;
		border-color: rgba(134,134,134,0.5);
	}
	.cp-formulario{
		width: 70%;
		padding-left: 2vw;
		padding-bottom: 3vw;
	}
	.ec-stars-wrapper a {
		text-decoration: none;
		display: inline-block;
		/* Volver a dar tamaño al texto */
		font-size: 32px;
		font-size: 3rem;
		
		color: rgba(134,134,134,0.5);
	}

	.ec-stars-wrapper:hover a {
		color:rgb(230,60,46)
	}
	.ec-stars-wrapper > a:hover ~ a {
		color: rgba(134,134,134,0.5);
	}
	.cp-opinion{
		width: 100%;
		border-style: solid;
		width: 1px;
	}
}
@media (min-width: 992px) { 
	.calificar-producto{
		-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.24);
		-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.24);
		box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.24);
	}
	.cp-titulo{
		padding-top: 2vh;
		padding-left: 1vw;
		height: 8vh;
		color: rgba(134,134,134,1);
		font-size: 20px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: rgb(134,134,134,0.1);
	}
	.cp-datos{
		padding-top: 2vh;
		width: 101%;
	}
	.cp-imagen-container{
		width: 30%;
		padding: 1%;
	}
	.cp-imagen-container img{
		width: 100%;
		border-style: solid;
		border-width: 1px;
		border-color: rgba(134,134,134,0.5);
	}
	.cp-formulario{
		width: 70%;
		padding-left: 2vw;
		padding-bottom: 3vw;
	}
	.ec-stars-wrapper a {
		text-decoration: none;
		display: inline-block;
		/* Volver a dar tamaño al texto */
		font-size: 32px;
		font-size: 3rem;
		
		color: rgba(134,134,134,0.5);
	}
	.ec-stars-wrapper:hover a {
		color:rgb(230,60,46)
	}
	.ec-stars-wrapper > a:hover ~ a {
		color: rgba(134,134,134,0.5);
	}
	.cp-opinion{
		width: 100%;
		border-style: solid;
		width: 1px;
	}
}
@media (min-width: 1200px) { 
	.calificar-producto{
		-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.24);
		-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.24);
		box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.24);
	}
	.cp-titulo{
		padding-top: 2vh;
		padding-left: 1vw;
		height: 8vh;
		color: rgba(134,134,134,1);
		font-size: 20px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: rgb(134,134,134,0.1);
	}
	.cp-datos{
		padding-top: 2vh;
		width: 100%;
	}
	.cp-imagen-container{
		padding: 1%;
		width: 25%;
	}
	.cp-formulario{
		width: 70%;
		padding-left: 2vw;
		padding-bottom: 3vw;
	}
	.cp-imagen{
		width: 100%
		border-style: solid;
		border-width: 1px;
		border-color: rgba(134,134,134,0.5);

	}
	.ec-stars-wrapper a {
		text-decoration: none;
		display: inline-block;
		/* Volver a dar tamaño al texto */
		font-size: 32px;
		font-size: 3rem;
		
		color: rgba(134,134,134,0.5);
	}
	.ec-stars-wrapper:hover a {
		color:rgb(230,60,46)
	}
	/*
 * El selector de hijo, es necesario para aumentar la especifidad
 */
	.ec-stars-wrapper > a:hover ~ a {
		color: rgba(134,134,134,0.5);
	}
	.cp-opinion{
		width: 100%;
		border-style: solid;
		width: 1px;
	}

}