@import "../color.scss";
.custom-search-btn .btn-connect {
    min-width: 65px;
}
ul#js-added-people {
    padding: 5px;
}
.custom-search-btn.new-check-btn-event {
    margin: 0 !important;
}
@media (max-width: 1550px) {
    .custom-search-btn .btn-connect {
        font-size: 13px;
        min-width: 0;
        padding: 8px 5px;
        margin: 0 4px 0 1px !important;
        min-width: 50px;
    }
    .model-content h4 {
        font-size: 14px !important;
    }
    span.request-img-btn {
        display: block;
    }
    span.request-txt {
        display: none;
    }
    .model-content span.request-img-btn {
        display: none;
    }
    .model-content span.request-txt {
        display: block;
    }
}
@media (max-width: 1500px) {
    span.request-txt {
        display: block;
    }
    span.request-img-btn {
        display: none;
    }
    .event-blk p {
        font-size: 13px;
        line-height: 16px;
        min-height: 38px;
        padding: 3px 0;
        margin: 0;
    }
    .custom-search-btn .btn-connect {
        font-size: 12px;
        min-width: 0;
        padding: 8px 5px;
        margin: 0 4px 0 1px !important;
        min-width: 87px;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1450px) {
    .itembox-image-size {
        max-height: 100px !important;
        min-height: 100px;
    }
}
@media (max-width: 1450px) {
    .event-blk p {
        height: 39px;
        overflow: hidden;
    }
    .giftinner #slider-control img {
        padding-top: 314% !important;
        width: 21px !important;
    }
    .giftinner .worth h3 {
        font-size: 14px;
    }
    .new_profile ul.lipart1 {
        margin-left: 0px !important;
    }
    .profile_detail2 .ipad-hide {
        padding: 0;
    }
}
@media (max-width: 1400px) {
    /*.new-check-btn-event .connection-checkbox label {
    line-height: 13px;
}*/

    .album-block .btn {
        padding: 2px;
    }
    .album-hover-button .btn {
        margin: 0;
        padding: 7px 10px;
    }
    .category-gift-blk .col-md-6.col-sm-6.checkbox.custom-checkbox {
        width: 100%;
    }
    .forms-wrapper select.visibility-type {
        font-size: 9px;
    }
    ul#activity_visibility_dropdown .checkbox label {
        padding-left: 26px;
    }
    .raing-block {
        margin: 0 15px 10px;
    }
    .btn-xs,
    .btn-group-xs > .btn {
        padding: 1px 3px;
        font-size: 11px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .notes-bg-wrapper {
        /*    padding: 42px 22px 5px;*/
    }
    .date1 {
        padding: 3px 7px;
        font-size: 13px;
    }
    .list-inline > li {
        padding-left: 0px;
    }
    .user-list li .badge {
        left: 35px;
        top: 30px;
    }
    .custom-search-btn .btn-connect {
        font-size: 12px;
        min-width: 0;
        padding: 8px 5px;
        min-width: 60px;
    }
    .new-event-checkbox .btn {
        min-width: 95px !important;
    }
}
@media (max-width: 1340px) {
    span.rate_star {
        font-size: 9px;
    }
    .notes-bg-wrapper {
        /* width: 93% !important; */
        /*height: auto !important;*/
        /* -webkit-transform: skew(5deg) !important;
        -moz-transform: skew(5deg) !important;
        -o-transform: skew(5deg) !important; */
        background: #fff071 !important;
        margin: 0 0 5% 0% !important;
        background-image: none;
        position: relative;
        overflow: visible;
    }
    .profilerating-sect .raing-block label {
        width: 120px;
    }
    .profilerating-sect .raing-block {
        margin-bottom: 0;
    }
    .rate-star {
        padding: 0;
    }
    /*.album-wrapper .btn {
    padding: 8px 7px;
    font-size: 12px;
}*/
    button.multiselect {
        min-width: 109px;
    }
    span.multiselect-selected-text {
        font-size: 9px;
        width: 88%;
    }
    .notes-bg-blk {
        min-height: 0;
        /* -webkit-transform: skew(-5deg) !important;
        -moz-transform: skew(-5deg) !important;
        -o-transform: skew(-5deg) !important; */
    }
    .notes-pin-img {
        display: none;
        position: absolute;
        left: 45%;
        top: -5px;
    }
}
@media (max-width: 1370px) {
    .event-blk ul li {
        float: left !important;
        /* width: auto; */
        margin: 0 auto;
    }

    .navbar-nav > li > a {
        font-size: 14px;
    }
    .item > .item_box > img {
        object-fit: cover;
    }
    .profile-container .pro-pic img.img-circle {
        width: 220px;
        height: 220px;
    }
    .pro-pic img {
        height: 200px;
        width: 200px;
    }
    #timelineBackground img.img-responsive.bgImage {
        margin-top: 0 !important;
        width: 100% !important;
    }
    .profile-info.forms-wrapper.connection-wrapper.spend-wrapper.plain-bg
        .container {
        max-width: 100% !important;
    }
    .profile-wrapper {
        min-height: 0;
    }
    .feedback-block a {
        margin: 25px 0 0px;
        font-size: 10px;
    }
    .navbar-brand {
    }
    .invite-selected-btn {
        /* width: 93px; */
    }
}
/*@media(max-width: 1370px){

.col-sm-12.custom-search-btn {
text-align: center;
}
.custom-search-btn a.btn-connect {
margin: 0 auto 10px;
text-align: center;
}
.custom-search-btn form
{
text-align: center;
}
.custom-search-btn .btn-connect {
float: none;
margin: 0 auto 10px;
text-align: center;
}

}
*/
@media (max-width: 1300px) {
    .wink-img {
        bottom: 15px;
        z-index: 999;
    }
    .pro-pic img {
        height: 180px;
        width: 180px;
    }
    .giftinner .coin {
        font-size: 18px;
    }
    .giftinner .worth h3 {
        font-size: 12px;
    }
    header .dropdown button.btn-default.dropdown-toggle,
    .btn-group.bootstrap-select.form-control,
    .bootstrap-select > .dropdown-toggle {
        min-width: 129px;
    }
    .wink-wraper-new.pull-left .inline p {
        font-size: 13px;
        margin: 0 0 3px !important;
    }
    .wrink-pic img {
        object-fit: cover;
        float: none !important;
        border-radius: 100%;
    }
    .bgSave {
        top: 256px;
    }
    #timelineBackground {
        /*height: auto;*/
        /*min-height: 350px;*/
        /*max-height: 350px;*/
    }

    .new-event-checkbox {
        padding: 0;
        margin: 0;
    }
    .new-check-btn-event .connection-checkbox label {
        line-height: 12px;
        font-size: 13px;
        padding-left: 25px;
    }
    .new-check-btn-event .connection-checkbox label::before {
        left: 12px;
    }
}
/* new css for bg image */
@media (max-width: 1230px) {
    div#timelineBackground {
        /*height: auto;*/
    }
}
@media (max-width: 1215px) {
    .evebt-detai-class {
        min-height: 162px;
    }
}
/* new css for bg image end */
@media (max-width: 1200px) {
    .overlay .text p {
        font-size: 23px;
        padding: 15px;
    }

    .list-unstyled.text-left div a img {
        width: 60px;
    }

    .event-txt {
        width: 87%;
        margin-left: 3%;
    }
    #itemslider h4 {
        font-size: 9px;
    }
    a.pickup-btn {
        padding: 6px 6px;
    }
    a.sidebar-msg-btn {
        min-width: 0;
        padding: 8px 5px;
    }
    div#tabs ul.nav-tabs li a {
        padding: 8px 8px;
    }
    .my-account-tab ul#user_module_tab li {
        margin: 0 4px 0 0px;
    }
    .evebt-detai-class {
        min-height: 211px;
    }
    div#tabs .profile-info {
        padding: 0 !important;
    }
    .left-sidebar-panel1 ul#menu-content li {
        display: block;
        overflow: hidden;
    }
    .event-list-wrapr .evebt-detai-class .event-txt {
        font-size: 12px;
    }
    header .dropdown button.btn-default.dropdown-toggle,
    .btn-group.bootstrap-select.form-control,
    .bootstrap-select > .dropdown-toggle {
        min-width: 100px;
    }
    .event-wraper-main {
        margin: 0 0 10px;
    }
    .event-blk p span {
        font-size: 15px;
    }
    .checkbox.custom-checkbox.connection-checkbox.pull-right label {
        padding-left: 29px;
    }
    .new-event-checkbox .connection-checkbox {
        /* text-align: left;
        padding-left: 15px; */
    }
    /*.new-event-checkbox {
    width: 100%;
}*/

    .new-event-checkbox .btn {
        padding: 7px 5px !important;
        font-size: 10px !important;
        min-height: 0;
        /*margin-top: 6px !important;*/
    }

    .sm-text label {
        min-width: 0;
    }
    .wrink-pic.pull-left {
        /*width: auto;*/
        text-align: center;
        /*float:none !important;*/
        border-radius: 100%;
    }
    .col-sm-12.col-md-6 .sm-text label {
        min-width: 116px;
    }
    .col-sm-12.col-md-12 .sm-text label {
        min-width: 116px;
    }
    .img-info.wink-sidebar .wrinkl-list li {
        min-height: 0;
        display: block;
        overflow: hidden;
    }
    .wink-wraper-new .btn {
        display: inline-block;
        padding: 4px 10px !important;
    }
    .wink-wraper-new.pull-left {
        /*width: 100%;*/
    }
    .profile-wrapper {
        min-height: 0;
    }
    .button-group-wrapper1 .btn {
        padding: 5px 7px;
        font-size: 11px;
    }
    .pd-180,
    .pd-230 {
        padding: 40px 10px;
    }
    .event-edit-btns .fa {
        padding: 6px 6px;
        font-size: 15px;
    }
    .btn-back {
        float: none !important;
    }
    .pd-70 {
        padding: 10px !important;
    }
    .pad-80 {
        padding: 20px 10px;
    }
    .container {
        max-width: 100% !important;
    }
    /*.date1 {*/
    /*    padding: 5px;*/
    /*    font-size: 12px;*/
    /*}*/
    .date1 {
        padding: 3px 10px;
        font-size: 13px;
    }
    .btn-group-cls .btn {
        margin: 0 2px 10px;
    }
    .connection-block {
        display: block;
        overflow: hidden;
        padding: 0;
    }
    .leftexp .expbox::before,
    .rightexp .expbox::before {
        content: none;
    }
    .new-check-btn-event .connection-checkbox label::before {
        left: 12px;
    }
    .new-check-btn-event .connection-checkbox label::after {
        left: 33px !important;
    }
    .checkbox label.notifyguest-label::after {
        left: 17px !important;
    }
}
@media (max-width: 1190px) {
    .profile-container .pro-pic img.img-circle {
        width: 175px;
        height: 175px;
    }
    .feedback-block a {
        font-size: 9px;
    }
}
@media (max-width: 1170px) {
    .feedback-block a {
        margin: 2px 0px 5px 40px !important;
        font-size: 10px;
    }
    .buy-gold-paragraph p {
        display: block;
        margin: 0;
        padding: 0 0 3px;
    }
}
@media (max-width: 1100px) {
    .pd-lr-20 {
        padding: 0 10px;
    }
    .nav-icon li {
        padding: 0 0px;
    }
    header.hidden-xs .nav.navbar-nav img.icon {
        width: auto;
    }
    .event-overlay-blck-message span img {
        width: 30px;
    }
    .event-overlay-blck-message p {
        margin: 31px 0px 0 7px;
        font-size: 16px;
    }
    .event-description {
        padding: 8px 8px !important;
        margin: 15px 0 20px !important;
    }
    .col-md-3.col-sm-12 a.btn.btn-connect.btn-event-view.event-description {
        margin: 5px 5px 20px !important;
    }
    .event-overlay-blck-message {
        left: 23%;
        top: 106px;
    }
    .event-overlay-blck-message {
        position: absolute;
        left: 12%;
        top: 52px;
    }
    .sponser-common-rating {
        padding-top: 0px;
    }
    .new-event-checkbox .btn {
        min-width: 83px !important;
    }
    .new-check-btn-event .connection-checkbox label::before,
    .new-check-btn-event .connection-checkbox label::before {
        left: 10px;
    }
    .checkbox label.notifyguest-label::before {
        left: -5px;
    }
    .comment label.error {
        top: 100px;
        font-size: 12px;
        line-height: 14px;
        right: 2px;
        left: 12px;
    }
    .profile-detail li {
        padding: 10px 0px;
    }
    .checkbox label {
        font-size: 12px;
        padding-left: 7px;
    }
    .notificaton-setting.popup-checkbox .checkbox label {
        padding-left: 26px !important;
    }
    div#addlist .checkbox label {
        padding-left: 30px;
    }
    .add_friend_list_blcok .checkbox.custom-checkbox.connection-checkbox {
        width: 47%;
    }
    .event-sidebar .checkbox label {
        font-size: 12px;
        padding-left: 25px;
    }
    #timelineBackground {
        /*max-height: 300px;*/
        /*min-height: 300px;*/
    }
    .bgSave {
        top: 226px;
    }
    #timelineBackground img.img-responsive.bgImage {
        margin: 0 !important;
    }
    .sponser-text .back-btn-cls.pull-left {
        margin: 0 0 0 0px;
    }
    ul.list-unstyled.wrinkl-list .btn {
        padding: 2px;
        font-size: 11px;
    }
    ul.list-unstyled.wrinkl-list .btn img {
        width: 10px;
    }
    ul.list-unstyled.wrinkl-list p {
        /*font-size: 12px;*/
        font-size: 14px;
    }
    .profilerating-sect .raing-block label {
        width: 100px;
    }
}
@media (max-width: 1050px) {
    .profilerating-sect .raing-block label {
        width: 110px;
    }
    .btn {
        /*min-width: 60px !important;*/
    }
    .invite-selected-btn {
        /* width: 110px; */
    }
}
.event-detail-btn {
    min-width: 202px !important;
}
@media (max-width: 1210px) {
    span.request-txt {
        display: none;
    }
    .access-btn span.request-img-btn {
        display: block;
    }
    .access-btn .btn {
        padding: 7px 7px;
        margin-top: 10px;
    }
    span.request-txt {
        display: block;
    }
    .custom-search-btn .btn-connect {
        min-width: 50px;
    }
    .model-content h4 {
        font-size: 13px !important;
    }
    .profile-container h2 {
        font-size: 23px;
    }
}
@media (max-width: 976px) {
    .innerblog1 .preview p.gray.text-center,
    .padding-checkout .checkimg.preview p.gray.text-center {
        display: none;
    }
    .wink-img.visible-ipad-class {
        top: 75px;
    }
    .animated .col-sm-6.paddleft:last-of-type .rightexp:after {
        content: "";
    }
    .notification-setting .checkbox label {
        padding-left: 30px;
    }
    div#js-virtual-product .model-content h4 {
        font-size: 12px !important;
    }
    .feedback-block a {
        margin: 23px 0px 5px 8px !important;
        font-size: 10px;
    }
    div#js-virtual-product .model-content p b {
        font-size: 10px;
    }
    .navbar-brand > img {
    }
    div#js-virtual-product .main-data-hight img {
        width: 17px;
    }
    .img-info.sidebar-pd5,
    #js-feed-activity-post {
        padding: 0 10px !important;
    }
    .albm-btns .btn-connect {
        font-size: 10px;
        padding: 8px 5px;
    }
    .img-info h5 {
        padding: 20px 5px;
    }
    .img-info.wink-sidebar .wrinkl-list li {
        padding: 7px 0px;
    }
    div#sponser-block .owl-next {
        right: -3px;
    }
    div#edit_album_images_dropzone,
    div#edit_activity_images_dropzone,
    div#edit_activity_videos_dropzone,
    div#edit_album_videos_dropzone {
        margin: 0 20px !important;
    }
    .search-event-img {
        min-height: 312px !important;
    }
    p.notification-time {
        font-size: 11px;
    }
    .close-back-btn.event-view {
        top: -6px;
        right: 4px;
    }
    .close-back-btn.event-view .fa {
        font-size: 15px;
    }
    .title-side-btn {
        top: 10px;
    }
    .event-fa .fa {
        font-size: 13px;
        padding: 3px 0 0;
    }
    .notes-pin-img {
        top: -11px;
    }
    h5.event-host {
        font-size: 10px;
    }
    /*.event-detail-wrapr {
    min-height: 505px !important;
}*/
    .event-wraper-main {
        margin: 0 0 5px;
    }
    .notes-bg-wrapper {
        /* width: 95% !important;
        -webkit-transform: skew(3deg) !important;
        -moz-transform: skew(3deg) !important;
        -o-transform: skew(3deg) !important; */
    }
    .notes-bg-blk {
        /*
        -webkit-transform: skew(-2deg) !important;
        -moz-transform: skew(-2deg) !important;
        -o-transform: skew(-2deg) !important;
        */
    }
    .event-blk p span {
        font-size: 16px;
    }
    .even-title {
        padding: 0 0 4px;
    }
    .model-content .content .demo > div {
        max-height: 130px;
        min-height: 130px;
    }
    .sponser-img.count-image {
        padding: 10px;
    }
    .event-blk .img-container {
        padding: 0px 15px 20px;
    }
    .profile-detail {
        margin: 12px 0px;
    }
    .footer-bottom-block {
        padding: 12px 15px 0 15px !important;
    }
    .event-content h2 {
        font-size: 18px;
    }
    .event-list-wrapr h5 {
        font-size: 11px;
    }
    h3.sponser {
        font-size: 18px;
    }
    #panel-2 p {
        line-height: 11px;
        padding: 4px 0 0;
    }
    div#sponser-block .item {
        width: auto !important;
        border: 0;
        padding: 0;
    }
    div#sponser-block .item p {
        font-size: 12px;
    }
    .discussion-reply {
        padding: 30px !important;
    }
    .row.shrae-wrapper-edit {
        clear: both;
    }
    .container-fluid.about-bg.registration-bg {
        min-height: 500px;
    }
    .month {
        font-size: 11px;
    }
    .content-wrapper {
        font-size: 14px;
    }
    .img-info h5 {
        font-size: 11px;
        line-height: 17px;
    }
    .profile-info {
        font-size: 12px;
    }
    .img-container {
        padding: 0px 10px 20px;
    }
    span#touchInfo {
        display: inline-block;
        border-left: 1px solid;
        padding: 0 5px 0 5px;
    }
    .container {
        max-width: 1170px !important;
        width: 100% !important;
    }
    h3.title {
        font-size: 20px;
    }
    /*.wrink-pic img {
    width: 60px;
    height: 57px;
}*/
    .btn-back {
        float: none !important;
    }
    .model-content h4 {
        font-size: 13px !important;
        margin-bottom: 0;
        min-height: 30px;
    }
    #paymentForm #card_number {
        width: 77%;
    }
    .list-inline > li {
        padding-left: 2px;
    }
    .profile-container h2 {
        font-size: 15px;
    }
    .profile-container label {
        font-size: 14px;
    }
    /*
    #timelineBackground {
    height: 338px;
}
    */
    /* new css for bg image */
    #timelineBackground {
        height: auto;
    }
    /* new css for bg image end */
    .profile-container p {
        font-size: 16px;
    }

    .custom-search-btn .btn-connect {
        min-width: 63px;
    }
    .checkbox label {
        margin-bottom: 0px;
        color: #a19f9f;
        font-size: 13px;
        padding-left: 8px;
    }
    div#addlist .checkbox label {
        padding-left: 25px;
    }
    .bgSave {
        top: 25px;
    }

    .pd-70 {
        padding: 20px !important;
    }
    .connection-block {
        padding: 40px !important;
    }
    /* .profile-container {
    position: relative;
    width: 100%;
}
    */

    .model-content h4 {
        font-size: 14px !important;
    }
    .profile-info-galley img {
        height: auto;
        min-height: 0;
    }
    .col-sm-6.paddleft {
        width: 100%;
    }
    .experience-blcok .col-sm-6.paddleft:nth-child(2n + 1) {
        border-right: 0;
    }
    .leftexp {
        padding-right: 0;
        padding-top: 0;
    }
    .leftexp br {
        display: none;
    }
    .leftexp:after {
        content: "|";
        position: absolute;
        left: 50%;
    }
    .rightexp {
        margin-bottom: 25px;
    }
    .rightexp br {
        display: none;
    }
    .rightexp:after {
        content: "|";
        position: absolute;
        left: 50%;
    }
    .col-sm-6.paddleft {
        position: relative;
    }
    /* edit profile button display none start */

    /* div#timelineShade {
    display: none !important;
} */

    /* edit profile button display none end */
}
@media (max-width: 1099px) {
}
@media (max-width: 1000px) {
    .model-content .custom-search-btn {
        /*padding: 0 5px 0 5px;*/
    }
    .model-content h4 {
        font-size: 12px !important;
    }
    .event-content .event-fa {
        width: 9%;
    }
    .error_wrapper {
        background: url(../images/error-bg.jpg);
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
    }
    .body_container.body_container_custom {
        min-height: 0 !important;
    }
}
@media (max-width: 991px) {
    .custom-popup-form .form-control {
        border-radius: 4px !important;
    }
    /* form#change_membership_plan .btn {
        font-size: 10px;
        padding: 5px;
    } */
    .custom-popup-form .input-group.stylish-input-group {
        width: 100%;
        padding: 0 15px;
    }
    #timelineBackground {
        max-height: 250px;
        min-height: 250px;
    }
    div#tabs ul.nav-tabs li a {
        padding: 8px 4px;
    }
    .event-content {
        padding: 8px 0px;
    }
    .event-content h2 {
        font-size: 16px;
    }
    .my-account-tab ul#user_module_tab li {
        margin: 0 1px 0 0px;
    }
    .custom-search-btn .btn-connect {
        font-size: 12px;
        padding: 8px 2px;
        margin: 0 1px 5px 3px !important;
        min-width: 87px;
    }
    #push,
    #footer {
        height: auto !important;
    }
    #wrap {
        margin: 0;
    }
    .footer-logo {
        float: none !important;
    }
    ul.footer-menu.footer-menu-blk li {
        text-align: center;
        display: inline-block;
        float: none;
        margin-bottom: 7px;
    }
    .footer-bottom-block {
        text-align: center !important;
    }
    ul.footer-menu.footer-menu-blk {
        width: 100%;
        text-align: center;
    }
    .footer-logo img {
        margin: 0 auto 15px;
    }
    .model-content h4 {
        font-size: 13px !important;
    }
    .discussiotitle {
        padding: 12px 10px !important;
    }
    .button-group-wrapper1 .btn {
        padding: 5px 7px;
        font-size: 13px;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
    /*img.tag-user {*/
    /*    width: 100px;*/
    /*    top: -6px;*/
    /*    right: -6px;*/
    /*}*/
    .thumbnail-image {
        /* min-height: 130px;*/
        position: relative;
    }
    .wrink-list {
        position: absolute;
        bottom: 5px;
        right: 17px;
        width: 30px;
    }
    a.wrink-list.edit-connection img {
        width: 30px;
    }

    .model-content-image {
        min-height: 0 !important;
    }
    /*.event-detail-wrapr {
    min-height: 505px !important;
}*/
    .search-event-img {
        min-height: 315px !important;
    }
    .footer-bottom-block {
        font-size: 12px;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1042px) {
    .col-sm-4.col-md-6.col-xs-12.search-container {
        padding-left: 35px;
    }
    ul.lipart1.custom-ipad-cls-hide li a .imgbg,
    .new_profile .img6,
    .new_profile .img6:hover,
    .new_profile .img4,
    .new_profile .img4:hover {
        background-color: transparent !important;
    }
    .btn-xs,
    .btn-group-xs > .btn {
        font-size: 9px;
    }
    .access-btn .btn {
        padding: 7px 7px;
        margin-top: 0px;
    }
    .model-content-lists {
        width: 50% !important;
    }
    .model-content-full {
        width: 33.33333333% !important;
    }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
    ul.list-unstyled.wrinkl-list li p .inline {
        clear: both;
    }
    ul.lipart1.custom-ipad-cls-hide li a .imgbg,
    .new_profile .img6,
    .new_profile .img6:hover,
    .new_profile .img4,
    .new_profile .img4:hover {
        background-color: transparent !important;
    }
    ul.list-unstyled.wrinkl-list .inline {
        display: block;
        clear: both;
        text-align: center;
    }
    .paymntimg {
        padding-left: 0px;
    }
    .wrink-pic.pull-left {
        width: 50%;
        text-align: center;
        /*float:none !important;*/
        border-radius: 100%;
    }

    .wink-wraper-new.pull-left {
        width: 50%;
        margin-top: 10px;
    }
    #hostDesktop {
        float: right;
        width: 100%;
    }
}
@media (max-width: 1048px) {
    .profile-container ul.list-unstyled li a {
        font-size: 11px !important;
        padding: 0 10px !important;
        min-width: 0;
        line-height: 27px !important;
    }
    .profile-container .btn-connect {
        color: #ffffff;
        font-size: 12px;
        background-color: #e8c26b;
        min-width: 0px;
        min-height: 0px;
        margin-bottom: 20px;
        float: right;
        padding: 5px 10px;
    }
    .profile-container .pro-pic ul.list-unstyled li a {
        margin: 20px 6px;
    }
}
@media (max-width: 767px) {
    .list-unstyled.text-left div a img {
        width: 80px !important;
    }
    .container-fluid.about-bg {
        padding-left: 0;
        padding-right: 0;
    }
    .container-fluid .container {
        padding-left: 0;
        padding-right: 0;
    }
    .footer-logo img {
        width: 110px;
    }
}
@media (max-width: 991px) {
    .albm-btns .btn-connect {
        font-size: 12px;
        padding: 8px 8px;
    }

    .pull-right.text-right .fa-trash {
        font-size: 17px;
        margin-left: 0px;
        position: relative;
        top: 1px;
        color: #e8c26b;
    }

    .card-description {
        position: relative;
        left: -20px;
    }

    .col-sm-12.access-btn {
        padding: 0;
    }

    .access-btn .btn {
        padding: 7px 10px;
        margin-top: 10px;
        min-width: 0 !important;
    }

    .giftinner #slider-control img {
        padding-top: 475% !important;
        width: 21px !important;
    }

    .sponser-text {
        font-size: 10px;
    }

    .giftinner h3 {
        font-size: 16px;
    }

    .giftinner .whitesize {
        font-size: 12px;
    }

    .refer-friend .js-fb-refer {
        top: -49px;
        right: auto;
        left: 0;
    }

    .refer-friend .title-side-btn {
        top: -49px;
    }

    .refer-friend-wrapper1 {
        padding-top: 100px !important;
    }

    .content-wrap.share-image-wrapper h4 .pull-right.text-right {
        padding-top: 13px;
    }

    .feedback-block a {
        position: absolute;
        top: 2px;
        right: 20px;
        font-size: 13px;
    }

    .profile-container .pro-pic img.img-circle {
        width: 135px;
        height: 135px;
    }

    .visible-form-blk .col-md-2.col-sm-12 {
        display: inline-block;
        width: auto;
    }

    .cropper .img-preview-name-text {
        padding: 0px 0 2px;
        font-size: 15px;
    }

    .cropper .docs-tooltip {
        display: block;
        margin: -6px -12px;
        padding: 3px 5px;
    }

    .visiblity-dropdown {
        left: -51px;
    }

    .reg-btn .btn {
        font-size: 11px !important;
        padding: 4px 10px !important;
    }

    label.document-required {
        width: 84%;
        /*float: left;*/
    }

    form#settings .visible-form-blk {
        margin: -6px 0 0 61px;
        top: -6px;
        left: 0;
    }

    form#upload_documents_form {
        width: 100%;
        padding: 20px 35px;
    }

    .reg-btn {
        padding: 0;
    }

    .buy-gold-coins img {
        width: 136px;
    }

    .buy-gold-coins {
        top: -24px;
    }

    .buy-gold-strip-text {
        top: 14px;
        font-size: 10px;
    }

    .buy-gold-save {
        font-size: 14px;
    }

    .forms-wrapper select.visibility-type,
    .forms-wrapper select.visibility-type:focus {
        background-position: 98% 17px;
        background-size: 7.5px;
    }

    .forms-wrapper select.visibility-type {
        font-size: 13px;
    }

    a.sidebar-msg-btn {
        margin: 10px 0 !important;
    }

    div#tabs ul.nav-tabs li a {
        font-size: 12px;
    }

    form#frm_add_success {
        padding: 0 15px;
    }

    .notificaton-setting {
        width: 100%;
        margin: 0 auto;
        padding-left: 60px;
    }

    a.text-right.cl-text.js-clear-filter {
        margin: 10px 0 !important;
        display: block;
    }

    .profile-container p {
        font-size: 13px;
    }

    .col-sm-12.col-md-3 .pdng img {
        margin: 0 auto;
    }

    ul.list-unstyled.text-left li a {
        font-size: 10px;
    }

    ul.list-unstyled.text-left li img {
        width: 18px;
    }

    .list-unstyled.text-left div a img {
        width: 70px;
    }

    .list-unstyled.text-left div a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .list-unstyled.text-left div {
        line-height: 1.2;
        text-align: center;
        font-weight: 500;
        height: 116px;
    }

    .list-unstyled.text-left.row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .navbar-header.logo-wrapr img {
        padding-top: 3px;
    }

    .myactivities_wrapper.my-message-wrapper .pdlr0 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    form#frm_add_success .success-error label.error {
        left: -217px;
    }

    .invite-event-blcok.event-invite-all.add_friend_list_blcok.model-content {
        width: 100% !important;
    }

    .title-side-btn {
        top: 0px;
    }

    ul#js-added-people li {
        width: 100%;
    }

    .evebt-detai-class {
        min-height: 230px;
    }

    h5.event-host {
        font-size: 13px;
    }

    .rate-star {
        display: inline-block;
        overflow: hidden;
        padding: 5px 8px 0 5px;
    }

    .profile-detail li {
        padding: 3px 0px;
    }

    label.networth_amount_msg {
        left: 149px;
        top: -33px;
    }

    .profile-container {
        width: 62%;
    }

    .new-event-checkbox .btn {
        min-width: 73px !important;
    }

    .new-check-btn-event .connection-checkbox label::after {
        top: 3px;
    }

    #paymentForm label {
        font-size: 13px;
    }

    span.rating-label {
        margin: 0 0 0 16px;
        font-size: 11px;
    }

    span.rate_star {
        font-size: 9px;
    }

    .inputLeft {
        width: 42px !important;
    }

    .evwnt-wrapper {
        min-height: 0;
    }

    .event-img {
        height: auto;
    }

    .event-invite-all {
        /* float: left !important;
        width: 100% !important; */
    }

    .new-check-btn-event .connection-checkbox label {
        line-height: 10px;
        padding: 8px 0 0 25px;
    }

    .new-check-btn-event .connection-checkbox label::before,
    .new-check-btn-event .connection-checkbox label::before {
        left: 11px;
    }

    .new-check-btn-event .connection-checkbox label::after {
        left: 45px;
    }

    .raing-block {
        margin: 0 0px 15px 25px;
    }

    .raing-block label {
        padding: 4px 7px;
        font-size: 11px;
    }

    .rating-wrapper .sponser-common-padding {
        padding-top: 20px !important;
    }

    #myModal .input-group.stylish-input-group {
        width: 100%;
        padding: 0 15px;
    }

    div#js-people-suggestion ul#ui-id-2 {
        top: 99px !important;
        left: 17px !important;
        width: 95% !important;
    }

    div.js-people-suggestion ul#ui-id-2 {
        top: 99px !important;
        left: 17px !important;
        width: 95% !important;
    }

    div#addPeople div.js-people-suggestion ul#ui-id-2 {
        top: 50px !important;
        left: 31px !important;
        width: 90% !important;
    }

    .message-caht-wrapper {
        min-height: 0;
    }

    .wink-wraper-new.pull-left .inline p {
        font-size: 12px;
    }

    .forms-wrapper .button-group-wrapper {
        margin: 20px 5px 10px;
    }

    .date1 {
        padding: 3px 10px;
        font-size: 13px;
    }

    .sm-text .date1 {
        font-size: 13px;
    }

    .new-blank-row {
        padding: 90px 0 0 !important;
    }

    .profile-container .btn-connect {
        color: #ffffff;
        font-size: 12px;
        background-color: #e8c26b;
        min-width: 0px;
        min-height: 0px;
        margin-bottom: 20px;
        float: right;
        padding: 5px 10px;
    }

    .share-image-wrapper-cls img {
        width: 65px;
        object-fit: cover;
    }

    .profile-container ul.list-unstyled li a {
        font-size: 11px !important;
        padding: 0 10px !important;
        min-width: 0;
        line-height: 27px !important;
    }

    .profile-container .pro-pic ul.list-unstyled li a {
        margin: 20px 1px;
    }

    .profile-container .pro-pic ul.list-unstyled li a span.caret {
        margin-right: 0;
    }

    .month {
        font-size: 11px;
        padding: 5px 7px 0 0px;
    }

    .img-info small.pull-right.text-right {
        clear: both;
        float: left;
        width: 100%;
        text-align: right;
        padding: 5px 0;
    }

    .img-info hr.style-border {
        border: 0;
    }

    div#uX {
        font-size: 11px !important;
    }

    .profile-info .price-box-fan.light-black {
        border: 0 !important;
    }

    /* #frm_album .img-container img {
height: 47px;
width: 100px !important;
} */
    .about-box br {
        display: none;
    }

    .pro-pic img {
        height: 117px;
        width: 117px;
    }

    .profile-info h4 {
        font-size: 17px;
    }

    .blank-row-header {
        padding: 0;
    }

    .fan-box.spend-box {
        margin: 10px 0 0;
    }

    .content-wrap h4 {
        font-size: 15px;
    }

    .content-wrapper {
        font-size: 14px;
    }

    h4.js-username {
        font-size: 14px;
    }

    img.altop.timline-img {
        width: 21px;
        padding: 0px 0px 0 4px;
    }

    .img-info h5 {
        font-size: 14px;
    }

    .profile-info {
        font-size: 12px;
        padding: 10px;
        padding-top: 60px;
    }

    .img-container {
        padding: 0px 10px 20px;
    }

    .navbar-header {
        float: none;
        text-align: center;
        padding-right: 0px;
    }

    a.navbar-brand {
        margin: 0 auto;
        text-align: center;
        float: none;
    }

    .navbar-header.logo-wrapr img {
        margin: 0 auto;
        text-align: center;
        float: none;
    }

    .pr-0 {
        padding-right: 0px;
    }

    .p-5-0 {
        padding: 5px 0px;
    }

    img.tag-user {
        width: 111px;
    }

    .wrink-list {
        position: absolute;
        bottom: 10px;
        right: 14px;
        width: 30px;
    }

    a.wrink-list.edit-connection img {
        width: 30px;
    }

    .model-content-image {
        min-height: 0;
    }

    .experience-blcok .col-sm-6.paddleft:nth-child(2n + 1) {
        clear: both;
    }

    .profile-info-galley img {
        object-fit: cover;
    }

    .expbox h5 {
        padding: 3px;
        font-size: 14px;
    }

    div#SearchParameters {
        display: block;
        overflow: hidden;
    }

    #search_content {
        display: block;
        overflow: hidden;
    }

    .spend-wrapper {
        height: auto;
    }

    span.request-txt {
        display: block;
        /*padding: 4px 0;*/
    }

    .fan-box.spend-box h1 {
        text-align: center;
    }

    .fan-box {
        height: auto;
        display: block;
        overflow: hidden;
    }

    span.request-img-btn {
        display: none;
    }

    .custom-search-btn .btn-connect {
        min-width: 0;
    }
}

