@media(max-width: 1400px) {
		.popup {
	    margin: 50px auto;
	    width: 90%; 
		}
		img.girl { 		
    		width: 58%;
		}
		.discount-style h6 { 
    font-size: 138px; 
	}
}
 @media(max-width: 1200px) {
	.discount-style {
			padding: 70px;
	 }
	 h3.signup-text {
   		 width: 80%;
		}
	 img.girl {
	 	display: none;
	 }
	 .discount-style h6 { 
    font-size: 110px; 
    top: 90%; 
    left: 50%; 
    transform: translate(-50%, -50%);
		}
 } 
@media(max-width: 992px) {
		.discount-style h6 { 
    font-size: 90px; 
    top: 94%; 
    left: 50%;
    letter-spacing: 0px; 
}

.discount { 
    width: 150px;
    height: 150px;
    padding-top: 33px; 
    right: 20px;
    top: 24px;
		}
		.discount span {
    font-size: 16px;
     }
		.discount h4 {
    font-size: 45px; 
		}
		.discount-style {
			overflow: hidden;
		}
.discount-style > h3 {
    color: #35ff48;
     font-size: 70px;
    margin-bottom: 0;
    width: 80%;
		}
}
@media (max-width: 768px) {
		.discount-style {
    		padding: 40px;
		}
		.discount-style > h3 { 
    font-size: 50px; 
    width: 70%;
		}
		.discount-style h6 {
			font-size: 70px;
		}
		.popup {
    margin: 50px auto;
    width: 100%;
		}
} 
@media(max-width: 576px) {
		.cancel {
    border-radius: 0; 
    width: 40px;
    height: 40px; 
    top: 0; 
    left: 0; 
}
.discount { 
    width: 120px;
    height: 120px;
    padding-top: 28px; 
    right: 10px;
    top: 10px;
}
.discount h4 {
    font-size: 35px; 
		}
		.discount span {
    font-size: 13px; }
    .subscribe input { 
    height: 60px; 
    font-size: 20px; 
    font-size: 16px;
		}
		.subscribe i { 
    font-size: 20px;
    top: 20px;
    left: 24px; 
		}
		.subscribe button { 
    height: 60px; 
		}

} 
@media(max-width: 450px) {
		.discount-style h6 { 
    font-size: 64px; 
}
.subscribe input {
     font-size: 16px;
    padding: 0 54px; 
    padding-right: 0 !important; 
	}
.discount-style > h3 { 
    font-size: 36px; 
		}
		.discount-style h6 { 
    font-size: 50px; 
		}
}