@media only screen and (max-width:1200px){
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:480px){
}




/* Commonly Used */

@media only screen and (max-width:1200px){
  .WidthContent                             {padding-left:50px; padding-right:50px;}
  .WidthVolunteerContent                    {padding-left:50px; padding-right:50px;}
  .HeightContent                            {padding-top:50px; padding-bottom:50px;}
  .HeightVolunteerContent                   {padding-top:50px; padding-bottom:50px;}
  .FullHeightPublic                         {min-height:calc(100vh - 160px);}
}
@media only screen and (max-width:1024px){
  .WidthContent                             {padding-left:40px; padding-right:40px;}
  .WidthVolunteerContent                    {padding-left:40px; padding-right:40px;}
  .HeightContent                            {padding-top:40px; padding-bottom:40px;}
  .HeightVolunteerContent                   {padding-top:40px; padding-bottom:40px;}
}
@media only screen and (max-width:768px){
  h1                                        {font-size:2.4em;}

  .WidthContent                             {padding-left:30px; padding-right:30px;}
  .WidthVolunteerContent                    {padding-left:30px; padding-right:30px;}
  .FullHeightPublic                         {min-height:initial;}
}
@media only screen and (max-width:480px){
  .WidthContent                             {padding-left:20px; padding-right:20px;}
  .WidthVolunteerContent                    {padding-left:20px; padding-right:20px;}
}



/* Main Header Public */
@media only screen and (max-width:1200px){
  .MainHeaderPublic                               {display:none;}
}




/* Volunteer Header */
@media only screen and (max-width:1200px){
  .MainHeaderVolunteer .BtnMenu             {left:0px;}
  .MainHeaderVolunteer .Logo                {left:70px;}
  .MainHeaderVolunteer .BtnHelp             {right:60px;}
  .MainHeaderVolunteer .BtnRightPanel       {right:0px;}
}
@media only screen and (max-width:480px){
  .MainHeaderVolunteer .Logo                {top:9px; width:140px;}
  .MainHeaderVolunteer .BtnHelp             {right:50px;}
}




/* Mobile Header Public */
@media only screen and (max-width:1200px){
  .MobileHeaderPublic                                     {display:block;}
}
@media only screen and (max-width:768px){
  .MainFooterPublic .Brands .Wrapper .Item                {width:25%; margin:0px 5px;}

  .MainFooterPublic .FooterNav .Wrapper .Item             {display:block; padding:0px; margin:0px; border-right:none;}
  .MainFooterPublic .FooterNav .Wrapper .Item a           {padding:10px 0px; width:100%;}
}




/* Main Table */
@media only screen and (max-width:1200px){
  .MainTable .SLeft {z-index:105;}
  .MainTable .SLeft .SLeftAnim {position:fixed; top:0px; left:0px; right:auto; bottom:0px; height:auto;}
  .MainTable .SLeft.Opened {width:0px;}
}

@media only screen and (max-width:768px){
}





/* Panels Menu */
@media only screen and (max-width:1024px){
  .Aside .SideHeader .Picture .Inner              {width:90px; height:90px;}
  .Aside .SideHeader .Picture .Inner .Img         {width:90px; height:90px;}
  .Aside .SideHeader .Picture .Inner .Chart       {width:106px; height:106px;}
}




