.chat_left_arrow, 
.chat_right_arrow {    
    width: 30px;
    margin: 0px 0px 0px 0px;
    font-size: 22px;
    cursor: pointer;	  
	  position: absolute;	
    left: 10px;
	  top: 10px;
}    

.chat_right_arrow {
    float: right;	  
    left: 13px;
    position: relative;	  
}

.swipe_img{	
	 float: left;	  
   left: 5%;
	 top: 13px; 
   position: relative;	  		 
}

.col-md-12 
{
  background-image: url(/images/banner3.png);
}


.no_nickname
{
	display: none;
}

.thumb_overlay {	
	bottom: 0px;
	color: #fff;
	height: auto;
	opacity: 1;
	padding: 7px 10px;
	position: absolute;
	width: 91%;
	background: rgba(0, 0, 0, .5);
	font-size: 12px;
  transition: .5s opacity ease-in-out 0s;
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;	
	font-family: armataregular;
	font-family: Hind, sans-serif !important;
	box-sizing: border-box;
	visibility: visible;
	cursor: pointer;
	line-height: normal;
}

.profile_desc_name {
    font-family: armataregular;
    font-size: 27px;
    color: #ec8d29;	
	  text-shadow: 2px 2px #979f6d;
	  text-transform: capitalize;
	  word-break: break-all;
    margin-bottom: 0px;
    height: 0px;    
	  top: 12px;
	  left: 20px;
	  position: relative;
}

.online-status {	
  background-color:#29b90c7a;
	color:white;	
	width: 43px;
	position: relative;
	top: 60px;	
	right: 75%;
}

.profilepage_container .prof_block,
.profilepage_container .profile_div {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.file_details_table .name,
.uplad_img_text p {
    word-break: break-all
}

@font-face {
    font-family: calibri;
    src: url(../fonts/calibri/calibri.eot?#iefix) format('embedded-opentype'), url(../fonts/calibri/calibri.woff) format('woff'), url(../fonts/calibri/calibri.ttf) format('truetype'), url(../fonts/calibri/calibri.svg#calibri) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Calibri;
    src: url(../fonts/Calibri-Light.woff2) format('woff2'), url(../fonts/Calibri-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

.profilepage_container .sys_mc_wrapper.bx-def-margin-sec-leftright {
    margin: 0
}

.profilepage_container .prof_block {
    padding: 0;
    height: 700px
}

.profilepage_container .profile_div {
    display: block;
    top: 0
}

.profilepage_container .profile_description1 {
    margin-left: 0;
    padding-left: 481px;
    padding-right: 0;
    min-height: 495px
}

.profilepage_container .profile_description2 h1,
.profilepage_container .profile_description2 h2 {
    font-family: armataregular;
    font-size: 60px;
    color: #fff;
    margin-bottom: 22px;
    height: 140px;
    text-transform: capitalize;	 
}

.profilepage_container .profile_description3 h1
 {
    font-family: armataregular;
    font-size: 20px;
    color: #ff0000;
    margin-bottom: 0px;
    height: 0px;
    text-transform: capitalize;
	  top: 1px;
	  left: -10px;
	  position: relative;
}

.profilepage_container .profile_description2 h2 {
    padding-left: 60px
}

.profilepage_container .profile_image1 {
    position: absolute;
    z-index: 3;
    top: 80px;
    width: 361px;
    height: 317px;
    padding: 0
}

.profile_image1 img {
    width: 100%;
    height: 295px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #e3dddd!important
}

.profilepage_container .profile_block1 {
    position: relative;
    padding-top: 130px;
    padding-right: 0;
    padding-left: 0
}

.profilepage_container .profile_div .container {
    width: 1170px!important;
    padding: 0
}

.profilepage_container .profile_description3 a {
    font-family: armataregular;
    color: #e8700f;
    font-size: 16px;
    border: 2px solid #e8700f;
    padding: 17px 0 12px;
    border-radius: 4px;
    float: right;
    cursor: pointer;
    text-align: center;
    width: 165px
}

.profile_description4 h1,
.profile_description4 h2,
.profile_description5 h1 {
    color: #fff;
    font-family: armataregular
}

.profilepage_container .profile_description3.profile_description3_user a {
    width: 40px;
    height: 40px;
    padding: 0;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 33px
}

.profilepage_container .profile_description3.profile_description3_user {
    padding-left: 0;
    padding-right: 0;
    padding-top: 42px
}

.profile_description5 {
    padding-top: 54px;
    padding-bottom: 28px
}

.profile_description4 h1 {
    font-size: 26px;
    margin-bottom: 7px
}

.profile_description4 h2 {
    font-size: 16px;
    margin-top: 0
}

.profile_description5 h1 {
    font-size: 26px;
    margin-bottom: 7px
}

.profile_description5 p {
    font-size: 16px;
    color: #d4d4d4;
    font-family: armataregular;
    line-height: 26px
}

.profile_description4 .years_div {
    padding-left: 73px;
    border-right: 1px solid #2E2E2E
}

.profile_description4 {
    margin-top: 25px
}

.profile_description4 .postal_code {
    padding-left: 52px;
    border-right: 1px solid #2E2E2E
}

.profile_description4 .coin {
    padding-left: 73px
}

.profilepage_container .profile_description2 {
    padding-top: 10px
}

.profilepage_container .hide_desc .profile_description2 {
    padding-top: 100px
}

.profilepage_container .profile_description3 {
    padding-top: 29px;
    padding-right: 10px
}

.profile_description1.btnnone .profile_description3 {
    float: right
}

.profilepage_container .sys_sub_menu.sys_sm_relative {
    display: none
}

.profilepage_container .banner_slider-container {
    margin-bottom: 0
}

.profilepage_container .my_profiles .container {
    width: 1170px!important;
    padding: 0
}

.my_profiles .nav-tabs {
    border-bottom: 0
}

.my_profiles .nav-tabs>li>a {
    border: 1px solid #F3F3F3;
    background-color: #F3F3F3;
    color: #b1b1b1;
    border-right: 1px solid #E7E7E7;
    margin-right: 0!important;
    font-size: 16.03px;
    font-family: armataregular;
    height: 72px;
    padding-top: 26px
}

.my_profiles .nav-tabs>li.active>a,
.my_profiles .nav-tabs>li.active>a:focus,
.my_profiles .nav-tabs>li.active>a:hover {
    color: #ff2d2d;
    background-color: #fff
}

.my_profiles .nav.nav-tabs li.active {
    border-bottom: 4px solid #ff2d2d
}

.my_profiles .nav.nav-tabs li {
    width: 16.66%;
    text-align: center;
    border-bottom: 4px solid #F3F3F3;
	  box-shadow: 0 0 5px rgba(0,0,0,.6);
	  padding: 5px;
	  background: rgba(77, 77, 77, 0.4);
}

.personal_information {
    padding: 20px 0;
    background-color: #FFF;
    margin-top: 17px;
    border-top: 4px solid #ff2d2d
}

div.film_roll_child img {
    max-width: 100%!important
}

.film_roll_next,
.film_roll_prev {
    top: 24.5%!important;
    padding-top: 87px!important;
    padding-bottom: 86px!important
}

.my_profiles .personal_information2 h1 {
    font-size: 24px;
    color: #ff2d2d;
    font-family: armataregular
}

.add_favorites h1,
.add_favorites h2 {
    float: left;
    font-size: 18px;
    color: #ff2d2d;
    font-family: armataregular
}

.add_favorites h1 {
    width: 155px;
    border-right: 2px solid #ff2d2d;
    letter-spacing: -.8px!important
}

.add_favorites h2 {
    width: 150px;
    padding-left: 15px
}

.add_favorites h1 span i,
.add_favorites h2 span i {
    color: #ff2d2d
}

.add_favorites h1 span {
    padding-left: 10px;
    float: right;
    padding-right: 20px
}

.add_favorites h2 span {
    padding-left: 10px
}

.personal_details1 {
    padding-bottom: 43px
}

.personal_information1 {
    padding-right: 0;
    padding-bottom: 30px
}

.personal_information {
    padding-right: 10px;
    padding-left: 50px
}

.add_favorites {
    padding-left: 150px!important;
    padding-right: 0!important
}

.personal_details1 label {
    font-size: 22px;
    color: #4a4a4a;
    font-family: armataregular;
    font-weight: 400;
    width: 42%;
    float: left
}

.personal_details1 p {
    width: 240px;
    border: 0;
    font-size: 16px;
    color: #818181;
    font-family: armataregular;
    font-weight: 400;
    padding-left: 20px;
    float: left;
    line-height: 27px
}

.interests h1 {
    margin-top: 10px;
    color: #ff2d2d;
    font-size: 24px
}

.profile_image1 .cropImgWrapper img {
    border-radius: 0;
    opacity: .5
}

#cropContainerModal {
    border: 0!important
}

.cropContainerModal_imgUploadForm #cropContainerModal_imgUploadField {
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
    opacity: 0
}

.interests h2 {
    font-size: 22px;
    color: #4a4a4a;
    font-family: armataregular;
    padding-left: 10px;
    padding-top: 15px
}

#myprofile hr {
    width: 95%;
    float: left;
    margin: 17px 10px 15px
}

.profilepage_container .sys_main_page_width {
    max-width: 100%
}

.personal_details1 input:focus,
.personal_details1 select:focus {
    outline-color: transparent!important
}

.cropControls {
    top: 8px!important;
    right: 8px!important
}

.change_profile {
    margin-top: -55px;
    padding-left: 20px;
    font-size: 27px;
    font-family: armataregular;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    padding-bottom: 9px;
    padding-top: 9px;
    display: none
}

.cropControls.cropControlsUpload {
    display: block!important
}

.myfriends_div1.col-md-2.col-sm-2.col-xs-12 {
    width: 20%;
    margin: 14px 0;
    padding: 0
}

.myfriends_innerdiv {
    float: left;
    margin: 0 10px 10px;
	  box-shadow: 0 0 10px rgba(0,0,0,.6);	
}

.myfriends_div {
    padding-top: 10px!important;
    background-color: #fff;
    margin-top: 17px;
    border-top: 4px solid #ff2d2d
}

.myfriends_div1 img {
    width: 195px;
    height: 162px
}

#cropContainerModal .cropControls {
    overflow: hidden;
    right: 14%!important;
    width: 68%!important;
    height: 29px!important;
    bottom: 0!important;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    padding-top: .9%;
    top: 48%!important
}

#cropContainerModal .cropControls i {
    background-image: url(../images/crop_icons2.png);
    background-repeat: no-repeat!important
}

