@media (min-width: 0px) and (max-width: 999px) {

    #dreambody-character{margin-left: 253px !important; position: absolute !important; }
    
    .selectgrouptitle ,.followchannellist{margin-left: -230px !important;}

    
    .groupselection2{margin-left: 0px !important;}

    
    #dreambody-socializingReport{margin-left:5px !important; position: absolute !important; }

    .mygroupselection{margin-left: 445px !important; margin-top: 40px  !important;}

    .followchannellist{margin-top: 110px !important;}

    .testtitle2,.testtitle3{
        margin-left: 5px !important;}

        .editCharacterInformationContainer{margin-left: 160px !important;}

        
    .TestTopTitleBackgroundContainer{margin-left: 0px !important;}


    .fadeInWhenPersonalityTestStart, .PersonalityResultFadeIn{margin-left: -230px;}
    .questioncontainer{   
 
        margin-left: 0px !important;
        position: absolute !important;
        top: 220px !important;
        height: calc(510px) !important;}

    .testface{  
        margin-left: 128px;}

    .personalityCategorizedBox{margin-left: -230px !important;}

    .wikifeedboxinformation3{

        margin-left: -230px;
        width: 100%;
    }
    .loginbody{right: auto;margin-left: 495px !important; } 


    .groupMemberListGroupInfoBar{margin-left: -230px !important;}
}