@media screen and (max-width: 1023px){
body{font-family: 'Ubuntu', sans-serif; }
h1{font-size:22px;}
/*Login*/
body#bodyLogin{background:#f5f1f1; background:white; }
body#bodyRecover{background:white; }
div#divDoWhat{padding:0;top:550px;left:unset;right:unset;border:0;z-index:999;text-align:center; width:100%;height:auto;color:#827f7f;text-shadow: none;display:none;}
div#divDoWhat1{margin:0;font-size:16px;}
div#divDoWhat2{font-size:30px;font-weight:bold;}
div#LogoLogin{top:30px; left:-15px; }
div#LogoLogin img{height:80px; width:88px; border:0;background:transparent;}
div#divContainer{left:0; width:100%; min-width:320px; margin-top:-70px;height:730px;}
div#divLogin{left:5%; right:5%; top:0; width:90%;  height:395px;   padding-top:30px; border-bottom:1px solid #9e9e9e;background-image: linear-gradient(#fff, #F9F9F9);background-image: linear-gradient(#fff, #fff); border:0; box-shadow:0 0 white;}
	div#divLogin input{border:1px solid #aaa;}
div#LoginWfacebookBtn{padding-left:40px;}
div#divNewUser{left:5%; right:5%; top:45px; width:90%; border-radius:50px;  min-height:420px; background-image: linear-gradient( #f2f2f2, #fff); border-bottom:1px solid #9e9e9e;}
div#newUserLink{bottom:0;}
div#RecoverBox{left:5%; width:90%; border-radius:80px; }
div#DoeinNameBottom{top:620px; text-align:center; width:100%; color:black; margin-left:0; color:#aaa;} 
div#loginLinksBox{color:#7b7b7b;font-size:12px; z-index:0; top:700px;}
div#loginTitle{}
div#countDownBox{top:0px; left:100px; height:30px; background-image:linear-gradient(#fff, #fff); display:block; border:1px solid grey; display:none;}
div.bottomLinks{margin-bottom:15px; margin-top:10px;}
b#clickToRegister{font-size:18px;}

/*gift*/
div#containerGift{padding:0;padding-bottom:50px; width:100%}
div#divEbookImage{float:none; display:inline-block;}
div#divEbookImage img{width:350px;}
div#divArodrCourseImage{float:none; display:inline-block; width:auto; margin-top:20px;}
div#divArodrCourseImage img{width:250px;}
div#ebookExplanation{width:70%;display:inline-block;float:none;text-align:center;margin-top:0;}
div#containerAuthor{margin-left:0;display:inline-block;padding-bottom:20px;padding-top:20px;}
div#divAuthorPicture{float:none; display:inline-block; margin:0;}
div#AuthorDescriptionBox{float:none; display:inline-block; width:70%;}
div#aboutAuthorBox{text-align:center;}

	
/*index*/
div#blackBar{width:100%;min-width:320px;}
div#divHeaderMterms{min-width:470px;}
div#contentMterms{margin-left:0px;margin-right:0px;}
div#divIndex{padding-top:0px;}
div#divTheme{display:none;}
div#colorConnection{width:15px;height:15px; }
div#divArena{display:block;}	
div#box2Arena{display:none;}	
div#divHello{width:150px; height:12px; display:block;overflow:hidden; margin-left:90px;margin-left:0;width:50px;height:20px;font-size:0;float:left;}
div#divHello a{font-weight:bold;font-size:12px;height:12px;display:block;overflow:hidden;}
div#divSettings{display:none;}
div#divInvite{display:none;}
div#divLogout{width:50px; text-align:right; font-weight:bold; font-size:12px;}
div#box2fixFeedbackBalloon{display:none; }
div#profilePicHeader{display:none;}
div#divLogo{height:40px; width:80px;}
div#divHM{height:45px; float:right; }
img#imgLogoDoein{background:white; width:90px; height:83px; margin-left:20px; margin-top:-25px; box-shadow:none;}
img#imgLogoDoeinLogin{background:white; width:90px; height:83px; margin-left:20px; margin-top:-25px; border-radius:50%; box-shadow:none;}
div#divHeader{height:40px;width:100%; min-width:320px; background-image: linear-gradient(#c3c3c3, #fff); border-radius:0;}
div.divMenuSingle{height:40px; width:50px; padding-top:0;}
div.iconMenu{ width:50px;}
div.iconMenu img{ width:30px; height:30px;}
div#createBox{ width:50px;}
div.divMenuInColorOne{display:none;}
div.divMenuInColorTwo{display:none;}
ul#superFilter li{width:50px; padding-top:5px;}
div#InpSearchBarContainer{width:0;margin-left:-5px;}
ul#superFilter li#liSearchDoein{width:300px;}
input#InpSearchBar{width:300px; height:30px; font-size:12px; float:left;}	
		ul#superFilter input{margin-top:0;}
input#InpSearchBar::placeholder {  opacity: 1; /* Firefox */ }
/* div#lupa{margin-top:5px;margin-left:-25px;} */
div#lupa{right:-30	0px; margin-top:10px;}
div#lupa img{width:20px; height:20px; padding:0;background:#e8e8e8;}
div#dropdownSearchInput{width:250px;}
div#clearFilter{background:#800047;}
div.ContainerMenu{width:70px;}
div.filterField{display:none;}
div.filterSymbol{margin-left:10px; }
div.filterSymbol img{ width:20px;}
div#divSearchBar{width:100%; min-width:320px; height:50px; padding-top:10px;}
div#divSearchBarInner{width:100%; min-width:320px;}
ul#superFilter ul.subFilter {margin-right:50px;}
ul#superFilter ul#subFilterHowMuch{right:-90px;}
ul#superFilter ul#subFilterHowMuch:before{left:180px;}
ul#superFilter ul#subFilterPeople{right:-50px;}
ul#superFilter ul#subFilterPeople:before{left:220px;}
ul#superFilter ul.subFilter:before {left:15px;}
div#divFooter {width:100%; min-width:320px;}	
div#createBalloon{height:120px;width:250px; }		
div#createBalloon:before{left:85px;}
div#notiIconMain{height:15px;width:15px; margin-top:-50px; margin-left:25px;}
div#notiBalloon1{margin-left:-210px; width:300px;}
div#notiBalloon1:after{content: ''; display: block;  position: absolute; top:-34px; left: 212px; bottom: 100%; width: 0; height: 0; 
									border-bottom: 38px solid black; border-top: 0px solid transparent; border-left: 20px solid transparent; 
									border-right: 1px solid transparent;}