.custom_crop_controls {
    position: absolute;
    bottom: 30px;
    left: 31%;
    z-index: 10
}

#myphotos {
    width: 100%
}

.cropControlUpload {
    width: 100%!important
}

.myfriends_div1 h1,
.myfriends_div1 h2 {
    width: 90%!important;
    text-overflow: ellipsis!important;
    display: inline-block;
    overflow: hidden;
    margin-left: 12px;
    font-family: armataregular;
    white-space: nowrap
}

.myfriends_div1 h1 {
    font-size: 17px;
    color: #fff;
    margin-bottom: 0;
    line-height: 21px
}

.myfriends_div1 h2 {
    font-size: 14.25px;
    color: #cfcfcf;
    margin-top: 0;
    margin-bottom: 13px;
    line-height: 19px
}

.unfriend {
    background-color: #ff2d2d;
    color: #fff!important;
    padding: 5px 0;
    font-size: 14px;
    margin-left: 12px;
    font-family: armataregular;
    width: 167px!important;
    display: block;
    margin-bottom: 15px;
    text-align: center
}

.paginaton_div1 {
    width: 255px;
    margin: 0 auto;
    text-align: center!important
}

.paginaton_div1 .next,
.paginaton_div1 .prev {
    width: 50%;
    font-size: 16px;
    color: #c9c9c9!important;
    float: left;
    font-family: armataregular;
    margin-bottom: 15px;
    margin-top: -27px
}

#myfriends div.paginate_btn .sys-icon {
    width: 70px!important;
    margin-right: 0!important
}

.cropControls.cropControlsUpload i {
    background: 0 0!important;
    height: 55px!important
}

.cropControls.cropControlsUpload i:hover {
    background: rgba(0, 0, 0, .8)
}

.cropControls.cropControlsUpload {
    background-color: transparent!important
}

.paginaton_div1 h1 i {
    margin-right: 17px
}

.paginaton_div1 h2 i {
    margin-left: 17px
}

.myfriends_hover {
    position: absolute;
    top: 0;
    width: 195px;
    height: 173px;
    background-color: rgba(0, 0, 0, .4);
    display: none
}

body .sys_page_profile .myfriends_hover .unfrnd_span .fa.fa-user {
    color: #f31b1b!important;
    top: 35%;
    position: relative;
    left: 1%
}

body .sys_page_profile .myfriends_hover .unfrnd_span .fa.fa-user::before {
    font-size: 15px
}

body .sys_page_profile .myfriends_hover .fa.fa-times {
    color: #f31b1b!important;
    top: 35%;
    position: relative;
    left: -1%
}

body .sys_page_profile .myfriends_hover .fa.fa-times::before {
    font-size: 10px
}

.myfriends_div1 img {
    position: relative
}

.myfriends_div1:hover .myfriends_hover {
    display: block
}

.friends_images {
    width: 100%;
    float: left
}

.paginaton_div1 i {
    margin-right: 12px
}

.paginaton_div1 .prev i {
    margin-right: 16px
}

.paginaton_div1 .next i {
    margin-left: 16px
}

.myfriends_block1 .trauma {
    background: 0 0
}

.myfriends_block1 .empty_message {
    padding-bottom: 4px
}

.myfriends_block1 .empty_message label {
    margin: 20px 0 0
}

#myfriends div.paginate_btn .sys-icon.backward::before,
#myfriends div.paginate_btn .sys-icon.forward::before {
    content: ""!important
}

div.paginate_btn a:hover,
div.paginate_page a:hover {
    background-color: transparent!important
}

.profilepage_container .sys_sub_menu_holder.sys_smh_visible {
    display: none!important
}

body .sys_page_profile .carousel_div1 {
    margin-bottom: 17px;
    background-color: #fff
}

body .sys_page_profile .carousel_div1.photonull {
    background-image: none
}

.profilepage_container .jconfirm-icon-c {
    width: 100%;
    margin-right: 0!important;
    float: left;
    text-align: center
}

.profilepage_container .jconfirm-title {
    width: 100%;
    float: left;
    text-align: center
}

#profile_button {	
	background-color: rgba(128, 0, 128, 0);	
}

.profilepage_container .jconfirm-buttons {
    text-align: center;
    width: 100%;
    padding-top: 12px;
    font-family: armataregular
}

.profilepage_container .jconfirm-icon-c i {
    font-size: 45px;
    margin-bottom: 10px!important
}

.profilepage_container .jconfirm .jconfirm-box div.jconfirm-content-pane {
    overflow-x: unset;
    overflow-y: unset;
    text-align: center;
    padding-top: 12px;
    height: 100%!important;
    max-height: 100%!important
}

.add_favorites .fave-h1 {
    width: 135px;
    margin-left: 20px
}

.my_profiles .message {
    border-top: 0 solid #f52500;
    margin-top: 17px
}

#myfriends-1 .message {
    border-top: 4px solid #f52500;
    margin-top: 67px
}

.myfriends_block1 {
    padding: 0;
    margin-bottom: -1px
}

.myfriends_div {
    padding: 0!important
}

.jconfirm-buttons .btn.btn-default {
    margin: 0 10px
}

.myfriends_block1 {
    padding-left: 55px;
    padding-right: 55px;
    padding-top: 22px
}

#myfriends .message {
    margin-bottom: 22px
}

.carousel_div1 {
    padding: 0 0 23px!important
}

#cropContainerModal1 .cropControls {
    top: 0!important;
    right: 0!important;
    width: 476px!important;
    height: 57px!important;
    float: right;
    background: 0 0!important
}

#cropContainerModal1 .change_profile {
    margin-top: -2px;
    padding-left: 20px;
    font-size: 27px;
    font-family: armataregular;
    text-align: center;
    color: #fff;
    position: absolute;
    width: 476px;
    padding-bottom: 9px;
    padding-top: 9px;
    float: right;
    right: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0)
}

.prof_block #cropContainerModal1 {
    width: 100%!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0
}

.profile_cover {
    float: left;
    width: 100%
}

.cropContainerModal1_imgUploadForm {
    visibility: visible!important
}

.cropContainerModal_imgUploadForm {
    visibility: visible!important;
    position: absolute;
    bottom: 0
}

#cropContainerModal1 .cropContainerModal1_imgUploadForm {
    float: right;
    position: absolute;
    z-index: 99;
    right: 0
}

#cropContainerModal1_imgUploadField {
    width: 476px;
    float: right;
    height: 58px;
    opacity: 0;
    cursor: pointer
}

#cropContainerModal1 .cropImgWrapper {
    width: 100%!important
}

#cropContainerModal1 .cropImgWrapper img {
    width: 105%!important
}

#cropContainerModal1 .cropControls {
    padding-top: 0
}

.change_profile .fa.fa-camera {
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 30px
}

.change_profile .fa.fa-camera p {
    width: 80%;
    float: left;
    font-family: armataregular
}

#cropContainerModal1 .cropContainerModal1_imgUploadForm:after {
    content: 'Change Cover Picture';
    transition: all 0s ease-out 0s;
    opacity: 0;
    top: 7px;
    position: absolute;
    color: #fff;
    font-family: calibri;
    font-size: 20px
}

#cropContainerModal1 .cropContainerModal1_imgUploadForm {
    background-image: url(../images/camera.png);
    background-repeat: no-repeat;
    width: 100px;
    background-size: 50px 50px;
    height: 52px;
    overflow: hidden;
    background-position: right 10px center
}

#cropContainerModal1 .cropContainerModal1_imgUploadForm:hover::after {
    opacity: 1;
    transition: all .5s ease-out 0s;
    padding-left: 20px
}

.change_profile .fa.fa-camera:before {
    content: ''
}

#cropContainerModal1 .cropContainerModal1_imgUploadForm:hover {
    width: 400px
}

.cropContainerModal1_imgUploadForm:hover {
    background-color: rgba(0, 0, 0, .5)
}

.profile_image1 .change_profile {
    background-color: rgba(0, 0, 0, 0)
}

.profile_image1 .cropContainerModal_imgUploadForm::after {
    content: 'Change Profile Picture';
    transition: all 0s ease-out 0s;
    opacity: 0;
    top: 7px;
    position: absolute;
    color: #ff2d2d;
    font-family: calibri;
    font-size: 27px;
    padding-left: 10px
}

.frnd_details h1,
.request_information2 h1 {
    font-family: armataregular
}

.profile_image1 .cropContainerModal_imgUploadForm {
    background-image: url(../images/camera.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    height: 60px;
    overflow: hidden;
    background-position: center;
    z-index: 99;
    right: 39%;
    width: 60px;
    text-align: left;
    border-radius: 50%;
    bottom: 29px
}

.profile_image1 .change_profile .fa.fa-camera:before {
    content: ''
}

.cropContainerModal_imgUploadForm {
    background-color: rgba(0, 0, 0, .5)
}

#cropContainerModal .change_profile,
#cropContainerModal1 .change_profile {
    display: none
}

#cropContainerModal .cropControls.cropControlsUpload,
#cropContainerModal1 .cropControls.cropControlsUpload {
    display: none!important
}

#cropContainerModal .cropControls {
    background-color: rgba(0, 0, 0, .6)!important;
    border-radius: 25px;
    padding-left: 11px
}

#cropContainerModal .cropControls i {
    width: 28px;
    height: 28px
}

.interests span {
    padding: 8px 14px 4px;
    border: 1px solid #4A4A4A;
    float: left;
    margin: 10px;
    border-radius: 6px;
    font-size: 17px;
    color: #818181
}

.interests .empty_interests {
    border: 0;
    padding: 0
}

.photos_count-1 #next,
.photos_count-1 #prev {
    display: none
}

#cropContainerCover {
    width: 100%!important;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.personal_details1 .sys-icon.whatsapp {
    font-size: 21px;
    color: #ff2d2d;
    margin-right: 6px
}

.message {
    width: 400px;
    margin: 0 auto
}

.empty_message .wow.bounceIn {
    margin-top: 15px;
	  position: relative;
}

.empty_message {
  margin: 0!important;
  padding-bottom: 0!important;
	height: 400px;
}

#myfriends .content.containerback {
    background-color: #fff
}

#myfriends .message {
    width: 100%
}

.request_information1.personal_information1 {
    padding-right: 10px!important;
    padding-left: 50px!important
}

.request_information {
    padding: 0;
    background-color: #FFF;
    margin-top: 12px;
    border-top: 4px solid #ff2d2d;
    margin-bottom: 60px
}

.request_information1 {
    padding: 20px 10px 20px 50px!important;
    background-color: #f6f6f6
}

