@media (max-width: 768px) {  
	
  .header-dropdown-modals {
    padding-left: var(--screen-padding-mobile);
    padding-right: var(--screen-padding-mobile);
	padding-bottom: var(--screen-padding-mobile);
  }
	
  .modal-content-wrapper {
	padding: var(--screen-padding-mobile);
  }
  
  .modal-footer {
	padding: var(--screen-padding-mobile);
  }
  
  .modal-content {
	border-radius: 0px;
	width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100vh;
  }
  
  .modal-title {
	font-size: var(--font-size-heading-h3);  
  }
  
  .session-info-modal-details {
	gap: normal;  
  }
  
  .session-info-modal-details .session-details,
  .session-info-modal-details .session-instructors  {
	row-gap: normal; 
  }
}