div#notiBalloon2{ margin-left:-195px; width:285px; }
div#notiBalloon3{ margin-left:-210px; margin-top:190px;}
div#notiBalloonSeeAll{margin-left:-80px; margin-top:280px;}
div#notiBalloonSeeAll_forOnlyOne{margin-left:-90px;}
div#notiBalloonSeeAll_forOnlyTwo{margin-left:-90px; margin-top:190px;}
div#notiBalloonSeeOlder{margin-left:-100px; margin-top:110px;}
div.divContentIn1{width:100%; min-width:320px; height:210px; padding-top:0; text-align:center;}
div.divContent {width:100%; min-width:320px;padding:0; overflow:hidden; margin:0;}
div.divContentIn1b{margin:0;padding:3%;border-radius:0; height:95px;margin-left:5px;margin-right:5px; display:inline-block; float:none;text-align:center; }
div.divEvTitle1{margin-left:15px;}
div.moreOptionsEv1{margin-right:0; margin-top:5px;}
img.image1{width:300px; height:150px; margin-left: 00px;}
.orgPicEvsmall{margin-left:0;}
.orgPicEvsmall img{margin-top:2px;}
div.divEvDescrip1{padding-top:0px; line-height:1.2; font-size:11px; height:30px; width:75%;}
div.divEvBottom1{height:30px; margin-top:0; text-align:center;}
div.divEvBottom1dateTime{width:80px;margin-left:10px;}
div.divEvBottom1dateTime img{margin-top:3px;}
div.divEvBottom1where{ float:left; margin-left:10px;}
div.divEvBottom1price{display:none;}
div.divContentIn2{width:90%; min-width:200px;margin-left:0; margin-top:20px; border-bottom: 200px solid #c6c6f3; border-left:00px solid transparent;  border-right:00px solid transparent; color:black;}
div.moreOptionsEv2{margin-right:0;}
div.divEvTitle2{margin-left:-80px; font-size:18px;}
div.divEvImg2{margin-left:-75px;}
	div.divEvImg2 img{border-radius:0; margin-left:60px;}
div.divEvBottom2{display:none; }
div#mapOrBlockContainer{margin-top:-8px;}
div.divContentInGeneral{ width:100%; height:220px; text-align:center;}
div#besideYellow{ margin-top:0px; margin-bottom:-10px; margin-left:0;}

div.divContentIn9{ margin:0; padding:0px; padding-top:10px; border-radius:0; border-bottom:0; display:inline-block; float:none;}
div.divContentIn9 a{ display: table; margin: 0 auto;}
div.moreOptionsEv9{ margin-right:290px; margin-right:10px;}
div.divEvTitle9{ margin-left:15px; display:block; }
div.divSeeDetailsBtn{margin-right:10px;}
img.image9{ height:150px; width:300px; margin-left:00px; }
div.divEvBottom9where{ float:left; margin-left:10px; }
div.divEvBottom9dateTime{ width:75%; margin-left:10px;}

div.divContentIn10{ width:95%; min-width:320px;  margin:0;padding:0px; padding-top:70px; margin:auto; text-align:center;}
div.divContentIn10 a{ display: table; margin: 0 auto;}
div.moreOptionsEv10{margin-right:5px; margin-top:-25px; padding-bottom:15px; padding-top:0; position:relative;}
div.moreOptionsEv10 img{padding:5px; background:white;border-radius:50%;}
div.divEvTitle10{ margin-left:50px; border:1px solid black; border-top:4px solid black; width:250px; min-height:45px; padding:10px; margin-top:-200px;font-size:24px;}
img.evImg10 {height:150px; width:300px; margin-left:00px; }	
div.divEvBottom10where{margin-top:-25px;margin-left:-0;border:1px solid black;}
div.divEvBottom10dateTime{border:1px solid black;}

div#videoSuperContainer{background:transparent;}
div#insertStoriesBox{color:#aaa;}
div#storiesBubble{left:10px;top:150px;height:100px;width:100px;}
img#storiesImgPerson{margin-left:15px;margin-top:0;height:70px;width:70px;}

/*indexSearchResult*/
div#ContainerResult{width:80%; min-width:220px; margin:auto;}
div#resultFilterContainer{width:100%; min-width:220px;}
h1#resultSaying{font-size:12px;margin-bottom:10px;}
div.resultFilter{width:120px;height:50px; overflow:hidden;font-size:9px; padding:0; margin-left:3px; margin-right:3px;}
div#ResultTitleContainer{height:120px;padding:0;margin-top:10px;}
h1#noDoeinsFound{font-size:16px;}
div#resultInBlocks_btn{font-size:10px;}
div#resultInMaps_btn{font-size:10px;}
div#mapdiv_container{width:120%; min-width:320px;height:300px;}
div#eventMap{display:none;}
div#dropdownSearchInput{width:180px;font-size:11px;}

/*menu*/
div#divHeaderM{padding-top:0; height:40px;min-width:320px; margin-bottom:20px; border-bottom:0px solid black;}
div#divLogo2{padding-left:10px;}
div#divLogo2 img{}
div#divHM2{display:none;}
div#profilePicHeaderMenu{display:none;}		
div.white_content{width:80%; left:5%;}	
div#contentM{width:100%;padding:0;}

/*Agenda*/
h1#h1DoeinTitle{font-size:22px; text-align:center;margin-top:-68px; color:black; margin-left:70px; padding-left:0; margin-right:10px; border-radius:50px; margin-bottom:80px;}		
div#agendaBig{width:100%; min-width:300px;font-size:11px; }	
div#calendarBig{ margin-top:80px;}							
tr#rowSuperior{height:60px; font-size:14px;}	
.tab label{height:40px; padding:5px; padding-right:20px; padding-left:20px; width:40%; width:40%;font-size:10px;}	
div#FuturePastContainer{margin-top:50px;padding-left:10px;padding-right:10px;}	
div#SelectAllorOrganizer{margin-left:0; text-align:left; margin-left:7%; width:230px; margin:auto; padding-left:80px; margin-top:20px;}	
label.RadioBoxContainerAllorOrganizer{margin-left:0; margin-right:0; display:inline-block; width:60px; margin-right:20px; font-size:14px;}
div#NextEvents{width:100%; min-width:300px; margin:0; margin-top:50px;}	
div#AgDate{font-size:12px;}				
div#AgImage{width:100%; min-width:300px; height:180px; text-align:center; }			
div#AgTitle{font-size:20px; margin-left:-10px;}				
/* div#AgAddress{margin-top:-15px; font-size:12px; border-radius:10px;}	 */
div#AgPrice{ font-size:12px;}				
div#divFooter{width:100%; min-width:300px; margin:0;}				
div#bottomFeedback{display:none;}				
div#divAssembleEvAg h1{font-size:22px; margin-top:30px;}	

/* Notifications*/
div#notificationsContainer{color:black; width:90%; min-width:300px; padding:0; margin-top:0; border:0; float:left; box-shadow:none;}
div#notificationsSingle{height:70px; width:100%;margin-top:18px;}
div.notiImageBox{margin:10px; padding:0;}
div.notiTitleBox{width:45%; min-width:170px; height:13px; font-size:14px; overflow:hidden;}
div.notiMessageBox{width:45%; min-width:100px; height:20px; margin-left:-170px; margin-top:28px; font-size:10px;}
div.notiTimeBox{width:10%; min-width:20px; height:20px; float:right; margin-bottom:0;}
/* div.notiImageBox{width} */
					
					
/*Messages*/
div.msgItself{width:100%;}
h1#messagesTitleSmall{display:block;font-size:22px; text-align:center; margin-top:-66px; color:black; 
					margin-left:70px; padding-left:0; margin-right:10px; border-radius:50px; margin-bottom:80px;} /*DisplayOnlyForMobile*/	