.request_information2 h1 {
    font-size: 24px;
    color: #ff2d2d;
    font-weight: 600
}

.req_img img {
    width: 110px;
    height: 110px
}

.req_img {
    text-align: left;
    padding: 0;
    width: 13%;
    float: left
}

.request_details {
    padding: 13px 50px 30px 77px;
    height: 630px;
    overflow-x: hidden;
    overflow-y: auto
}

.frnd_details {
    width: 54%;
    float: left
}

.frnd_details h1,
.frnd_details h2,
.frnd_details h3,
.frnd_details h4,
.frnd_details h5,
.frnd_details h6 {
    margin: 0 0 10px
}

.frnd_details1 {
    width: 33%;
    float: left;
    padding-top: 40px
}

.button_block {
    width: 153px;
    float: left;
    background-color: #ff2d2d;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    cursor: pointer
}

.button_block:nth-child(2) {
    margin-left: 15px;
    background-color: #e7e7e7;
    color: #4a4a4a
}

.frnd_details h1 {
    font-size: 20px;
    color: #4a4a4a;
    text-transform: capitalize;
    width: 97%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.frnd_details h4,
.frnd_details h5 {
    font-size: 15px;
    font-family: 'Open sans';
    float: left
}

.frnd_details h4 {
    color: #4a4a4a;
    width: 30%
}

.frnd_details h5 {
    color: #b1b1b1;
    width: 70%
}

.frnd_details h2,
.frnd_details h3 {
    font-size: 19px;
    color: #4a4a4a;
    font-family: 'Open sans';
    float: left
}

.frnd_details h2 {
    width: 14%;
    border-right: #4a4a4a solid 1px
}

.frnd_details h3 {
    width: 86%;
    padding-left: 15px
}

.request_details1 {
    padding: 20px 0;
    border-bottom: 2px solid #f3f3f3
}

.request_details .trauma {
    background-color: transparent
}

.my_profiles .request_details .message {
    width: 100%
}

#myrequest .message {
    width: 98%;
    margin-bottom: 15px
}

#myrequest .trauma {
    background: 0 0
}

#myrequest div.paginate {
    height: 50px;
    padding-top: 20px
}

.nav.nav-tabs.showrequest li {
    width: 33.33%
}

.profile_selectbox .btn-select-light {
    position: relative;
    padding: 0;
    width: 100%;
    border-radius: 0;
    margin-top: 0;
    height: 42px;
    border-color: #fff!important;
    background-color: transparent!important;
    border: 0!important
}

.profile_selectbox .btn-select-value.gen_s {
    background-color: #fff;
    border: 1px solid #fff;
    color: #a40000;
    font-family: changaregular;
    font-size: 20px;
    padding: 9px 10px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden
}

.profile_selectbox .btn-select-arrow {
    position: absolute;
    right: 1px;
    float: right;
    line-height: 22px;
    padding: 10px 9px;
    top: -1px;
    border: 1px solid #fff;
    background-color: #c50000;
    color: #fff
}

.profile_selectbox .btn-select-value.con-value {
    background-color: transparent!important;
    color: #a9a9a9;
    font-size: 21px;
    padding: 5px 20px;
    display: block;
    position: absolute;
    left: 0;
    right: 34px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #a1a1a1;
    font-family: calibri
}

.profile_selectbox ul {
    border: 0 solid #d43f3a;
    display: none;
    background-color: #fff;
    color: #000;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: none!important;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 38px;
    z-index: 999
}

.profile_selectbox ul li {
    padding: 3px 6px;
    text-align: left;
    background-color: #d2d0d0;
    margin-bottom: 0
}

.profile_selectbox ul li:hover {
    background-color: #f4f4f4
}

#myphotos .message {
    width: 100%;
    padding: 0;
    margin-top: 0
}

.myphotos_upload button {
    margin-top: 10px;
    font-family: calibri;
    font-size: 20px;
    border: 2px solid rgba(254, 7, 7, .5);
    padding: 10px;
    border-radius: 0;
    background-color: transparent;
    color: #505050!important;
    margin-right: 5px
}

.choose_file_block p,
.popup_heading h1,
.popup_photo_upload .title_div1 h1,
.send_image_heading h1,
.title_div1 .foto_popup_close_btn,
.visitor_details h1,
.visitor_details h2 {
    font-family: 'open sans'
}

.myphotos_upload {
    text-align: right;
    margin-top: 20px
}

.popup_photo_upload {
    background-color: #fff;
    padding: 20px;
    width: 700px;
    margin: 0 auto
}

.popup_button {
    width: 100%
}

.popup_button button,
.popup_button span {
    width: 25%
}

.popup_button .add_files_div,
.popup_button .cancel_div,
.popup_button .delete_div,
.popup_button .start_upload_div {
    width: 24%;
    margin: 0 1% 0 0;
    float: left
}

.popup_button i {
    float: left
}

.check_box_div {
    width: 5%;
    float: left
}

.file_upload_div {
    width: 95%;
    float: left
}

.select_files_Div {
    padding-top: 20px;
    width: 100%;
    float: left
}

.file_upload_div .progress_strip_div {
    margin: 0;
    border: 1px solid #e7e7e7;
    border-radius: 0
}

.myphotos_upload button i {
    margin-right: 10px
}

.file_details_table .btn.btn-primary.start {
    margin: 0;
    width: 100px
}

.file_details_table td:nth-child(4) {
    width: 35%
}

.file_details_table td:nth-child(1) {
    width: 10%
}

.file_details_table td:nth-child(3) {
    width: 41%
}

.file_details_table td:nth-child(2) {
    width: 15%
}

.file_details_table td:nth-child(3) .size {
    min-width: 28%;
    float: left
}

.popup_photo_upload .upload-wrapper {
    background-color: transparent;
    border: 0 solid #ff2d2d;
    max-width: 100%
}

.popup_photo_upload #dropzone {
    border: 1px solid #ff2d2d;
    box-shadow: 1px 7px 8px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 1px 7px 8px rgba(0, 0, 0, .14);
    -moz-box-box-shadow: 1px 7px 8px rgba(0, 0, 0, .14);
    margin-bottom: 10px
}

.popup_photo_upload .btn-blue {
    background-color: #ff2d2d
}

.button.btn-blue.upload {
    background: #fff;
    color: #ff2d2d;
    border: 1px solid #ff2d2d
}

.popup_photo_upload .file-row {
    background-color: #FFF;
    border: 0;
    border-bottom: 1px solid #b1b1b1;
    min-height: 70px
}

.popup_photo_upload .btn-red {
    background-color: #ff2d2d;
    border: 1px solid #ff2d2d
}

.popup_photo_upload .button:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-box-shadow: none
}

.popup_photo_upload .file-row span {
    max-width: 90%;
    max-height: 23px
}

.popup_photo_upload #dropzone i {
    color: #000
}

.popup_photo_upload .title_div1 h1 {
    font-size: 26px;
    font-weight: 600;
    float: left;
    margin: 0
}

.popup_photo_upload .title_div1 i {
    font-size: 26px;
    font-weight: 400;
    float: right;
    line-height: 30px
}

.popup_photo_upload .title_div1 {
    width: 100%;
    padding-bottom: 10px
}

.popup_photo_upload .progress {
    height: 25px;
    border: 0
}

.popup_photo_upload .progress .progress-bar {
    height: 21px;
    box-shadow: none;
    border: 0;
    background-color: #ff2d2d
}

.popup_photo_upload .images_list_div {
    height: 0
}

.popup_photo_upload .file-row .text-success {
    overflow: visible;
    font-style: normal
}

.title_div1 .foto_popup_close_btn {
    float: right;
    background: 0 0;
    border: 0;
    font-weight: 600;
    font-size: 26px
}

.title_div1 .foto_popup_close_btn[disabled] {
    color: #b1b1b1
}

.paren_my_pic {
    position: relative
}

.my_pic_loader {
    position: absolute;
    top: 31%;
    z-index: 1;
    left: 42%
}

.my_pictures .del_image
{
    position: absolute;
    left: 3px;
    z-index: 10;
    top: 0;
    color: #ff2d2d;
    font-size: 33px
}

.my_pictures .lock_image
{
    position: absolute;
    right: 300%;
    z-index: 10;
    top: 0;
    color: #ff2d2d;
    font-size: 33px
}

#cropContainerModal .cropImgWrapper {
    border-radius: 50%;
    background-color: #000
}

.profile_description3.msghide {
    display: none
}

.custom_crop_controls .remove_icon_div i {
    background-color: #d75a4a;
    color: #fff;
    width: 32px;
    height: 32px;
    font-size: 22px;
    text-align: center;
    border-radius: 50%;
    line-height: 32px
}

.custom_crop_controls .settings_icon_div i {
    color: #fff;
    width: 45px;
    height: 32px;
    font-size: 32px;
    text-align: center;
    line-height: 50px;
    margin-top: 7px;
    display: block;
    float: left
}

.custom_crop_controls .settings_icon_div .fa.fa-cog.rotate {
    line-height: 48px;
    padding-left: 0
}

.custom_crop_controls button {
    background: 0 0;
    border: 0;
    padding: 2px;
    outline: 0
}

.custom_crop_controls .settings_icon_div .fa.fa-cog.rotate.down {
    line-height: 31px;
    padding-left: 17px
}

.custom_crop_controls .select_icon_div i {
    background-color: #25ae88;
    color: #fff;
    width: 32px;
    height: 32px;
    font-size: 22px;
    text-align: center;
    border-radius: 50%;
    line-height: 32px
}

.custom_crop_controls a {
    display: inline-block;
    margin-right: 5px
}

.Upload_blocks.img-viewed .choose_file_block,
.Upload_blocks.img-viewed .slimScrollDiv,
.Upload_blocks.img-viewed .uplad_img_text,
.Upload_blocks.img-viewed .upload_images_file {
    display: none
}

.profilepage_container .profile_description3.profile_description3_user a i {
    font-size: 18px;
    vertical-align: middle
}

body .sys_page_profile .profile_description3 a i {
    margin-right: 0;
    width: 40px;
    float: left
}

body .sys_page_profile .profile_description3 a img {
    float: left
}

.image_Upload_div {
    width: 100%;
    padding: 50px 20px;
    border: 2px dashed #ff2d2d;
    float: left;
    margin-bottom: 0;
    position: relative
}

.uplad_img_text p {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
    color: #4a4a4a;
    font-weight: 400
}

.send_image_popup {
    width: 600px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    padding: 0 0 30px
}

