/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.fortune_container {
		min-height: 568px;
	}
	.fortune_container .arrow_top {
	}
	.fortune_container .wheel_of_fortune_container {
		width: 80vw;
		height: 80vw;
	}
	.fortune_container .check {
		margin-top: 18%;
	}
	.fortune_container .star {
	    width: 273px;
   		height: 262px;
	    font-size: 26px;
	}

	.fortune_container .win {
		max-width: 100%;
		max-height: 90%;
	}

	.fortune_container .popup {
		padding: 0 10px;
	}

	.fortune_container .popup-text-rose {
		font-size: 12px;
	}

	.fortune_container .popup-text {
		font-size: 15px;
		margin: 0 0 15px;
	}

	.fortune_container .popup-title {
		font-size: 20px;
    margin-left: 0px;
    flex-direction: column;
	}

	.fortune_container .win .popup-title::before {
    /*
		left: 50%;
		top: -100px;
		transform: translateX(-50%);
    */
	}

	.fortune_container .win-1 .popup-title span:first-child {
		width: 47px;
		height: 93px;
	}

	.fortune_container .win-3 .popup-title  span:first-child {
		width: 80px;
		height: 95px;
	}
  
	.fortune_container .win-4 .popup-title {
		font-size: 20px;
	}
  .fortune_container .win-4 .popup-title span:last-child {
    line-height: 1;
  }
  
}

/* Medium Devices, Desktops */
@media (min-width : 550px) and (max-width : 1025px) {

	.fortune_container .win {
		max-width: 100%;
		max-height: 50%;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.fortune_container .text_validez {
		font-size: 17px;
	}
	.fortune_container .star {
		top: -13px;
	    width: 141px;
	    height: 136px;
	    font-size: 14px;
	}
	.fortune_container .star .small {
		font-size: 12px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
@media (min-height: 780px) and (min-width : 1400px) {

}