h1#messagesTitleBig{display:none;} /*DisplayOnlyForMobile*/	
div#containerMsg{margin-top:50px; padding:5px; width:100%; min-width:300px;} 
div#SearchInConversation{display:none;} 	
div#conversationGroup{width:97%; min-width:290px; max-width: 100%; margin-right:5px;  height:70px; margin:0; overflow-x:scroll; overflow-y:hidden; float:left; }	
		div#ConversationHeadGroup:hover	{overflow-y:hidden; }
		div#ConversationHeadGroup:hover > .ConversationHead	{margin-right:5px;}
		div#holdingGroupHeads{width:10000px;}
div.ConversationHead{width:50px;height:60px; float:left; overflow:visible; margin-right:5px;}	
div.ConvHeadPictureShow{width:45px;height:45px;}	
div.ConvHeadPictureShow span{display:none;}	
div#divChatSide{width:97%; min-width:290px; margin-top:0;}	
div#titleConversation{width:100%; min-width:250px; margin-top:-3px;; }	
div#titleNames{padding-left:0; overflow:hidden; width:100%; margin-left:20px;}	
div#titleNumberPartic{font-size:10px; width:40%; overflow:hidden; float:right; display:none;}	
div#chatHistory{height:55%; min-height: 190px;}	
div.chatMsgBig{width:100%;}	
div.chatMsgSmallR{margin-right:0px;margin-left:20px;width:80%; float:right; border-radius:30px;}	
div.chatMsgSmallL{margin-right:20px;margin-left:0px;width:80%;  float:left; border-radius:30px;}	
textarea#MessagefieldTextArea2{width:85%; margin:0; margin-left:5px;}	
input#sendMessageButton{margin-top:-30px;float:right;clear:both;}	
/*Profile*/
div#yellowRectangle{width:96%; min-width:280px; height:320px; padding:0;border:0;}					
div#profContainer{width:96%; min-width:280px; padding:0;}						
div#profColumn1{width:100%; min-width:280px; padding:0; text-align:center; font-size: 11px;}						
div#profPicture{width:100%; display:inline-block; margin-top:10px;}					
div#profNameMyProfile{margin-left:0; margin-bottom:10px; margin-top:10px; font-size:18px; width:100%; display:inline-block; text-align:center; max-width: 300px; float:none; position: absolute; top: 5px; color: black; left: 80px;}					
div#profClass{width:100px; margin:0 auto; float:none; clear: both;}						
div#profClass div{margin-top:10px;}						
div.thumbsUp{clear:both; margin-left:10px; margin-top:5px;}								
div#numberOfDoeinCounter{clear:both; margin-left:15px;}		
div#hiddenOnAttendingSymbol{clear:both; margin-left:30px; margin-top:10px;}					
div#SendMessageContainer{margin:0; margin-top:-90px;}					
div#profileDescrition{clear:both; width:90%; max-width:400px; margin-left:4%; margin-top:10px; display:inline-block; float:left;}			
div#profileDescritionContainer{margin-bottom:0;}							
div#profColumn2{width:100%; min-width:280px; padding:0; text-align:center;margin-top:60px; float:left;}					
div#menuComments{font-size:12px; width:90px; height:30px; line-height:30px; padding:5px; border-radius:0; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);}					
div#menuPersonalInfo{font-size:12px; width:90px; height:30px; line-height:30px; padding:5px; border-radius:0; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);}					
div#settingsMenu{font-size:12px;  width:90px; height:30px; line-height:30px; padding:5px; border-radius:0; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);}					
div#ProfileContentBig{text-align:center; border:0;}					
div#ProfileContentBig h1{font-size:22px;}					
div#divNoComments{width:180px; font-size:11px; padding-left:10px; padding-right:10px;}					
div#commentsBox{width:90%;margin-right:0; display:inline-block;}					
div.commentClass{width:100%; display:inline-block;}					
div.profContent1{width:90%;max-width:400px; height:100px; margin-right:0;margin-left:0;}					
div.profDescription1{width:100%;margin-right:0;margin-left:0; font-size:12px;}					
div.profContent2{width:90%;max-width:400px;margin-right:0;margin-left:0; float:left;}					
div.profDescription1{width:100%;margin-right:0;margin-left:0;}					
div.commentEvent{width:10px;margin-right:0;margin-left:0;}					
div#PersonalInfoContainer{margin-right:20px;margin-left:20px;}					
div#PersonalInfoContainerEdit{margin:20px; border:2px solid black; border-radius:30px;}					
div#ContainerAccount{width:80%; margin:5px; padding:0;display:inline-block;}					
div#accountOptionsballoon{height:65%; top:10%;}					
div#accountRemoveDiv{margin-left:10px;margin-right:10px; height: 200px;}					
div#ContainerChangePassword{width:70%;display:inline-block; text-align:center;}					
div#ContainerSettings{width:70%;display:inline-block;}					
div#titlePrivacyDiv{clear:both; margin-top:30px;}	
div#timezoneTitleDiv{clear:both; margin-top:30px;}	
div#blockUnknownMessagesDiv{margin-top:-30px;}				
div#writtenName{text-align:center;}									
div#profNameMyProfile:hover{color:black;}
	div#profNameMyProfile:hover .editPencil{display:block; float:none; } 