@media (max-width: 1000px) {
    .navbar-nav > li > a {
        font-size: 13px;
        padding: 10px 10px;
    }
}

@media (min-width: 860px) {
    #search_div2 {
        padding: 0 25px;
    }
}

@media (max-width: 860px) {
    .body_container {
        width: 99%;
    }

    .navbar-brand {
        padding: 20px 0px !important;
    }

    .btn-group.bootstrap-select.form-control,
    .bootstrap-select > .dropdown-toggle {
        min-width: inherit;
    }

    .itembox-image-size {
        max-height: 80px !important;
        min-height: 80px;
    }

    .item_box p {
        height: 19px;
        overflow: hidden;
        font-size: 12px;
    }

    form#frm_album .img-info .img-container img {
        height: 50px;
        width: 75px !important;
    }
}

@media (max-width: 767px) {
    ul.dropdown-menu.connection-popup::before {
        position: fixed;
        top: 63px;
    }
    .smartbanner-show ul.dropdown-menu.connection-popup::before {
        position: fixed;
        top: 143px;
    }
    button.refer-btn-new1 {
        position: relative;
        float: none;
        top: 5px;
        left: -17px;
        font-size: 15px;
        padding: 10px 15px;
        /* min-width: 95px !important; */
    }

    .col-sm-12.access-btn {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .content-wrapper {
        padding: 20px 0;
    }

    .access-btn .btn {
        padding: 4px 13px;
        display: inline-block;
    }

    .add-btn-class.input-group-btn .btn {
        min-width: 0 !important;
    }

    #pricing-table {
        width: 100%;
    }

    #timelineShade {
        min-height: 74px;
    }

    .event-overlay-blck-message {
        left: 12px;
        top: 60px;
    }

    .event-overlay-blck-message span img {
        width: 30px;
    }

    .event-overlay-blck-message p {
        margin: 9px 0 0 0;
    }

    .event-overlay-blck-message {
        top: 60px;
    }

    .event-discussion .col-sm-3 img {
        float: none;
    }

    .refer-friend {
        margin-bottom: 60px;
    }

    .refer-friend .js-fb-refer {
        /*left: auto;*/
        left: 0;
        top: -49px;
        right: auto;
    }

    .refer-friend .title-side-btn {
        top: -49px;
        right: 0px;
        left: auto;
    }

    .refer-friend-wrapper1 {
        padding-top: 60px !important;
    }

    header.visible-xs
        ul.list-inline.user-list.drop-list-cls
        li
        a.mediamessage
        img {
        width: auto;
    }

    h3.title.mob-title {
        margin: 10px 0;
    }

    #pricing-table .plan {
        width: 100%;
        margin-bottom: 25px;
    }

    .product-box-btn .btn {
        min-width: 100px !important;
    }
    /* responsive header */
    .visible-xs .feedback-block {
        margin: 0 auto;
        text-align: center;
    }

    .content-wrap.share-image-wrapper h4 .pull-right.text-right {
        padding-top: 0;
        margin-top: -30px;
    }

    header.visible-xs .profile-link button.btn.btn-default {
        padding: 4px 2px;
    }

    .chatboxcontent {
        height: 120px;
    }

    .chatbox {
        width: 211px;
    }

    .visible-xs .feedback-block a {
        display: inline-block;
        width: auto;
        position: static;
        margin: 0 auto !important;
    }

    .visible-xs .navbar-toggle {
        padding: 7px 6px;
    }

    .header-padding {
        padding: 0px 8px;
        margin: 3px 0;
    }

    form#upload_documents_form {
        text-align: center;
    }

    form#upload_documents_form button.btn.btn-default.btn-register {
        display: inline-block;
        text-align: center;
        width: auto;
    }

    header.visible-xs ul.list-inline.user-list.drop-list-cls li a img {
        width: 50px;
        height: 50px;
    }
    header.visible-xs ul.list-inline.user-list.drop-list-cls li a img.plusimg {
        width: 15px;
        height: 15px;
    }

    header.visible-xs .user-profile {
        height: 50px;
        width: 50px;
    }

    header.visible-xs .user-profile img {
        width: 50px;
        height: 50px;
    }

    img.setting-icon-privacy {
        margin: 0 !important;
    }

    .connection-img img {
        width: 50px !important;
        height: 50px !important;
    }

    .search-padding {
        padding-right: 4px !important;
        padding-left: 4px !important;
    }
    /* responsive header end */
    .nav-side-menu.fans-menu ul li a img {
        margin-top: 3px;
    }

    div#success_list p.sponser-text {
        padding: 10px 10px 0;
    }

    .card-description {
        left: 0;
    }

    .plain-bg.user-document .tag-user {
        top: -10px;
    }

    form#upload_documents_form label.error {
        font-size: 11px;
        line-height: 10px;
    }

    .profile-container ul.profile-detail {
        text-align: center;
        padding: 0px 5px;
        margin: 10px 0px 0;
    }

    form#settings .visible-form-blk {
        width: auto;
        margin: 0;
        top: 37px;
        left: auto;
        right: 0;
    }

    .button-group-wrapper.center-group-btn .btn {
        margin-bottom: 7px;
    }

    .footer-contact-form-popup .modal {
        top: auto;
        bottom: 38px;
    }

    .header-search-keyword.search-container {
        margin: 0;
    }

    ul.user-gifts li {
        width: 100%;
        float: left;
        text-align: left;
    }

    .modal-header h4 {
        font-size: 12px;
    }

    .profile-container ul.profile-detail li {
        float: none;
        width: auto;
        margin-bottom: 10px;
        border: 0;
        display: inline-block;
        margin-right: 12px;
        text-align: center;
    }

    .profile-container p {
        font-size: 11px;
    }

    .profile-container label {
        font-size: 12px;
    }

    h4,
    .h4 {
        font-size: 15px;
    }

    .feedback-block a {
        top: 0px;
        right: 120px;
    }

    ul.search-person-msg li {
        width: 100%;
    }

    #message-search ul.js-tag-user-list li {
        width: 100% !important;
    }

    .price-box-fan h3 {
        font-size: 11px !important;
    }

    .fan-box h1 {
        font-size: 12px !important;
    }

    .forms-wrapper select.visibility-type,
    .forms-wrapper select.visibility-type:focus {
        background-position: 95% 17px;
        background-size: 8.5px;
    }

    .profile-container .pro-pic img.img-circle {
        width: 100px;
        height: 100px;
    }

    .shrae-wrapper-edit {
        margin: 0 0px !important;
    }

    .btn-event-view {
        padding: 8px 6px;
        font-size: 13px;
        min-height: 0;
    }

    .content-wrap {
        padding: 20px 5px 20px;
    }

    div#videogallery {
        text-align: center;
    }

    footer,
    footer ul li a {
        font-size: 12px;
    }

    .albm-dropdwn-blk ul.dropdown-menu {
        top: 46px;
    }

    .facebook-album-popup .checkbox label::before,
    .facebook-album-popup .checkboxes label::after {
        left: 10px;
    }

    .album-wrapper a.facebook-logi {
        margin-top: 0 !important;
        margin-left: 0;
    }

    div#js-video-albums {
        clear: both;
    }

    .facebook-album-popup .connection-checkbox label::after {
        left: 32px;
    }

    .facebook-video-popup .checkbox label::before,
    .facebook-album-popup .checkboxes label::after {
        left: 10px;
    }

    .img-info.wink-sidebar .wrinkl-list li {
        min-height: 0;
        display: inline-block;
        overflow: visible;
        width: 100%;
    }

    .notes-bg-wrapper {
        margin: 0 0 5% 0% !important;
    }

    form#frm_add_success .success-error label.error {
        left: 0;
    }

    .notes-bg-wrapper.profile-info {
        padding: 10px 20px;
    }

    form#frm_add_success {
        padding: 0;
    }

    a.title-side-btn {
        position: static;
        float: none !important;
        text-align: center !important;
        margin: 0 auto 10px !important;
    }

    .event-detail-wrapr {
        min-height: 0 !important;
    }

    .event-detailblock-wrapper {
        padding: 10px 0;
    }

    .event-txt {
        width: 88%;
        margin-left: 2% !important;
    }

    h5.event-host {
        font-size: 13px;
    }

    .event-info-btn {
        margin-bottom: 20px;
    }

    .event-detail-wrapr .custom-search-btn .btn {
        padding: 6px 15px !important;
    }

    .event-detail-wrapr .event-bottom-blk .btn {
        padding: 8px 2px !important;
    }

    .no-border-plain-bg {
        padding: 23px;
    }

    .notes-pin-img {
        top: -26px;
    }

    .profile-container .tag-user img {
        /*width: 148px !important;*/
        top: -2px !important;
        right: 0;
    }

    form#edit_networth_form .error {
        font-size: 10px;
    }

    div#addevent .modal-dialog {
        width: auto;
    }

    .add_friend_list_blcok .checkbox.custom-checkbox.connection-checkbox {
        width: 100%;
    }

    .evebt-detai-class {
        min-height: 0;
    }

    .event-list-wrapr {
        min-height: 0;
    }

    .new-tab-panel-wrapper .my-account-tab ul#user_module_tab li a {
        border-bottom: 1px solid #7a7878;
    }

    p.notification-time {
        font-size: 11px;
    }

    .pd-lr-20 {
        padding: 0 3px;
    }

    p.notification-time {
        float: left;
        padding: 2px 0;
    }

    .search-holder-name p {
        font-size: 16px;
    }

    .search-holder-name small {
        font-size: 14px;
    }

    #filters li span {
        display: block;
        padding: 8px 13px;
    }

    .plan-details {
        padding: 0 9px 15px;
    }

    p.delete-icon.pull-right {
        float: left !important;
        padding: 10px 5px 0;
    }

    .new-check-btn-event .connection-checkbox label::before,
    .new-check-btn-event .connection-checkbox label::before {
        left: 10px;
    }

    .new-check-btn-event .connection-checkbox label::after {
        left: 32px;
    }

    .new-check-btn-event .connection-checkbox label {
        line-height: 12px;
        font-size: 13px;
        /* padding: 3px; */
    }

    .checkbox label.notifyguest-label::before {
        left: -5px;
    }

    .profile-info-galley .lightgallery-element img.img-responsive.mrgb20 {
        margin: 10px auto;
        width: auto;
    }

    .profile-info-galley .lightgallery-element .item {
        margin: 0;
        width: auto !important;
    }

    .col-sm-12.col-md-6 .sm-text label,
    .col-sm-12.col-md-12 .sm-text label {
        min-width: 105px;
        font-size: 12px;
    }

    div#lightgallery {
        text-align: center;
    }
    div.js-virtual-gift {
        text-align: left;
    }

    .dz-message h3 {
        font-size: 15px !important;
    }

    .pdng {
        padding: 21px;
        padding-left: 0;
        padding-right: 0px;
    }

    .event-list-wrapr h4 {
        min-height: 0 !important;
    }

    div#tabs ul.nav-tabs li {
        padding: 0;
        width: 100%;
        margin: 4px 0;
        border-radius: 0 !important;
    }

    div#tabs ul.nav-tabs li a {
        border-radius: 4px !important;
        text-align: center;
    }

    .col-md-2.col-sm-2.col-xs-12 p.sponser-text:before {
        content: "Year :";
        font-weight: bold;
        padding: 0 13px 0px 0;
    }

    .col-md-7.col-sm-7.col-xs-12.sponser-line p.sponser-text:before {
        content: "Description :";
        font-weight: bold;
        padding: 0 13px 0 0;
    }

    .col-md-3.col-sm-3.col-xs-12.sponser-line .update-delete-wrapper:before {
        /*content: 'Actions :';*/
        font-weight: bold;
        padding: 0 13px 0 0;
    }

    div#js-tab-response .sponser-text {
        text-align: left;
        padding: 0 20px;
    }

    p.sponser-text.account-trans-plan::before {
        content: "Plan :" !important;
    }

    p.account-trans-amount::before {
        content: "Amount :" !important;
    }

    p.sponser-text.account-trans-datetime::before {
        content: "Date/Time : ";
        font-weight: bold;
    }

    p.account-trans-status::before {
        content: "Status : " !important;
    }

    p.account-trans-type::before {
        content: "Type : ";
        font-weight: bold;
    }

    div#js-tab-response p.sponser-text::before {
        padding: 0 10px 0 7px !important;
    }

    .profile-info.connection-wrapper .scrollbar-inner {
        width: 100% !important;
    }

    .profile-info.connection-wrapper .scrollbar-inner .scrollbar-inner {
        width: 100% !important;
    }

    .nav-side-menu {
        position: relative;
        width: 100%;
        /* margin-bottom: 10px; */
    }

    .event-content {
        padding: 8px 0px;
    }

    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }

    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }

    .nav-side-menu {
        margin-top: 0px;
    }

    #edit_album_tab_content a#js-image-tab {
        font-size: 11px;
        padding: 8px;
        min-height: 0;
    }
}