.upload_images_file {
    width: 40px;
    margin: 0 auto;
    height: 40px;
    position: relative;
    cursor: pointer
}

.upload_images_file input {
    width: 100%;
    position: absolute;
    top: 0;
    height: 40px;
    opacity: 0;
    cursor: pointer
}

.image_Upload_div i {
    font-size: 30px;
    line-height: 40px;
    color: #ff2d2d
}

.send_image_heading {
    background-color: #F7F7F7;
    border-bottom: 1px solid #ddd;
    width: 100%;
    float: left;
    padding: 12px 20px
}

.send_image_heading h1 {
    margin: 0;
    font-size: 24px;
    text-align: left;
    padding-bottom: 0;
    width: 85%;
    font-weight: 600;
    float: left;
    text-transform: uppercase
}

.Upload_blocks {
    width: 100%;
    float: left;
    padding: 15px 20px 20px;
    height: 420px
}

.uplad_img_text {
    margin-bottom: 30px
}

.send_image_heading .bx-popup-element-close.sys-icon.times {
    float: right;
    width: 15%;
    text-align: right;
    font-size: 24px;
    line-height: 24px
}

.choose_file_block {
    width: 100%
}

.send_image_popup .send-preview-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.Upload_blocks.img-viewed .image_Upload_div {
    border: 0;
    height: 400px;
    padding: 0
}

.choose_file_block p {
    font-size: 14px;
    color: #4a4a4a
}

.kiss_popup_page .join_success_container.text-center {
    width: 350px;
    margin: 0 auto
}

.kiss_popup_page {
    width: 600px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 0 30px
}

.popup_heading h1 {
    font-size: 24px;
    color: #4a4a4a;
    width: 310px;
    float: left;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase
}

.popup_heading .bx-popup-element-close.sys-icon.times {
    float: right;
    font-size: 24px;
    color: #4a4a4a;
    vertical-align: top;
    line-height: 24px
}

.popup_heading {
    width: 100%;
    float: left;
    padding: 12px 20px;
    background-color: #F7F7F7;
    border-bottom: 1px solid #ddd
}

.kiss_popup_page h2 {
    font-size: 16px;
    padding: 25px 20px 20px;
    line-height: 22px;
    float: left;
    margin: 0;
    text-align: justify
}

.popup_button_div .save_button1 {
    background-color: #ff2d2d;
    color: #fff;
    border: 1px solid #ff2d2d;
    padding: 5px 20px;
    margin-right: 10px;
    font-weight: 600
}

.popup_button_div .cancel_button1 {
    background-color: #fff;
    color: #ff2d2d;
    border: 1px solid #ff2d2d;
    padding: 5px 20px;
    font-weight: 600
}

.popup_button_div {
    width: 300px;
    margin: 0 auto;
    text-align: center
}

.send_image_popup .join_success_container.text-center {
    margin: 0
}

body .sys_page_profile .my_profiles .nav.nav-tabs li:first-child {
    border-left: 2px solid #b5b5b5;
}

.visitor_div {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 0 solid #e5e5e5
}

#myvisitors {
    margin-top: 0;
    margin-bottom: 17px;
    float: left;
    width: 100%;
    padding-left: 10px!important;
    padding-right: 10px!important
}

.visitor_details h1,
.visitor_details h2 {
    margin: 0;
    line-height: 27px;
    text-transform: capitalize
}

.visitor_image img {
    width: 110px;
    border-radius: 50%
}

.visitor_image {
    width: 32%;
    float: left
}

.visitor_details {
    width: 68%;
    float: left;
    padding-top: 20px;
    padding-left: 10px
}

.visitor_page1 {
    width: 33.33%;
    float: left;
    overflow: hidden;
    padding: 10px 0;	
	  margin-top: 4px;
	  box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.visitor_details h1 {
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 97%
}

.visitor_details h2 {
    font-size: 14px
}

.my_profiles {
    background-color: #fff;
    margin-bottom: 60px
}

.profilepage_tabs {
    padding: 0 1px
}

.profile_banner_page {
    padding: 0;
    background-color: #fff
}

#myprofile {
    padding-left: 10px!important;
    padding-right: 10px!important
}

.my_pictures .del_image i .lock_image
{
    cursor: pointer
}

#carousel .profile_slider_div img {
    opacity: 1;
    width: 100%;
    height: 100%;
    border: 6px solid #e7e6e3;
    object-fit: cover
}

.profile_slider_div.carousel-center .del_image .lock_image
{
    display: block!important
}

.carousel_div1 .del_image .lock_image
{
    display: none!important
}

.my_pictures #carousel {
    overflow: visible!important
}

.profile_slider_div.carousel-center a {
    pointer-events: visible
}

.profile_slider_div a {
    position: relative;
    display: block;
    height: 100%;
    pointer-events: none
}


.pushable {
    background: #A00000 !important;
    border-radius: 12px !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
    outline-offset: 4px;	
  }
  .front {
    display: block;
    padding: 6px 42px;
    border-radius: 12px;
    font-size: 23px;
    background: #C50000;
    color: white;
    transform: translateY(-4px);
  }

  .pushable:active .front {
    transform: translateY(-2px);
  }



@media(min-width:1200px) {
    .paren_my_pic {
        min-height: 445px
    }
}

@media(min-width:500px) 
{  
	.swipe_img
	{
    display: none;
  }
	
}




@media(max-width:1400px) {
    .my_pic_loader {
        left: 41%
    }
}

@media(max-width:1200px) {
    .profile_description4 .coin,
    .profile_description4 .postal_code,
    .profile_description4 .years_div {
        padding: 0;
        text-align: center
    }
    .add_favorites {
        padding-left: 80px!important
    }
    .unfriend {
        width: 89%!important
    }
    .profilepage_container .profile_description2 h1,
    .profilepage_container .profile_description2 h2 {
        font-size: 25px
    }
    .myfriends_div1 img {
        width: 175px
    }
    .myfriends_hover {
        width: 175px;
        height: 173px
    }
    .myfriends_block1 {
        padding-left: 10px!important;
        padding-right: 10px!important
    }
    #cropContainerModal1 .change_profile {
        width: 350px
    }
    #cropContainerModal1 .cropControls {
        width: 350px!important
    }
    #cropContainerModal1_imgUploadField {
        width: 350px
    }
    .change_profile .fa.fa-camera p {
        font-size: 20px
    }
    .change_profile {
        margin-top: -48px
    }
    .button_block {
        width: 40%
    }
    .visitor_image {
        width: 33%
    }
    .visitor_details {
        width: 67%;
        padding-top: 3px
    }
    .visitor_image img {
        width: 100px
    }
    body .sys_page_profile {
        padding-bottom: 0!important
    }
    .my_profiles {
        margin-bottom: 10px
    }
}

@media(max-width:991px) {
    .profilepage_container .profile_image1 {
        width: 350px
    }
    .profilepage_container .profile_description1 {
        padding-left: 260px;
        min-height: 460px
    }
    .personal_information {
        padding-left: 20px
    }
    .add_favorites {
        padding-left: 0!important
    }
    .personal_details1 {
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0!important
    }
    .personal_details1 label {
        font-size: 15px
    }
    .myfriends_div1 h1,
    .myfriends_div1 h2 {
        font-size: 14px
    }
    .myfriends_div1 h1 {
        font-size: 15px
    }
    .myfriends_hover {
        width: 233px;
        height: 180px
    }
    .myfriends_hover i {
        left: 40%
    }
    .myfriends_div {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .myfriends_div1.col-md-2.col-sm-2.col-xs-12 {
        width: 33.33%;
        margin-bottom: 20px
    }
    .myfriends_innerdiv {
        margin: 0 auto;
        float: none
    }
    .myfriends_div1 img {
        width: 233px;
        height: 180px
    }
    .profilepage_container .profile_description2 h1,
    .profilepage_container .profile_description2 h2 {
        height: 57px
    }
    .profile_description5 {
        padding-top: 5px;
        padding-bottom: 5px
    }
    #myfriends-1 {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 22px
    }
    .change_profile {
        width: 100%
    }
    .carousel_div1 {
        padding: 50px 0
    }
    .frnd_details {
        width: 49%
    }
    .req_img {
        width: 18%
    }
    .frnd_details h3 {
        width: 72%
    }
    .frnd_details h2 {
        width: 28%
    }
    .frnd_details h4,
    .frnd_details h5 {
        width: 50%
    }
    .request_information1 {
        padding: 20px 10px 20px 0!important
    }
    .my_pic_loader {
        top: 33%;
        left: 38%
    }
    .visitor_image img {
        width: 80px
    }
    #carousel {
        width: 100%!important
    }
	
	 .thumb_overlay {			 
		 width: 190px;
	 }
}