div.editPencil{display:inline-block; float:none;}		
div.editPencil img{ width:18px; height:18px;}						
div.SettingsFieldsSozinho{width:80%;}					
div.SettingsFieldsLadoaLado{padding:5px; height:50px; margin:auto; clear:left; display:flex; justify-content:center; padding-top:30px; text-align:center; display:inline-block; float:none;}	
input#profNameMyProfileFirstName{width:110px; font-size:14px;}				
input#profNameMyProfileLastName{width:110px; font-size:14px;}				
div#okEditName{margin-top:2px;}				
div#closeName{margin-top:5px;}		
select#timezoneBox{width:100%;}		
textarea#profileDescritionEdit{width:90%;}				
div#profName{font-size:18px; position: absolute; top:15px; color: black; left:15%;}				
div#moreOptionsContainer{display:inline-block;float:none; position: absolute; top:8px; color: black;  right:30px;}				
div#moreOptionsContainer img{width:18px;height:18px;}				
div#moreOptionsBalloon{margin-left:-100px; margin-top:40px;}
	div#moreOptionsBalloon:before{content: ''; display: block;  position: absolute; top:-30px; left: 100px; bottom: 100%; width: 0; height: 0; 
									border-bottom: 30px solid black; border-top: 0px solid transparent; border-left: 30px solid transparent; 
									border-right: 1px solid transparent;}				
div#SendMessageContainer{clear:both; float:right; width:100px; margin-left:-60px;}				
div#SendMessage{font-size:0;width:50px; height:50px; padding:5px; border-radius:50%; background:white;margin-top:-20px; border:0; background-image: linear-gradient(white, #ddd);}				
div#SendMessage img{margin-top:10px;}				
div#typeCommentDiv textarea{width:90%; text-align:center;}
textarea#MessageFieldTextArea{width:80%;}
div.white_content{height:auto;}
div#eventGlobalScope{margin:auto; width:100%; min-width:300px; }
div#menuRight{height:auto; width:90%; text-align:center; margin-left:0;}
/* div.moreOptionsEvPage{float:left; margin-top:5px;} */
div.moreOptionsEvPage{position:absolute; float:right; top:-12px; right:45px; }
div.menuOptionsEvent{ left:-85px; top:20px; position:absolute; z-index:9999; color:black; border:black;}
div#orgActions{margin-top:-60px; margin-left:50px; width:auto; display:inline-block; float:none; }
div#mainInfoEvent{clear:both;margin-bottom:0; text-align:center;}
div#profPictureEventPage{height:auto;width:auto;}
	img#pictureOrganizerEvImg{width:60px; height:60px; border:0;}