/* Form */ 
@media only screen and (max-width:768px){
  .FormFooter .BtnRight                       {display:block; float:none; text-align:center;}
  .FormFooter .BtnRight a                     {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .FormFooter .BtnRight input                 {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .FormFooter .BtnRight button                {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .FormFooter .Denotes                        {float:none; text-align:center; margin-top:30px;}
}
@media only screen and (max-width:600px){
  .FormBox.W20                                {width:100%; float:none;}
  .FormBox.W22                                {width:100%; float:none;}
  .FormBox.W30                                {width:100%; float:none;}
  .FormBox.W36                                {width:100%; float:none;}
  .FormBox.W40                                {width:100%; float:none;}
  .FormBox.W48                                {width:100%; float:none;}
  .FormBoxSpacer                              {display:none;}
}



/* Pagination */
@media only screen and (max-width:600px){
  .Pagination	a					                                    {width:40px; padding:8px 0px;}	
  .Pagination .Select                                       {width:40px; padding:8px 0px;}
  .Pagination .Preview 			                                {display:none;}
  .Pagination .Next 				                                {display:none;}
}



/* Cookie Banner, questionnaire timer */
@media only screen and (max-width:1200px){
  .CookieBanner                             {padding:15px 100px 15px 50px;}
  .CookieBanner .BtnClose                   {right:50px;}
  .TimerInfoBox {padding-left:50px; padding-right:50px;}
}
@media only screen and (max-width:1024px){
  .CookieBanner                             {padding:15px 90px 15px 40px;}
  .CookieBanner .BtnClose                   {right:40px;}
  .TimerInfoBox {padding-left:40px; padding-right:40px;}
}
@media only screen and (max-width:768px){
  .CookieBanner                             {padding:15px 80px 15px 30px;}
  .CookieBanner .BtnClose                   {right:30px;}
  .TimerInfoBox {padding-left:30px; padding-right:30px;}
}
@media only screen and (max-width:480px){
  .CookieBanner                             {padding:15px 70px 15px 20px;}
  .CookieBanner .BtnClose                   {right:20px;}
  .TimerInfoBox {padding-left:20px; padding-right:20px;}
}




/* Error Page */
@media only screen and (max-width:480px){
  .ErrorPage                                    {padding:0px;}
}



/* Work In Progress */
@media only screen and (max-width:480px){
  .WorkInProgress                              {padding:0px;}
}



/* Form Content */

@media only screen and (max-width:1200px){
  .FormTableVolunteer                     {height:calc(100vh - 160px);}
}
@media only screen and (max-width:1024px){
  .FormTableVolunteer                     {height:calc(100vh - 140px);}
}
@media only screen and (max-width:768px){
  .FormTable                              {display:block; height:auto;}
  .FormTable .FormCell                    {display:block;}

  .FormTableVolunteer                     {display:block; height:auto;}
  .FormTableVolunteer .FormCell           {display:block;}

  .BigForm                                {width:100%; display:block;}
  .SmallForm                              {width:100%; display:block;}
  .ValidForm                              {width:100%; display:block;}
}
@media only screen and (max-width:480px){
  .ValidForm                              {padding:0px;}
}



/* Form Content */
@media only screen and (max-width:480px){
  .Login .RememberMe            {float:none; margin-bottom:30px;}
  .Login .ForgottenPassword     {float:none;}
}




/* Home */
@media only screen and (max-width:1200px){
  .Banner .PosBan .BlockBan                       {padding:120px 50px 60px 50px;}
}
@media only screen and (max-width:1024px){
  .Banner .PosBan                                 {}
  .Banner .PosBan .BlockBan                       {padding:120px 0px 60px 0px;}
  .Banner .PosBan .BlockBan .Txt02                {font-size:3.8em;}
  .Banner .PosBan .BlockBan .Txt03                {font-size:2.0em; letter-spacing:0.2em;}
}
@media only screen and (max-width:480px){
  .Banner .swiper_banner .swiper-slide            {min-height:570px;}
  .Banner .PosBan                                 {min-height:570px;}
  .Banner .PosBan .BlockBan                       {padding:110px 0px 60px 0px;}
  .Banner .PosBan .BlockBan .Txt01                {margin-bottom:20px;}
  .Banner .PosBan .BlockBan .Txt02                {font-size:3.4em;}
  .Banner .PosBan .BlockBan .Txt03 .Space         {width:10px;}
  .Banner .PosBan .BlockBan .Buttons .BtnLogin    {width:120px;}
  .Banner .PosBan .BlockBan .Buttons .BtnJoin     {width:120px;}
}




/* CMS */
@media only screen and (max-width:1200px){
  .CMSPanel .HeightContent                        {padding-top:60px; padding-bottom:60px;}
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
  .CMSPanel .ListColumn                           {margin-bottom:0px;}
  .CMSPanel .ListTwoColumn                        {display:block;}
  .CMSPanel .ListTwoColumn .Column                {display:block; width:100%;}
  .CMSPanel .ListThreeColumn                      {display:block;}
  .CMSPanel .ListThreeColumn .Column              {display:block; width:100%;}
  .CMSPanel .ListColumn .Column                   {padding:0px 0px 40px 0px;}
}
@media only screen and (max-width:480px){
}




/* News */
@media only screen and (max-width:1024px){
  .GridNews .ItemNews                                 {width:50%;} 
}
@media only screen and (max-width:768px){
  .ListNews                                           {width:calc(100% + 30px); display:flex; flex-wrap:wrap;}
  .ListNews .ItemNews                                 {display:inline-block; width:50%; padding:0px 30px 30px 0px;}
  .ListNews .ItemNews .BlockNews                      {display:block; height:100%;}
  .ListNews .ItemNews .BlockNews .Top                 {position:relative; padding:20px 30px 20px 30px;}
  .ListNews .ItemNews .BlockNews .Img                 {display:block; width:100%;}
  .ListNews .ItemNews .BlockNews .Content             {display:block; padding:30px 30px 30px 30px;}
}
@media only screen and (max-width:600px){
  .GridNews                                           {margin:0px -30px 0px -30px; padding:0px; width:calc(100% + 60px);}
  .GridNews .ItemNews                                 {padding:0px;} 
  .GridNews .ItemNews .BlockNews                      {border-radius:0px; border:none;}
  .GridNews .ItemNews:nth-child(odd) .BlockNews       {border-bottom:1px solid #e9eaeb; border-right:1px solid #e9eaeb;}
  .GridNews .ItemNews:nth-child(even) .BlockNews      {border-bottom:1px solid #e9eaeb;}
  .GridNews .ItemNews:nth-child(1) .BlockNews         {border-top:1px solid #e9eaeb;}
  .GridNews .ItemNews:nth-child(2) .BlockNews         {border-top:1px solid #e9eaeb;}

  .ListNews                                           {margin:0px -30px 0px -30px; padding:0px; width:calc(100% + 60px);}
  .ListNews .ItemNews                                 {padding:0px;} 
  .ListNews .ItemNews .BlockNews                      {border-radius:0px; border:none;}
  .ListNews .ItemNews:nth-child(odd) .BlockNews       {border-bottom:1px solid #e9eaeb; border-right:1px solid #e9eaeb;}
  .ListNews .ItemNews:nth-child(even) .BlockNews      {border-bottom:1px solid #e9eaeb;}
  .ListNews .ItemNews:nth-child(1) .BlockNews         {border-top:1px solid #e9eaeb;}
  .ListNews .ItemNews:nth-child(2) .BlockNews         {border-top:1px solid #e9eaeb;}
}
@media only screen and (max-width:480px){
  .GridNews                                           {margin:0px -20px 0px -20px; width:calc(100% + 40px);}
  .GridNews .ItemNews .BlockNews .Top                 {display:none;}
  .GridNews .ItemNews .BlockNews .Content             {padding:20px;}
  .GridNews .ItemNews .BlockNews .Content .Title      {margin-bottom:0px;}
  .GridNews .ItemNews .BlockNews .Content .Txt        {display:none;}

  .ListNews                                           {margin:0px -20px 0px -20px; width:calc(100% + 40px);}
  .ListNews .ItemNews .BlockNews .Top                 {display:none;}
  .ListNews .ItemNews .BlockNews .Content             {padding:20px;}
  .ListNews .ItemNews .BlockNews .Content .Title      {margin-bottom:0px;}
  .ListNews .ItemNews .BlockNews .Content .Txt        {display:none;}

  .ArticleNews .Top                                   {padding:20px;}
  .ArticleNews .Content                               {padding:20px;}
  .ArticleNews .Buttons                               {padding:0px 20px 20px 20px;}
}




/* Feature Swiper */
@media only screen and (max-width:1200px){
  .Feature_Swiper                                                               {margin:0px -50px;}   
  .Feature_Swiper .swiper_feature .swiper-wrapper                               {padding-right:50px;}
  .Feature_Swiper .swiper_feature .swiper-wrapper .swiper-slide                 {padding-left:50px;}
  .Feature_Swiper .swiper_feature .swiper-wrapper .swiper-slide:last-child      {margin-right:50px;}
  .Feature_Swiper .Icon_Swipper_01                                              {display:none;}
  .Feature_Swiper .Icon_Swipper_02                                              {display:none;}
}
@media only screen and (max-width:1024px){
  .Feature_Swiper                                                               {margin:0px -40px;}   
  .Feature_Swiper .swiper_feature .swiper-wrapper                               {padding-right:40px;}
  .Feature_Swiper .swiper_feature .swiper-wrapper .swiper-slide                 {padding-left:40px; width:50%;}
  .Feature_Swiper .swiper_feature .swiper-wrapper .swiper-slide:last-child      {margin-right:40px;}
}
@media only screen and (max-width:768px){
  .Feature_Swiper                                                               {margin:0px -30px;}   
  .Feature_Swiper .swiper_feature .swiper-wrapper                               {padding-right:30px;}
  .Feature_Swiper .swiper_feature .swiper-wrapper .swiper-slide                 {padding-left:30px;}
  .Feature_Swiper .swiper_feature .swiper-wrapper .swiper-slide:last-child      {margin-right:30px;}
}
@media only screen and (max-width:600px){
  .Feature_Swiper .swiper_feature .swiper-wrapper .swiper-slide                 {width:100%;}
}
@media only screen and (max-width:480px){
  .Feature_Swiper                                                               {margin:0px -20px;}   
  .Feature_Swiper .swiper_feature .swiper-wrapper                               {padding-right:20px;}
  .Feature_Swiper .swiper_feature .swiper-wrapper .swiper-slide                 {padding-left:20px;}
  .Feature_Swiper .swiper_feature .swiper-wrapper .swiper-slide:last-child      {margin-right:20px;}
}




/* Head Page */
@media only screen and (max-width:1500px){
  .HeadPage .RightCell .SortBox .SortLabel    {display:none;}
}
@media only screen and (max-width:1024px){
  .HeadPage                                   {display:block; padding-right:0px;}
  .HeadPage .LeftCell                         {display:block; margin-bottom:30px;}
  .HeadPage .RightCell                        {display:block; text-align:center;}
  .HeadPage .RightCell .Block                 {margin-left:0px; width:50%; box-sizing:border-box;}
  .HeadPage .RightCell .Block01               {padding-right:15px;}
  .HeadPage .RightCell .Block02               {padding-left:15px;}
  .HeadPage .RightCell .SortBox               {display:block;}
  .HeadPage .RightCell .SortBox .SortField    {display:block; width:100%;}
}
@media only screen and (max-width:768px){
  .HeadPage                                   {padding-right:0px;}
  .HeadPage .SwitchCell                       {display:none;}
}
@media only screen and (max-width:480px){
  .HeadPage .RightCell .Block01               {padding-right:5px;}
  .HeadPage .RightCell .Block02               {padding-left:5px;}
}





/* News Detail Page */
@media only screen and (max-width:1200px){
  .NewsDetailPage .ND_Head .Img               {margin-bottom:50px;}
}
@media only screen and (max-width:1024px){
  .NewsDetailPage .ND_Head .Img               {margin-bottom:40px;}
}
@media only screen and (max-width:768px){
  .NewsDetailPage .ND_Head .BtnNDBack         {display:none;}
}
@media only screen and (max-width:480px){
  .NewsDetailPage .ND_Head .Img               {margin:-40px -20px 40px -20px;}
}




/* Popup Boxes */
@media only screen and (max-width:1200px){
  .PopupParent .Popup .ActualContent                                                {padding:50px;}
}
@media only screen and (max-width:1024px){
  .PopupParent .Popup .ActualContent                                                {padding:40px;}
}
@media only screen and (max-width:768px){
  .PopupParent .Popup .ActualContent                                                {padding:40px 30px;}
  .PopupParent .Popup .ActualContent .BtnClose                                      {top:15px; right:15px;}
}
@media only screen and (max-width:480px){
  .PopupParent .Popup .ActualContent                                                {padding:40px 20px;}
  .PopupParent .Popup .ActualContent .BtnClose                                      {width:30px; height:30px;}
  .PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnCancel              {float:none; width:100%; margin-top:20px;}
  .PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnConfirm             {float:none; width:100%;}
}




/* Personal Page */
@media only screen and (max-width:1200px){
  .PersonalPage .TableColumn .ImageColumn             {padding-right:50px;}
}
@media only screen and (max-width:1024px){
  .PersonalPage .TableColumn .ImageColumn             {padding-right:40px; width:240px;}
}
@media only screen and (max-width:768px){
  .PersonalPage .TableColumn .ImageColumn             {padding-right:40px; width:240px;}
  .PersonalPage .TableColumn                          {display:block;}
  .PersonalPage .TableColumn .ImageColumn             {display:block; width:100%; padding:0px 0px 0px 0px;} 
  .PersonalPage .TableColumn .FormColumn              {display:block;}
}




/* Questions */
@media only screen and (max-width:768px){
  .WrapperOption.TwoOption                              {width:100%;}
  .WrapperOption.TwoOption .ItemOption                  {width:100%;}
  .WrapperOption.ThreeOption .ItemOption                {width:calc(50% - 30px);}
  .WrapperOption.FourOption .ItemOption                 {width:calc(33.333% - 30px);}

  .BottomQuestion .BtnSubmit                            {display:block; float:none; text-align:center;}
  .BottomQuestion .BtnSubmit a                          {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .BottomQuestion .BtnSubmit input                      {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .BottomQuestion .BtnSubmit button                     {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .BottomQuestion .BtnPrevious                          {display:block; float:none; text-align:center; margin:20px 0px 0px 0px;}
  .BottomQuestion .BtnPrevious a                        {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .BottomQuestion .BtnPrevious input                    {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .BottomQuestion .BtnPrevious button                   {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .BottomQuestion .Denotes                              {display:block; float:none; text-align:center; margin-top:30px;}
}
@media only screen and (max-width:600px){
  .WrapperOption.ThreeOption                            {width:100%;}
  .WrapperOption.ThreeOption .ItemOption                {width:100%; margin-right:0px;}
  .WrapperOption.FourOption .ItemOption                 {width:calc(50% - 30px);}
}
@media only screen and (max-width:480px){
  .ListQuestion .ItemQuestion .Label .Txt               {font-size:1.6em;}
  .WrapperOption                                        {width:100%; margin: 0px 0px -20px 0px;}
  .WrapperOption .ItemOption                            {margin:0px 0px 20px 0px;}
  .WrapperOption .ItemOption .BlockOption               {min-height:inherit; padding:20px 30px;}
  .WrapperOption.FourOption                             {width:100%;}
  .WrapperOption.FourOption .ItemOption                 {width:100%;}
}





/* Profiling List Page */
@media only screen and (max-width:1600px){
  .GridProfile .ItemProfile                                     {width:25%;} 
}
@media only screen and (max-width:1024px){
  .GridProfile .ItemProfile                                     {width:33.33%;} 

  .ListProfile .ItemProfile .BlockProfile .Title                {width:140px;}
  .ListProfile .ItemProfile .BlockProfile .NbreAnswer           {width:140px;}
}
@media only screen and (max-width:768px){
  .ProfilingListPage .TopPagePLP .BtnPLPCBack                   {display:none;}
  .ProfilingListPage .TopPagePLP .SwitchPLP                     {display:none;}

  .GridProfile .ItemProfile                                     {width:50%;} 

  .ListProfile                                                  {width:calc(100% + 30px);}
  .ListProfile .ItemProfile                                     {display:inline-block; padding:0px 30px 30px 0px; width:50%; text-align:center;}
  .ListProfile .ItemProfile .BlockProfile                       {display:block; padding:30px;}
  .ListProfile .ItemProfile .BlockProfile:hover                 {text-decoration:none;}
  .ListProfile .ItemProfile .BlockProfile .ImgGrid              {display:block;}
  .ListProfile .ItemProfile .BlockProfile .ImgList              {display:none;}
  .ListProfile .ItemProfile .BlockProfile .Title                {display:block; width:100%; padding:0px; text-align:center;}
  .ListProfile .ItemProfile .BlockProfile .ProgressBarList      {display:none;}
  .ListProfile .ItemProfile .BlockProfile .NbreAnswer           {display:block; width:100%; padding:0px; margin-top:10px;}
  .ListProfile .ItemProfile .BlockProfile .BtnAction            {display:block; width:100%; margin-top:20px;}
}
@media only screen and (max-width:480px){
  .GridProfile                                                  {margin:0px -20px -40px -20px; width:calc(100% + 40px);}
  .GridProfile .ItemProfile                                     {padding:0px;}
  .GridProfile .ItemProfile .BlockProfile                       {border-radius:0px; border:none; padding:30px 20px;}
  .GridProfile .ItemProfile:nth-child(odd) .BlockProfile        {border-bottom:1px solid #e9eaeb; border-right:1px solid #e9eaeb;}
  .GridProfile .ItemProfile:nth-child(even) .BlockProfile       {border-bottom:1px solid #e9eaeb;}
  .GridProfile .ItemProfile:nth-child(1) .BlockProfile          {border-top:1px solid #e9eaeb;}
  .GridProfile .ItemProfile:nth-child(2) .BlockProfile          {border-top:1px solid #e9eaeb;}

  .ListProfile                                                  {margin:0px -20px 0px -20px; width:calc(100% + 40px);}
  .ListProfile .ItemProfile                                     {padding:0px;}
  .ListProfile .ItemProfile .BlockProfile                       {border-radius:0px; border:none; padding:30px 20px;}
  .ListProfile .ItemProfile:nth-child(odd) .BlockProfile        {border-bottom:1px solid #e9eaeb; border-right:1px solid #e9eaeb;}
  .ListProfile .ItemProfile:nth-child(even) .BlockProfile       {border-bottom:1px solid #e9eaeb;}
  .ListProfile .ItemProfile:nth-child(1) .BlockProfile          {border-top:1px solid #e9eaeb;}
  .ListProfile .ItemProfile:nth-child(2) .BlockProfile          {border-top:1px solid #e9eaeb;}
}




/* Profiling Detail Page */
@media only screen and (max-width:768px){
  .ProfilingDetailPage .TopPagePDP .BtnPDPBack                  {display:none;}
}




/* My Family Members */
@media only screen and (max-width:1500px){
  .GridFamily .ItemFamily .BlockFamily .ProgressBarList .Txt span       {display:none;}
}
@media only screen and (max-width:1200px){
  .GridFamily .ItemFamily .BlockFamily .ProgressBarList .Txt span       {display:inline-block;}
}
@media only screen and (max-width:1024px){
  .GridFamily                                                           {margin:0px 0px 0px 0px; width:calc(100% + 30px);}
  .GridFamily .ItemFamily                                               {display:inline-block; padding:0px 30px 30px 0px; width:33.33%;}
  .GridFamily .ItemFamily .BlockFamily                                  {display:block; padding:30px;}
  .GridFamily .ItemFamily .BlockFamily .Name                            {display:block; width:100%; padding:0px; text-align:center;}
  .GridFamily .ItemFamily .BlockFamily .Gender                          {display:block; width:100%; padding:0px; text-align:center; margin-top:10px;}
  .GridFamily .ItemFamily .BlockFamily .Date                            {display:block; width:100%; padding:0px; text-align:center; margin-top:10px;}
  .GridFamily .ItemFamily .BlockFamily .ProgressBarList                 {display:block; height:20px; margin-top:30px;}
  .GridFamily .ItemFamily .BlockFamily .ProgressBarList .Txt  {bottom:14px;}
  .GridFamily .ItemFamily .BlockFamily .ProgressBarList .Txt span       {display:none;}
  .GridFamily .ItemFamily .BlockFamily .ButtonsGrid                     {display:table; margin-top:20px;}
  .GridFamily .ItemFamily .BlockFamily .BtnAction                       {display:block; width:100%; padding:0px; text-align:center;  margin-top:20px;}
  .GridFamily .ItemFamily .BlockFamily .BtnAction a                     {min-height:35px; display:flex; justify-content:center; align-items:center;}
  .GridFamily .ItemFamily .BlockFamily .ButtonsList                     {display:none;}
}
@media only screen and (max-width:768px){
  .GridFamily .ItemFamily                                               {width:50%;}
}
@media only screen and (max-width:480px){
  .MyFamilyMembers .BtnAddNewFamilyMember                               {margin-top:30px;}
  .GridFamily                                                           {margin:0px -20px 0px -20px; width:calc(100% + 40px);}
  .GridFamily .ItemFamily                                               {padding:0px;}
  .GridFamily .ItemFamily .BlockFamily                                  {border-radius:0px; border:none; padding:30px 20px;}
  .GridFamily .ItemFamily:nth-child(odd) .BlockFamily                   {border-bottom:1px solid #e9eaeb; border-right:1px solid #e9eaeb;}
  .GridFamily .ItemFamily:nth-child(even) .BlockFamily                  {border-bottom:1px solid #e9eaeb;}
  .GridFamily .ItemFamily:nth-child(1) .BlockFamily                     {border-top:1px solid #e9eaeb;}
  .GridFamily .ItemFamily:nth-child(2) .BlockFamily                     {border-top:1px solid #e9eaeb;}
}




/* My Family Members Create */
@media only screen and (max-width:1400px){
  .MyFamilyMembersCreate .BtnMFMCBack                                   {top:60px; left:60px;}
}
@media only screen and (max-width:1200px){
  .MyFamilyMembersCreate .BtnMFMCBack                                   {top:50px; left:50px;}
}
@media only screen and (max-width:1024px){
  .MyFamilyMembersCreate .BtnMFMCBack                                   {top:40px; left:40px;}
}
@media only screen and (max-width:768px){
  .MyFamilyMembersCreate .BtnMFMCBack                                   {display:none;}
}
@media only screen and (max-width:600px){
  .MyFamilyMembersCreate .FormFieldGender                               {padding-top:0px;}
}




/* Account Activation */
@media only screen and (max-width:768px){
  .AccountActivation .Block_AA                          {margin-bottom:40px;}

  .AccountActivation .Buttons                           {margin-top:40px;}
  .AccountActivation .Buttons .BtnNext                  {display:block; float:none; text-align:center; margin-left:0px;}
  .AccountActivation .Buttons .BtnNext a                {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .AccountActivation .Buttons .BtnNext input            {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .AccountActivation .Buttons .BtnNext button           {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .AccountActivation .Buttons .BtnNext span             {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .AccountActivation .Buttons .BtnCancel                {display:block; float:none; text-align:center; margin-top:20px;}
  .AccountActivation .Buttons .BtnCancel a              {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .AccountActivation .Buttons .BtnCancel input          {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .AccountActivation .Buttons .BtnCancel button         {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}
  .AccountActivation .Buttons .BtnCancel span           {padding:16px 0px; max-width:320px; min-width:unset; width:100%;}

  .ListInvite                                           {width:100%;}
  .ListInvite .ItemInvite                               {display:block; padding:0px; width:100%;}
}




/* Inbox */
@media only screen and (max-width:1500px){
  .InboxHeader .RightCell .SortBox .SortLabel     {display:none;}
}
@media only screen and (max-width:1200px){
  .InboxEmpty                                     {height:calc(100vh - 295px);}
}
@media only screen and (max-width:1024px){
  .InboxHeader                                    {display:block; padding-right:0px;}
  .InboxHeader .LeftCell                          {display:block; margin-bottom:30px;}
  .InboxHeader .RightCell                         {display:block; text-align:center;}
  .InboxHeader .RightCell .Block                  {margin-left:0px; width:50%; box-sizing:border-box;}
  .InboxHeader .RightCell .Block01                {padding-right:15px;}
  .InboxHeader .RightCell .Block02                {padding-left:15px;}
  .InboxHeader .RightCell .SortBox                {display:block;}
  .InboxHeader .RightCell .SortBox .SortLabel     {display:none;}
  .InboxHeader .RightCell .SortBox .SortField     {display:block; width:100%;}
  .InboxHeader .BtnCreateMessage                  {top:-10px;}

  .ListInbox .ItemInbox .BlockInbox .Title                    {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .ListInbox .ItemInbox .BlockInbox .TTSpacer                 {display:none;}
  .ListInbox .ItemInbox .BlockInbox .Txt                      {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:5px;}

  .InboxEmpty                                     {height:calc(100vh - 345px);}
}
@media only screen and (max-width:768px){
  .InboxHeader                                    {padding-right:0px;}

  .ListInbox .ItemInbox .BlockInbox                           {display:block;}
  .ListInbox .ItemInbox .BlockInbox .LeftCell                 {display:block; width:100%; padding-right:0px;}
  .ListInbox .ItemInbox .BlockInbox .MiddleCell               {display:block; width:100%; padding:10px 0px 0px 0px;}
  .ListInbox .ItemInbox .BlockInbox .RightCell                {display:block; width:100%; padding:10px 0px 0px 0px; text-align:left;}
  .ListInbox .ItemInbox .BlockInbox .InnerTab .InnerCell_01   {width:35px;}
  .ListInbox .ItemInbox .BlockInbox .Img                      {width:25px;}
}
@media only screen and (max-width:480px){
  .InboxHeader .RightCell .Block01                {padding-right:5px;}
  .InboxHeader .RightCell .Block02                {padding-left:5px;}
  .InboxHeader .BtnCreateMessage                  {position:relative; top:auto; right:auto; display:block; margin-bottom:20px;}
  .InboxHeader .BtnCreateMessage a                {width:100%; padding:16px 0px; display:block;}

  .ListInbox .ItemInbox .BlockInbox               {padding:20px 0px;}

  .InboxEmpty                                     {height:calc(100vh - 470px);}
}




/* Message Detail Page */
@media only screen and (max-width:768px){
  .MessageDetailPage .MD_Head                                   {display:block;}
  .MessageDetailPage .MD_Head .MD_Cell_01                       {display:none;}
  .MessageDetailPage .MD_Head .MD_Cell_02                       {display:block;}
  .MessageDetailPage .MD_Head .MD_Cell_03                       {display:none;}

  .MessageDetailPage .MD_Head .ButtonsSmallScreen                     {display:table;}
}




/* Site Map */
@media only screen and (max-width:1200px){
  .SiteMap .Column ul             {-webkit-column-gap:50px; -moz-column-gap:50px; column-gap:50px;}
}
@media only screen and (max-width:1024px){
  .SiteMap .Column ul             {-webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; -webkit-column-count:2; -moz-column-count:2; column-count:2;}
}
@media only screen and (max-width:768px){
  .SiteMap .Column ul             {-webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px;}
}
@media only screen and (max-width:480px){
  .SiteMap .Column ul             {-webkit-column-gap:0px; -moz-column-gap:0px; column-gap:0px; -webkit-column-count:1; -moz-column-count:1; column-count:1;}
}





/* Studies */
@media only screen and (max-width:1600px){
  .ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Txt span         {display:none;}
  .ListStudies .ItemStudies .BlockStudies .Buttons                                    {width:180px;}
}
@media only screen and (max-width:1400px){
  .ListStudies .ItemStudies .BlockStudies .Img                                        {width:270px;}
}
@media only screen and (max-width:1024px){
  .Studies .HeadPage .SwitchCell                                                      {display:none;}

  .GridStudies .ItemStudies                                                           {width:calc(50% - 30px);} 

  .ListStudies                                                                        {width:calc(100% + 30px); display:flex; flex-wrap:wrap;}
  .ListStudies .ItemStudies                                                           {display:inline-block; width:calc(50% - 30px); margin-right:30px;}
  .ListStudies .ItemStudies .BlockStudies                                             {display:block; height:100%; /*padding-bottom:60px;*/}
  .ListStudies .ItemStudies .BlockStudies .Top                                        {position:relative; padding:20px 30px 20px 30px;}
  .ListStudies .ItemStudies .BlockStudies .TopGrid                                    {display:table;}
  .ListStudies .ItemStudies .BlockStudies .TopList                                    {display:none;}
  .ListStudies .ItemStudies .BlockStudies .Img                                        {display:block; width:100%;}
  .ListStudies .ItemStudies .BlockStudies .Content                                    {display:block; padding:30px 30px 30px 30px; text-align:center;}
  .ListStudies .ItemStudies .BlockStudies .Content .ButtonsGrid                       {display:table; margin-top:20px; margin-bottom:20px;}
  .ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList                   {margin-top:0px; padding-bottom:0px;}
  .ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Cell_01          {float:none;}
  .ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Cell_02          {margin:7px 0px; top:auto;}
  .ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Cell_03          {float:none;}
  .ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Txt span         {display:inline-block;}
  .ListStudies .ItemStudies .BlockStudies .Buttons                                    {display:block; padding:0px 30px 0px 30px; width:auto;      /*position:absolute;*/ width:100%; bottom:0px; box-sizing:border-box;}
  .ListStudies .ItemStudies .BlockStudies .Buttons .ButtonsList                       {display:none;}
  .ListStudies .ItemStudies .BlockStudies .Buttons .BtnAction                         {margin-top:0px; margin-bottom:10px;}
  .ListStudies .ItemStudies .BlockStudies .Buttons .BtnAction:last-child              {margin-bottom:30px;}



}
@media only screen and (max-width:600px){
  .GridStudies                                                                        {margin:0px -30px 0px -30px; padding:0px; width:calc(100% + 60px);}
  .GridStudies .ItemStudies                                                           {width:50%; margin:0px; border-radius:0px; } 
  .GridStudies .ItemStudies .BlockStudies                                             {border-radius:0px;}
  .GridStudies .ItemStudies:nth-child(odd)                                            {border-left-width:0px;  border-top-width:0px;}
  .GridStudies .ItemStudies:nth-child(even)                                           {border-right-width:0px; border-top-width:0px; border-left-width:0px; }
  .GridStudies .ItemStudies:nth-child(1)                                              {border-top-width:1px;}
  .GridStudies .ItemStudies:nth-child(2)                                              {border-top-width:1px;}
  .GridStudies .ItemStudies .BlockStudies .Buttons .BtnAction a                       {min-height:50px; display:flex; justify-content: center; align-items:center; padding:0px;}

  .ListStudies                                                        {margin:0px -30px 0px -30px; padding:0px; width:calc(100% + 60px);}
  .ListStudies .ItemStudies                                           {padding:0px; margin:0px; width:50%;border-radius:0px; border-left-width:0px;} 
  .ListStudies .ItemStudies:nth-child(odd)                            {border-top-width:0px;}
  .ListStudies .ItemStudies:nth-child(even)                           {border-top-width:0px; border-right-width:0px;}
  .ListStudies .ItemStudies:nth-child(1)                              {border-top-width:1px;}
  .ListStudies .ItemStudies:nth-child(2)                              {border-top-width:1px;}
}

@media only screen and (max-width:480px){
  .GridStudies                                                                        {margin:0px -20px 0px -20px; width:calc(100% + 40px);}
  .GridStudies .ItemStudies                                                           {width:100%;}
  .GridStudies .ItemStudies .BlockStudies .Top                                        {padding:20px 20px;}
  .GridStudies .ItemStudies .BlockStudies .Content                                    {padding:20px;}
  .GridStudies .ItemStudies .BlockStudies .Buttons                                    {padding:0px 20px 0px 20px;}
  .GridStudies .ItemStudies .BlockStudies .Buttons .BtnAction:last-child              {margin-bottom:20px;}
  .GridStudies .ItemStudies                                                           {border-right-width:0px; border-bottom-width:1px;}
  .GridStudies .ItemStudies:nth-child(odd)                                            {}
  .GridStudies .ItemStudies:nth-child(1)                                              {}
  .GridStudies .ItemStudies:nth-child(2)                                              {border-top-width:0px;}

  .ListStudies                                                                        {margin:0px -20px 0px -20px; width:calc(100% + 40px);}
  .ListStudies .ItemStudies                                                           {display:block; width:100%;}
  .ListStudies .ItemStudies .BlockStudies .Top                                        {padding:20px 20px;}
  .ListStudies .ItemStudies .BlockStudies .Content                                    {padding:20px;}
  .ListStudies .ItemStudies .BlockStudies .Buttons                                    {padding:0px 20px 0px 20px;}
  .ListStudies .ItemStudies .BlockStudies .Buttons .BtnAction:last-child              {margin-bottom:20px;}
  .ListStudies .ItemStudies .BlockStudies                                             {}
  .ListStudies .ItemStudies:nth-child(odd)                                            {border-right-width:0px;}
  .ListStudies .ItemStudies:nth-child(1)                                              {}
  .ListStudies .ItemStudies:nth-child(2)                                              {border-top-width:0px;}
}




/* News Studies Page */
@media only screen and (max-width:1200px){
  .StudiesDetailPage .SDP_Head .Img                                 {margin-bottom:50px;}
}
@media only screen and (max-width:1024px){
  .StudiesDetailPage .SDP_Head .Img                                 {margin-bottom:40px;}
}
@media only screen and (max-width:768px){
  .StudiesDetailPage .SDP_Head .BtnSDPBack                          {display:none;}

  .StudiesDetailPage .SDP_Content .SDP_Table                        {display:block;}
  .StudiesDetailPage .SDP_Content .SDP_Table .SDP_Row               {display:block; padding:10px 0px;}
  .StudiesDetailPage .SDP_Content .SDP_Table .SDP_Row .SDP_Cell01   {display:block; height:auto; width:auto;}
  .StudiesDetailPage .SDP_Content .SDP_Table .SDP_Row .SDP_Cell02   {display:block; height:auto; padding:10px 0px 0px 0px;}
}
@media only screen and (max-width:480px){
  .StudiesDetailPage .SDP_Head .Img                                 {margin:-40px -20px 40px -20px;}
}




/* Dashboard */
@media only screen and (max-width:1400px){
  .DashNews_Swiper .Icon_Swipper_01                                                               {display:none;}
  .DashNews_Swiper .Icon_Swipper_02                                                               {display:none;}

  .DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Txt span    {display:none;}
}
@media only screen and (max-width:1200px){
  .DashInfos .CellInfos_01 .Block .Picture                                                        {width:90px; height:90px;}
  .DashInfos .CellInfos_01 .Block .Picture .Img                                                   {width:90px; height:90px;}
  .DashInfos .CellInfos_01 .Block .Picture .Chart                                                 {width:106px; height:106px;}
}
@media only screen and (max-width:1024px){
  .Dashboard .DashTable                                                                           {display:block; height:auto;}
  .Dashboard .DashTable .DashCell_01                                                              {display:block; width:100%; margin-bottom:30px;}
  .Dashboard .DashTable .DashCell_02                                                              {display:none;}
  .Dashboard .DashTable .DashCell_03                                                              {display:block; width:100%;}

  .DashInfos                                                                                      {display:block;  padding:30px;}
  .DashInfos .CellInfos_01                                                                        {display:block; width:100%; padding:0px;}
  .DashInfos .CellInfos_01 .Block                                                                 {display:block; text-align:center;}
  .DashInfos .CellInfos_01 .Block .Picture                                                        {display:inline-block;}
  .DashInfos .CellInfos_01 .Block .Description                                                    {display:block; padding:10px 0px 0px 0px;}
  .DashInfos .CellInfos_02                                                                        {display:block; width:100%; padding:30px 0px 0px 0px;}

  .DashNews_Swiper .swiper_dashnews .swiper-wrapper .swiper-slide                                 {width:50%;}
}
@media only screen and (max-width:600px){
  .DashStudies .MiniListStudies .ItemStudies .BlockStudies                                        {display:block;}
  .DashStudies .MiniListStudies .ItemStudies .BlockStudies .Img                                   {display:block; width:100%; height:100%;}
  .DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content                               {display:block; padding:20px 0px;}
  .DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Txt span    {display:inline-block;}
  .DashStudies .MiniListStudies .ItemStudies .BlockStudies .Buttons                               {display:block; width:100%;}

  .DashNews_Swiper .swiper_dashnews .swiper-wrapper .swiper-slide                                 {width:100%;}
}
@media only screen and (max-width:480px){
  .Dashboard .DashRow_01                                                                          {margin-bottom:20px;}
  .Dashboard .DashRow_02                                                                          {margin-bottom:20px;}
  .Dashboard .DashTable                                                                           {margin-bottom:20px;}
  .Dashboard .DashTable .DashCell_01                                                              {margin-bottom:20px;}
  .Dashboard .DashTable .DashCell_03                                                              {margin-bottom:20px;}

  .DashInfos                                                                                      {padding:20px;}
  .DashStudies                                                                                    {padding:20px;}
  .DashMessages                                                                                   {padding:20px;}
  .DashProfiling                                                                                  {padding:20px;}

  .Dashboard .MiniHeader .CellMH_01                                                               {display:none;}

  .DashNews_Swiper                                                                                {margin:0px -20px;}  
  .DashNews_Swiper .swiper_dashnews .swiper-wrapper                                               {padding-right:20px;}
  .DashNews_Swiper .swiper_dashnews .swiper-wrapper .swiper-slide                                 {padding-left:20px;}
  .DashNews_Swiper .swiper_dashnews .swiper-wrapper .swiper-slide:last-child                      {margin-right:20px;}
}

/** PM section - BEGIN **/
@media only screen and (max-width:850px){
  .FormBox.FullBelow850 {width:100%;}
  .FormBoxSpacer.FullBelow850 {display:none;}

}

@media only screen and (max-width:700px){
  .ListQuestion .RangeType.WithArrow .WrapperScale.ElevenScale .ItemScale {padding-top:33px;}
  .ListQuestion .RangeType.WithArrow .WrapperScale.TwelveScale .ItemScale {padding-top:33px;}
}

@media only screen and (max-width:600px){
  /* show arrow above because not enough space on sides */
  .ListQuestion .RangeType.WithArrow .WrapperScale.TenScale .ItemScale {padding-top:33px;}
}

@media only screen and (max-width:500px){
  .ListQuestion .LabelledScaleDDType .ColsInside .MiddleDiv {width:40px; background-size:32px;}

  .ListQuestion .PreferenceRankingType .ColsInside .MiddleDiv {width:40px; background-size:32px;}

  /* show arrow above because not enough space on sides */
  .ListQuestion .RangeType.WithArrow .WrapperScale.SixScale .ItemScale {padding-top:33px;}
  .ListQuestion .RangeType.WithArrow .WrapperScale.SevenScale .ItemScale {padding-top:33px;}
  .ListQuestion .RangeType.WithArrow .WrapperScale.EightScale .ItemScale {padding-top:33px;}
  .ListQuestion .RangeType.WithArrow .WrapperScale.NineScale .ItemScale {padding-top:33px;}

  .ListQuestion .RangeType .WrapperScale.ElevenScale .ItemScale .BlockScale {width:22px; height:22px;}
  .ListQuestion .RangeType .WrapperScale.ElevenScale .ItemScale .BlockScale .Circle {width:14px; height:14px;}
  .ListQuestion .RangeType .WrapperScale.TwelveScale .ItemScale .BlockScale {width:22px; height:22px;}
  .ListQuestion .RangeType .WrapperScale.TwelveScale .ItemScale .BlockScale .Circle {width:14px; height:14px;}
}

@media only screen and (max-width:460px){
  .ListQuestion .LabelledScaleDDType .ColsInside .LeftListDiv .ItemDropArea {height:110px; width:calc(100% - 24px);} 
  .ListQuestion .LabelledScaleDDType .ColsInside .RightListDiv .ItemDropArea {height:110px; width:calc(100% - 24px);}
  .ListQuestion .PreferenceRankingType .ColsInside .LeftListDiv {padding-left:5px; padding-right:5px;}
  .ListQuestion .PreferenceRankingType .ColsInside .RightListDiv {padding-left:5px; padding-right:5px;}
}

@media only screen and (max-width:359px){
  .ListQuestion .RangeType .WrapperScale .ItemScale .TextValue {font-size:1.3rem}
  .ListQuestion .RangeType .WrapperScale .ItemScale .BlockScale {width:21px; height:21px; margin-top:2px;}
  .ListQuestion .RangeType .WrapperScale .ItemScale .BlockScale .Circle {width:13px; height:13px;}
}
/** PM section - END **/








/* RTL Body */
@media only screen and (max-width:1200px){
  .RTLBody .PersonalPage .TableColumn .ImageColumn                  {padding-left:50px;}
}
@media only screen and (max-width:1024px){
  .RTLBody .HeadPage                                                {padding-left:0px;}
  .RTLBody .HeadPage .LeftCell                                      {margin-bottom:30px;}
  .RTLBody .HeadPage .RightCell .Block                              {margin-right:0px;}
  .RTLBody .HeadPage .RightCell .Block01                            {padding-left:15px;}
  .RTLBody .HeadPage .RightCell .Block02                            {padding-right:15px;}
  .RTLBody .PersonalPage .TableColumn .ImageColumn                  {padding-left:40px;}
  .RTLBody .GridFamily .ItemFamily                                  {padding:0px 0px 30px 30px;}
  .RTLBody .InboxHeader                                             {padding-left:0px;}
  .RTLBody .InboxHeader .RightCell .Block                           {margin-right:0px;}
  .RTLBody .InboxHeader .RightCell .Block01                         {padding-right:0px; padding-left:15px;}
  .RTLBody .InboxHeader .RightCell .Block02                         {padding-left:0px; padding-right:15px;}
}
@media only screen and (max-width:768px){
  .RTLBody .HeadPage                                                {padding-left:0px;}
  .RTLBody .ListNews .ItemNews                                      {padding:0px 0px 30px 30px;}
  .RTLBody .PersonalPage .TableColumn .ImageColumn                  {padding-left:0px;}
  .RTLBody .InboxHeader                                             {padding-left:0px;}
  .RTLBody .ListInbox .ItemInbox .BlockInbox .RightCell             {text-align:right;}
}
@media only screen and (max-width:600px){
  .RTLBody .GridNews .ItemNews:nth-child(odd) .BlockNews            {border-left:1px solid #e9eaeb; border-right:none;}
  .RTLBody .ListNews .ItemNews                                      {padding:0px;}
  .RTLBody .ListNews .ItemNews:nth-child(odd) .BlockNews            {border-left:1px solid #e9eaeb; border-right:none;}
}
@media only screen and (max-width:480px){
  .RTLBody .HeadPage .RightCell .Block01                            {padding-left:5px;}
  .RTLBody .HeadPage .RightCell .Block02                            {padding-right:5px;}
  .RTLBody .GridFamily .ItemFamily:nth-child(odd) .BlockFamily      {border-right:none;}
  .RTLBody .GridFamily .ItemFamily:nth-child(even) .BlockFamily     {border-right:1px solid #e9eaeb;}
  .RTLBody .InboxHeader .RightCell .Block01                         {padding-right:0px; padding-left:5px;}
  .RTLBody .InboxHeader .RightCell .Block02                         {padding-left:0px; padding-right:5px;}
  .RTLBody .InboxHeader .BtnCreateMessage                           {left:auto;}
}