@media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }

    .rsvp-cntr .searchboxs li {
        margin-right: 15px;
    }
}

@media (max-width: 767px) {

    #search_content{
        margin-top: 25px;
    }

    .model-content {
        /*width: 100%;*/
        margin: auto !important;
        margin-top: 7px !important;
        /*margin-bottom: 20px !important;*/
        margin-bottom: 40px !important;
    }
    .new-notification-wrapper a.notfctn-txt {
        padding-top: 0;
        display: block;
    }

    .giftinner .whitesize {
        font-size: 9px;
        display: inline-block;
        margin-bottom: 12px;
    }

    div#match_criteria_owl .item {
        /*padding: 0 15px;*/
    }

    /* .tag-user img {
        width: 67px;
    } */
    .tag-user-mobile {
        right: 0px;
    }
    div#match_criteria_owl .owl-prev {
        left: 0px;
    }

    div#match_criteria_owl .owl-next {
        right: 0;
    }

    div#feedbackModal textarea {
        height: 110px !important;
    }

    div#feedbackModal .form-control {
        height: 30px;
    }

    div#feedbackModal h4 {
        font-size: 15px !important;
        margin: 0 0 0px 0 !important;
    }

    .warning-msg-block {
        width: 100%;
        padding: 1px 5px 5px;
        display: block;
        margin: 5px 0px;
    }

    .warning-msg-block p {
        padding: 0;
        display: inline-block;
        padding: 2px 10px !important;
        font-size: 10px;
        line-height: 14px;
    }

    .warning-msg-block .btn-connect {
        font-size: 10px;
    }

    .buy-gold-coins {
        top: -11px;
    }

    .buy-gold-coins img {
        width: 116px;
    }

    .visiblity-dropdown {
        left: 15px;
    }

    .buy-gold-strip-text {
        top: 23px;
    }

    .buy-gold-save {
        font-size: 13px;
    }

    div#content {
        clear: both !important;
    }

    .navbar-header.logo-wrapr {
        padding-left: 15px;
    }

    header.visible-xs .navbar-header.logo-wrapr {
        padding-left: 0px;
    }

    a#repositionBackground {
        right: 39px;
    }

    .timelineUploadBG {
        top: 24px !important;
        right: 30px;
    }

    /*div#js-image-albums,div#js-image-activity {*/
    /*    clear: both !important;*/
    /*}*/

    a.facebook-logi {
        font-size: 11px;
        padding: 8px;
    }

    .connection-approve {
        padding: 5px 15px 10px;
        margin: 0 !important;
    }

    .notificaton-setting {
        padding-left: 0px;
    }

    p.notification-time.text-center {
        padding: 0 !important;
        /*margin: 0 !important;*/
        margin: 0 0 0 60px !important;
        position: absolute;
        top: -23px;
    }

    .btn-inline-blk {
        margin: 3px auto !important;
    }

    div#edit_album_videos_dropzone,
    div#edit_activity_videos_dropzone,
    div#edit_activity_images_dropzone,
    div#edit_album_images_dropzone {
        clear: both !important;
    }

    h3.panel_title {
        font-size: 17px;
    }

    .ui-menu-item-wrapper img {
        width: 35px;
        height: 35px;
    }

    .js-tag-user-list input.pull-left {
        margin-top: 22px !important;
    }

    .pro-pic img {
        height: 200px;
        width: 200px;
    }

    .profile-container .pro-pic img.img-circle {
        width: 200px;
        height: 200px;
    }

    form#frm_update_success,
    form#frm_update_success,
    form#frm_update_schedule {
        padding: 30px 0px;
    }

    span.rate_star {
        font-size: 12px;
    }

    .new-event-checkbox .btn {
        padding: 14px 10px !important;
        min-height: 0 !important;
        line-height: 0;
        font-size: 11px !important;
    }

    .new-event-checkbox .btn {
        min-width: 100px !important;
    }

    label.error {
        font-size: 12px;
        line-height: 16px;
    }

    .event-invite-all {
        padding-top: 10px;
    }

    div#sponser-block {
        clear: both;
        padding: 10px 0 0;
    }

    label.networth_amount_msg {
        font-size: 10px;
    }

    p.count-sr::before {
        content: "Sr.No ";
        color: #e8c26b;
        display: block;
        font-size: 14px;
    }

    ul.nav.navbar-nav li:first-of-type a {
        padding-left: 10px;
    }

    .count-image::before {
        content: "User";
        color: #e8c26b;
        display: block;
        font-size: 14px;
    }

    .count-name::before {
        content: "Name";
        color: #e8c26b;
        display: block;
        font-size: 14px;
    }

    .count-rating::before {
        content: "Rating";
        color: #e8c26b;
        display: block;
        font-size: 14px;
    }

    .remove-message,
    .remove-message-group {
        top: -7px;
        right: 0px;
    }

    .rating-wrapper .sponser-common-padding {
        padding-top: 3px !important;
        text-align: center !important;
    }

    .sponser-common-rating {
        padding: 0 25px 0;
        margin: 0 auto;
        float: none;
    }

    .collapse-wrapper {
        margin-top: 20px !important;
    }

    .first-reply-wrapper {
        padding: 0px;
    }

    .second-reply-wrapper {
        padding: 0px;
    }

    .req-btn-blk .btn {
        float: left !important;
    }

    .img-person-cls img {
        margin: 0 !important;
    }

    div#panel-about {
        padding: 0;
    }

    .sm-text span {
        margin-left: 19px;
    }

    .wink-wraper-new.pull-left {
        /*width: 70%;*/
        text-align: center;
        margin-top: 30px;
    }

    .col-sm-6.pdlr0 {
        padding: 0 15px !important;
    }

    .sponser-title {
        display: none;
    }

    .img-info.wink-sidebar .btn-back {
        float: left !important;
    }

    .sponser-text a.btn.btn-connect.back-btn-cls.pull-left {
        float: none !important;
        margin: 0 auto;
        text-align: center;
    }

    .new-message-bk .pdlr0 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .month {
        font-size: 11px;
    }

    .event-img {
        height: auto;
    }

    .left-sidebar-panel {
        min-height: 0;
    }

    .main-data-hight {
        min-height: 0;
        padding: 15px;
    }

    #paymentForm #card_number {
        width: 90%;
    }

    .event-edit-btns .fa {
        padding: 5px 5px;
        font-size: 13px;
    }

    ul.dropdown-menu.login-poup.connection-popup h5 {
        text-align: left;
    }

    #paymentForm {
        padding: 13px 10px;
    }

    .item > .item_box > img {
        width: 100%;
        /*  height: 100px;
    min-height: 100px;
    max-height: 100px;*/
        object-fit: cover;
    }

    .main-notification-blk p {
        font-size: 12px;
    }

    html {
        height: auto;
        overflow-y: unset !important;
    }
    /* new header css */
    button.menu-btn-cls {
        position: absolute;
        top: 12px;
        /*right: 0px;*/
        left: 10px;
    }

    .profile-wrapper {
        background: transparent;
    }

    .profile-container {
        margin-top: -130px;
    }

    .content-wrap h4 {
        font-size: 13px;
        margin-bottom: 7px;
    }

    .content-wrapper {
        font-size: 14px;
    }

    .evwnt-wrapper {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .btn-back {
        float: right !important;
    }

    a.btn.back-btn-responsiv {
        padding: 2px 10px;
        margin: 0 0 10px;
    }

    .profile-info-galley img {
        width: 120px;
    }

    a.navbar-brand {
        margin: 0 auto;
        text-align: left;
        float: left;
    }

    ul.list-inline.user-list.drop-list-cls {
        float: none;
        text-align: center;
        margin: 0;
    }

    ul.list-inline.user-list.drop-list-cls li {
        padding: 0 14px;
        margin: 0 0 5px;
    }

    /*header.visible-xs ul.list-inline.user-list.drop-list-cls li {*/
    /*    padding: 3px 2px 0 2px;*/
    /*}*/

    header.visible-xs ul.list-inline.user-list.drop-list-cls li {
        padding: 6px 2px;
    }

    header.visible-xs ul.list-inline.user-list.drop-list-cls {
        text-align: left;
        margin-left: 17px;
        margin-top: -2px;
        display: flex;
        justify-content: left;
    }

    ul.list-inline.user-list.drop-list-cls li ul.dropdown-menu.login-poup li {
        margin: 0 0 5px;
    }

    ul.dropdown-menu.login-poup.connection-popup.message-popup::before {
        right: 130px !important;
    }
    ul.three_navbar_list_mobile ul.dropdown-menu.login-poup.connection-popup.message-popup::before {
        right: 184px !important;
    }
    ul.dropdown-menu.notification-popup::before {
        right: 76px !important;
    }
    ul.three_navbar_list_mobile ul.dropdown-menu.notification-popup::before {
        right: 130px !important;
    }
    .login-poup {
        min-width: 260px;
        padding-bottom: 12px;
        right: 0px;
        overflow-y: auto;
        max-height: 80vh;
        overflow-x: hidden;
        margin-top: 7px;
    }

    div#bs-example-navbar-collapse-1,
    div#bs-example-navbar-collapse-11 {
        position: absolute;
        width: 94%;
        background: #000;
        top: 66px;
        z-index: 9;
        right: 24px;
    }
    /* new header css end*/
    .profile-container .br-right {
        border-right: 0;
    }

    .leftexp:after {
        left: 50%;
    }

    .rightexp:after {
        left: 50%;
    }

    .profile-container {
        position: static;
        width: 100%;
    }

    ul.profile-detail li {
        text-align: center;
    }

    #timelineShade {
        display: block;
        z-index: 9999;
    }

    .custom-search-btn {
        text-align: center !important;
        display: block !important;
    }

    .search-container {
        margin-top: 10px;
    }

    #timelineBackground {
        height: auto !important;
        min-height: 0 !important;
        max-height: inherit !important;
    }

    div#timelineBackground img {
        height: 240px;
        object-fit: cover;
    }

    .timelineUploadBG {
        top: -48px;
    }

    .sponser-wrapper {
        padding: 0 5px;
    }

    .forms-wrapper form#frm_update_event_sponser {
        padding: 10px 0;
    }

    .experience-blcok .col-sm-6.paddleft {
        border-left: 0;
    }

    .col-md-2.col-sm-12.pull-left.pdnl37 {
        float: none !important;
        padding: 0 0 10px;
    }

    a.back-btn-cls-responsive.pull-right {
        float: left !important;
        margin: 0 !important;
    }

    a.sidebar-msg-btn {
        margin: 10px 0 !important;
    }

    a.btn.btn-connect.btn-connect1.sidebar-msg-btn {
        margin: 10px 0 !important;
    }

    .group-add-blk .fa {
        font-size: 23px;
        padding: 18px 0;
        color: #000;
    }

    .model-content img {
        margin: 0;
    }

    .profile-info blockquote {
        padding: 0;
        border-left: 0;
    }

    .leftexp {
        padding-right: 0;
        padding-left: 0;
    }

    .leftexp {
        border-right: 0;
    }

    .rightexp {
        margin-top: 0;
        margin-right: 0;
    }

    .serach-view-all {
        /*text-align: left;*/
        float: left;
        padding-bottom: 7px;
    }

    .itembox-image-size {
        min-height: 196px;
    }

    .tag::after {
        height: 31px;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    .tags li {
        margin-bottom: 20px;
    }

    header {
        background-size: inherit;
    }

    #panel-about,
    #panel-1,
    #panel-2,
    #panel-sidebar,
    #panel-03,
    #panel-04 {
        display: none;
    }

    .navbar-form {
        border: none;
        box-shadow: none;
    }

    .btn-connect {
        margin-right: 10px;
        float: right;
    }

    .header-dropdown .btn-connect {
        margin-right: 0px;
    }

    .model-content {
        margin: 20px auto;
    }

    .thumbnail-image {
        min-height: 0px;
    }

    img.img-responsive.profile-image-search {
        min-height: 0;
    }

    .model-content {
        min-height: 0;
    }

    .pagination > li > a,
    .pagination > li > span {
        padding: 3px 7px !important;
    }

    .tag::after {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        background-color: #ffffff;
        width: 24.3px;
        height: 24.6px !important;
        /* left: -42px; */
        position: relative;
        -moz-border-radius: 20px;
        border-radius: 4px;
        content: "";
        position: absolute;
        right: -10px;
        top: 3px;
    }

    h2 {
        font-size: 24px;
    }

    .profile-detail {
        margin: 10px 0px;
    }

    .profile-detail li {
        padding: 20px 0px 3px;
    }

    h3.title {
        font-size: 20px;
    }

    .profile-info {
        padding: 15px;
    }
    .profile-info.connection-wrapper {
        padding-top: 60px;
    }
    .my-account-plain-bg {
        padding-top: 0 !important;
    }

    h3.title {
        /*margin: 5px 0;*/
    }

    .sponser-inner-wrapper {
        margin-bottom: 0;
    }

    .content-wrapper .forms-wrapper .row {
        /* margin: 0 -10px; */
    }
    .content-wrapper .forms-wrapper #schedule .row {
        /* margin: 0; */
    }

    .custom-search-btn {
        text-align: center !important;
        display: block !important;
    }

    span.share small {
        text-align: left;
    }

    .droup-person-img img {
        width: 80%;
        float: none;
        margin: 0 auto 10px;
    }

    .sm-text span {
        margin-left: 14px;
        font-size: 11px;
    }

    .date-button {
        padding: 2px 8px;
        font-size: 15px;
    }
    header {
        min-height: 129px !important;
    }
}

