/* Created on : 09 Nov, 2019, 04:15:09 PM Author : Tamminana Lakshmi */ @use 'variables' as vars; .mystore-block{ margin-top: 10px; } .esign-content .esign-panel-bottom { margin-bottom: 50px; } .esign-content .esign-block{ text-align: center; margin-bottom:30px; } .esign-content .esign-instructions { width: 1024px; background: vars.$lightOrange; display: inline-block; } .esign-content .esign-btn-div{ text-align: center; height: 95px; margin-top: 10px; } .esign-content .esign-next-btn{ display: inline-block !important; background-color: vars.$primeRxOrange; color: vars.$purewhite; } .esign-content .esign-btn-back, .esign-btn-back:hover { display: inline-block; background-color: vars.$purewhite; background-position: 0 -15px; color: vars.$primeRxOrange; border: solid vars.$primeRxOrange 1px !important; } .esign-content .instructions-content { padding:0px 0px 5px 10px; text-align:left; } .esign-content .esign-heading { font-size: 14px; } .signature-modal-body .hello-modal__body { max-height: 67vh !important; } // ========================================MEDIA QUERY====================================== @media only screen and (max-width: 1024px) { .esign-content .esign-instructions { width:970px; } } @media (max-width: 1199px) { .esign-content .esign-instructions { width: 100% !important; } } @media (max-width: 991px) { .container { max-width: 100% !important; } }