.profile_modal {
  display: none; 
  position: fixed; 
  z-index: 1001; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto;
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.6);
transition: all .5s linear;  
}


.profile_modal .modal-content {
  background-color: #fefefe;
  margin: 5% auto auto;
  padding: 10px;
  border: 1px solid #888;
  width: 737px;
  border-radius: 12px;
}

/* The Close Button */
.profile_modal .close {
	color: #fff;
    float: left;
    font-size: 28px;
    font-weight: 100;
    position: absolute;
    left: 0;
    top: -30px;
    opacity: 1;
}

.profile_modal .close:hover,
.profile_modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.view_profile {
	background: #d51743;
    /*background: -moz-linear-gradient(90deg, rgba(244,103,18,1) 0%, rgba(237,57,32,1) 50%, rgba(231,12,46,1) 100%);
    background: -webkit-linear-gradient(90deg, rgb(247 31 106) 0%, rgb(240 25 62) 50%, rgb(237 22 40) 100%);
    background: linear-gradient(90deg, #f82072 0%, #f11a45 50%, #ed1627 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f46712",endColorstr="#e70c2e",GradientType=1);
    display: flex;
    justify-content: space-between;
    align-items: center;
	border-top-left-radius: 7px;
    border-top-right-radius: 7px;
	padding: 5px 10px;	
}
.view_profile  p{
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.view_profile  p a{
	font-size: 16px;
	font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.profile_modal .modal-content .likeicon {
    position: absolute;
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 40%;
    right: -20px;
}
.profile_modal .modal-content .dislikeicon {
    position: absolute;
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 40%;
    left: -20px;
}
.pop_content {
    display: flex;
    padding: 15px 0px;
}
.pop_right {
    margin-left: 25px;
	width: 40%;
}
.about {
    background-color: #f3eef0;
    padding: 10px 0px 10px 10px;
    border-radius: 8px;
}
.about p {
    font-weight: bold;
    font-size: 16px;
}
.pop_left p {
    padding-right: 10px;
    font-size: 14px;
}
#inner_pop input{
	width: 88%;
	height: 50px;
	font-size: 16px;
}
#inner_pop .snd_btn{
	width: 12%;
	cursor:pointer;
}
div#inner_pop {
    padding-right: 10px;
}
.loginbox{
	/*z-index: 0 !Important;*/
}
#pop_emoji {
    padding: 5px 10px 5px 0px;
}
.pop_left{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	width: 60%;
}
.pop_right img {
    max-width: 100%;
    object-fit: cover;
    height: 100%;
}
body.remove_top_footer .bottom-top-sign-path{
	display: none;
}
.min-join-bxslider ul.bxslider{padding: 0px;}
.snd_btn {
	background: #d51743;
   /* background: -moz-linear-gradient(90deg, rgba(244,103,18,1) 0%, rgba(237,57,32,1) 50%, rgba(231,12,46,1) 100%);
    background: -webkit-linear-gradient(90deg, rgb(247 31 106) 0%, rgb(240 25 62) 50%, rgb(237 22 40) 100%);
    background: linear-gradient(90deg, #f82072 0%, #f11a45 50%, #ed1627 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f46712",endColorstr="#e70c2e",GradientType=1);
    width: 7%;
    /*margin-right: 10px;*/
	position: relative;
	border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    text-align: center;
}
.snd_comment input {
    width: 93%;
	border: 2px solid #dce0e2;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    height: 68px;
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,11%);
	padding-right: 20px;
	font-size: 18pt;
    color: #838383;
}
.snd_comment {
    display: flex;
	justify-content: space-between;
}
.snd_btn img{
	width: 40%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 100%;
    margin: auto;
}
.emoji {
	position: relative;
    display: flex;
    padding: 5px 10px 10px;
}
.comment_type{
 padding: 5px 10px 10px;	
}
.comment_type .creditnote {
	color: #d51743;
    text-align: right;
    text-indent: 10px;
    padding: 5px;	
}
.comment_icon {
    background-color: #d9d3dd;
    padding: 10px 20px;
    margin-left: 10px;
    border-radius: 8px;
	font-size: 15.09px;
	display: flex;
    align-items: center;
}
.comment_icon a{
	text-decoration: none;
}
#pop_emoji .comment_icon{
	padding: 6px 6px;
}
.msg_title h2{
	color: #bb1e35;
	font-size: 24px;
	font-weight: bold;
}
@media(max-width: 767px){
	.profile_modal .modal-content{
		width: 80% !important;
	}
	.pop_content, .secondary_menu ul{
		display: block !important;
	}
	.secondary_menu ul li.active:before{content: none !important;}
	.secondary_menu ul li:first-child{
	border-bottom-right-radius: 0px !important;
    border-top-left-radius: 8px !important;
		}
		.pop_right img{height: auto !important;}
	.pop_right, .pop_left{width: 100% !important;}
	.pop_right{text-align: center;margin-bottom: 30px;}
	.comment_icon{margin-bottom: 10px;display: flex !important;min-height: 40px;}
	.profile_modal .modal-content{ margin: 10% auto auto !important; }
	.comment_date{font-size: 8pt !important;}
	.txt p, .txt h5{font-size: 12pt !important;}
	.online_icon{top: 20% !important;}
	.write_comment:before{right: -6% !important;}
	.read_comment:before{left: -7% !important;}
	.snd_comment input{width: 80% !important;}
	.snd_btn{width: 20% !important;}	
	.show_content {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100vh;
}

.msgbox-bg .read_comment:before{
    left: -24px !important;	
}
.msgbox-bg .write_comment:before{
	right: -24px;
}
	.all_messages.msgbox-bg {
		min-height: 70vh !important;
    	max-height: 70vh !important;
	}
	.bottom_comment{
		position: absolute;
	}
	.emoji_icons_setion div.inner_emoji{
	width: 20%;
	padding: 7px;
	height: 70px;	
	}
}
@media only screen and (max-width: 480px) {
	.all_messages.msgbox-bg {
		min-height: 65vh !important;
    	max-height: 65vh !important;
	}	
	.messge_inner {
		width: 100% !important;
	}
	.emoji_icons_setion {
		width: 95%;
		bottom: 80px;	
		margin:0 auto;
		left: 0;
		right: 0;
	}
	#pop_emoji {
	padding: 5px 0px 5px 0px;
	display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
	}
	#pop_emoji .comment_icon {
    margin: 0 5px;
    padding: 6px 4px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
	}
	.pop_content #pop_emoji .comment_icon {
		font-size: 14px;
	}
	.messge_inner.box-shad .message_title {
		font-size: 12pt !important;
	}
	.content{
		width: 100% !important;
		max-width: 100% !important;
	}

}
@media only screen and (max-width: 375px) {
	.all_messages.msgbox-bg {
		min-height: 65vh !important;
    	max-height: 65vh !important;
	}	
	#pop_emoji .comment_icon {
	margin-left: 1px;
    padding: 6px 4px;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
	}
}
@media only screen and (max-width: 350px) {
	.messge_inner.box-shad .read_btn a{
	    font-size: 10.04pt;	
	}
		.messge_inner.box-shad .read_btn{
			    padding: 4px 15px;
		}
		.messge_inner.box-shad .message_title {
    font-size: 12px !important;
}
}