@media (max-width: 580px) {
    .connection-popup {
        right: -146px;
    }

    .visible-form-blk .col-md-2.col-sm-12 {
        padding: 0 6px;
    }

    form#settings .visible-form-blk label,
    form#settings .visible-form-blk select {
        font-size: 11px;
    }

    form#settings .visible-form-blk .visiblity-dropdown {
        left: -140px;
    }

    ul.footer-menu-blk li a {
        border: 0 !important;
        padding: 0 5px;
    }

    ul.dropdown-menu.login-poup.connection-popup {
        right: -50px;
    }

    .content-wrap h4 small {
        width: 100%;
        display: block;
        /*text-align: left;*/
        padding: 10px 0 10px 27px;
        /*margin-top: -20px;*/
    }

    .img-info small.pull-right.text-right {
        text-align: right;
        margin-top: -20px;
    }

    .img-info.wink-sidebar small.pull-right.text-right {
        /*text-align: left;*/
        /*padding: 10px 0;*/
        margin-top: -20px;
    }

    ul.dropdown-menu.login-poup .br-right {
        border-right: 0;
    }

    .login-poup h5 {
        text-align: center;
    }

    a.btn.btn-account {
        font-size: 12px;
    }

    ul.list-inline.footer-login.dropdown-footer-list li {
        padding: 0 !important;
    }

    ul.dropdown-menu.login-poup ul.list-unstyled {
        text-align: center;
    }

    .message-popup::after {
        right: 93px !important;
    }

    .user-list {
        padding: 10px 20px;
    }

    header.visible-xs .user-list {
        padding: 10px 0px !important;
    }

    .pd1030 {
        padding: 10px 30px;
    }

    .content-wrapper .forms-wrapper .row {
        margin: 0 -15px;
    }

    .navbar-header.logo-wrapr img {
        width: 109px;
        /*padding: 10px 0 0;*/
    }

    header.visible-xs .navbar-header.logo-wrapr img {
        width: auto;
    }

    .model-content {
        /*width: 100%;*/
        margin: auto !important;
        margin-top: 7px !important;
        /*margin-bottom: 20px !important;*/
        margin-bottom: 40px !important;
    }

    .wrink-list {
        bottom: 34px;
    }

    .col-sm-6.pdlr0 {
        padding: 20px 15px !important;
    }

    div#panel-about {
        padding: 0 15px;
    }

    /* ul.dropdown-menu.login-poup.connection-popup.notification-popup {
        right: -150px;
    }

    header.visible-xs
        ul.dropdown-menu.login-poup.connection-popup.notification-popup {
        right: -95px;
    } */
    /* img.tag-user {
width: 40% !important;
} */
    div#bs-example-navbar-collapse-1,
    div#bs-example-navbar-collapse-11 {
        width: 100%;
        top: 68px;
        right: 0px;
        z-index: 99999;
    }

    /* .login-poup {
        padding-bottom: 12px;
        min-width: 293px;
        right: 0px;
        overflow-y: auto;
        max-height: 80vh;
        overflow-x: hidden;
    } */

    /* ul.dropdown-menu.login-poup::before {
        right: 21px;
    } */

    ul.dropdown-menu.login-poup::after {
        right: 110px;
    }
    header {
        min-height: 129px !important;
    }
}

