@media only screen and (max-width: 900px){
	body #generalDataWrapper #informationOriginWrapper {
	width: 100%;
	}
	body #generalDataWrapper .resultsWrapper {
	width: 95%; height: 80vh; position: absolute; top: 70px; left: 2%; box-shadow: 15px 15px 20px #ccc;
	}
}
#myProfileCont {
	width: 100%; padding: 70px 20px 20px 20px; background-color: #EDF2FA;
}
#userHeaderWrapper {
	width: 100%;
}
#generalDataWrapper {
	width: 100%; height: 80vh; display: flex; gap: 2%; flex-wrap: wrap;
}
#generalDataWrapper #informationOriginWrapper {
	width: 28%; height: 100%; padding: 20px 0; background-color: white; border-radius: 5px; overflow: hidden;
}
#informationOriginContainer {
	width: 106%; height: 106%; padding: 20px; padding-right: 6%; padding-bottom: 100px; overflow: auto;
}
#informationOriginContainer #topSection {
	width: 100%;
}
#informationOriginContainer #topSection #profilePhotoBox {}
#informationOriginContainer #topSection #profilePhotoBox #photo {
	width: 65px; height: 65px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 50px; padding-top: 0.1px;
}
#userHeaderWrapper #topSection #userDetails {
	margin-top: 15px;
}
#informationOriginContainer #topSection #userDetails h4{}
#informationOriginContainer #topSection #userDetails h5{
	margin-top: 5px;
}
#userHeaderWrapper #topSection #userDetails p{
	margin: 8px 0; font-size: 0.8em; font-style: italic;
}
#userHeaderWrapper #profileSettingButton {
	float:right; margin-top: -10px; margin-right:10px;
}
#userHeaderWrapper #profileSettingButton img {
	width:35px; height:35px; padding: 6px; background-color: #eee; border-radius: 50px; cursor: pointer;
}
#userHeaderWrapper #topSection #profileAllDetailsWrapper {
	display: none; width: 100%; margin-top: 20px;
}
#userHeaderWrapper #topSection #profileAllDetailsContainer {
	width: 100%;
}


#informationOriginContainer #menuSectionsWrapper {
	margin-top:30px; border-radius: 5px;
}
#informationOriginContainer #menuSectionsWrapper .menuSection {
	width: 96%; margin-top: 10px;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuSelect {
	display: inline-block; margin-top: 5px;padding: 10px; cursor: pointer; border: 1px solid #ccc; border-radius:10px;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuSelectChild {
	background-color: #FFFEC6;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuSelect .icon{
	float: left; width: 35px; height: 35px; background-color: white; text-align: center; padding: 5px; border-radius: 50px; box-shadow: 5px 5px 10px #ddd;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuSelect .icon img{
	width: 16px; height: auto; margin-top: 2px;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuSelect .title{
	float: left; margin-top: 9px;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuSelect .title p{
	font-size: 1em; font-weight: bolder; margin-left: 15px;
}

#informationOriginContainer #menuSectionsWrapper .menuSection .menuOptions {
	display:none; margin-bottom: 10px; padding: 10px; background-color: #F6F6FA; border: 1px solid #ccc; border-radius: 5px; box-shadow: 5px 5px 10px #eee;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuOptions .menuSelectDescription{
	padding: 12px; font-size: 0.75em; font-style:italic; line-height:1.3em; background-color: white; border-top: 2px solid white; border-bottom: 2px solid #ccc; border-radius: 5px; box-shadow: inset 3px 3px 5px #eee;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuOptions .option{
	padding: 12px; cursor: pointer; border-top: 2px solid white; border-bottom: 2px solid #ccc;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuOptions .option:first-child{
	border-top: unset;  
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuOptions .option:last-child{
	border-bottom: unset;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuOptions .option:hover{
	background-color: #EDF2FA;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuOptions .option img {
	float: left; width: 20px; height: 20px; margin-right: 10px;
}
#informationOriginContainer #menuSectionsWrapper .menuSection .menuOptions .option p {
	display: inline-block; font-size: 0.8em; font-weight: bolder;
}

#generalDataWrapper .resultsWrapper {
	position: relative; width: 70%; background-color:white; height: 100%; border-radius: 5px; overflow: hidden;
}
#generalDataWrapper .resultsWrapper #myProfileResultsWrapperCloseButton {
	position: fixed; top: 60px; right: 25px; width: 35px; height: 35px; padding: 5px; background-color: #eee; border-radius: 3px; cursor: pointer; z-index: 2;
}
#generalDataWrapper .resultsWrapper .resultsContainer {
	width: 100%; height: 100%; overflow: auto; padding: 10px; padding-bottom: 100px;
}
#generalDataWrapper .resultsWrapper .resultsContainer #displayResultSamplePhoto{
	display: block; width: 60px; height: 60px; margin: 20% auto;
}

#generalDataWrapper #openItemsResponseResultsWrapper {
	display: none; position: absolute; left: 0; top: 50px; width: 100%; height: 100%; background-color: white; border-radius: 5px; overflow: hidden; z-index: 2;
}
#generalDataWrapper #openItemsResponseResultsWrapper #myProfileOpenItemsResponseWrapperCloseButton {
	position: absolute; top: 15px; right: 15px; width: 35px; height: 35px; padding: 5px; background-color: #eee; border-radius: 3px; cursor: pointer;
}
#generalDataWrapper #openItemsResponseResultsWrapper .resultsContainer {
	width: 100%; height: 100%; overflow: auto; padding: 10px;
}

#myProfileCont #dashboardLoginBox {}
#myProfileCont #dashboardLoginBox p {
	margin-top: 10px; font-size: 0.9em;
}
#myProfileCont #dashboardLoginBox #loginButtons {
	margin-top: 15px;
}
#myProfileCont #dashboardLoginBox #loginButtons button {
	width: 90px; height: 35px; margin-bottom: 10px; color: white; font-weight: bolder; border:unset; border-radius: 5px; cursor: pointer;
}