@media screen and (max-width: 360px) and (min-width: 1px) {
  /* CSS styles specific to mobile screens */
  /* Add your mobile-specific CSS styles here */
  
	.divider {
		display: none !important;
	}
	
	.partnerImage{
		width: 75px !important;
	}
	
	.logo img {
		min-width: 140px;
		max-width: 150px;
		height: auto;
	}
	
	.rightSideReviewButton{
		width: auto;
		min-width: 180px;
		padding: 2px;
	}
	
	.rightSideReviewButtonInner p{
		font-size: 0.8rem;
	}
	
	.rightSideReviewButton {
		right: -82px;       /* Sets the distance from the right edge of the screen */
	}
	
	.buttonSocial span {
		font-size: 16px;
		font-weight: 400;
	}
	
	.buttonMenu span {
		font-size: 16px;
		font-weight: 400;
	}
	
	.buttonOrder span {
		font-size: 16px;
		font-weight: 400;
	}
	
	.buttonOrderPartner {
		margin-right: 5px;
	}
	
	.thankYouBox{
	    width: 90% !important;
	}
	
	.alertBox{
		width: 90% !important;
	}
	
	.couponCodeList{
	    width: 95%;
	    
	}
	
	.couponButtonTitle{
        font-size: 16px;
        margin-bottom: 10px;
    }
    
	.couponButtonDesc{
        font-size: 12px;
    }
	
	.termsText{
		font-size: 11px;
	}
	
	.termsLink{
		font-size: 11px;
	}
	
	.termsCheckbox{
		margin-right: 2px;
	}
	
	.h2Terms{
		margin-top: 30px;
		margin-bottom: 15px;
	}
	
	.h3Terms{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	.textTerms{
		font-size: 15px;
		text-decoration: none;
		font-weight: normal;
	}
	
	.termsTitle{
		margin-bottom: 25px; 
		font-size: 22px; 
		text-decoration: underline;
		font-weight: 550;
	}
	
		.captcha{
		margin-bottom: 13px;
	}
}



@media screen and (max-width: 460px) and (min-width: 361px) {
  /* CSS styles specific to mobile screens */
  /* Add your mobile-specific CSS styles here */
  
	.divider {
		display: none !important;
	}
	
	.partnerImage{
		width: 80px !important;
		margin-bottom: auto;
		margin-top: auto;
	}
	
	.logo img {
		min-width: 140px;
		max-width: 160px;
		height: auto;
	}
	
	.rightSideReviewButton{
		width: auto;
		min-width: 180px;
		padding: 3px;
	}
	
	.rightSideReviewButtonInner p{
		font-size: 0.8rem;
	}
	
	.rightSideReviewButton {
		right: -82px;       /* Sets the distance from the right edge of the screen */
	}
	.buttonSocial span {
		font-size: 16px;
		font-weight: 400;
	}
	
	.buttonMenu span {
		font-size: 16px;
		font-weight: 400;
	}
	
	.buttonOrder span {
		font-size: 16px;
		font-weight: 400;
	}
	
	.buttonOrderPartner {
		margin-right: 6px;
	}
	
	.thankYouBox{
	    width: 90% !important;
	}
	
	.alertBox{
		width: 90% !important;
	}
	
	.couponButtonTitle{
        font-size: 18px;
        margin-bottom: 10px;
    }
    
	.couponButtonDesc{
        font-size: 14px;
    }
	
	.couponCodeList{
	    width: 95%;
	    
	}

	.termsText{
		font-size: 12px;
	}
	
	.termsLink{
		font-size: 12px;
	}
	
	.termsCheckbox{
		margin-right: 2px;
	}
	
	.h2Terms{
		margin-top: 30px;
		margin-bottom: 15px;
	}
	
	.h3Terms{
		margin-top: 7px;
		margin-bottom: 10px;
	}
	
	.textTerms{
		font-size: 15px;
		text-decoration: none;
		font-weight: normal;
	}
	
	.termsTitle{
		margin-bottom: 25px; 
		font-size: 22px; 
		text-decoration: underline;
		font-weight: 550;
	}
	
	.captcha{
		margin-bottom: 15px;
	}
}


@media screen and (max-width: 760px) and (min-width: 461px) {
  /* CSS styles specific to mobile screens */
  /* Add your mobile-specific CSS styles here */
  
	.divider {
		display: none !important;
	}
	
	.partnerImage{
		width: 100px !important;
		margin-bottom: auto;
		margin-top: auto;
	}
	
	.logo img {
		min-width: 140px;
		max-width: 160px;
		height: auto;
	}
	
	.rightSideReviewButton{
		width: auto;
		min-width: 180px;
		padding: 3px;
	}
	
	.rightSideReviewButtonInner p{
		font-size: 0.9rem;
	}
	
	.rightSideReviewButton {
		right: -92px;       /* Sets the distance from the right edge of the screen */
	}
	.buttonSocial span {
		font-size: 18px;
		font-weight: 500;
	}
	
	.buttonMenu span {
		font-size: 18px;
		font-weight: 500;
	}
	
	.buttonOrder span {
		font-size: 18px;
		font-weight: 500;
	}
	
	.buttonOrderPartner {
		margin-right: 7px;
	}
	
	.thankYouBox{
	    width: 90% !important;
	}
	
	.alertBox{
		width: 90% !important;
	}
	.couponButtonTitle{
        font-size: 18px;
        margin-bottom: 10px;
    }
    
	.couponButtonDesc{
        font-size: 14px;
    }
	
	.termsText{
		font-size: 12px;
	}
	
	.termsLink{
		font-size: 12px;
	}
	
	.termsCheckbox{
		margin-right: 2px;
	}
	
	.h2Terms{
		margin-top: 35px;
		margin-bottom: 20px;
	}
	
	.h3Terms{
		margin-top: 10px;
		margin-bottom: 15px;
	}
	
	.textTerms{
		font-size: 16px;
		text-decoration: none;
		font-weight: normal;
	}
	
	.termsTitle{
		margin-bottom: 30px; 
		font-size: 22px; 
		text-decoration: underline;
		font-weight: 550;
	}
	
	.captcha{
		margin-bottom: 17px;
	}
}



@media screen and (max-width: 1080px) and (min-width: 761px) {
  /* CSS styles specific to mobile screens */
  /* Add your mobile-specific CSS styles here */
  
	.divider {
		display: none !important;
	}
	
	.partnerImage{
		width: 120px !important;
		margin-bottom: auto;
		margin-top: auto;
	}
	
	.logo img {
		min-width: 140px;
		max-width: 160px;
		height: auto;
	}
	
	.rightSideReviewButton{
		width: auto;
		min-width: 180px;
		padding: 3px;
	}
	
	.rightSideReviewButtonInner p{
		font-size: 0.9rem;
	}
	
	.rightSideReviewButton {
		right: -92px;       /* Sets the distance from the right edge of the screen */
	}
	
	.buttonOrderPartner {
		margin-right: 8px;
	}
	.couponButtonTitle{
        font-size: 20px;
        margin-bottom: 15px;
    }
    
	.couponButtonDesc{
        font-size: 16px;
    }
}



@media screen and (min-width: 1081px) {
  /* CSS styles specific to mobile screens */
  /* Add your mobile-specific CSS styles here */
  
	.divider {
		display: none !important;
	}
	
	.partnerImage{
		width: 120px !important;
		margin-bottom: auto;
		margin-top: auto;
	}
	
	.logo img {
		min-width: 140px;
		max-width: 160px;
		height: auto;
	}
	
	.rightSideReviewButton{
		width: auto;
		min-width: 180px;
		padding: 3px;
	}
	
	.rightSideReviewButtonInner p{
		font-size: 1rem;
	}
	
	.rightSideReviewButton {
		right: -102px;       /* Sets the distance from the right edge of the screen */
	}
	
	.couponButtonTitle{
        font-size: 20px;
        margin-bottom: 15px;
    }
    
	.couponButtonDesc{
        font-size: 16px;
    }
}