@media (max-width: 500px) {
    .raing-block {
        margin: 0 9px 15px;
    }

    #savedCardForm #card_number {
        width: 100%;
    }

    div#js-people-suggestion ul#ui-id-2 {
        left: 29px !important;
        width: 85% !important;
    }

    #myModal #js-tag-user-list li {
        width: 100%;
        float: left;
    }

    div.js-people-suggestion ul#ui-id-2 {
        left: 29px !important;
        width: 85% !important;
    }

    #myModal .js-tag-user-list li {
        width: 100%;
        float: left;
    }

    .wrink-pic img {
        /*width: 55px;*/
        /*height: 55px;*/
        width: 100px;
        height: 100px;
        margin-right: 5px;
    }

    header.visible-xs .user-profile {
        height: 41px;
        width: 41px;
    }

    header.visible-xs .user-profile img {
        height: 41px;
        width: 41px;
    }

    header.visible-xs ul.list-inline.user-list.drop-list-cls li {
        padding: 6px 2px;
    }

    header.visible-xs ul.list-inline.user-list.drop-list-cls li a img.plusimg {
        width: 15px;
    }

    header.visible-xs ul.list-inline.user-list.drop-list-cls li a img {
        width: 40px;
        height: 40px;
    }

    .user-list li .badge {
        left: 25px;
        top: 28px;
        padding: 2px 4px;
    }
    header.visible-xs .profile-link button.btn.btn-default {
        padding: 4px 0px;
    }
    header {
        min-height: 129px !important;
    }
    ul.dropdown-menu.login-poup.connection-popup {
        right: -40px;
    }
    ul.dropdown-menu.connection-popup::before {
        top: 58px;
    }
    .smartbanner-show ul.dropdown-menu.connection-popup::before {
        top: 138px;
    }
    .tag-user-mobile {
        top: 62px !important;
    }
    .smartbanner-show .tag-user-mobile {
        top: 142px;
    }
    ul.three_navbar_list_mobile ul.dropdown-menu.login-poup::before {
        right: 62px;
    }
    ul.dropdown-menu.login-poup.connection-popup.message-popup::before {
        right: 106px !important;
    }
    ul.three_navbar_list_mobile ul.dropdown-menu.login-poup.connection-popup.message-popup::before {
        right: 148px !important;
    }
    ul.dropdown-menu.notification-popup::before {
        right: 62px !important;
    }
    ul.three_navbar_list_mobile ul.dropdown-menu.notification-popup::before {
        right: 104px !important;
    }
}