div#audioFileOrganizer{display:none;}
/* div#audioFileOrganizer{width:80px;margin-top:0;margin-left:-10px; margin-top:30px;clear:none; height:25px; font-size:10px; color:black;} */
div#audioFileOrganizer #welcomeSaying{margin-top:5px;}
div#mainInfoEvent{width:100%; min-width:310px;}
div#eventTitle{width:auto; min-width:280px; display:inline-block; float:none; margin-left:0; text-align:center;}
div#eventTitleTitle{ padding-top:10px; padding-bottom:20px; margin-top: -20px;}
div#eventTitleTitle h1{color:black; padding-right:0;padding-left:0px;text-align:center; font-size:34px;}
span.dropDownArrowAudio:before{display: none;}
div#shareEvent{ color:black; padding:5px; font-size:11px; margin-left:150px; margin-top:-5px; font-size:0;}
div#shareBox{margin-left:-140px;}
div#JoinDivContainer{width:100%;float:left; text-align:center; position:relative; z-index:999;}
div#JoinDiv{clear:both;margin-top:-30px; margin-left:0; margin-right:0;  float:none; display:inline-block; }
div#JoinJoinButton{font-size:18px;}
div#ConfirmedStampInner{border:0;}
li#confirmedLi{display:none;}
div#editPencilTitle{display:block; margin-left:-10px; margin-top:-45px; position:absolute; border:0px solid black;  border-radius:50%;  background:transparent; display:none;}
	input#eventTitleEDIT{background:#ddd; margin-left:0; width:250px; font-size:16px; text-align:center; margin:auto;}
	div#editPencilTitle img{width:12px; height:12px;}
	div#closeEditEvTitle{margin-top:0; margin-bottom:10px;}
	div#okEditEvTitle{margin-top:0;}
div#eventPicture{width:100%;min-width:280px;  margin-left:0; overflow:hidden; height:auto; float:none; display:inline-block; margin-top:-20px; border:0;}
	div#eventPicturePicture img{width:100%; height:auto;}
	div#editPencilEvPicture{display:block; margin:0; margin-top:-170px; position:absolute; border:0px solid black; background:white; border-radius:50%;display:none;}
	div#editPencilEvPicture img{width:12px; height:12px;}
	div#editPencilWHERE{display:block; background:white; border:0; padding:5px; border-radius:50%; margin-top:-50px; display:none;}
	div#editPencilWHERE img{height:12px; width:12px;}