@media(max-width:767px) {
    .profilepage_container .profile_div .container {
        padding: 0
    }
    .profilepage_container .profile_description1 {
        padding-left: 0;
        margin-left: 0
    }
    .profilepage_container .profile_description2 h1,
    .profilepage_container .profile_description2 h2 {
        color: #fff;
        font-size: 20px;
        margin-bottom: 10px
    }
    .profilepage_container .profile_description2 {
        width: 100%
    }
    .profile_description4 {
        margin-top: 15px
    }
    .profile_description5 {
        padding-top: 0
    }
    .profile_description4 h1,
    .profile_description4 h2 {
        font-size: 16px
    }
    .profilepage_container .profile_description3 a {
        font-size: 15px;
        padding: 6px 0;
        width: 135px;
        margin-right: 30px
    }
    .my_profiles .container {
        padding: 0
    }
    .my_profiles .nav-tabs>li>a {
        font-size: 14px;
        height: 40px;
        padding-top: 10px
    }
    .personal_information1 {
        padding: 0
    }
    .personal_information2 {
        padding: 0!important
    }
    .my_profiles .personal_information2 h1 {
        font-size: 16px
    }
    .add_favorites h1 {
        font-size: 14px;
        width: 130px
    }
    .add_favorites h2 {
        width: 116px;
        font-size: 14px
    }
    .personal_details1 {
        padding-left: 0;
        padding-right: 0
    }
    .details_block,
    .details_block1 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .personal_details1 label {
        font-size: 15px;
        width: 100%
    }
    .personal_details1 p {
        font-size: 15px
    }
    .interests h1 {
        font-size: 16px
    }
    .interests h2 {
        font-size: 14px;
        padding-top: 0;
        margin-top: 0
    }
    #myprofile hr {
        width: 98%;
        margin: 0
    }
    .profilepage_container .profile_block1 {
        padding-right: 0;
        padding-left: 0;
        padding-top: 100px
    }
    .profilepage_container .profile_image1 {
        width: 100%;
        height: 200px;
        padding: 0;
        top: 60px;
        text-align: left
    }
    .change_profile {
        font-size: 14px;
        margin-bottom: 0;
        margin-top: -38px
    }
    .profile_block1 #cropContainerModal {
        margin: 0 auto
    }
    .profilepage_container .profile_div {
        padding: 0
    }
    .profile_description5 h1 {
        font-size: 20px
    }
    .profile_description5 p {
        font-size: 14px;
        line-height: 21px
    }
    .myfriends_block1,
    .myfriends_block2 {
        margin-left: 0!important
    }
    .details_block2,
    .myfriends_div {
        padding: 0!important
    }
    .unfriend {
        width: 170px!important;
        margin: 0 auto
    }
    #carousel,
    .myfriends_div1,
    .myfriends_innerdiv {
        margin: 0 auto!important
    }
    .myfriends_div1 {
        padding: 15px 0!important;
        width: 195px!important;
        float: none!important
    }
    .myfriends_div1 img {
        height: 162px
    }
    .myfriends_hover {
        width: 233px;
        height: 164px;
        top: 15px
    }
    .myfriends_hover i {
        top: 36%;
        left: 0
    }
    .profilepage_container .profile_description3 {
        padding-top: 0;
        width: 100%
    }
    .myfriends_div1.col-md-2.col-sm-2.col-xs-12 {
        width: 50%!important;
        float: left!important
    }
    .myfriends_innerdiv {
        float: none;
        padding-bottom: 0
    }
    .myfriends_div1 img {
        width: 233px
    }
    .profilepage_container .profile_description1 {
        width: 100%
    }
    .profilepage_container .profile_description2 h1,
    .profilepage_container .profile_description2 h2 {
        height: auto
    }
    #myfriends-1 {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }
    .myfriends_block1 div.trauma .content .message {
        padding-bottom: 0;
        padding-top: 0
    }
    .change_profile {
        width: 100%;
        padding-left: 3px
    }
    #cropContainerModal_imgUploadField {
        width: 200px;
        height: 38px
    }
    #cropContainerModal1 .change_profile {
        font-size: 14px;
        width: 250px
    }
    #cropContainerModal1 .cropControls {
        width: 250px!important;
        height: 37px!important
    }
    #cropContainerModal1 .cropControls.cropControlsUpload i {
        background: 0 0!important;
        height: 37px!important
    }
    #myphotos .carousel_div1 #next,
    #myphotos .carousel_div1 #prev {
        z-index: 99
    }
    .change_profile .fa.fa-camera p {
        font-size: 12px
    }
    .change_profile .fa.fa-camera {
        padding-right: 20px
    }
    #cropContainerModal1 .cropContainerModal1_imgUploadForm::after {
        font-size: 14px;
        top: 10px
    }
    #cropContainerModal1 .cropContainerModal1_imgUploadForm {
        background-size: 25px 25px;
        height: 38px;
        background-position: right 3px center
    }
    #cropContainerModal1 .cropContainerModal1_imgUploadForm:hover::after {
        padding-left: 6px
    }
    .cropControls i {
        width: 25px!important;
        height: 25px!important
    }
    .frnd_details1 {
        width: 100%;
        float: left;
        padding-top: 10px
    }
    .req_img {
        width: 100%;
        text-align: center
    }
    .frnd_details {
        width: 109%
    }
    .button_block {
        width: 153px
    }
    .my_pic_loader {
        left: 31%
    }
    .popup_photo_upload {
        width: 400px;
        margin: 0 auto
    }
    .popup_photo_upload .file-row span {
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .popup_photo_upload .title_div1 h1,
    .title_div1 .foto_popup_close_btn {
        font-size: 20px
    }
    .preview-cnts h3 {
        font-size: 15px
    }
    .Upload_blocks {
        padding: 10px;
        height: 295px
    }
    .uplad_img_text p {
        font-size: 14px;
        line-height: 20px
    }
    .uplad_img_text {
        margin-bottom: 10px
    }
    .image_Upload_div {
        padding: 10px 20px
    }
    .send_image_popup {
        width: 400px;
        padding: 0 0 10px
    }
    .send_image_popup .send-preview-img {
        left: 0;
        top: 0
    }
    .Upload_blocks.img-viewed .image_Upload_div {
        height: 225px;
        width: 266px;
        margin: 0 auto;
        float: none
    }
    .kiss_popup_page {
        width: 400px
    }
    #carousel {
        width: 90%!important
    }
    .carousel_div1 .carousel-control.left,
    .carousel_div1 .carousel-control.right {
        top: 34%
    }			
	
	
	 .thumb_overlay {			 
		 width: 214px;	
		 bottom: 15px;
	 }
}

@media(max-width:480px) 
{
    .personal_information2 {
        width: 100%!important
    }
    .my_profiles .personal_information2 h1 {
        margin: 0
    }
    .add_favorites h1 {
        width: 100%;
        margin-top: 7px;
        border-right: 0
    }
    .add_favorites h2 {
        width: 100%;
        margin-top: 0;
        padding-left: 0
    }
    .details_block2 {
        padding: 0!important
    }
    .interests {
        padding: 0
    }
    .profile_description4 h1,
    .profile_description4 h2 {
        font-size: 14px
    }
    .my_profiles .nav-tabs>li>a {
        padding: 10px 0 0!important
    }
    .myfriends_div1.col-md-2.col-sm-2.col-xs-12 {
        width: 100%!important
    }
    .myfriends_div1 img,
    .myfriends_innerdiv {
        width: 233px
    }
    .add_favorites {
        width: 130px!important
    }
    .add_favorites .fave-h1 {
        width: 110px;
        margin-left: 0
    }
    #cropContainerModal1 .change_profile {
        width: 270px;
        font-size: 20px
    }
    #cropContainerModal1 .cropControls {
        width: 270px!important
    }
    #cropContainerModal1_imgUploadField {
        width: 270px
    }
    #carousel {
        width: 60%!important;
        margin: 0 auto
    }
    .button_block {
        width: 130px
    }
    .my_pic_loader {
        left: 42%;
        width: 80px;
        top: 17%
    }
    .kiss_popup_page,
    .popup_photo_upload,
    .send_image_popup {
        width: 280px
    }
    .popup_photo_upload .file-row span {
        max-height: 60px
    }
    .popup_photo_upload .file-row-text button {
        font-size: 11px
    }
    .popup_photo_upload .file-row .text-success {
        margin-top: 0
    }
    .popup_photo_upload .file-row {
        padding: 0
    }
    .send_image_popup .send-preview-img {
        top: 17px
    }
    .kiss_popup_page h2 {
        font-size: 14px;
        padding: 10px;
        line-height: 20px
    }
    .profile_image1 img {
        width: 300px
    }
    .profilepage_container .profile_image1 {
        text-align: center
    }
	
	
	  .profilepage_container .profile_description3 h1
    {   
			top: 21px;
	    left: -25px;	 
    }
	
	  .online-status 
	  {			
			top: 50px;
	    left:-2vh;
    }
	
	.desc_profile 
	{
    top: 2px;
		position: relative;
   }
	
	
	.no_nickname
		{	
      display: initial;
		}
	
}


body .sys_page_profile {
    padding-bottom: 40px;
    background-color: #fff
}

body .sys_page_profile .profile-page {
    background-color: #f6f6f6
}

body .sys_page_profile .profile_block1 {
    position: relative;
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px
}

body .sys_page_profile .profile_image1 {
    position: absolute;
    z-index: 3;  
    width: 361px;
    height: 337px;
    padding: 28px 33px 0;
	  top: 40px;
}

body .sys_page_profile .profile_description1 {
    margin-left: 0;
    padding-left: 353px;
    padding-right: 0;
    min-height: auto
}

body .sys_page_profile .profile_description1.hide_desc {
    min-height: 300px
}

body .sys_page_profile .profile_description2 h1 {
    font-family: calibri;
    font-size: 40px;
    color: #ff2d2d;
    height: auto;
    margin-bottom: 22px;
    text-transform: capitalize;
    margin-top: 35px
}

body .sys_page_profile .profile_description5 {
    padding: 5px 30px 37px 15px
}

body .sys_page_profile .profile_description5 p {
    font-size: 29px;
    color: #842424;
    font-family: calibri;
    line-height: 26px;
    margin: 0;    
}

body .sys_page_profile .profile_description3 a:hover {
    background-color: #ff2d2d;
    color: #fff
}

body .sys_page_profile .prof_block {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;	  
    height: auto;
}

body .sys_page_profile .my_profiles .nav.nav-tabs li.active {
    border-bottom: 0 solid #ff2d2d
}

body .sys_page_profile .my_profiles .nav-tabs>li.active>a {
    color: #fff;
    background-color: #ff2d2d;
    font-size: 20px;
    font-family: calibri;
    border-left: 1px solid #ffb1b1;
    border-right: 1px solid #ffb1b1
}

.fa-file-text-o::before,
.fa-picture-o::before,
.fa-users::before,
body .sys_page_profile .my_profiles .fa-user::before {
    font-size: 30px
}

body .sys_page_profile .my_profiles .nav.nav-tabs li {
    border-bottom: 0 solid #F3F3F3
}

body .sys_page_profile .my_profiles .nav-tabs {
    float: right;
    width: 100%;
    padding-right: 3px;
    padding-left: 359px;
	  padding-bottom: 4px;
    background-color: #fff;
	  background-image: url(/images/banner3.png);
}

body .sys_page_profile .interest_block,
body .sys_page_profile .my_profiles .personal_information2 {
    border-bottom: 2px solid #e5e5e5
}

body .sys_page_profile .my_profiles .nav-tabs>li>a {
    margin-right: 0;
    font-size: 20px;
    font-family: calibri;
    height: 120px;
    padding-top: 12px;   
    background-color: #972920;
    color: #c6c6c6;
	  border-radius: 0;
    border-top: 1px solid #b9b9b9;
    border-left: 1px solid #b9b9b9;
    border-right: 1px solid #464646;
	  border-bottom: 1px solid #464646;
    min-height: 90px;
    padding-left: 2px;
    padding-right: 2px;
	  word-wrap: anywhere;
	  line-height: 20px;
}

body .sys_page_profile .my_profiles .nav-tabs>li>a:hover {
  background-color: #ea6936;
}



body .sys_page_profile .personal_information {
    padding: 0 0 10px;
    margin-top: 0;
    border-top: 0 solid #ff2d2d;
    margin-bottom: 17px;
    background-color: #fff
}