@media (max-width: 480px) {
    /* .login-poup {
        padding-bottom: 12px;
        min-width: 293px;
        right: 0px;
        overflow-y: auto;
        max-height: 80vh;
        overflow-x: hidden;
    } */

    .map {
        padding: 0px;
    }

    .pd1030 {
        padding: 0px 15px;
    }
    header {
        min-height: 129px !important;
    }
}

@media (max-width: 450px) {
    .sl-data {
        position: absolute;
        top: 0px;
        right: 0;
    }

    div#tabs ul.nav-tabs li a {
        padding: 8px 13px;
    }

    #paymentForm #card_number {
        /*width: 74% !important;*/
        font-size: 13px;
    }

    ul.dropdown-menu.login-poup::before {
        right: 20px;
    }

    ul.dropdown-menu.login-poup::after {
        right: 60px;
    }
    .refer-friend .js-fb-refer {
        /*left: auto;*/
        /*right: 21px;*/
        /*top: 23px;*/
        /*right: auto;*/
    }

    .refer-friend .title-side-btn {
        /*top: 69px;*/
        /*right: 10px;*/
        /*left: auto;*/
    }
    header {
        min-height: 129px !important;
    }
    ul#lightgallery li {
        width: 50%;
    }
}

@media (max-width: 400px) {
    .wrink-list {
        bottom: 16px;
    }

    .login-poup {
        min-width: 260px;
        right: -8px;
    }

    .list-inline > li {
        display: inline-block;
        padding-right: 2px;
        padding-left: 2px;
    }

    .month {
        clear: both;
    }

    .month-input {
        clear: both;
    }

    #paymentForm .inputRight,
    #paymentForm input[type="text"] {
        /*width: auto !important;*/
    }
    /*.custom-search-btn.new-check-btn-event {*/
    /*    width: 100%;*/
    /*}*/
    .event-invite-all .btn-inline-blk {
        margin-left: 24px !important;
        margin-top: 10px !important;
    }
    .event-invite-all .btn-inline-blk.rejectt-btn {
        margin-left: 5px !important;
    }
}

@media (max-width: 380px) {
    ul.list-inline.user-list.drop-list-cls li {
        padding: 0 10px;
        margin: 0 0 10px;
    }

    span.rate_star {
        font-size: 11px;
    }

    .center-group-btn .btn {
        font-size: 11px;
        padding: 7px;
        min-height: 0;
    }
    ul.dropdown-menu.connection-popup::before {
        top: 55px;
    }
    .smartbanner-show ul.dropdown-menu.connection-popup::before {
        top: 135px;
    }
    .tag-user-mobile {
        top: 60px;
    }
    .smartbanner-show .tag-user-mobile {
        top: 140px;
    }
    ul.dropdown-menu.login-poup.connection-popup.message-popup {
        right: -84px;
    }
    ul.three_navbar_list_mobile ul.dropdown-menu.login-poup.connection-popup.message-popup {
        right: -128px;
    }
    ul.dropdown-menu.login-poup.connection-popup.notification-popup {
        right: -40px;
    }
    ul.three_navbar_list_mobile ul.dropdown-menu.login-poup.connection-popup.notification-popup {
        right: -84px;
    }
}

@media (max-width: 350px) {
    .wrink-list {
        bottom: 13px;
        width: 15%;
    }

    .feedback-block a {
        right: 95px;
    }

    .profile-container .pro-pic img.img-circle {
        width: 150px;
        height: 150px;
    }

    header.visible-xs ul.list-inline.user-list.drop-list-cls li {
        padding: 6px 2px;
    }

    .search-holder-name .sl-data {
        position: static !important;
        text-align: left !important;
    }

    .user-list {
        padding: 10px 17px;
    }

    header.visible-xs .user-list {
        padding: 10px 0px;
    }

    .custom-search-btn a.btn-connect {
        margin: 0 6px 0 2px;
    }

    .button-group-wrapper-new .btn {
        margin-top: 8px !important;
    }
}

@media (max-width: 300px) {
    .user-list li {
        margin-bottom: 10px;
    }
}

/* new responsive css 8 dec */

/* feed back popup rsponsive  start*/

@media (max-width: 1360px) {
    .feedback-block a {
        margin: 25px 0 0 0px;
    }

    .buy-gold-paragraph p {
        font-size: 13px;
    }

    .album-hover-button .btn {
        min-width: 0;
        width: auto;
    }

    .album-wrapper .close-back-btn {
        /*position: absolute;*/
        /*top: 0px;*/
        /*right: 5px;*/
    }
}