div#EditPictureEv{width:100%;}
.cropit-preview {width:300px; height:150px;}
div#OwnUserEditPhoto{font-size:10px; text-align:left;}
div#pickPictureFromGallery{float:left;}
div#ThirdPartImageBox{width:100%;}
div#ThirdPartImageBoxBox{width:100%; text-align:center;}
div#ThirdPartImageSELECTED{width:auto;}
div#ThirdPartImageSELECTED img{width:95%;}
div.unsplashGalleryBox{display:inline-block; float:none;}
div#ThirdPartImageBoxBox img{width:200px;}
div#undoPictureThirdSaying{float:left; margin-left:20px;}
div#closeEditEvpicture{margin-right:50px; margin-top:-60px; background:white; border-radius:50%; padding:5px; float:right; position:relative;}
div#okEditEvpicture{margin-right:00px; margin-top:-60px; background:white; border-radius:50%; padding:5px; float:right; position:relative;}
div#uploadMyOwnPicture{float:left; background:#aaa; color:white; padding:2px;text-align:center;box-shadow:2px 2px 2px #aaa;}
div#eventDescription{font-size:11px; width:90%; max-width:350px; min-width:200px;color:black; padding:0; padding-top:10px; padding-bottom:20px;  border:0; margin-top:15px; z-index:1; position:relative;}
div#eventDescription h2{font-size:0;}
div#eventSummary{display:inline-block; width:100%; float:none; margin-top:10px;margin-left:0;background:#fef389; background:white; text-align:center; border:1px solid #ddd; border-bottom:0; color:black; padding:0;padding-top:10px; box-shadow:10px 10px 10px 10px #aaa;}
div#eventSummaryTitle{display:none;}
div#whenEventSummary{margin-top:10px;height:40px; display:inline-block;  float:none; padding-left:0; border-top:1px solid #ddd; border-radius:0; padding-top:10px;}
div#whenEventSummary img{height:24px; width:24px; margin-top:5px; margin-right:-30px;}
div#whenEventSummarySummary{font-size:12px; margin-top:0; background:transparent; border:0 solid black;}
div#moneyEventSummary{clear:both; height:auto; margin-bottom:20px;padding-left:0;margin-top:10px; padding-top:10px;border-top:1px solid #ddd; border-radius:0; display:inline-block; float:none; color:black;}
div#moneyEventSummary img{margin-top:5px;}
div#photoReferenceContainer{width:100%;}
div#photoReference{clear:both;width:100%; width:auto;float:right; height:auto; margin-right:22px; padding:2px; margin-top:-13px; font-size:8px; background:white; z-index:999; position:relative;color:black; border-radius:1px;}
div#moneyEventSummarySummary{margin-top:0; font-size:12px; padding-top:10px;margin-left:-5px;}
div#manyPeopleEventSummary{width:auto;float:left; height:70px; display:inline-block; float:none; color:black;font-size:12px;}
div#ageEventSummary{width:auto;float:left; height:70px; display:inline-block; float:none; color:black;font-size:12px;}
div#genderEventSummary{width:auto;float:left; height:70px; display:inline-block; float:none; color:black;font-size:12px;}
div#eventMap{width:100%; margin:0; margin-top:0;display:inline-block; float:none; clear:both; background:white; border-top:0; border:1px solid #ddd; border-top:0 color:black; padding-top:10px; box-shadow:8px 8px 8px #aaa;}
div#eventMapMap{margin:0;width:100%;}
div#addressTitle{margin:0;width:100%;font-size:12px;height:20px;}
span#whereSaying{display:none;}
div#eventMap{text-align:center; height:auto;}
div#eventMap img{margin-left:0; display:inline-block; float:none;}
iframe#iframeMapFrame{width:100%;height:100%; display:none;}
div#attendingPeopleEvPage{width:90%;margin:0; margin-top:20px; padding:0; max-width:350px; display:inline-block; float:none; clear:both; background:transparent; border:0;}
div#attendingTitleEv{display:none;}
div#noOneAttendingSaying{font-size:12px;}
div#attendingPeoplePictures{width:100%;margin-left:0;}
div#orgActionsOrganizer{margin-top:-70px; margin-left:60px;border:0;background:transparent; width:80%; margin-bottom:0; }
div#notFoundEvent{width:90%;}
div#notFoundEvent h1{font-size:28px;}
div#photoReferenceContainerphotoReferenceContainer{width:100%;}
div#attendingStatus{font-size:11px; color:black;}
div#watingStatus{font-size:11px;  color:black;}
div#ConfirmedStampInner{font-size:11px;}
div#EventCancelled{font-size:16px; border:0;}
div#orgOptions{width:80%; padding-top:0; padding-left:0;}
div#orgOptions li{float:left; color:black;}
div#orgIcon{display:none;}
div#orgWord{display:none;}
li#request2ev{background:white;border:0; border-bottom:2px solid black; border-radius:50%; padding:5px; width:60px; height:50px; font-size:10px;}
li#confirmLi{background:white;border:0; border-bottom:2px solid black; border-radius:50%; padding:0; line-height:65px; font-size:10px;  width:65px; height:65px; position:fixed; bottom:50px; right:15px;z-index:1000; border:1px solid #ddd; background-image: linear-gradient(white,pink);}
li#confirmLiNeedAddressANDdate{background:white;border:0;  border-bottom:2px solid black; border-radius:50%; padding:0; line-height:65px; font-size:10px; width:65px; height:65px; position:fixed; bottom:50px; right:15px;z-index:1000; border:1px solid #ddd; background-image: linear-gradient(white,pink);}
li#cancelLi{background:white; border-bottom:2px solid black; border-radius:50%; padding:0; width:45px; height:45px; line-height:45px; font-size:10px;margin-top:-15px; margin-left:20px; display:none;}
div#chatClickHere{height:60px; width:60px;padding-top:0; border:0; position:fixed; bottom:130px; right:17px;z-index:1000; border:1px solid #ddd; background-image: linear-gradient(white,pink);}
div.previewPageWhite{width:78%;}
div.previewPageWhite{width:78%;}
div#light h1{font-size:20px;}
div#AllEvParticipantsBox{padding-left:0; width:90%;}
div.singleEvParticipantBox{width:100%; padding:0; border:0;}
div#singlePhotoBox{padding:10px;}
div#singlePhotoBox img{border-radius:50%;}
div#singleNameBox{padding:0;width:120px; font-size:12px; font-weight:bold; margin-top: 18px;}
div#singleMessageBox{width:5px;height:5px; padding:2;}
div#singleRemoveBox{width:5px;height:5px; padding:2;}
div#EventExpired{border:0;}
div#rateEvent{margin:0;width:90%;}
div#ratePeoplePictures{width:100%;}
div#ratePeoplePictures{font-size:10px;}
div#RATEAllEvParticipantsBox{padding-left:0;}
div.RATEsingleEvParticipantBox{padding:0; width:90%;}
div#RATEsingleNameBox{width:100px; font-size:11px; padding:5px;}
div#showAllAttendingClick{margin-left:0;font-size:10px; float:left;}
div.containerLikesDislike{width:120px;padding:5px;}
input#eventWHEREEDIT{background:#ddd; width:90%;}
select#WhenInputEditTIMEselect{background:#ddd; width:90%;}
input#WhenInputEdit{background:#ddd; width:90%;}
input#PriceInputEdit{background:#ddd; width:90%;}
select#PayUntilInputEditTIMEselect{background:#ddd; width:90%;}
input#PayUntilInputEdit{background:#ddd; width:90%;}
input#ManyPeopleInputEditMIN{background:#ddd;}
input#ManyPeopleInputEditMAX{background:#ddd;}
input#ageMinInputEditMIN{background:#ddd;}
input#ageMaxInputEditMAX{background:#ddd;}
select#genderInputSelect{background:#ddd;}
div#editPencilAttention{margin:0;  border:0; border-radius:50%; background:white; display:block; margin-top:-130px; display:none;}
div#editPencilAttention img{height:12px; width:12px;}
div#closeEditEvAttention{margin-left:120px;margin-top:40px;margin-bottom:40px;}
div#okEditEvAttention{margin-top:40px;margin-bottom:40px;}
div#editPencilEvDescription{margin:0; margin-top:-50px; margin-left:-25px;position:relative; display:block; background:white; border:0px solid black; border-radius:50%;padding:0;padding-left:10px; display:none;}
div#editPencilEvDescription img{height:12px; width:12px;}
textarea#textareaEvDescriptionEDIT{margin:0;width:95%;}
div#closeEditEvDescription{margin-left:0;}
li#datePassed{display:none;}
div#feedbackBox{height:30px;padding-top:30px;;}
div#DivForTextboxFeedback{width:80%;}
textarea#TextboxFeedback{width:90%;}
div#ProfPicPreview{margin-left:40%;}
div#okPhotoEdit{margin-left:20px;}
div#closePhotoEdit{margin-left:20px;}
input#PhotoInputPicId{margin:0; margin-left:170px;margin-top:-30px;float:left;}
div#ResultRegister{left:80px; top:-10px; padding:10px; min-width:180px; }
div.profilepicThumbOrganizer{width:20px; height:20px;}
	div.profilepicThumbOrganizer img{width:25px; height:25px;}