body .sys_page_profile .personal_information1 {
    padding-left: 10px;
    padding-right: 0;
    padding-bottom: 7px
}

body .sys_page_profile .interests h1,
body .sys_page_profile .my_profiles .personal_information2 h1 {
    font-size: 30px;
    color: #ff2d2d;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: calibri
}

body .sys_page_profile .interests {
    padding-right: 10px;
    padding-left: 0
}

body .sys_page_profile .interests h1 {
    padding-left: 20px
}

body .sys_page_profile .details_block {
    background-color: #fff;
    border-bottom: 2px solid #e5e5e5;
    height: 506px
}

body .sys_page_profile .details_block1 {
    border-right: 2px solid #f3f3f3;
    margin-top: 22px;
    margin-bottom: 22px;
    padding-right: 15px
}

body .sys_page_profile .personal_details1 {
    padding-bottom: 9px;
    padding-top: 9px;
    padding-right: 0
}

body .sys_page_profile .bottom_hr {
    border-bottom: 2px solid #f3f3f3
}

body .sys_page_profile .personal_details1 label {
    font-size: 22px;
    color: #4a4a4a;
    font-family: calibri;
    font-weight: 400;
    width: 61%;
    float: left;
    margin: 0
}

body .sys_page_profile .personal_details1 p {
    width: 39%;
    border: 0;
    font-size: 18px;
    color: #818181;
    font-family: calibri;
    font-weight: 400;
    padding-left: 0;
    float: left;
    line-height: 27px;
    margin: 0;
    text-transform: capitalize
}

body .sys_page_profile .personal_details1 p.user_email_label {
    text-transform: none
}

body .sys_page_profile .profile_description3 a {
    font-family: calibri;
    color: #000;
    font-size: 15px;
    border: 1px solid #ffd5d5;
    padding: 4px 0;
    border-radius: 0;
    float: right;
    cursor: pointer;
    text-align: left;
    width: 290px;
    text-transform: 'Capitalize';
    margin-bottom: 0
}

.profile_description3 .banner_kiss_icon .kiss_icon_hover {
    display: none
}

.profile_description3 .banner_kiss_icon .kiss_icon_normal,
.profile_description3 .banner_kiss_icon:hover .kiss_icon_hover {
    display: block
}

.profile_description3 .banner_kiss_icon:hover .kiss_icon_normal {
    display: none
}

.profile_description6 {
    padding: 0!important
}

body .sys_page_profile .profile_description3 a i.fa.fa-spinner.fa-spin {
    width: auto
}

body .sys_page_profile .profile_description3 a i,
body .sys_page_profile .profile_description3 a img {
    margin-top: 5px;
    margin-left: 20px
}

body .sys_page_profile .profile_description3 a img {
    width: 20px;
    vertical-align: middle;
    margin-left: 17px
}

.banner_kiss_icon .icon_img_div {
    width: 60px;
    float: left;
    text-align: center;
    height: 25px;
    display: table
}

.profile_description3 a h2 {
    font-family: calibri;
    color: #505050;
    font-size: 20px;
    margin: 3px 0
}

.profile_description3 a h2 i {
    margin-left: 10px
}

.profile_description3.msgshow {
    padding-right: 0
}

body .sys_page_profile .interest_span {
    background-color: #fff;
    padding: 17px 44px 0 33px;
	  background-image: url(/images/banner3.png);
    padding: 8px 14px 4px;
    border: 1px solid #e8e8e8;
    float: left;
    margin: 10px;
    border-radius: 6px;
    font-size: 16px;
    color: #818181;
    font-family: armataregular;
    box-shadow: 0 2px 2px 0 #c5c5c5
}

body .sys_page_profile .request_information {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0;
    background-color: transparent;
    border-top: 0 solid #ff2d2d;
    padding-bottom: 17px;
    margin-bottom: 0
}

body .sys_page_profile .request_details {
    padding: 0;
    height: auto;
    background-color: #fff
}

body .sys_page_profile .request_block h1 {
    font-size: 30px;
    color: #ff2d2d;
    font-family: calibri;
    margin: 0;
    padding-top: 0;
    padding-bottom: 12px;
    padding-left: 20px
}

body .sys_page_profile .request_block {
    border-bottom: 0 solid #e5e5e5;
    padding-top: 10px
}

body .sys_page_profile .req_img img {
    width: 52px;
    height: 52px;
    border-radius: 50%
}

body .sys_page_profile .req_img {
    width: 10%
}

body .sys_page_profile .frnd_details {
    width: 49%;
    float: left;
    padding-left: 14px
}

body .sys_page_profile .frnd_details1 {
    width: 41%;
    float: left;
    padding-top: 0
}

body .sys_page_profile .request_details1 {
    padding: 7px 15px;
    border-bottom: 2px solid #f3f3f3
}

body .sys_page_profile .button_block {
    width: 97px;
    float: left;
    background-color: #fb9191;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    font-family: calibri;
    box-shadow: 0 2px 2px 0 #eae2e2;
    text-transform: capitalize
}

body .sys_page_profile .button_block:nth-child(2) {
    margin-left: 10px;
    background-color: #fff;
    color: #818181;
    border: 1px solid #fb9191;
    box-shadow: 0 2px 2px 0 #f9d1d1
}

body .sys_page_profile .frnd_details h1 {
    font-size: 15px;
    color: #332b2b;
    font-family: calibri;
    text-transform: capitalize;
    width: 97%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 4px
}

body .sys_page_profile .frnd_details h2,
body .sys_page_profile .frnd_details h3,
body .sys_page_profile .frnd_details h4,
body .sys_page_profile .frnd_details h5 {
    margin-bottom: 3px;
    font-weight: 300;
    font-style: normal;
    font-family: calibri;
    float: left
}

body .sys_page_profile .frnd_details h2 {
    font-size: 14px;
    color: #4a4a4a;
    width: auto;
    border-right: #4a4a4a solid 1px;
    height: 11px;
    line-height: 10px;
    padding-right: 11px
}

body .sys_page_profile .frnd_details h4 {
    font-size: 14px;
    color: #4a4a4a;
    padding-right: 8px;
    width: auto
}

body .sys_page_profile .frnd_details h5 {
    font-size: 11px;
    color: #b1b1b1;
    width: auto;
    padding-top: 3px
}

body .sys_page_profile .frnd_details h3 {
    font-size: 14px;
    color: #4a4a4a;
    width: 71%;
    padding-left: 11px;
    line-height: 12px;
    height: 13px
}

body .sys_page_profile .myfriends_div {
    padding-top: 10px;
    margin-top: 0;
    border-top: 0 solid #ff2d2d;
    margin-bottom: 20px
}

body .sys_page_profile #myfriends {
    padding-left: 10px;
    padding-right: 10px;
}

body .sys_page_profile .myfriends_div1 .myfriends_innerdiv img {
    width: 204px;
    height: 188px
}

body .sys_page_profile .myfriends_hover {
    width: 204px;
    height: 188px;
    background-color: rgba(0, 0, 0, .7)
}

body .sys_page_profile .myfriends_block1 {
    padding: 12px 17px 36px
}

body .sys_page_profile .myfriends_innerdiv {
    margin: 0
}

body .sys_page_profile .myfriends_div1 .myfriends_innerdiv .myfriends_hover img {
    width: 42px;
    height: 42px;
    top: 35px;
    position: relative;
    left: 40%
}

body .sys_page_profile .myfriends_hover p {
    position: relative;
    top: 51px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: calibri;
    line-height: 1.1;
    margin: 0
}

body .sys_page_profile .myfriends_block1 .search_tab {
    font-size: 20px;
    font-family: calibri;
    width: 70%;
    padding: 7px;
    background: red;
    border-radius: 4px;
    border: none;
    color: #fff
}

body .sys_page_profile .myfriends_block1 .search_icon {
    position: absolute;
    top: 27%;
    left: 17%
}

body .sys_page_profile .myfriends_block1 .fa-search::before {
    font-size: 19px;
    color: #fff
}

body .sys_page_profile .myfriends_block1 .enter_location,
body .sys_page_profile .myfriends_block1 .enter_name {
    box-sizing: border-box;
    font-size: 20px;
    background-color: transparent;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 6px 0 6px 23px;
    color: #a9a9a9;
    font-family: calibri;
    width: 100%;
    border: 1px solid #a1a1a1;
    border-radius: 4px
}

body .sys_page_profile .myfriends_block1 .right_span {
    text-align: right
}

body .sys_page_profile .prof_block #cropContainerModal1 {
    height: auto
}

body .sys_page_profile .enter_name::-webkit-input-placeholder {
    color: #a9a9a9!important
}

body .sys_page_profile .enter_name:-ms-input-placeholder {
    color: #a9a9a9!important
}

body .sys_page_profile .enter_name::-moz-placeholder {
    color: #a9a9a9!important;
    opacity: 1
}

body .sys_page_profile .enter_name:-moz-placeholder {
    color: #a9a9a9!important;
    opacity: 1
}

body .sys_page_profile .enter_location::-webkit-input-placeholder {
    color: #a9a9a9!important
}

body .sys_page_profile .enter_location:-ms-input-placeholder {
    color: #a9a9a9!important
}

body .sys_page_profile .enter_location::-moz-placeholder {
    color: #a9a9a9!important;
    opacity: 1
}

body .sys_page_profile .enter_location:-moz-placeholder {
    color: #a9a9a9!important;
    opacity: 1
}

body .sys_page_profile .unfrnd_span {
    position: relative;
    top: 14px;
    cursor: pointer
}

body .sys_page_profile .unfrnd_block {
    font-size: 12px
}

body .sys_page_profile .owl-nav .owl-next,
body .sys_page_profile .owl-nav .owl-prev {
    color: #948c8c;
    font-size: 17px;
    font-family: Calibri;
    position: absolute
}

body .sys_page_profile #myphotos {
    padding-left: 10px;
    padding-right: 10px
}

body .sys_page_profile .owl-carousel {
    padding-top: 0
}

body .sys_page_profile .item {
    opacity: 1;
    transform: scale(.9, .7)
}

body .sys_page_profile .active .item {
    opacity: 1;
    transform: scale(1)
}

body .sys_page_profile .owl-item.active img {
    margin-top: -61px
}

body .sys_page_profile .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1)
}

body .sys_page_profile .owl-nav {
    position: absolute;
    top: 49%;
    width: 100%;
    left: 0
}

body .sys_page_profile .owl-prev {
    float: left;
    background-image: url(../images/carousel_left_arrow.png)
}

body .sys_page_profile .owl-nav .owl-prev {
    left: 120px
}