@media (max-width: 1024px) {
    .album-hover-button {
        position: absolute;
        top: 25%;
    }

    .album-hover-button .btn {
        margin: 0;
        padding: 8px 6px;
        font-size: 12px;
    }

    header.hidden-xs .nav.navbar-nav img.icon {
        width: auto;
    }
}

@media (max-width: 1000px) {
    .feedback-block a {
        float: none;
        margin: 0 auto;
        width: auto;
        text-align: center;
    }

    .album-hover-button {
        top: 35%;
    }

    .album-hover-button .btn {
        padding: 8px 14px !important;
    }
}
/* feed back popup rsponsive end */

@media (min-width: 320px) and (max-width: 767px) {
    .product-box-btn.text-right .btn-group .btn + .btn {
        margin-left: -13px;
    }

    .btn-gift {
        padding: 5px 10px !important;
        margin-right: 0;
    }

    ul.lipart1.custom-ipad-cls-hide li a .imgbg,
    .new_profile .img6,
    .new_profile .img6:hover,
    .new_profile .img4,
    .new_profile .img4:hover {
        background-color: transparent !important;
    }

    .album-hover-button {
        /*top: 39%;*/
        top: 30%;
        text-align: center;
    }

    .album-hover-button .btn {
        padding: 8px 14px !important;
    }

    .payment_blk.payment-popup #paymentForm .col-sm-3 {
        padding: 0 15px;
    }

    #filters li span {
        padding: 7px 25px;
    }

    .payment_blk.payment-popup #paymentForm .month-input input {
        z-index: 999;
        position: relative;
    }

    .message-user-pic {
        width: 100%;
    }

    .content .demo > div {
        max-height: 300px;
        overflow: auto;
        min-height: 300px;
    }
}

@media (max-width: 1200px) {
    .body_container .feedback-block a {
        margin: 23px 0px 5px 4px !important;
        font-size: 10px;
    }

    .list-inline > li {
        padding-left: 0px;
    }

    .refer-information {
        min-height: 160px;
    }
}

@media (max-width: 1210px) {
    .navbar-brand > img {
    }
}

@media (max-width: 1210px) and (min-width: 768px) {
    .hostButton {
        padding: 8px 2px;
    }
}
/*  new css for album */

@media (max-width: 1400px) {
    .album-box {
        display: block;
        min-height: 100px;
    }

    .album-box .video_thumb {
        height: auto;
        max-height: 200px !important;
    }

    .btn.js-set-album-cover {
        font-size: 9px;
    }

    .album-box span.botstrap-dp-img img {
        width: 21px;
    }

    .album-box .btn {
        padding: 2px 4px;
        font-size: 12px;
    }

    .profile-info.pd-70.connection-wrapper.album-wrapper {
        padding: 0 20px !important;
    }
}

@media (max-width: 991px) {
    .lightgallery-element.album-box {
        min-height: 260px;
    }

    .fixed-sidebar-bottom {
        bottom: auto;
    }
}

@media (max-width: 767px) {
    .album-box {
        height: auto;
        display: block;
        max-height: 500px;
        min-height: 100px;
        /*clear: both;*/
    }

    video.img-responsive.profile-image-search {
        margin: 0 auto;
    }

    .lightgallery-element.album-box {
        min-height: 0;
    }
    /* new css */
    .album-block h4 {
        font-size: 14px;
        margin-bottom: 6px;
        min-height: 0;
    }

    .profile-info.pd-70.connection-wrapper.album-wrapper {
        padding: 20px 20px !important;
    }

    .body_container .feedback-block a {
        margin: 0px 0px 5px 4px !important;
    }
}

@media (max-width: 991px) {
    .content .demo > div.left-message-bar {
        max-height: 784px !important;
        height: 784px !important;
    }
    /* all button same min-width start*/
    .model-content .product-box-btn .custom-search-btn {
        padding: 0;
    }

    a.cls-btn-feedback {
        min-width: 0px;
    }

    .event-detail-btn {
        min-width: 148px !important;
    }

    .album-box .btn {
        min-width: 0 !important;
    }

    .btn-connect {
        margin: 0px 4px;
        min-width: 95px;
    }
    #hostMobile {
        margin-left: auto;
        float: right;
        margin-right: auto;
        /*width: 43%;*/
    }
    .hostButton {
        margin: 0px;
        float: left;
    }
    .album-block .btn {
        min-width: 0 !important;
    }

    .album-box .btn {
        min-width: 0 !important;
    }

    header.visible-xs .profile-link button.btn.btn-default {
        padding: 0;
        min-width: 0 !important;
    }

    button.btn.dropdown-toggle {
        min-width: 0 !important;
    }

    .product-box-btn .btn {
        /*min-width: 50px !important;*/
    }

    button.btn.input-lg {
        min-width: 0 !important;
    }

    .button-group-wrapper.center-group-btn .btn {
        margin-bottom: 0;
    }

    .button-group-wrapper.center-group-btn input.btn {
        margin-bottom: 5px;
    }

    #edit_profile_info_form .button-group-wrapper.center-group-btn input.btn {
        margin-bottom: 0;
    }

    a.btn.btn-default.js-edit-networth {
        min-width: 0 !important;
    }

    .wink-wraper-new a.btn {
        min-width: 50px !important;
    }

    .profile-container .btn-connect {
        min-width: 50px !important;
    }

    .album-box img {
        width: 100%;
    }
    /* all button same min-width end*/
}

@media (max-width: 767px) {
    .album-box img {
        width: auto;
    }

    .refer-information {
        min-height: 0;
        text-align: left;
    }
}

/* gift page responsive */

/*

@media(max-width: 1400px){
.wish1 {
top: 85px;
}
}
@media(max-width: 1200px){
div#js-virtual-product .thumbnail-image {
height: 250px;
}
.wish1 {
top: 65px;
}
}
@media(max-width: 1024px){
div#js-virtual-product .thumbnail-image {
height: 215px;
}
.wish1 {
top: 55px;
}
}
@media(max-width: 991px){
div#js-virtual-product .thumbnail-image {
height: 250px;
}
.wish1 {
top: 65px;
}
}
@media(max-width: 767px){
div#js-virtual-product .thumbnail-image {
height: auto;
}
.wish1 {
bottom: 13px;
top: auto;
}
}
*/
/* gift page responsive end*/
/* gift page responsive new*/
@media (max-width: 1400px) {
    ul.dropdown-menu.login-poup li {
        padding-left: 0 !important;
    }

    .video_thumb {
        height: auto;
        overflow: hidden;
        max-height: none;
    }

    /*.evebt-detai-class {*/
    /*    min-height: 170px;*/
    /*}*/

    .profile-container li .btn {
        min-width: 0 !important;
    }

    .profile-container .pro-pic ul.list-unstyled li a {
        padding: 0px 4px;
    }

    ul.list-inline.user-list.drop-list-cls li {
        /*padding-left: 12px;*/
    }

    .buy-gold-coins.buy-gold-strip-text p {
        font-size: 11px;
    }

    .header-bg-clr .user-list li .badge {
        font-size: 14px;
    }

    .giftinner h3 {
        font-size: 15px;
    }

    .checkcoin {
        width: 88px;
    }

    .checkcoin img {
        width: 21px;
    }

    .checkcoin::before {
        border-top: 22px solid transparent;
    }

    .goldmrgn form#savedCardForm .col-md-6.col-sm-12 {
        width: 100% !important;
    }

    .goldmrgn .payment_blk.payment-popup #paymentForm .col-sm-3 {
        padding: 0px 5px;
    }

    div#js-virtual-product .thumbnail-image img.img-responsive,
    .my-order-box img.img-responsive {
        /*height: 150px;*/
        /*max-height: 190px*/
    }

    .footer-top-block .list-inline > li {
        padding-left: 18px;
    }

    .profile-container li form .btn {
        min-width: 0 !important;
    }

    .goldmrgn #paymentForm .inputLeft {
        width: 39px !important;
    }

    span.frnd-label {
        padding: 0 3px;
    }

    .profile-container li form .btn {
        height: 37px;
    }

    .profile-container .pro-pic ul.list-unstyled li a {
        height: 37px;
    }
}

@media (max-width: 1300px) {
    .goldmrgn #paymentForm .inputLeft {
        width: 29px !important;
    }

    .padding-checkout .sp-wrap {
        max-width: 327px !important;
    }

    .evebt-detai-class {
        min-height: 146px;
    }
}

@media (max-width: 1199px) {
    .profile-container li form .btn {
        min-width: 0px;
    }

    .profile-container li .btn {
        min-width: 0 !important;
        height: 37px;
    }

    .evebt-detai-class {
        min-height: 146px;
    }

    .profile-container .pro-pic ul.list-unstyled li a {
        padding: 0px 4px;
    }

    .profile-container .btn-connect {
        font-size: 11px;
    }

    ul.list-inline.user-list.drop-list-cls li {
        padding-left: 0px;
        display: block;
        flex: 0 1 auto;
        list-style-type: none;
    }
}

@media (max-width: 1280px) {

    .img-info #lightgallery .album-box img.img-responsive.profile-image-search,
    .img-info video.img-responsive.profile-image-search,
    .img-info #lightgallery .img-responsive.profile-image-search {
        background: #f1f1f1;
    }

    .img-info .dashboard-image img {
        height: 100px;
    }
}

@media (max-width: 1200px) {
    form#resetPassword {
        padding: 5px 20px;
    }

    small.title-description {
        font-size: 9px;
    }
}

@media (max-width: 1150px) {
    .goldmrgn #paymentForm .col-sm-6,
    .goldmrgn #paymentForm .col-sm-3,
    .goldmrgn.cls-checkout-page #paymentForm .col-sm-3,
    .goldmrgn #paymentForm .col-sm-9,
    .goldmrgn #paymentForm .inputRight,
    .goldmrgn #paymentForm .month-input input,
    .goldmrgn #paymentForm .month {
        /*width: 100% !important;*/
    }

    .goldmrgn .payment_blk.payment-popup #paymentForm #card_number {
        width: 90%;
    }

    .modal-body .goldmrgn .payment_blk.payment-popup #paymentForm #card_number {
        width: 88%;
    }

    .goldmrgn #paymentForm label {
        /*padding: 0 15px;*/
    }

    .goldmrgn .payment_blk.payment-popup #paymentForm .col-sm-3 {
        padding: 0px 0px;
    }

    .padding-checkout .checkcoin {
        position: absolute;
        top: 100%;
    }

    span.gft-nm {
        padding: 0 2px;
    }
}

@media (max-width: 1024px) {
    .navbar-brand {
        /*padding: 17px 7px 15px 0px;*/
    }

    .event-overlay-blck-message {
        position: absolute;
        left: 16%;
        top: 10px;
    }

    .navbar-nav > li > a {
        font-size: 13px;
        padding: 10px 5px;
    }

    .discussion-dropdown {
        top: 30px;
    }

    a.btn.btn-connect.btn-default.profile-conected-btn.btn-friend {
        padding-top: 5px !important;
    }

    a.btn.btn-connect.btn-default.profile-conected-btn {
        padding-top: 5px !important;
    }

    li.profile-dropdwn.wishlist-dropdwn.open
        ul.dropdown-menu.profile-connected-dropdown {
        top: 37px;
    }

    .evebt-detai-class {
        min-height: 146px;
    }

    .userdesc {
        min-height: 350px;
    }

    p.cls-gift-received-page {
        max-width: 100px;
    }
    /* video control css */

    .album-box video::-webkit-media-controls,
    .dashboard-video video::-webkit-media-controls {
        display: none !important;
    }

    .album-box video::-webkit-media-controls-start-playback-button,
    .dashboard-video video::-webkit-media-controls-start-playback-button {
        display: none !important;
    }

    /* video control css end*/
    .chatbox {
        position: absolute;
        bottom: 0 !important;
    }

    span.gft-nm {
        padding: 0 5px;
    }
}