div.profilepicThumbAttending{width:20px; height:20px;}
	div.profilepicThumbAttending img{width:25px; height:25px;}
img#logoDoeinArena{margin-left:0;}
img.logoArenaSponsor{width:40px;height:40px;}
div#imTitle{width:290px;}
div#nexBackContainer{margin-bottom:20px;}
img#imPhotoImage{height:60px;}
div#reportShortcut{display:none;}
div#landTopOptions{display:none;background:white;border:1px solid #ddd;box-shadow:5px 5px 5px #aaa;overflow:auto;padding:50px;padding-left:5px;position:absolute;right:30px;float:right;width:220px;}
div#landMenuMobile{display:block;}
h1#findpeopleMsg{font-size:30px;margin-top:0;line-height:50px;}
div.landtopbarItemBox{height:40px;line-height:40px;width:100%;margin-top:10px;}
div#CreateBtn{margin-right:-10px;margin-bottom:20px;}
/*arena*/
div.boxTitleText{margin-left:10px;}
div.actionText{margin-right:20px;} 
}



/* Galaxy S9*/
@media screen and (min-width: 360px) and (max-width: 374px){ 
	/*fixing searchInput width*/
	ul#superFilter li#liSearchDoein{width:300px; }
	input#InpSearchBar{width:300px; height:30px; font-size:12px;}
	div#lupa{right:-305px;}
}


/* iPhone 6-7-8*/
@media screen and (min-width: 375px) and (max-width: 413px){ 
	/*fixing searchInput width*/
	ul#superFilter li#liSearchDoein{width:300px;}
	input#InpSearchBar{width:300px; height:30px; font-size:12px;}
	div#lupa{right:-300px;}	
}

/*CHATHISTORY HEIGHT .... adjusting according to device*/
/*height Galaxy S9 = adjust chat window*/
@media screen and (min-width: 360px) and (max-width: 1023px) and (min-height: 700px) and (max-height: 900px){ 
	div#chatHistory{height:400px;}	
}
/*height iPhone 6-7-8 = adjust chat window*/
@media screen and (min-width: 375px) and (max-width: 413px) and (min-height: 640px) and (max-height: 811px){ 
	div#chatHistory{height:350px;}	
}
/*height iPhone X = adjust chat window*/
@media screen and (min-width: 375px) and (max-width: 413px) and (min-height: 812px) { 
	div#chatHistory{height:480px;}	
}
/*height KindleFire = adjust chat window*/
@media screen and (min-width: 800px) and (max-width: 900px) and (min-height: 1280px) and (max-height: 1400px) { 
	div#chatHistory{height:950px;}	
}
/*height iPad = adjust chat window*/
@media screen and (min-width: 768px) and (max-width: 799px) and (min-height: 1024px) and (max-height: 1280px) { 
	div#chatHistory{height:720px;}	
}

/* iPhone 6-7-8 PLUS*/
@media screen and (min-width: 414px) and (max-width: 499px){
	/*fixing searchInput width*/
	ul#superFilter li#liSearchDoein{width:300px;}
	input#InpSearchBar{width:300px; height:30px; font-size:12px;}
	div#lupa{right:-305px;}
}
/*height iPhone 6-7-8 PLUS already adjusted on iPhone 6-7-8 */

/*Tablets and when phone is in landscape mode some devices*/
@media screen and (min-width: 650px) and (max-width: 1023px){ 
	/*fixing searchInput width*/
	ul#superFilter li#liSearchDoein{width:600px; }
	input#InpSearchBar{width:600px; height:30px; font-size:12px;}
	div#lupa{right:-605px;}
	/*make a blackBaground for divs 9 and 10 when tablets*/
	/* div.divContentIn9{background:black; margin-left:20px;} */
	/* div.divContentIn10{background:black; margin-left:20px; margin-top:50px; margin-right:60px; margin-bottom:0px;  margin-bottom:0; border-radius:0; float:left; } */
	div.divContentInGeneral{width:50%; }
	div.divContentIn1{width:45%; margin-right:0; float:left; margin-left:10px; margin-top:-5px; }
	div.divContentIn1b{height:180px; }
	div.divEvDescrip1{height:80px;margin-bottom:20px;}
	div#besideYellow{width:50%; margin-left:-70px; margin-bottom:10px;}
	div#divSearchBar{width:100%; min-width:320px; height:60px;}
}