body .sys_page_profile .owl-prev p {
    position: absolute;
    left: 20px;
    top: 18px
}

body .sys_page_profile .owl-next p {
    position: absolute;
    right: 39px;
    top: 17px
}

body .sys_page_profile .owl-item.cloned.active .item #refl:after {
    content: "";
    border: 10px solid red;
    opacity: .5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

body .sys_page_profile .owl-item.active .item img#refl {
    display: block;
    position: absolute;
    left: 26px;
    -webkit-mask-image: -webkit-gradient(linear, right top, right bottom, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, .5)));
    z-index: -1;
    transform: rotate(180deg);
    top: 100%;
    margin-top: 0
}

body .sys_page_profile .owl-item .item img#refl {
    display: none
}

body .sys_page_profile .owl-item.cloned,
body .sys_page_profile .owl-item.cloned.active {
    height: 464px
}

body .sys_page_profile .owl-next,
body .sys_page_profile .owl-prev {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover
}

body .sys_page_profile .owl-nav .owl-next {
    left: auto;
    right: 120px
}

body .sys_page_profile .owl-next p:hover {
    color: red
}

body .sys_page_profile .owl-next {
    float: right;
    background-image: url(../images/carousel_right_arrow.png)
}

body .sys_page_profile .owl-item .item {
    padding-top: 100px
}

body .sys_page_profile .owl-item .item img,
body .sys_page_profile .owl-item.cloned .item img {
    height: 321px
}

.sys_page_profile .venobox.vbox-item {
    display: block
}

.sys_page_profile .carousel_div1 .venobox.vbox-item {
    display: block;
    width: 420px;
    margin: 0 auto
}

body .sys_page_profile .owl-item.active .item img {
    height: 420px;
    width: 100%
}

body .sys_page_profile .owl-carousel .owl-dots {
    display: none
}

.desc_profile p {
    height: 106px
}

.interest_scroll_div {
    background: #fff
}

.interest_block1 {
    border-bottom: 2px solid #e5e5e5;
    background: #fff
}

.my_profiles #loading {
    width: 69px;
    height: 89px;
    position: absolute;
    top: 82%;
    left: 50%;
    padding: 2px;
    z-index: 4;
    display: block
}

#loading img {
    width: 100%
}

.no-spinners {
    -moz-appearance: textfield
}

@media (min-width:992px) and (max-width:1200px) {
    .profilepage_container .my_profiles .container,
    .profilepage_container .profile_div .container {
        width: 970px!important
    }
    body .sys_page_profile .profile_description5 {
        padding-bottom: 21px
    }
    body .sys_page_profile .profile_description5 p {
        font-size: 14px
    }
    body .sys_page_profile .profile_image1 {
        padding: 3px 33px 0
    }
    body .sys_page_profile .interests span {
        margin: 7px 10px;
        font-size: 14px
    }
    body .sys_page_profile .req_img {
        width: 20%
    }
    body .sys_page_profile .frnd_details {
        width: 80%
    }
    body .sys_page_profile .frnd_details1 {
        width: 78%;
        float: right
    }
    body .sys_page_profile .myfriends_div1 .myfriends_innerdiv img {
        width: 90%;
        height: auto
    }
    body .sys_page_profile .myfriends_hover {
        width: 90%;
        height: 100%
    }
    body .sys_page_profile .owl-item.active img {
        margin-top: -51px;
        width: 100%!important
    }
    body .sys_page_profile .owl-prev p {
        left: 15px
    }
    body .sys_page_profile .owl-next p {
        right: 41px
    }
    body .sys_page_profile .owl-item.active .item img#refl {
        left: 22px
    }
    body .sys_page_profile .owl-item.active .item img {
        height: 372px
    }
    body .sys_page_profile .profile_description2 h1 {
        font-size: 30px;
        margin-bottom: 22px;
        margin-top: 29px
    }    
    body .sys_page_profile .profile_description3 a {
        width: 100%;
        font-size: 13px
    }
    body .sys_page_profile .profile_description3 a img {
        width: 17px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .profilepage_container .my_profiles .container,
    .profilepage_container .profile_div .container {
        width: 750px!important
    }
    body .sys_page_profile .frnd_details1,
    body .sys_page_profile .req_img {
        width: 100%
    }
    body .sys_page_profile .profile_description5 p {
        font-size: 14px;
        line-height: 16px
    }
    body .sys_page_profile .my_profiles .nav-tabs>li.active>a {
        font-size: 18px
    }
    body .sys_page_profile .my_profiles .nav-tabs>li>a {
        font-size: 18px;
        padding-left: 0;
        padding-right: 0;
        min-height: 103px
    }
    body .sys_page_profile .profile_description5 {
        padding: 5px 30px 50px 5px
    }
    body .sys_page_profile .profile_image1 {
        top: 0;
        height: 285px
    }
    body .sys_page_profile .interests {
        padding-left: 10px
    }
    body .sys_page_profile .personal_information1 {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0
    }
    body .sys_page_profile .prof_block {
        height: 245px
    }
    body .sys_page_profile .details_block1 {
        border-right: none
    }
    body .sys_page_profile .interest_span {
        height: auto;
        padding: 17px 44px 22px 33px
    }
    .fa-file-text-o::before,
    .fa-picture-o::before,
    .fa-users::before,
    body .sys_page_profile .my_profiles .fa-user::before {
        font-size: 21px
    }
    .profile_image1 .cropContainerModal_imgUploadForm {
        bottom: 13px
    }
    body .sys_page_profile .myfriends_block1 .fa-search::before {
        font-size: 16px
    }
    .cropContainerModal_imgUploadForm {
        bottom: 23px
    }
    body .sys_page_profile .frnd_details {
        width: 100%;
        padding-left: 0
    }
    body .sys_page_profile .myfriends_block1 .enter_location,
    body .sys_page_profile .myfriends_block1 .enter_name,
    body .sys_page_profile .myfriends_block1 .search_tab {
        font-size: 17px
    }
    body .sys_page_profile .myfriends_div1 .myfriends_innerdiv img {
        width: 80%;
        height: auto
    }
    body .sys_page_profile .myfriends_hover {
        width: 80%;
        height: 100%
    }
    body .sys_page_profile .owl-item.active img {
        margin-top: -50px
    }
    body .sys_page_profile .owl-nav span {
        font-size: 12px
    }
    body .sys_page_profile .owl-nav img {
        width: 8%
    }
    body .sys_page_profile .owl-next {
        right: 0
    }
    body .sys_page_profile .owl-prev p {
        left: 15px
    }
    body .sys_page_profile .owl-next p {
        right: 40px
    }
    body .sys_page_profile .owl-item.active .item img#refl {
        left: 0
    }
    body .sys_page_profile .owl-item.active .item img {
        height: 371px
    }
    body .sys_page_profile .owl-item img {
        width: 100%!important
    }
    body .sys_page_profile .owl-item.cloned.active .item img#refl {
        top: 118px
    }
    .profile_selectbox .btn-select-light {
        height: 37px
    }
    .profile_selectbox .btn-select-value.con-value {
        padding: 1px 10px
    }
    .profile_selectbox .btn-select-arrow {
        padding: 5px 9px
    }
    #myfriends-1 .message {
        margin-top: 40px
    }
    body .sys_page_profile .profile_description3 a {
        width: 100%;
        padding: 5px 0
    }
    body .sys_page_profile .profile_description2 h1 {
        font-size: 17px;
        margin-bottom: 6px;
        margin-top: 8px
    }
    .profilepage_container .profile_description2 {
        padding: 10px 5px
    }
    .profile_description3.msgshow {
        padding-right: 0;
        padding-left: 0
    }
    .profile_description3 a h2 {
        font-size: 15px;
        margin: 3px 0
    }
    body .sys_page_profile .profile_description3 a {
        font-size: 12px;
        line-height: 21px
    }
    .profilepage_container .profile_description3 {
        padding: 20px 5px 0
    }
    .profilepage_container .profile_description3.profile_description3_user {
        padding-top: 30px
    }
    body .sys_page_profile .owl-nav .owl-prev {
        left: 20px
    }
    body .sys_page_profile .owl-nav .owl-next {
        right: 20px
    }
    body .sys_page_profile .profile_description3 a i,
    body .sys_page_profile .profile_description3 a img {
        margin-left: 10px
    }
    body .sys_page_profile .profile_description3 a i {
        width: 20px
    }
    .banner_kiss_icon .icon_img_div {
        width: 30px;
        height: 17px
    }
    body .sys_page_profile .profile_description3 a img {
        width: 14px;
        margin-top: 7px
    }
}

