/***************************************************************My Update Start************************************************************************************/
.myupdate { padding: 20px 0 0 0; }
.updates-main { display: inline-block; }
.updates-main ul { padding: 0; list-style: none; margin: 0; } 
.updates-main ul { width:calc(100% - 0px); display: inline-block; vertical-align: top;}
.updates-main ul li {width:calc(50% - 2px);display: inline-block;  }
.updates-main ul li .update-view {background: #fff; transition: all 0.8s ease; position: relative;box-sizing: border-box; border: 1px solid #d3d3d3; padding: 5px; margin-bottom: 6px;    }
.updates-main ul li .update-view div.img-size { width: 100px; height: 100px; display: inline-block; }
.updates-main ul li .update-view .update-info { vertical-align: top;box-sizing: border-box; display: block; display: inline-block; width:calc(100% - 19%);}
.updates-main ul li .update-view .update-info h4.owner-name { color: #565656; display: inline-block; font-size: 15px;}
.updates-main ul li .update-view .update-info .update-details { width: 100%; display: inline-block; margin: 5px 0 0 0 ; color: #565656; font-weight: bold; font-size: 13px; color: #939393; }
.updates-main ul li .update-view .update-info .update-date { display: inline-block; float: right;color: #565656; font-weight: bold; font-size: 11px; color: #939393; }
.updates-main ul li .update-view .update-info .update-desc {  width: 100%; display: inline-block; font-size: 13px; }
.updates-main ul li .update-view .update-info .update-desc:before, .updates-main ul li .update-view .update-info .update-desc:after { content: "\'"; font-size: 20px; letter-spacing: 5px; position: relative;top: 5px;}
.updates-main ul li .update-view .update-info .update-desc:after { padding-left: 5px; }

/***************************************************************My Update End************************************************************************************/


/***************************************************************My Event Start************************************************************************************/
.myevent { padding: 20px 0 0 0; }
.myevent-main { display: inline-block; }
.myevent-main ul { padding: 0; list-style: none; margin: 0; } 
.myevent-main ul { width:calc(100% - 0px); display: inline-block; vertical-align: top;}
.myevent-main ul li {width:calc(50% - 2px);display: inline-block;  position: relative;}
.myevent-main ul li .deleteEvent { display:none;}
.myevent-main ul li:hover .deleteEvent { display:block; transition: 0.8s;}
.myevent-main ul li .event-view {background: #fff; transition: all 0.8s ease; position: relative;box-sizing: border-box; border: 1px solid #d3d3d3; padding: 5px; margin-bottom: 6px; }
.myevent-main ul li .event-view div.img-size { width: 100px; height: 100px; display: inline-block; }
.myevent-main ul li .event-view .event-info { vertical-align: top;box-sizing: border-box; display: block; display: inline-block; width:calc(100% - 19%);}
.myevent-main ul li .event-view .event-info h4.title-name { color: #565656; display: inline-block; font-size: 15px;}
.myevent-main ul li .event-view .event-info h4.title-name strong {color: #565656; font-weight: bold; font-size: 15px; margin-right: 5px;  }
.myevent-main ul li .event-view .event-info .owner-details { width: 100%; display: inline-block; margin: 5px 0 0 0 ; }
.myevent-main ul li .event-view .event-info .owner-details strong {color: #565656; font-weight: bold; font-size: 13px; }
.myevent-main ul li .event-view .event-info .owner-details p { font-size: 13px; color: #737373; display: inline-block; margin-left: 5px; }
.myevent-main ul li .event-view .event-info .owner-details p small {color: #565656; font-weight: bold; font-size: 11px; }
.myevent-main ul li .event-view .event-info .description-details {  width: 100%; display: inline-block; font-size: 13px; margin-top: 5px; }
.myevent-main ul li .event-view .event-info .description-details strong {color: #565656; font-weight: bold; font-size: 13px; }
.myevent-main ul li .event-view .event-info .description-details p {font-size: 13px; color: #737373; display: inline-block; margin-left: 5px; }

/***************************************************************My Event End************************************************************************************/


/***************************************************************My Friend Start************************************************************************************/
.myfriend { padding: 20px 0 0 0; }
.myfriend-main { display: inline-block; }
.myfriend-main ul.my-friend { padding: 0; list-style: none; margin: 0; } 
.myfriend-main ul.my-friend { width:calc(100% - 0px); display: inline-block; vertical-align: top;}
.myfriend-main ul.my-friend li {width:calc(50% - 2px);display: inline-block;  position: relative;}
.myfriend-main ul.my-friend li .deleteEvent { display:none;}
.myfriend-main ul.my-friend li:hover .deleteEvent { display:block; transition: 0.8s;}
.myfriend-main ul.my-friend li .friend-view {background: #fff; transition: all 0.8s ease; position: relative;box-sizing: border-box; border: 1px solid #d3d3d3; padding: 5px; margin-bottom: 6px; }
.myfriend-main ul.my-friend li .friend-view div.img-size { width: 120px; height: 120px; display: inline-block; }
.myfriend-main ul.my-friend li .friend-view .friend-info { vertical-align: top;box-sizing: border-box; display: block; display: inline-block; margin-left: 10px; width:calc(100% - 24%); position: absolute; transform: translateY(-50%); top: 50%;}
.myfriend-main ul.my-friend li .friend-view .friend-info h4.title-name { color: #565656; display: inline-block; font-size: 15px;}
.myfriend-main ul.my-friend li .friend-view .friend-info h4.title-name strong {color: #565656; font-weight: bold; font-size: 15px; margin-right: 5px;  }
.myfriend-main ul.my-friend li .friend-view .friend-info .friend-details { width: 100%; display: inline-block; margin: 5px 0 10px 0 ; }
.myfriend-main ul.my-friend li .friend-view .friend-info .friend-details p { font-size: 13px; color: #737373; display: inline-block; }




/***************************************************************My Friend End************************************************************************************/


/***************************************************************My Member Start************************************************************************************/
.mymember { padding: 20px 0 0 0; }
.mymember-main { display: inline-block; }
.mymember-main ul { padding: 0; list-style: none; margin: 0; } 
.mymember-main ul { width:calc(100% - 0px); display: inline-block; vertical-align: top;}
.mymember-main ul li {width:calc(50% - 2px);display: inline-block;  position: relative;}
.mymember-main ul li .deleteEvent { display:none;}
.mymember-main ul li:hover .deleteEvent { display:block; transition: 0.8s;}
.mymember-main ul li .mymember-view {background: #fff; transition: all 0.8s ease; position: relative;box-sizing: border-box; border: 1px solid #d3d3d3; padding: 5px; margin-bottom: 6px; }
.mymember-main ul li .mymember-view div.img-size { width: 100px; height: 100px; display: inline-block; }
.mymember-main ul li .mymember-view .mymember-info { vertical-align: top;box-sizing: border-box; display: block; display: inline-block; width:calc(100% - 19%);}
.mymember-main ul li .mymember-view .mymember-info h4.title-name { color: #565656; display: inline-block; font-size: 15px;}
.mymember-main ul li .mymember-view .mymember-info h4.title-name strong {color: #565656; font-weight: bold; font-size: 15px; margin-right: 5px;  }
.mymember-main ul li .mymember-view .mymember-info span { width: 100%; display: inline-block; margin: 5px 0 0 0 ; }
.mymember-main ul li .mymember-view .mymember-info span strong {color: #565656; font-weight: bold; font-size: 13px; }
.mymember-main ul li .mymember-view .mymember-info span p { font-size: 13px; color: #737373; display: inline-block; margin-left: 5px; }

/***************************************************************My Event End************************************************************************************/



/***************************************************************About Start************************************************************************************/
.about { padding: 20px 0 0 0; }
.about-main { display: inline-block; }
.about-main ul { padding: 0; list-style: none; margin: 0; } 
.about-main ul { width:calc(100% - 0px); display: inline-block; vertical-align: top;}
.about-main ul li {width:calc(100% - 0px);display: inline-block;  position: relative;}
.about-main ul li .about-view {background: #fff; transition: all 0.8s ease; position: relative;box-sizing: border-box; border: 1px solid #d3d3d3; padding: 5px; margin-bottom: 6px; }
.about-main ul li .about-view .about-info { vertical-align: top;box-sizing: border-box; display: block; display: inline-block; width:calc(100% - 0%);}
.about-main ul li .about-view .about-info span { width: 100%; display: inline-block; margin: 5px 0 5px 0 ; }
.about-main ul li .about-view .about-info span strong {color: #565656; font-weight: bold; font-size: 15px; width: 20%; display: inline-block; }
.about-main ul li .about-view .about-info span p { font-size: 14px; color: #737373; display: inline-block; margin-left: 5px; }

/***************************************************************About End************************************************************************************/




/***************************************************************My Group Start************************************************************************************/
.mygroup { padding: 20px 0 0 0; }
.mygroup-main { display: inline-block; }
.mygroup-main ul { padding: 0; list-style: none; margin: 0; } 
.mygroup-main ul { width:calc(100% - 0px); display: inline-block; vertical-align: top;}
.mygroup-main ul li {width:calc(50% - 2px);display: inline-block;  position: relative;}
.mygroup-main ul li .mygroup-view {background: #fff; transition: all 0.8s ease; position: relative;box-sizing: border-box; border: 1px solid #d3d3d3; padding: 5px; margin-bottom: 6px; }
.mygroup-main ul li .mygroup-view div.img-size { width: 100px; height: 100px; display: inline-block; }
.mygroup-main ul li .mygroup-view .mygroup-info { vertical-align: top;box-sizing: border-box; display: block; display: inline-block; width:calc(100% - 19%);}
.mygroup-main ul li .mygroup-view .mygroup-info h4.title-name { color: #565656; display: inline-block; font-size: 15px;}
.mygroup-main ul li .mygroup-view .mygroup-info span { width: 100%; display: inline-block; margin: 5px 0 0 0 ; }
.mygroup-main ul li .mygroup-view .mygroup-info span strong {color: #565656; font-weight: bold; font-size: 13px; }
.mygroup-main ul li .mygroup-view .mygroup-info span p { font-size: 13px; color: #737373; display: inline-block;  }
.mygroup-main ul li .mygroup-view .mygroup-info .update-date { color: #939393; display: inline-block; float: right; font-size: 11px; font-weight: bold; }

.mygroup-main ul li .mygroup-view .mygroup-info .deletemygroup, .mygroup-main ul li .mygroup-view .mygroup-info .editmygroup { display:none; top: 25px;}
.mygroup-main ul li .mygroup-view .mygroup-info:hover .deletemygroup { display:block; transition: 0.8s; right: 5px;}
.mygroup-main ul li .mygroup-view .mygroup-info:hover .editmygroup { display:block; transition: 0.8s;right: 30px;}

/***************************************************************My Group End************************************************************************************/




/***************************************************************Find Group Start************************************************************************************/
.findgroups { padding: 20px 0 0 0; }
.findgroups-main { display: inline-block; }
.findgroups-main ul { padding: 0; list-style: none; margin: 0; } 
.findgroups-main ul { width:calc(100% - 0px); display: inline-block; vertical-align: top;}
.findgroups-main ul li {width:calc(50% - 2px);display: inline-block;  position: relative;}
.findgroups-main ul li .findgroups-view {background: #fff; transition: all 0.8s ease; position: relative;box-sizing: border-box; border: 1px solid #d3d3d3; padding: 5px; margin-bottom: 6px; }
.findgroups-main ul li .findgroups-view div.img-size { width: 100px; height: 100px; display: inline-block; }
.findgroups-main ul li .findgroups-view .findgroups-info { vertical-align: top;box-sizing: border-box; display: block; display: inline-block; width:calc(100% - 19%);}
.findgroups-main ul li .findgroups-view .findgroups-info h4.title-name { color: #565656; display: inline-block; font-size: 15px;}
.findgroups-main ul li .findgroups-view .findgroups-info span { width: 100%; display: inline-block; margin: 5px 0 0 0 ; }
.findgroups-main ul li .findgroups-view .findgroups-info span strong {color: #565656; font-weight: bold; font-size: 13px; margin-right: 5px; }
.findgroups-main ul li .findgroups-view .findgroups-info span p { font-size: 13px; color: #737373; display: inline-block;  }
.findgroups-main ul li .findgroups-view .findgroups-info .update-date { color: #939393; display: inline-block; float: right; font-size: 11px; font-weight: bold; }
/***************************************************************Find Group End************************************************************************************/


/***************************************************************Add Group Start************************************************************************************/
.addgroup { padding: 20px 0 0 0; }
.addgroup-main { display: inline-block; }
.addgroup-main .add-form { background: #fff; display: inline-block; width: 100%; box-sizing: border-box; padding: 10px; margin-bottom: 10px; }
.addgroup-main .add-form .form-fields { width: 100%; display: inline-block; margin-bottom: 10px; }
.addgroup-main .add-form .form-fields .form-group { width:calc(50% - 5px); display: inline-block; }
.addgroup-main .add-form .form-fields .form-group:last-child { float: right;    }

.addgroup-main .add-form .form-fields .form-group .gender-radio { display: inline-block; margin-right: 20px; line-height: 35px; }
.addgroup-main .add-form .form-fields .form-group .gender-radio label input { margin-right: 5px; }

/***************************************************************Add Group End************************************************************************************/


/***************************************************************Import Contact Start************************************************************************************/

.importcontact-main { width: 100%; position: relative;}
.importcontact-main .import-mail { padding: 0; margin: 0; list-style: none; text-align: center;} 
.importcontact-main .import-mail li { display: inline-block; text-align: center; margin: 0 20px;}
.importcontact-main .import-mail li a { width: 150px; height: 150px; display: inline-block; }
.importcontact-main .import-mail li a span {display: inline-block; text-align: center; color: #565656;}

/***************************************************************Import Contact End************************************************************************************/


/***************************************************************Import Details Start************************************************************************************/

.invitecontact-main { width: 100%; position: relative;}
.invitecontact-main .invite-mail { padding: 10px 10px 0 10px; margin: 0 0 20px 0; list-style: none; text-align: center;background: #fff;} 
.invitecontact-main .invite-mail .page-message { background: #f7f7f7; font-size: 15px; padding: 10px 0; border: 1px solid #dfdfdf; }
.invitecontact-main .invite-mail:last-child { margin-bottom: 10px; }
.invitecontact-main .invite-mail li {width:calc(33.3% - 2.9px);display: inline-block;  position: relative;}
.invitecontact-main .invite-mail li .profile-view {background: #fff; transition: all 0.8s ease; position: relative;box-sizing: border-box; border: 1px solid #d3d3d3; padding: 5px; margin-bottom: 6px; }
.invitecontact-main .invite-mail li .profile-view div.img-size { width: 80px; height: 80px; display: inline-block; }
.invitecontact-main .invite-mail li .profile-view .profile-info { vertical-align: top;box-sizing: border-box; display: block; display: inline-block; width:calc(100% - 23.6%); text-align: left;}
.invitecontact-main .invite-mail li .profile-view .profile-info h4.title-name { color: #565656; display: inline-block; font-size: 15px;}
.invitecontact-main .invite-mail li .profile-view .profile-info .circle-name { width: 100%; display: inline-block; margin: 0 0 0 0 ; }
.invitecontact-main .invite-mail li .profile-view .profile-info .circle-name p { color: #565656; display: inline-block; font-size: 15px;}
.invitecontact-main .invite-mail li .profile-view .profile-info .emailid { width: 100%; display: inline-block; margin: 0 0 0 0 ; }
.invitecontact-main .invite-mail li .profile-view .profile-info .emailid p { color: #565656; display: inline-block; font-size: 15px;}
.invitecontact-main .invite-mail .invite-option { display: inline-block; text-align: center; width: 100%; margin: 10px 0;}
.invitecontact-main .invite-mail .invite-option .checkbox-btn { margin-top: 8px; }
.invitecontact-main .invite-mail .invite-option > span { margin-top: 5px; display: inline-block; margin-top: 8px;}


/***************************************************************Import Details End************************************************************************************/



/***************************************************************my Notifications Start************************************************************************************/

.message-main { width: 100%; position: relative;}
.message-main .message-radio { margin: 10px; width: 100%; }
.message-main .search-user { position: relative; display: inline-block;}
.message-main .search-user input { width: 300px;  }
.message-main .search-user label { color: #fff; margin-right: 5px; }
.message-main .search-icon { color: #000; cursor: pointer; position: absolute; right: 10px; text-decoration: none; top: 10px;}
.message-main .search-icon i { color: #000;  }

.message-main .message { padding:0; margin:0; list-style: none; text-align: center;} 
.message-main .message .mygroup-sent div.img-size { width: 100px; height: 100px; display: inline-block; }
.message-main .message li {width:calc(50% - 2px);display: inline-block;  position: relative;}
.message-main .message li .message-sent {background: #fff; transition: all 0.8s ease; position: relative;box-sizing: border-box; border: 1px solid #d3d3d3; padding: 5px; margin-bottom: 6px; }
.message-main .message li .message-sent div.img-size { width: 80px; height: 80px; display: inline-block; }
.message-main .message li .message-sent .message-info { vertical-align: top;box-sizing: border-box; display: block; display: inline-block; width:calc(100% - 15.3%); text-align: left;}
.message-main .message li .message-sent .message-info h4.title-name { color: #565656; display: inline-block; font-size: 15px;}
.message-main .message li .message-sent .message-info h4.title-name strong { margin-right: 5px; }
.message-main .message li .message-sent .message-info .circle-name { width: 100%; display: inline-block; margin: 0 0 0 0 ; }
.message-main .message li .message-sent .message-info .circle-name p { color: #565656; display: inline-block; font-size: 15px;}
.message-main .message li .message-sent .message-info .emailid { width: 100%; display: inline-block; margin: 0 0 0 0 ; }
.message-main .message li .message-sent .message-info .emailid p { color: #565656; display: inline-block; font-size: 15px;}

.message-main .message li .message-sent .message-info .btn-find {
    display: inline-block;
    margin-top: 10px;
}

/***************************************************************my Notifications End************************************************************************************/


/***************************************************************Activation Start************************************************************************************/
.activation-main { width: 50%; margin: 0 auto; position: relative;}

.activation-main .box-msg {
    background: #fff;
    padding: 10px 20px;
    border: 1px solid #bebebe;
    border-radius: 3px;
}
.activation-main .title-box { text-align: center; width: 100%; margin:20px 0;}
.activation-main .box-msg p { text-align: center;    font-size: 16px;color: #827E7E;}
.activation-main .box-msg .email-field { text-align: center; width: 100%;}
.activation-main .box-msg .email-field input { border: 2px solid #a1a1a1; padding: 18px 10px;margin-top: 10px; margin-bottom: 10px; width: 100%; }
a.submit-btn { background:  #57d6b7;border-radius: 3px; padding:18px 10px; display: inline-block; color: #fff; font-size: 18px; margin-top: 10px; margin-bottom: 10px; width: 100%; text-align: center;}
.activation-main .btn-box { margin-top: 20px; background: #fff;  padding: 10px 20px; border: 1px solid #bebebe; border-radius: 3px; margin-bottom: 20px;}
.activation-main .btn-box .sent-code-btn { background:  #ABA89F; border-radius: 3px; text-align: center;padding:18px 10px; display: inline-block; color: #fff; font-size: 18px; margin-top: 10px; margin-bottom: 10px; width: 100%; }
.btn_verification{  border-radius: 3px;padding: 6px 10px;display: inline-block;color: #fff;font-size: 18px;text-align: center;margin: 6px;}
.btn_install_app{  background: #57d6b7;}
.btn_skip_app{  background: rgba(231, 82, 57, 0.76);}
.btn_box{width: 100%;text-align: center;}
/***************************************************************Activation End************************************************************************************/


/***************************************************************OR Start************************************************************************************/
.or-text { position: relative; text-align: center; }
.or-text span { background: #fff; padding: 0 15px; position: relative; font-size: 18px; z-index: 1; }
.or-text:before { background: #ddd; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%; }
.or-text:before {left: 0; }
/***************************************************************OR End************************************************************************************/


/************************************************************Forgotpassword Start****************************************************************************/
.forgot-main { width: 50%; margin: 0 auto; position: relative;}
.forgot-main .box-msg { background: #fff; padding: 10px 20px; border: 1px solid #bebebe; border-radius: 3px; }
.forgot-main .title-box { text-align: center; width: 100%; margin:20px 0;}
.forgot-main .box-msg p { text-align: center; font-size: 16px; color: #827E7E;}
.forgot-main .box-msg .email-field { text-align: center; width: 100%;}
.forgot-main .box-msg .email-field input { border: 2px solid #a1a1a1; padding: 18px 10px;margin-top: 10px; margin-bottom: 10px; width: 100%; }
.width60p{width: 60% !important;}
.width65p{width: 65% !important;}
.margin0auto{margin: 0 auto;}
.align_center{text-align: center;}

.forgot-main .btn-box { margin-top: 20px; background: #fff;  padding: 10px 20px; border: 1px solid #bebebe; border-radius: 3px; margin-bottom: 20px;}
.forgot-main .btn-box .sent-code-btn { background:  #ABA89F; border-radius: 3px; text-align: center;padding:18px 10px; display: inline-block; color: #fff; font-size: 18px; margin-top: 10px; margin-bottom: 10px; width: 100%; }

.forgot-main .box-msg .email-phone { border-top: 1px solid #c3c3c3; margin-top: 10px; padding-top:  10px;}  
.forgot-main .box-msg .email-phone .email { cursor: pointer; width: 100%; display: inline-block;}
.forgot-main .box-msg .email-phone .phone {width: 100%; border-top: 1px solid #c3c3c3; padding-top: 10px; margin-top: 10px; cursor: pointer; display: inline-block;}  


a.submit-btn { background:  #57d6b7;border-radius: 3px; padding:18px 10px; display: inline-block; color: #fff; font-size: 18px; margin-top: 10px; margin-bottom: 10px; width: 100%; text-align: center;}

.user-profile { display: inline-block; width: 100%; }
.user-profile .img-polaroid { margin-right: 10px; border: 3px solid #a2a2a2; } 
.user-profile .media-heading { font-size: 16px; }
.user-profile .media-link { font-size: 13px; color: #3498db; }
/*************************////***********************************Forgotpassword End*******************************////*********************************************/

/*/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/Responsive CSS/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=/=*/
@media (max-width:991px){
    /***********************************************************Activation Page***********************************************************************************/
    .container { width: 90%; }
    .activation-main { width: 100%; }
    .activation-main .btn-msg { padding: 10px 10px }
    .activation-main .btn-box { padding: 10px 10px }
    .activation-main .btn-box .sent-code-btn { font-size: 14px; }
    .activation-main .title-box { font-size: 16px; }
    .activation-main .box-msg p { font-size: 13px; }
}