@media (min-width: 1281px) {
     .pop-up {
         display: block;
     }

 }

 @media (max-width: 1280px) {
     .pop-up {
         display: none;
     }
 }

 .qr-heading {
     padding-top: 22px;
     margin-bottom: 16px;
     text-align: left;
     font-family: Merriweather Sans;
     font-size: 23px;
     letter-spacing: 0px;
     color: #C8102E;
     opacity: 1;
 }

 .close-pop-up {
     height: 18px;
     background: none;
     color: inherit;
     border: none;
     padding: 0;
     margin: 0;
     font: inherit;
     cursor: pointer;
     outline: inherit;
 }

 .phone-container {
     width: 128px;
     height: 205px;
     position: relative;
     bottom: 8px;
 }

 .pop-up-qr {
     width: auto !important;
     height: 92px !important;

 }

 .red-container {
     display: flex;
     align-content: space-between;
     padding-right: 16px;
     padding-top: 16px;
     padding-left: 25px;
 }

 .close-pop-up {
     display: flex;
	 margin-left: 1vw;
 }

 .white-pop-up {
     display: flex;
     padding-right: 25px;
     padding-left: 25px;
 }

 .pop-up {
     z-index: 999;
     width: 283px;
     height: 335px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
     box-shadow: 0px 5px 10px #00000029;
     border-radius: 5px;
     position: fixed;
     bottom: 2%;
     right: 50px;


 }

 .red-container {
     height: 121px;
     background: #EADDC4 0% 0% no-repeat padding-box;
     box-shadow: 0px 5px 10px #00000029;
     border-radius: 5px 5px 0px 0px;
     opacity: 1;
 }

 .heading-pop-up {
     padding-top: 16px;
     font: normal normal normal 27px/32px Merriweather Sans;
     letter-spacing: 0px;
     color: #C8102E;
     opacity: 1;
 }