@media (max-width: 991px) {
    .innerblog1
        .product-box-btn
        button.btn.btn-secondary.btn-lg.vg_btn_send_product {
        min-width: 0 !important;
    }

    div#timelineBackground img {
        height: 250px;
    }

    .innerblog1 .product-box-btn .btn-group .btn {
        background: #ddb02c;
        color: #fff;
        border-left: 1px solid #fff;
        padding: 8px;
        font-size: 16px;
    }

    .album-box .btn {
        padding: 2px 4px !important;
        font-size: 12px !important;
        max-height: 22px !important;
        min-height: 22px !important;
        min-width: 0 !important;
    }

    header.hidden-xs .nav.navbar-nav img.icon {
        /*width: 36px;*/
        padding-top: 1px;
    }

    .close-back-btn.event-view {
        top: 6px;
        right: 5px;
    }

    .img-info #lightgallery .img-responsive.profile-image-search {
        max-width: 150px;
        margin: auto;
    }
    .img-info .dashboard-image img {
        height: 143px;
    }

    li.profile-dropdwn.wishlist-dropdwn button.btn.btn-connect.btn-gift .fa {
        display: none;
    }

    .checkcoin::before {
        border-top: 20px solid transparent;
    }

    .goldmrgn .payment_blk.payment-popup #paymentForm #card_number {
        width: 83%;
    }

    .goldmrgn form#savedCardForm .row.card-detail-field .col-md-9.col-sm-6 {
        width: 100% !important;
    }

    .checkcoin {
        width: 104px;
    }

    .checkcoin h3 {
        font-size: 18px;
    }

    #lightgallery .album-box img.img-responsive.profile-image-search,
    video.img-responsive.profile-image-search {
        height: 100%;
    }

    .buy-gold-coins.buy-gold-strip-text p {
        font-size: 9px;
    }

    .buy-gold-strip-text {
        top: 16px;
    }

    .buy-gold-coins.buy-gold-strip-text p {
        width: 80px;
    }

    span.gft-nm {
        padding: 0 5px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
    div#panel-03 .col-md-6.col-sm-12.col-xs-6.gallery-info.mrgb20 {
        width: 50%;
    }
}

@media only screen and (min-width: 860px) and (max-width: 991px) {
    div#panel-03 .dashboard-image img {
        height: 90px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 860px) {
    div#panel-03 .dashboard-image img {
        height: 70px;
    }
}

@media (max-width: 850px) {
    .album-wrapper .btn {
        margin-top: 15px !important;
        min-width: 0 !important;
        font-size: 12px;
    }

    .navbar-nav > li {
        text-align: center;
        display: block;
        flex: 0 1 auto;
        list-style-type: none;
        width: 14%;
    }

    .navbar-nav > li > a {
        padding: 12px 4px !important;
        float: none;
    }

    .navbar-nav > li:first-child > a {
        width: 100%;
    }

    header.hidden-xs .nav.navbar-nav img.icon {
        width: auto;
    }
}

@media (max-width: 767px) {
    .album-wrapper .btn {
        margin-top: 15px !important;
        min-width: 0 !important;
        font-size: 12px;
    }

    .event-overlay-blck-message {
        left: 16% !important;
        top: 40px;
    }

    section#experience .expbox img {
        margin: 0;
        width: 15px;
    }

    .innerblog1 .product-box-btn .btn-group .btn {
        background: #ddb02c;
        color: #fff;
        border-left: 1px solid #fff;
        padding: 8px;
        font-size: 16px;
    }

    .innerblog1 .product-box-btn {
        padding: 15px 0;
        float: none;
        text-align: center;
    }

    header.visible-xs
        ul.dropdown-menu.login-poup.connection-popup.message-popup {
        max-width: 260px;
    }

    .lightgallery-element.album-box {
        max-height: none;
    }

    .album-box .btn {
        padding: 2px 4px;
        font-size: 12px;
        max-height: 22px !important;
        min-height: 22px !important;
    }
    /* css for zoom image issue in mobile */
    figure.mz-figure.mz-hover-zoom.mz-ready.mz-inner-zoom {
        opacity: 1 !important;
    }

    .evebt-detai-class {
        min-height: 0;
    }

    .mz-figure.mz-active img {
        filter: none !important;
    }

    .checkimg.preview {
        margin-bottom: 10px;
    }

    .album-class .btn {
        max-height: none !important;
        min-height: 0 !important;
    }

    a.btn.btn-xs.btn_cover {
        font-size: 10px;
        padding: 3.5px 3px;
    }

    .img-info .dashboard-image img {
        height: 140px;
    }
    /* css for zoom image issue in mobile */
    /*#lightgallery .video_thumb video{position:relative; z-index:1;}    */

    /* video in iphone */
    /*
    #lightgallery .video_thumb a{
    position:absolute;
    top:0;
    left:20%;
    z-index:9999;
    cursor: pointer;

    }

    .album-box .video_thumb {
    height: auto;
    position: relative;
    height: 300px;
    z-index: 10;
    }*/
    .profile-wrapper {
        margin-top: 20px;
    }

    .MagicZoom .mz-lens {
        width: auto !important;
        height: auto !important;
    }

    .mz-zoom-window {
        height: auto !important;
        width: auto !important;
    }

    .dz-message h3 {
        padding: 10px 0 3px !important;
    }

    ul.dropdown-menu.profile-connected-dropdown form span.gft-nm {
        padding: 0;
    }

    .userdesc {
        min-height: 0px;
    }

    .notification-wrapper p.notification-time.notifiacn-icon.text-right {
        position: absolute;
        /*top: -43px;*/
        top: 15px;
        right: 0px;
    }

    .notification-wrapper .notification-detail-padding.pd-lr-20 {
        position: relative;
    }

    .remove-mobile {
        display: none !important;
    }

    .my-order p.sponser-text.account-trans-datetime::before {
        content: "";
        font-weight: bold;
    }

    .row.new-hdr-connection img {
        margin-bottom: 5px !important;
    }

    ul.dropdown-menu.login-poup.connection-popup h5 {
        padding: 0px 0 4px;
        font-size: 13px;
    }

    .buy-gold-strip-text {
        top: 24px;
    }

    #timelineRemovePreviewVideo .fa {
        top: 0;
        right: 31px;
        position: absolute;
    }

    .gift-popup-title.gold-common {
        font-size: 12px;
        padding: 0px 0 4px;
    }

    div#vg_send_search img.profile-image-search.popup-gift-image {
        width: 56px;
        padding: 15px 9px 0 0;
    }

    .gift-send-popup ul.user-gifts li {
        /*width: 74%;*/
    }
    /*shreya header */
    header.visible-xs #bs-example-navbar-collapse-11 .navbar-nav li {
        width: 50%;
        float: left;
        min-height: 88px;
    }

    header.visible-xs #bs-example-navbar-collapse-11 .navbar-nav li .icon {
        padding-right: 0px;
        vertical-align: text-top;
        /*width: 20px;*/
        max-width: 38px;
        margin-bottom: 10px;
    }

    ul.dropdown-menu.login-poup::before {
        display: block !important;
    }

    #lightgallery .video_thumb video {
        z-index: 1;
    }

    .search-container input {
        height: 40px !important;
    }

    .padding-checkout .checkcoin {
        top: -38px;
        right: 15px;
    }

    .wish.wish-detail {
        padding: 5px 0 10px;
        text-align: center;
    }

    .padding-checkout .checkcoin h3 {
        padding: 5px;
        margin: 0;
        font-size: 14px;
    }

    .padding-checkout .checkcoin img {
        width: 15px;
    }

    .padding-checkout .checkcoin::before {
        border-top: 17px solid transparent;
        border-bottom: 19px solid transparent;
    }

    .goldmrgn ul#filters li {
        /*width: 100%;*/
    }

    .goldmrgn ul#filters {
        margin-bottom: 10px;
        border-bottom: 0;
    }

    .goldmrgn #filters li span {
        border-bottom: 1px solid #ccc;
        border-radius: 5px;
    }

    .pd1030.search-padding {
        padding: 0 !important;
    }

    .goldmrgn #paymentForm label {
        padding: 0;
    }

    .wishlist-pd-15 {
        padding: 0 20px;
    }

    button.ui-dialog-titlebar-close {
        z-index: 9999;
    }

    .model-content .tag-user {
        /*top: -9px;*/
        /*right: -12px;*/
    }

    #timelineShade {
        z-index: 1;
    }

    .close-back-btn {
        z-index: 1;
    }

    div#slider-control .carousel-control img {
        display: none;
    }

    .myactivities_wrapper.my-message-wrapper.new-message-bk.plain-bg.profile-info
        a.btn.btn-connect.btn-connect1.back-btn-cls.back-btn-cls-responsive.title-side-btn.new-msg-btn {
        float: right !important;
        position: absolute;
        top: 36px;
        right: 15px;
        z-index: 1;
        padding: 6px 7px 6px;
        min-height: 35px;
    }

    .filter-icon button {
        font-size: 14px;
        font-weight: normal;
        border-radius: 4px;
    }

    body.modal-open {
        padding-right: 0px !important;
    }

    div#js-virtual-product .thumbnail-image img.img-responsive,
    .my-order-box img.img-responsive {
        height: auto;
    }

    .close-back-btn.event-view .fa {
        font-size: 21px;
    }

    .col-md-9.docs-buttons .btn {
        min-width: 0 !important;
    }

    .cropper .img-container {
        min-height: 200px;
        max-height: 200px;
        margin-bottom: 20px;
        display: block;
        overflow: hidden;
    }

    .new-event-checkbox
        a.btn.btn-connect.back-btn-cls.pull-left.js-event-invitation,
    .new-event-checkbox
        a.btn.btn-connect.back-btn-cls.pull-left.js-cancel-invitation {
        line-height: 8px;
    }

    .owl-theme .owl-controls {
        display: none !important;
    }
    /* gift detail page */
    .innerblog1 .event-content.host-detail {
        display: block;
        overflow: hidden;
        text-align: center;
    }

    .innerblog1 .host-img img {
        margin: 0 auto;
    }

    .innerblog1 .host-detail-blk {
        text-align: center;
    }

    .profile-container .tag-user {
        top: -12px;
        right: -14px;
    }

    .album-wrapper .close-back-btn {
        top: 10px;
    }

    ol.breadcrumb li a {
        color: #fff;
        font-size: 10px;
    }
    /* fixed menu in mobile */
    .fixed-header {
        height: 74px;
        position: fixed;
        z-index: 9999;
        width: 100%;
        background: #000;
        padding-left: 50px;
        left: 0;
        display: flex;
        align-items: center;
    }

    .mobilr-search-header {
        top: 89px;
        z-index: 100;
    }

    header.visible-xs .navbar-header.logo-wrapr img {
    }

    div#bs-example-navbar-collapse-11 {
        position: fixed;
    }

    .scrollbar-inner > .scroll-element,
    .scrollbar-inner > .scroll-element div {
        z-index: 1;
    }

    .profile-container .btn-connect {
        min-width: 90px !important;
    }

    .profile-container
        a.btn.btn-connect.btn-default.profile-conected-btn.dropdwn-btn {
        min-width: 0 !important;
    }
    /* fixed menu in mobile end*/
}

@media (max-width: 340px) {
    header.visible-xs .navbar-header.logo-wrapr img {
        width: 95px;
    }
}

@media (max-width: 340px) {
    .profilerating-sect {
        padding: 10px 10px;
    }
}

@media (max-width: 576px) {
    .col {
        width: 100%;
    }
}
.profile-info.pd-70.connection-wrapper.album-wrapper {
    padding: 0 20px !important;
}

@media screen and (max-width: 768px) {
    #expiry_group {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .new-event-checkbox.js-checkbox {
        padding-left: 10px;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    #expiry_group {
        margin-left: -7px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1920px) {
    #expiry_group {
        margin-left: -2px !important;
    }
}
@media (min-width: 1000px) and (max-width: 1200px) {
    .createeventform.forms-wrapper textarea#comment {
        height: 247px !important;
    }
}

@media (min-width: 768px) and (max-width: 1150px) {
    .second-date1 {
        margin-left: 48px;
    }
    .date1 {
        min-width: 100px !important;
    }
}
@media (min-width: 600px) and (max-width: 768px) {
    .new_profile .wink-img img {
        right: 100px;
        top: 55px;
    }
}