/* Deskptop 1024width */
@media screen and (min-width: 1024px) and (max-width:1279px){
	div#blackBar{width:100%;min-width:1024px; height:20px;}
	div#divIndex{padding-top:0px;}
	/* div#divTheme{display:none;} */
	/* div#divHello{width:150px; margin-left:90px;font-size:0;} */
	/* div#divHello a{font-weight:bold;font-size:12px;} */
	/* div#divSettings{display:none;} */
	/* div#divLogout{width:50px; text-align:right; font-weight:bold; font-size:12px;} */
	/* div#box2fixFeedbackBalloon{display:none; } */
	div#profilePicHeader{margin-right:30px;margin-top:20px;}
	div#divLogo{margin-left:30px; width:200px; margin-top:10px;}
	div#divHM{height:100px; margin-top:20px;}
	/* img#imgLogoDoein{background:white; width:90px; height:83px; margin-left:20px; margin-top:-25px;} */
	div#divHeader{height:40px;width:100%; min-width:320px;}
	div.divMenuSingle{height:40px; width:115px; padding-top:0;}
	div.iconMenu{ width:110px;}
	/* div.iconMenu img{ width:50px; height:50px;} */
	/* div#createBox{ width:50px;} */
	/* div.divMenuInColorOne{display:none;} */
	/* div.divMenuInColorTwo{display:none;} */
	ul#superFilter li{width:50px; padding-top:5px;}
	div#InpSearchBarContainer{width:0;margin-left:-5px;}
	ul#superFilter li#liSearchDoein{width:600px; margin-top:-20px;}
	input#InpSearchBar{width:100px;width:600px; height:37px; font-size:12px; float:left;}
	input#InpSearchBar::placeholder { opacity: 1; /* Firefox */ }
	div#lupa{right:-605px; margin-top:20px;}
	div#lupa img{width:20px; height:20px; padding:0;}
	div#dropdownSearchInput{width:250px;}
	div#clearFilter{background:#800047;}
	div.ContainerMenu{width:70px;}
	div.filterField{display:none;}
	div.filterSymbol{margin-left:10px;}
	div.filterSymbol img{ width:20px; height:20px;}
	div#divSearchBar{width:100%; min-width:320px; height:60px;}
	div#divSearchBarInner{width:100%; min-width:320px;}
	ul#superFilter ul.subFilter {margin-right:50px;}
	ul#superFilter ul#subFilterHowMuch{right:-90px;}
	ul#superFilter ul#subFilterHowMuch:before{left:180px;}
	ul#superFilter ul#subFilterPeople{right:-50px;}
	ul#superFilter ul#subFilterPeople:before{left:220px;}
	ul#superFilter ul.subFilter:before {left:15px;}
	div#divFooter {width:100%; min-width:320px;}	
	div#createBalloon{height:120px;width:250px; }		
	div#createBalloon:before{left:85px;}
	div#notiIconMain{height:15px;width:15px; margin-top:-50px; margin-left:25px;}
	div#notiBalloon1{margin-left:-210px; width:300px;}
	div#notiBalloon1:after{content: ''; display: block;  position: absolute; top:-34px; left: 212px; bottom: 100%; width: 0; height: 0; 
										border-bottom: 38px solid black; border-top: 0px solid transparent; border-left: 20px solid transparent; 
										border-right: 1px solid transparent;}
	div#notiBalloon2{ margin-left:-195px; width:285px; }
	div#notiBalloon3{ margin-left:-210px; margin-top:190px;}
	div#notiBalloonSeeAll{margin-left:-80px; margin-top:280px;}
	div#notiBalloonSeeAll_forOnlyOne{margin-left:-90px;}
	div#notiBalloonSeeAll_forOnlyTwo{margin-left:-90px; margin-top:190px;}
	div#notiBalloonSeeOlder{margin-left:-100px; margin-top:110px;}
	div.divContent {width:100%; min-width:320px;padding:0; overflow:hidden;}
	/* div.divContentIn1{width:45%; min-width:400px;padding-top:10px; float:none; display:inline-block;} */
	/* div.divContentIn1b{width:40%; min-width:400px; margin-top:10px;} */
	/* div.divEvTitle1{font-size:16px; height:30px;} */
	/* div.divEvDescrip1{padding-top:0px; line-height:1.2; font-size:11px; height:65px;} */
	/* div.divEvBottom1{display:none;} */
	/* div.divEvBottom1dateTime{width:100px;} */
	/* div.divEvBottom1where{width:200px;} */
	
	/*event*/
	div#mainInfoEvent{margin-left:100px; width:400px;}
	div#eventDescription{margin-left:40px;}
	div#besideYellow{margin-top:-40px; margin-bottom:-35px;  float:none; display:inline-block;}
	input#searchConvers{width:100px;}	
	h1#h1DoeinTitle{font-size:26px;}
	
	/*gift*/
	div#divEbookImage img{width:480px;}
	
}

/*make images full width*/
@media screen and (max-width: 600px){
	div.divContentIn1{height:auto;}
	div.divContentIn1b{padding:0;width:100%;margin:0;height:auto;}
	img.image1{width:100%;height:auto;}
	div.divEvBottom1{float:left; padding-left:20px;width:100%;}
	
	div#besideYellow{width:100%;}
	
	div.evStatus9{margin-right:10px;}
	div.divContentInGeneral{height:auto;}
	div.divContentIn9{height:auto;padding:0;width:100%;margin:0;}
	a.aimg{width:100%;}
	img.image9{width:100%;height:auto;border-radius:0;}
	div.divEvBottom9{float:left; padding-left:10px;width:100%;}
}