@media (max-width: 768px) {

    .prince #tabNameHolder {
        font-family: AkkuratStd-Light;
        font-size: 14px !important;
    }
    .prince-panel .customer-form-tab {
        height:3.9em;
    }
    .prince-panel .customer-form-selected-tab {
        height:4.05em !important;
    }
    .prince-panel .customer-form-tab-spacer {
        height:4em;
        border-bottom: 0px;
    }
	.prince-panel #surveyContainerDivWrapper {
		width: 100%;
	}
	.prince-panel .customer-form-tab-name  {
		width:95% !important;
	}	
	.prince-panel {
		float:none;
	}
	.prince-panel .prince-panel {
		margin: 10px 0 !important;
	}
	.prince-panel .prince-panel.column-first{
		margin-left:0 !important;
	}
	.col-10.prince-subcontainer, .prince-panel.col-10.no-padding.style-a, .prince-panel.col-10.no-padding.style-c {
		width:100%!important;
	}
	.prince-panel.pct-100.no-padding.rows-2.column-first.column-last {
		margin: 0 auto !important;
	}
	.prince-panel.pct-100.no-padding {
		width: 100%;
	}	
	.prince-panel,
    .prince-subcontainer {
        margin: 0px;
    }
    .col-10.prince-subcontainer,
    .prince-panel.col-10.no-padding.style-a,
    .prince-panel.col-10.no-padding.style-c {
        width: 100%;
    }
	.prince-panel .customer-form-tab-name  {
        width:90% !important;
    }

    .prince-panel pre, .prince-panel .form-mandatory-text, .prince-panel .gravur, .prince-panel #surveyContainerDiv, .prince-panel #surveyContainerDiv span, .prince-panel #surveyContainerDiv div, .prince-panel #surveyContainerDiv p, .prince-panel #surveyContainerDiv pre, .prince-panel #surveyContainerDiv .survey-description {
    	font-family: AkkuratStd-Light!important;
    }

    .prince-panel #surveyTabContentHolder {
    	padding-bottom:25px;
    } 
    
    .inputField.hasDatepicker, input[value='CALENDAR'] {
	width: 60% !important;
	margin-right:20px;
	}   
    
    img{
    margin: 1px 0px;
    overflow: hidden;
    width: 50% !important;
    height: fit-content !important;
    }
  
}