@media(max-width:767px) {
    .profilepage_container .my_profiles .container,
    .profilepage_container .profile_div .container {
        width: 100%!important
    }
    body .sys_page_profile .my_profiles .nav-tabs>li.active>a {
        font-size: 18px
    }
    body .sys_page_profile .my_profiles .nav-tabs>li>a {      
        font-size: 16px;
			  height: 80px;
    }
    body .sys_page_profile .my_profiles .nav-tabs {
        padding-left: 9px;
        padding-top: 20px
    }
    body .sys_page_profile .profile_description1 {
        padding-left: 0
    }
    body .sys_page_profile .profile_description2 {
        padding-left: 330px;
        padding-top: 37px
    }
    body .sys_page_profile .profile_description6 {
        padding-left: 330px!important;
        margin-top: 10px
    }
    .profilepage_container .profile_description3.profile_description3_user {
        padding-left: 330px;
        padding-top: 0
    }
    body .sys_page_profile .profile_description5 {
        padding-top: 68px;
        padding-bottom: 36px
    }
    body .sys_page_profile .profile_description5 p {
        font-size: 15px;
        min-height: 30px;
        max-height: 260px;
        height: auto
    }
    body .sys_page_profile .profile_description3 a {
        font-size: 15px;
        float: left
    }
    body .sys_page_profile .interests {
        padding-left: 10px
    }
    body .sys_page_profile .personal_information1 {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0
    }
    body .sys_page_profile .details_block1 {
        border-right: none
    }
    body .sys_page_profile .interest_span {
        height: auto;
        padding: 17px 44px 22px 33px
    }
    .fa-file-text-o::before,
    .fa-picture-o::before,
    .fa-users::before,
    body .sys_page_profile .my_profiles .fa-user::before {
        font-size: 21px
    }
    body .sys_page_profile .my_profiles .personal_information2 h1 {
        padding-left: 20px
    }
    body .sys_page_profile .req_img img {
        width: 47px;
        height: 47px
    }
    body .sys_page_profile .frnd_details h1 {
        font-size: 18px
    }
    body .sys_page_profile .frnd_details h2 {
        width: auto;
        padding-right: 11px;
        font-size: 15px
    }
    body .sys_page_profile .frnd_details h3 {
        font-size: 15px
    }
    body .sys_page_profile .frnd_details h4 {
        font-size: 13px
    }
    body .sys_page_profile .frnd_details h5 {
        font-size: 11px
    }
    body .sys_page_profile .button_block {
        width: 75px
    }
    body .sys_page_profile .button_block:nth-child(2) {
        margin-left: 6px
    }
    body .sys_page_profile .frnd_details {
        width: 53%
    }
    body .sys_page_profile .frnd_details1 {
        width: 37%
    }
    body .sys_page_profile .myfriends_hover {
        width: 214px;
        height: 188px
    }
    body .sys_page_profile .myfriends_div1 .myfriends_innerdiv img {
        width: 100%;
        height: 188px
    }
    body .sys_page_profile .myfriends_innerdiv {
        width: 214px
    }
    body .sys_page_profile .myfriends_block1 .location_span,
    body .sys_page_profile .myfriends_block1 .right_span,
    body .sys_page_profile .myfriends_block1 .search_span {
        text-align: center;
        width: 100%;
        float: none;
        margin: 0 auto;
        padding-bottom: 10px
    }
    body .sys_page_profile .myfriends_block1 .enter_name,
    body .sys_page_profile .myfriends_block1 .search_tab {
        width: 100%
    }
    body .sys_page_profile .myfriends_block1 .fa-search::before {
        font-size: 16px
    }
    body .sys_page_profile .myfriends_block1 .search_icon {
        left: 35%
    }
    body .sys_page_profile .owl-item.active img {
        margin-top: -34px
    }
    body .sys_page_profile .owl-nav {
        width: 100%;
        left: 0;
        top: 39%
    }
    body .sys_page_profile .owl-nav img {
        width: 9%
    }
    body .sys_page_profile .owl-next p {
        right: 30px
    }
    body .sys_page_profile .owl-item.active .item img#refl {
        left: 0
    }
    body .sys_page_profile .owl-item.active .item img {
        height: 250px;
        margin: 0 auto
    }
    body .sys_page_profile .owl-item .item img,
    body .sys_page_profile .owl-item.cloned .item img {
        width: 100%!important
    }
    .profile_selectbox {
        padding-bottom: 10px
    }
    #myfriends-1 .message {
        margin-top: 10px
    }
    body .sys_page_profile .profile_description2 h1 {
        margin-bottom: 10px;
        margin-top: 25px;
        font-size: 23px
    }
    .profilepage_container .profile_description3 {
        padding-top: 0;
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
    .profilepage_container .profile_description3.profile_description3_adminuser {
        height: 100px
    }
    body .sys_page_profile .owl-nav .owl-prev {
        left: 10px
    }
    body .sys_page_profile .owl-nav .owl-next {
        right: 10px
    }
    body .sys_page_profile .owl-item .item {
        padding-top: 20px
    }
    .profile_image1 .cropContainerModal_imgUploadForm {
        right: 38%;
        bottom: 34px
    }
    body .sys_page_profile .profile_description5 {
        padding: 10px 0 36px 330px
    }
    body .sys_page_profile .profile_block1 {
        padding: 0
    }
    .profilepage_container .profile_description3.profile_description3_user a {
        width: 27px;
        height: 27px;
        margin-right: 3px;
        line-height: 18px
    }
    .profilepage_container .profile_description3.profile_description3_user a i {
        font-size: 14px
    }
    .profilepage_container .profile_description3.profile_description3_user a img {
        width: 16px
    }
    .profilepage_container .jconfirm-buttons .btn.btn-default {
        margin: 0 5px;
        width: auto
    }
    .visitor_page1 {
        width: 50%
    }
    .visitor_image img {
        width: 65px;
    }
    .visitor_details h1 {
        font-size: 14px;
        line-height: 16px
    }
    .visitor_details h2 {
        font-size: 12px
    }
    .visitor_image {
        width: 21%
    }
    .visitor_details {
        width: 79%
    }    
    body .sys_page_profile .profile_image1 {
        width: 345px;
        padding: 28px 33px 0 17px
    }
    .sys_page_profile .carousel_div1 .venobox.vbox-item {
        width: 250px
    }
    .profilepage_container .hide_desc .profile_description2 {
        padding-top: 90px
    }
    body .sys_page_profile .profile_description1.hide_desc {
        min-height: 145px
    }
    .my_pictures .item {
        width: 400px!important;
        margin: 0 auto
    }
    .my_pictures .del_image .lock_image
   {
        font-size: 24px
    }
}

@media(max-width:550px) {
    body .sys_page_profile .profile_description3 a {
        font-size: 10px;
        width: 100%;
        margin-right: 0
    }
    body .sys_page_profile .profile_description3 a img {
        width: 14px;
        margin-right: 6px
    }
    body .sys_page_profile .profile_description3 a i {
        width: 20px
    }
    .banner_kiss_icon .icon_img_div {
        width: 20px;
        height: 20px
    }
    body .sys_page_profile .profile_description3 a i,
    body .sys_page_profile .profile_description3 a img {
        margin-top: 4px;
        margin-left: 7px
    }
    .profilepage_container .profile_description3.profile_description3_adminuser {
        height: 45px
    }
}

@media(max-width:480px) {
    body .sys_page_profile .profile_description1 {
        padding-left: 0
    }
    body .sys_page_profile .profile_description2 {
        padding-top: 308px;
        padding-left: 15px
    }
    body .sys_page_profile .profile_description3 {
        padding-left: 15px;
        margin-top: 3px;
        margin-bottom: 3px
    }
    .profilepage_container .profile_description3.profile_description3_user {
        padding-left: 15px
    }
    body .sys_page_profile .my_profiles .nav-tabs>li.active>a,
    body .sys_page_profile .my_profiles .nav-tabs>li>a {
        font-size: 14px;
				line-height: 14px;
    }
    body .sys_page_profile .profile_description5 p {
        font-size: 19px;
        line-height: 17px
    }
    body .sys_page_profile .my_profiles .personal_information2 h1 {
        font-size: 20px;
        padding-left: 0
    }
    body .sys_page_profile .personal_details1 label {
        font-size: 18px;
        width: 100%
    }
    body .sys_page_profile .personal_details1 p {
        font-size: 14px;
        width: 100%
    }
    body .sys_page_profile .personal_details1 {
        padding-left: 15px
    }
    body .sys_page_profile .interests h1 {
        font-size: 25px
    }
    body .sys_page_profile .interest_span {
        padding: 17px 15px 15px
    }
    body .sys_page_profile .profile_description5 {
        padding-top: 5px;
        padding-left: 15px;
        padding-bottom: 5px
    }
    body .sys_page_profile .profile_description2 h1 {
        margin-bottom: 0
    }
    body .sys_page_profile .interests span {
        font-size: 13px;
        margin: 7px 6px
    }
    body .sys_page_profile .personal_details1 {
        padding-top: 4px;
        padding-bottom: 4px
    }
    body .sys_page_profile .details_block1 {
        margin-top: 0
    }
    body .sys_page_profile .req_img {
        width: 100%;
        text-align: center
    }
    body .sys_page_profile .frnd_details {
        width: 100%;
        padding-left: 0
    }
    body .sys_page_profile .frnd_details1 {
        width: 100%
    }
    body .sys_page_profile .request_block h1 {
        font-size: 25px
    }
    body .sys_page_profile .myfriends_block1 .enter_name,
    body .sys_page_profile .myfriends_block1 .location_span,
    body .sys_page_profile .myfriends_block1 .right_span,
    body .sys_page_profile .myfriends_block1 .search_span,
    body .sys_page_profile .myfriends_block1 .search_tab {
        width: 100%
    }
    body .sys_page_profile .myfriends_block1 .search_icon {
        left: 28%
    }
    body .sys_page_profile .owl-item.active img {
        margin-top: -16px
    }
    body .sys_page_profile .owl-item.active .item img {
        height: 140px;
        width: 100%!important
    }
    body .sys_page_profile .owl-item .item img,
    body .sys_page_profile .owl-item.cloned .item img {
        height: auto;
        width: 100%!important
    }
    body .sys_page_profile .owl-item.active .item img#refl {
        left: 0
    }
    body .sys_page_profile .owl-item.cloned,
    body .sys_page_profile .owl-item.cloned.active {
        height: auto
    }
    body .sys_page_profile .owl-item.active .item img#refl,
    body .sys_page_profile .owl-item.cloned.active .item img#refl {
        top: 90px
    }
    body .sys_page_profile .owl-carousel {
        padding-top: 0
    }
    body .sys_page_profile .owl-nav {
        top: 43%
    }
    body .sys_page_profile .owl-nav .owl-prev {
        left: 5px
    }
    body .sys_page_profile .owl-nav .owl-next {
        right: 5px
    }
    body .sys_page_profile .carousel_div1 {
        height: 280px
    }
    body .sys_page_profile .profile_image1 {
        height: auto;
        width: 100%;
        padding: 10px 0;
        left: 0;			 
    }
	
	
	
    body .sys_page_profile .details_block {
        height: 578px
    }
    .profilepage_container .profile_description3.profile_description3_user {
        padding-top: 3px
    }
    .popup_heading h1 {
        width: 80%
    }

    .visitor_page1 {
        width: 270px;        
        float: none;
				margin-right: auto;
				margin-bottom: 0px;
				margin-left: auto;
    }
    body .sys_page_profile .profile_description6 {
        padding-left: 0!important;
        margin-top: 10px
    }
    .kiss_popup_page .join_success_container.text-center {
        width: 100%
    }
    .empty_message h3,
    .kiss_popup_page .join_success_container h3 {
        font-size: 27px
    }
    .empty_message>p,
    .kiss_popup_page .join_success_container>p {
        font-size: 13px
    }
    body .sys_page_profile .profile_description3 a {
        font-size: 14px
    }
    .profilepage_container .hide_desc .profile_description2 {
        padding-top: 350px
    }
    .sys_page_profile .carousel_div1 .venobox.vbox-item {
        width: 140px
    }
    .my_pictures .item {
        width: 200px!important;
        margin: 0 auto
    }
    .my_pictures .del_image .lock_image
    {
        right: 15%
    }
			     
    body .sys_page_profile .profile_description2 h1 {
        font-size: 18px;
    }
}

.zooming:hover {
  transform: scale(2.0); 
  /* (200% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}