.w-90 {
    width: 90%
}

.form-inline .input-group {
    width: 100%;
}

.form-control {
    font-size: inherit;
    line-height: normal;
    border-radius: 0px;
}

.form-control:focus {
    box-shadow: none;
}

/* .table td,
.table th {
    padding: .26rem .45rem;
    vertical-align: middle;
} */

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

select.form-control {
    padding: 1px 6px!important;
    height: auto!important
}

.btn.focus,
.btn:focus {
    box-shadow: none!important
}

.dropdown-menu {
    font-size: inherit
}

.clear {
    clear: both;
    display: block
}

.clear10 {
    clear: both;
    height: 10px
}


/* .my-events .media-contain .mediaThumb {
    overflow-x: scroll;
    display: block;
    padding: 10px;
    margin-bottom: 20px;
} */


/* .glyphicon-plus{font:normal normal normal 14px/1 FontAwesome;}
.glyphicon-plus:before{content: "\f067";} */

.btn {
    line-height: normal;
    font-size: inherit
}

.w-28 {
    width: 27.6%
}

.w-40 {
    width: 40%
}

.w-65 {
    width: 65%;
    max-width: 65%
}

.w-80 {
    width: 80%;
    max-width: 80%
}

.mw75 {
    width: 75%
}

.pl-15 {
    padding-left: 15px!important
}

.pl-30 {
    padding-left: 30px!important
}

#selectMedia table tbody td .icon-view {
    width: 90%
}


/* #selectMedia .w-28{width:27.5%} */

#selectMedia.non-edit .last-updated .w-28 {
    width: 28.5%
}

.filter-container .col-md-4,
.filter-container .col-md-8 {
    padding: 0
}

.daterange-picker .date-text {
    width: 90%;
    position: absolute!important;
    top: 0;
    left: 33px
}

.personal-section .row .col-4 {
    padding-right: 0
}

.personal-section .row .col-8 {
    padding-left: 0
}

.social-common-icons {
    width: 55%;
    float: left
}

.social-xs-icons {
    width: 45%;
    float: left
}


/* .secondary-user{width:37%} */

.text-and {
    margin: 0 10px
}

.sidebar .nav .nav>.sub-mainmenu>a {
    padding-left: 46px
}


/* For Direct Relations Design */

.relations-container .relation-content {
    width: 84%;
    float: left
}

.relations-container .icon-view-xx {
    width: 16%;
    float: right;
    text-align: right
}

.relations-container .relation-content .fa {
    display: inline-block;
    width: 6%;
    vertical-align: top;
    margin-top: 3px;
    color: #4267b2
}

.relations-container .relation-content .rel-data {
    display: inline-block;
    width: 85%
}

.shared-relations .relation-content .fa {
    display: inline-block;
    width: 10%;
    vertical-align: top;
    margin-top: 2px;
    color: #4267b2
}

.shared-relations .relation-content .rel-data {
    width: 82%;
    display: inline-block
}

.mw-90 {
    width: 90%
}

.onbehalf-business .dropdown-submenu,
.onbehalf-business .dropdown-menu,
.onbehalf-selected {
    cursor: pointer;
    width: 190px
}


/*.onbehalf-selected{position:relative}
.onbehalf-selected .fa-times{position:absolute;position: absolute;
top:12px;right:-32px;border:1px solid #ccc;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;padding:4px;font-size:14px} */

.onbehalf-business .dropdown-submenu>.dropdown-menu,
.tt-dataset-business_name .dropdown-submenu>.dropdown-menu {
    top: 5px;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0;
    border-left: 0
}

.business-selected .quickpoll-user {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 5px 10px
}

.dropdown-submenu .cgicon-plus {
    display: none
}

.onbehalf-buddies {
    height: 180px;
    overflow: auto;
    background: #fff
}

.n-a {
    position: absolute;
    top: 2px;
    left: 25%;
    font-size: 90%
}

.dfloat-right {
    /* float: right */
}

.w-45 {
    width: 45%
}

.mbSearch-panel .form-control,
.search-panel .form-control {
    font-size: 14px
}

.rqc-tabs .nav-link {
    padding: .5rem .8rem
}

.common-search a {
    font-size: 13px
}

.socialbar-icons {
    list-style: none;
    padding: 3px 0 0 0;
    margin: 0;
    width: 88%;
    float: left
}

.replies-reply-container .socialbar-icons {
    width: 86%
}

.socialbar-icons li:not(.extra-icons) {
    display: inline!important
}

.socialbar-icons li:not(.extra-icons) span:not(.fa-flag) {
    color: #4267b2
}

.socialbar-icons li.extra-icons {
    display: none
}

.socialbar-icons li a {
    padding: 0 0 2px 5px;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #4267b2
}

.socialbar-icons li a i,
.socialbar-icons li .flag-btn {
    font-size: 15px
}

.typeahead-privacy[readonly] {
    display: none
}

.gm-style .gm-style-iw {
    width: 310px
}

.gm-style .gm-style-iw-d {
    width: 100%
}

#map_view .gm-style .gm-style-iw {
    top: 5px!important;
    left: 15px
}

#map_view .marker-title {
    font-size: 12px;
    font-weight: 600
}

.no-comment-msg {
    padding: 5px 0;
    display: block
}

.comment-user h4 {
    font-size: 14px;
    font-weight: 600;
    color: #5f8ecc;
    margin: 0
}

.comment-user p {
    font-size: 12px;
    font-weight: 600;
    color: #a298a0;
    margin: 0
}

.rep-icon-tooltip {
    width: 95%
}

.rep-con .rep-text {
    display: block
}

.comment-time p {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    margin: 0
}

.rep-icon-tooltip {
    top:130%;
    left: 3%
}

.comment-write-container .comments-icons-list .icons:last-child {
    margin-right: 0
}

.close-repo {
    position: absolute;
    right: 6px;
    top: 6px
}

.close-repo .fa {
    font-size: 18px!important
}

.repo-close {
    text-align: right;
    padding: .2em 0 .2em
}

.rep-close a {
    padding: 2px 12px;
    font-size: 90%
}

.repo-title {
    width: 94%;
    font-weight: 700
}

.comment-user .user-info .alias-input .default-label {
    width: auto
}

.object-logo {
    position: relative;
    height: 100px;
    background: #C3DCF0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden
}

.object-logo .img-fluid {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: auto;
    max-height: 100px;
    width: auto;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

@media screen and (min-width:280px) and (max-width:668px) {
    /* .secondary-user{width:100%;margin-top:10px;margin-bottom:10px} */
    body {
        font-size: 12px
    }
    h1 {
        font-size: 18px
    }
    h2 {
        font-size: 16px
    }
    h3 {
        font-size: 14px
    }
    h4 {
        font-size: 12px
    }
    nav.navbar-light {
        padding: 0
    }
    nav.navbar-light #navbar-menu {
        display: none;
    }
    nav.navbar-light .search-panel {
        display: none;
    }
    nav.navbar-light .nav-item {
        float: left;
    }
    nav.navbar-light .mbSearch {
        display: block;
        background: inherit;
        border: 0px;
        color: @white-color;
        font-size: 20px;
        cursor: pointer;
        margin-top: 8px;
        float: right
    }
    nav.navbar-light .mbSearch-panel {
        padding: 7px 2%;
    }
    nav.navbar-light .input-group-text {
        font-size: inherit;
    }
    nav.navbar-light .mbSearch-panel button {
        border: 0px;
    }
    nav.navbar-light .nav-item-search {
        display: block;
    }
    nav.navbar-light .brand {
        width: 120px;
        float: none;
        position: absolute;
        left: 35%;
    }
    .sm-mb-10 {
        margin-bottom: 10px
    }
    .finance-content {
        padding: 20px;
        overflow-x: scroll;
        margin: 0px;
    }
    .finance-content li {
        width: 40%;
    }
    .main-center {
        padding: 0px!important;
    }
    /*.left-sec{ display:none;}*/
    .right-sec,.left-sec {
        display: none;
    }
    .main-content {
        padding: 10px 0 0 0
    }
    .container-fluid {
        padding: 0px;
    }
    .breadcrumb {
        padding: 10px;
    }
    .news-wrap {
        margin: 0px 10px;
        width: 92%
    }
    .news-wrap .col-10 {
        max-width: 70%
    }
    .news-wrap .col-1:first-child {
        max-width: 20%
    }
    .news-wrap .col-1 {
        padding-right: 0
    }
    .offcanvas-active #wrapper .sidebar {
        left: 0px;
    }
    .layout-fullwidth #wrapper .sidebar {
        left: 0px;
    }
    #wrapper .sidebar {
        left: -260px;
    }
    #wrapper .sidebar .laguage {
        display: block;
    }
    #wrapper .sidebar .signin {
        display: block;
    }
    #wrapper .sidebar .menu_5 {
        display: block;
    }
    .language-section .col-sm-3 {
        width: 30%;
    }
    .main-video-contain .video-wrap {
        display: none;
    }
    .main-video-contain .video-thumbnail-wrap {
        padding: 20px;
        overflow-x: scroll;
        margin: 0px;
    }
    .main-video-contain .video-thumbnail {
        white-space: nowrap;
    }
    .main-video-contain .video-thumbnail li {
        width: 135px;
    }
    .main-video-contain .js-stream-content .post-thumnail {
        display: none;
    }
    .main-video-contain .js-stream-content li .right {
        width: 100%;
        padding: 0px;
    }
    .main-video-contain .js-stream-content li .left {
        width: 100%;
        margin-bottom: 15px;
    }
    .main-video-contain .js-stream-content li .icon-aset-sidebar {
        position: inherit;
        float: right;
    }
    .main-video-contain .js-stream-content li .icon-aset-sidebar .icon-aset {
        display: inline-block;
        margin: 0px 5px;
    }
    .main-video-contain .js-stream-content li .icon-aset-sidebar .style2 {
        float: left;
        margin-right: 5px;
    }
    .main-video-contain .js-stream-content li .left1 {
        width: 100%;
        margin-bottom: 15px;
    }
    .main-video-contain .js-stream-content li .right1 {
        width: 100%;
        padding: 0px;
    }
    .main-video-contain .js-stream-content li {
        padding: 20px;
        margin-bottom: 7px;
    }
    .main-video-contain .js-stream-content {
        margin-top: 10px;
    }
    .personal .col-sm-5,
    .col-sm-6,
    .personal .col-md-8,
    .personal .col-2,
    .personal .personal-information .col-3 {
        width: auto;
        max-width: inherit!important;
        padding: 0 0 2px 0
    }
    .filter-container .col-md-8,
    .filter-container .col-md-9 {
        width: 65%
    }
    /* .filter-container .input-group .date-text{width:78%} */
    #popup-location .modal-body .col-3 {
        padding: 0 0 0 15px
    }
    #popup-location .modal-body .col-6 {
        padding-right: 0
    }
    .personal .col-md-4,
    .filter-container .col-md-4,
    .filter-container .col-md-3 {
        width: 35%;
        padding: 0px
    }
    .personal .row {
        margin: 0px;
    }
    .personal .col-3 {
        padding-right: 3px
    }
    .personal .col-6 {
        padding-left: 0
    }
    .filter-container .location-filter {
        margin: 0;
        padding: 0
    }
    .filter-container .input-group .date-text {
        width: 83%
    }
    .person-info .userInfo p {
        font-size: 11px
    }
    .personal-section .col-md-4 {
        width: 35%;
        padding: 0
    }
    .mpl-0 {
        padding-left: 0
    }
    .business-overview .object-logo-container .content-container {
        width: 94%!important
    }
    .content-container .w90 {
        width: 80%
    }
    .content-container .w86 {
        width: 74%
    }
    .content-container .w10 {
        width: 20%
    }
    .business-overview .content-container .w10 {
        width: 20%
    }
    .content-container .col-md-8 {
        padding-left: 0
    }
    .mw78 {
        width: 78%!important
    }
    .social-common-icons {
        width: 100%;
        margin-bottom: 5px
    }
    .media-detail-content .social-container .social-common-icons span:not(.icon) {
        width: 20%
    }
    .mw75 {
        width: 100%
    }
    .mw-80 {
        width: 80%
    }
    .mw-90 {
        width: 90%
    }
    .moderator-data-container .mw-80 {
        width: 80%
    }
    .moderator-data-container .mw-90 {
        width: 100%
    }
    .flag-view .smmtb10 {
        margin-top: 10px/* ;margin-bottom:10px */
    }
    .filter-relation {
        width: 100%;
        overflow: auto
    }
    /* .n-a {
        left: 33%
    } */
    .dfloat-right {
        float: none
    }
    .user-types .onbehalf-business .dropdown-menu ul {
        padding-left: 15px
    }
    .mbSearch-panel .form-control,
    .search-panel .form-control {
        font-size: 12px
    }
    /* .comment-gallery-container .gallery-item{width:90px!important}
	.comment-gallery-container .gallery-info img, .comment-gallery-container #media-video-preview{height:80px!important}
	.comment-gallery-container .gallery-info .play-icon{top:28%;left:30%}*/
    .comment-gallery-container .gallery-item .img-count-txt {
        font-size: 70%
    }
    /* .socialbar-icons li:not(.extra-icons){float:initial} */
    .modal-dialog {
        margin: 1.75rem auto;
        width: 85%
    }
    #popup-preview-answer .modal-dialog{width:95%}
    .gm-style .gm-style-iw {
        width: 310px;
        max-width: 310px!important
    }
    .comments-box .icons {
        margin-right: 10px
    }
    .comment-privacy-icon {
        font-size: 12px
    }
    #map_view .gm-style .gm-style-iw {
        left: 0
    }
    .marker-section .user {
        width: 30px
    }
    .marker-section .user-info {
        width: 74%;
        font-size: 12px
    }
    .marker-section .user-info p {
        font-size: 11px
    }
    #map_view .marker-title {
        font-size: 12px
    }
    .comments-section .person-info .user {
        width: 25px
    }
    /* .comment-count{margin-left:0!important} */
    .emoji-icons-list .emoji-list {
        font-size: 14px
    }
    /* .comment-time{float:left;width:100%} */
    /* .comment-user .user-info {
        font-size: 13px
    } */
    /* .comment-footer .row-edit {
        margin-top: 10px
    } */
    .popover-open .comment-gallery-container {
        overflow: hidden
    }
    .comment-cover .text-edit .btn {
        padding: 4px 20px
    }

    .slideform {
        width:270px!important;
        height:270px!important;
    }
    .feedback-container .feedback-option-form {
        height:160px!important;
    }
    .external-option .feedback-option-form {
        height:220px!important;
    }
    .feedback-option-form.has-error{
        height:150px!important;
    }
}

@media screen and (max-width:320px) {
    .tooltip-info {
        font-size: 10px;
        line-height: 10px
    }
    .filter-container .input-group .date-text {
        width: 80%
    }
    .mw-80 {
        width: 70%
    }
    .moderator-data-container .mw-80 {
        width: 70%
    }
    .rqc-tabs .nav-link {
        padding: .5rem .6rem
    }
    .reply-container .user-info {
        width: 65%
    }
    .replies-container .user-info {
        width: 62%
    }
    .replies-reply-container .user-info {
        width: 60%
    }
}

@media screen and (min-width:280px) and (max-width:360px) {
    .main-tabs li>a {
        padding: 3px;
    }
    .custom-tabs-line .nav-link {
        padding: .5rem .2rem;
    }
    .news-wrap .news-btn button {
        font-size: 18px;
    }
    .news-wrap .news-head {
        font-size: 15px;
    }
    .media-contain .colm1 {
        margin-right: 2%;
    }
    .person-info .userInfo {
        float: left;
        width: 77%
    }
    .user-admin {
        width: 25px;
        margin-right: 5px;
    }
    .main-container .w-30 {
        width: 35%;
        vertical-align: middle;
    }
    .main-container .w-28 {
        width: 26%
    }
    .main-container .w-70 {
        width: 63%;
    }
    .contact-email .w-70 {
        width: 100%;
    }
    .brand {
        left: 30%!important
    }
    .pagination-sec .dis,
    .pagination-sec .perpage {
        display: none!important
    }
    .create-newEvent .mb-style {
        width: 100%!important;
    }
    .create-newEvent .mb-style .w-75 {
        width: 100%!important;
    }
    .create-newEvent .mb-style .w-30 {
        width: 40%!important;
    }
    .create-newEvent .btn {
        padding: 3px 16px;
    }
    .my-events .w-25 {
        width: 35%!important;
    }
    .my-events .w-62 {
        width: 62%!important;
    }
    .pick-address .w-50 {
        width: 100%!important;
        margin: 3px 0px;
    }
    .location-detail .w-50 {
        width: 100%!important;
        margin: 3px 0px;
    }
    #social .w-20 {
        width: 100%;
    }
    #social .w-75 {
        width: 100%!important;
    }
    .phoneNo-info .col-md-6 {
        width: 100%;
    }
    .selectMedia-contain table .w-22 {
        width: 34%!important;
    }
    .selectMedia-contain table .w-65 {
        width: 42%!important;
    }
    .contacts .colm-left {
        width: 27%;
    }
    .contacts .colm-center {
        width: 40%;
    }
    .personal .btn {
        padding: 3px 18px;
    }
    .location-detail .w-50 .embed-responsive {
        width: 100%;
    }
    #selectMedia.non-edit .last-updated .w-28 {
        width: 100%
    }
    .mw-29 {
        width: 29%!important
    }
    #selectMedia .mw-100,
    #selectMedia.non-edit .last-updated .mw-100 {
        width: 100%
    }
    .personal-section .col-md-4 {
        width: 27%;
        padding: 0
    }
    # .phone-no {
        margin-top: 10px
    }
    .smw-100 {
        width: 100%
    }
    .text-and {
        margin: 10px 0
    }
    .moderator-data-container .mw-90 {
        width: 78%
    }
    .rqc-tabs .nav-link {
        padding: .5rem .6rem
    }
    .new-user .save-new-user,
    .new-user .cancel-new-user {
        padding: 4px 15px
    }
    .comment-footer .socialshare-icon {
        /* margin-top: 10px */
    }
    .comment-user .user-info {
        width: 75%
    }
    .comment-user .user-info label,
    .comment-user .user-info p {
        width: 95%;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap
    }
}

@media (min-width:280px) and (max-width:320px) {
    .relations-container .relation-content {
        width: 75%
    }
    .relations-container .icon-view-xx {
        width: 25%
    }
    .relations-container .relation-content .fa {
        width: 12%
    }
    .relations-container .relation-content .rel-data {
        width: 83%
    }
    .smmtb10 {
        margin-top: 10px/* ;margin-bottom:10px */
    }
    .pagination-sec .dis,
    .pagination-sec .perpage {
        display: none!important
    }
    button.phonecode .flag img {
        width: 16px;
        margin-top: 5px
    }
    .external-user-container .fancy-radio input[type="radio"]+span {
        font-size: 11px
    }
    /* .replies-container .user-info label,.replies-container .comment-user .user-info p{width:58%;text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap}	
	.replies-reply-container .user-info label,.replies-reply-container .comment-user .user-info p{width:95%;text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap} */
    .object-logo {
        height: 40px
    }
    .object-logo .img-fluid {
        max-height: 40px
    }
}

@media screen and (min-width:320px) and (max-width:413px) {
    .replies-container .user-info {
        width: 74%
    }
    .replies-reply-container .user-info {
        width: 70%
    }
    .comment-user .user-info label,
    .comment-user .user-info p {
        width: 95%;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap
    }
    .replies-container .comment-write-container .user-info {
        width: 76%
    }
    .replies-container .comment-write-container .user-info label {
        width: 78%
    }
    /* .comment-user .user-info,
    .comment-user .user-info p,
    .comment-time p {
        font-size: 12px
    } */
    .comment-icons-footer .comment-actions {
        clear: both;
        padding-top: 5px
    }
    .comment-user .user-info .alias-input .default-label {
        width: 70%
    }
}

@media screen and (max-width:280px) {
    #wrapper .sidebar {
        width: 240px
    }
    #map_view .gm-style .gm-style-iw {
        left: 20px
    }
    h1 {
        font-size: 16px
    }
    .rqc-tabs .nav-link {
        padding: .5rem 0.4rem
    }
    .reply-container .user-info {
        width: 55%
    }
    .replies-container .user-info {
        width: 50%
    }
    .replies-reply-container .user-info {
        width: 46%
    }
    .reply_comment .comment-write-container .user-info {
        width: 75%
    }
    .comment-user .user-info .alias-input .default-label {
        width: 60%
    }
    .comment-write-container .user-info label {
        width: 80%
    }
    .replies-container .comment-write-container .user-info {
        width: 70%
    }
    .replies-container .comment-write-container .user-info label {
        width: 72%
    }
    .comment-write-container .comments-icons-list .icons {
        margin-right: 8px
    }
    /* .comment-user .user-info,
    .comment-user .user-info p,
    .comment-time p {
        font-size: 10px
    } */
    .comment-icons-footer .comment-actions {
        clear: both;
        padding-top: 5px
    }
}

@media (min-width: 320px) and (max-width:480px) {
    .mw-29 {
        width: 29%!important
    }
    #selectMedia .mw-100,
    #selectMedia.non-edit .last-updated .mw-100 {
        width: 100%
    }
    .smw-100 {
        width: 100%
    }
    .text-and {
        margin: 10px 0
    }
    .relations-container .relation-content .fa {
        width: 8%
    }
}

@media (min-width: 360px) and (max-width: 470px) {
    .moderator-data-container .mw-100 {
        width: 80%
    }
    .moderator-data-container .mw-90 {
        width: 98%
    }
    .rqc-tabs .nav-link {
        font-size: 13px
    }
    .rep-icon-tooltip {
        width: 295px
    }
    .replies-container .comment-icons-footer .comment-actions {
        clear: both;
        padding-top: 5px
    }
    /* .comment-user .user-info,.comment-user .user-info p,.comment-time p{font-size:12px} */
}

@media (min-width: 471px) and (max-width: 739px) {
    .rqc-tabs .nav-link {
        font-size: 14px
    }
    .rep-icon-tooltip {
        width: 295px
    }
    /* .comment-user .user-info,
    .comment-user .user-info p,
    .comment-time p {
        font-size: 13px
    } */
}

@media (min-width:740px) and (max-width:820px) {
    .smw-100 {
        width: 100%
    }
    .text-and {
        margin: 10px 0
    }
    .relations-container .relation-content {
        width: 75%
    }
    .relations-container .icon-view-xx {
        width: 25%
    }
    .dfloat-right {
        float: none
    }
    .rep-icon-tooltip {
        width: 295px
    }
    /* .comment-user .user-info,
    .comment-user .user-info p,
    .comment-time p {
        font-size: 13px
    } */
    .comment-user .user-info label,
    .comment-user .user-info p {
        width: 95%;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap
    }
    /* .socialbar-icons li:not(.extra-icons){float:initial} */
}

@media screen and (min-width:280px) and (max-width:559px) {
    /* .comment-user .user-info{font-size:13px} */
    .comment-time h4 {
        width: auto;
        /* margin-right:10px;float:left; */
        margin-top: -1px
    }
    /* .comment-time h4,
    .comment-time p, */
    .role-display {
        font-size: 10px
    }
    .comment-count ul li {
        width: 14px;
        height: 14px;
        line-height: 14px;
        font-size: 8px
    }
    .rep-con .rep-text {
        display: none
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .modal-content .sociallogin {
        display: block;
        min-height: inherit
    }
    .login .heading2 {
        width: 100%;
        float: inherit;
        position: relative;
        top: inherit;
        right: inherit
    }
    .comment-time h4,
    .comment-time p,
    .role-display {
        font-size: 12px
    }
    /* .comment-user .user-info,
    .comment-user .user-info,
    .comment-time p {
        font-size: 12px
    } */
    .comment-count ul li {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 12px
    }
    .rep-con .rep-text {
        display: none
    }
    /* .reply-container .user-info{width:70%}
	.replies-container .user-info{width:65%}
	.replies-reply-container .user-info{width:65%} */
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
    .comment-count ul li {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 10px
    }
    /* .comment-user .user-info,.comment-user .user-info,.comment-time p{font-size:10px} */
    /* .comment-time{float:left;width:100%} */
    .comment-time h4 {
        width: auto;
        /* margin-right:10px;float:left; */
        margin-top: -1px
    }
    .comment-time h4,
    .role-display {
        font-size: 10px
    }
    .comment-time p {
        font-size: 10px;
        float: left;
        width: auto
    }
    .comment-count ul li {
        width: 14px;
        height: 14px;
        line-height: 14px;
        font-size: 8px
    }
    .comment-user p {
        font-size: inherit
    }
    .replies-reply-container .comment-count {
        margin-left: -20px
    }
    .comment-drop .btn {
        width: 20px;
        height: 20px;
        font-size: 12px
    }
    .rep-con .rep-text {
        display: none
    }
    .reply-container .user-info {
        width: 70%
    }
    .replies-container .user-info {
        width: 65%
    }
    .replies-reply-container .user-info {
        width: 65%
    }
    .replies-container .comment-user .user-info label,
    .comment-user .user-info p {
        width: 95%;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap
    }
    .comment-user .user-info .alias-input .default-label {
        width: 70%
    }
    .comment-icons-footer .comment-actions {
        clear: both;
        padding-top: 5px
    }
    .comment-actions .btn {
        padding: 4px 5px
    }
}

@media screen and (min-width:669px) and (max-width:910px) {
    body {
        font-size: 12px;
    }
    h1 {
        font-size: 18px;
    }
    h2 {
        font-size: 16px;
    }
    h3 {
        font-size: 14px;
    }
    h4 {
        font-size: 12px;
    }
    nav.navbar-light .search-panel {
        display: none;
    }
    nav.navbar-light .mbSearch {
        display: block;
        border: 0px;
        background: inherit;
        font-size: 20px;
        cursor: pointer;
        margin-top: 8px;
        float: right;
    }
    nav.navbar-light .mbSearch-panel {
        padding: 7px 2%;
    }
    nav.navbar-light .input-group-text {
        font-size: inherit;
    }
    nav.navbar-light .mbSearch-panel button {
        border: 0px;
    }
    nav.navbar-light .nav-item-search {
        display: block;
    }
    .media-contain .colm1 {
        margin-right: 2%;
    }
    .main-tabs li>a {
        padding: 3px;
    }
    .custom-tabs-line .nav-link {
        padding: .5rem .2rem;
    }
    .user-admin {
        width: 25px;
        margin-right: 5px;
    }
    .main-container .w-30 {
        width: 35%;
        vertical-align: middle;
    }
    .main-container .w-70 {
        width: 63%;
    }
    .contact-email .w-70 {
        width: 100%;
    }
    .pagination-sec .dis {
        display: none;
    }
    .pagination-sec .perpage {
        display: none;
    }
    .create-newEvent .mb-style {
        width: 100%!important;
    }
    .create-newEvent .mb-style .w-75 {
        width: 100%!important;
    }
    .create-newEvent .mb-style .w-30 {
        width: 40%!important;
    }
    .create-newEvent .btn {
        padding: 3px 16px;
    }
    .my-events .w-25 {
        width: 35%!important;
    }
    .my-events .w-62 {
        width: 62%!important;
    }
    .main-video-contain .bottom .icon-aset {
        font-size: 13px;
        margin-right: 5px;
    }
    .contacts .colm-left {
        width: 27%;
    }
    .contacts .colm-center {
        width: 40%;
    }
    .personal .col-sm-5,
    .col-sm-6,
    .personal .col-md-8,
    .col-2,
    .personal .col-3/* ,.filter-container .col-md-8 */
    {
        width: auto;
        max-width: inherit!important;
        padding: 0px 2px;
    }
    .personal-section .col-sm-5,
    .personal-section .col-sm-6,
    .personal-section .col-md-8,
    .personal-section.col-2,
    .personal-section .col-3 {
        width: auto;
        max-width: inherit!important;
        padding: 0 2px
    }
    .personal .col-md-4,
    .filter-container .col-md-4 {
        width: 35%;
        padding: 0px;
    }
    .sidebarBox-contain li {
        width: 118px;
    }
    .filter-container .location-filter {
        margin: 0;
        padding: 0
    }
    .filter-container .input-group .date-text {
        width: 82%
    }
    .mw-80 {
        width: 50%
    }
    .gm-style .gm-style-iw {
        width: 285px;
        max-width: 285px!important
    }
    #map_view .gm-style .gm-style-iw {
        left: 0important
    }
    .popover-open .comment-gallery-container {
        overflow: hidden
    }
    .comment-icons-footer .comment-actions {
        clear: both;
        padding-top: 5px
    }
}

@media screen and (min-width:80px) and (max-width:320px) {
    .person-info .userInfo {
        float: left;
        width: 72%
    }
    .mw-80 {
        width: 108%
    }
    .moderator-data-container .mw-80 {
        width: 100%
    }
}

@media screen and (min-width:320px) and (max-width:350px) {
    .mw-80 {
        width: 125%
    }
    .moderator-data-container .mw-80 {
        width: 80%
    }
    .reply-container .user-info {
        width: 65%
    }
    .replies-container .user-info {
        width: 62%
    }
    .comment-write-container .user-info {
        width: 78%
    }
    .comment-write-container .user-info label {
        width: 80%
    }
    .replies-reply-container .user-info {
        width: 60%
    }
}

@media screen and (min-width:669px) and (max-width: 1098px) {
    nav.navbar-light .search-panel {
        width: 28%;
        margin-top: .7%;
    }
    nav.navbar-light .navbar-nav li {
        padding: 0px 5px;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-6 {
        width: 50%;
    }
    .pagination-sec .display-page {
        left: 28%;
    }
    .phoneNo-info .col-md-6 {
        width: 100%;
    }
    .personal .row {
        margin: 0px;
    }
    .mw-80 {
        width: 90%
    }
    .moderator-data-container .mw-80 {
        width: 80%
    }
    .replies-container .comment-icons-footer .comment-actions,
    .replies-reply-container .comment-icons-footer .comment-actions {
        clear: both;
        padding-top: 5px
    }
}

@media screen and (min-width:669px) and (max-width:739px) {
    .main-center {
        width: 100%
    }
    .left-sec,
    .right-sec {
        display: none
    }
}

@media screen and (min-width:740px) and (max-width: 1098px) {
    .main-center {
        width: 50%
    }
    .rep-icon-tooltip {
        width: 295px
    }
    .replies-container .rep-icon-tooltip {
        width: 262px
    }
}

@media screen and (min-width:1098px) {
    /* .location-filter .col-6{max-width:45%} */
    .mw-80 {
        width: 88%
    }
    .moderator-data-container .mw-80 {
        width: 88%
    }
    .rep-icon-tooltip {
        width: 295px
    }
}


/* IPad Landscape*/

@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}


/* Portrait*/

@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

@media (min-width:576px) and (max-width:767px) {}

@media (max-width: 767px) {
    .onbehalf-business .dropdown-menu,
    .tt-dataset-business_name .dropdown-menu {
        width: 100%;
        min-width: auto;
    }
    .onbehalf-business .dropdown-submenu>.dropdown-menu {
        display: none
    }
    .onbehalf-business .dropdown-submenu,
    .onbehalf-business .dropdown-submenu>.dropdown-menu,
    .tt-dataset-business_name .dropdown-submenu>.dropdown-menu {
        border-left: 1px solid rgba(0, 0, 0, 0.15);
        position: unset;
        width: 100%!important;
        min-width: 100%;
        margin-top: 0;
        margin-left: 0;
        border-left: none;
        border-right: none;
    }
    .onbehalf-business .dropdown-submenu>.dropdown-menu,
    .tt-dataset-business_name .dropdown-submenu>.dropdown-menu {
        margin-top: 0
    }
    .dropdown-submenu .cgicon-plus {
        display: block
    }
}

@media (min-width:768px) and (max-width:991px) {
    .smw-100 {
        width: 100%
    }
    .text-and {
        margin: 10px 0
    }
    .relations-container .relation-content {
        width: 75%
    }
    .relations-container .icon-view-xx {
        width: 25%
    }
    .onbehalf-business .dropdown-menu,
    .tt-dataset-business_name .dropdown-menu {
        width: 100%;
        min-width: auto;
    }
    .onbehalf-business .dropdown-submenu>.dropdown-menu,
    .tt-dataset-business_name .dropdown-submenu>.dropdown-menu {
        position: unset;
        width: 100%;
        min-width: 100%;
        margin-top: 0;
        margin-left: 0;
        border-left: none;
        border-right: none;
    }
}

.w85 {
    width: 85%;
    float: left
}

.w15 {
    width: 15%;
    float: left
}

.dp-mmd-block {
    display: none
}

.content-container {
    position: relative
}

.content-container.info-only .icon-view .fa-info-circle {
    right: 0
}

.content-container .person-info p {
    font-size: 90%
}

.content-container .owner-info .person-info .user-info label {
    text-overflow: ellipsis;
    width: 74%;
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.content-container .owner-info .person-info .user img {
    width: 90%
}

.advert-container .mwd57 {
    max-width: 57.333333%
}

.slideform .form-group {
    margin-bottom: 5px;
}

.slideform .form-group label {
    font-size: 90%;
    margin-top: 5px;
    margin-bottom: 2px
}

.slideform .form-group .star-rating>label {
    margin-top: 0;
    margin-bottom: 0
}

.slideform .form-group .star-rating>label:before {
    padding-top: 0
}

.slideform .form-group .form-control {
    /* font-size:14px; color: #000; font-weight: 500; background: #fff; border:1px solid #ddd; */
    height: 30px;
    padding: 10px;
}

.slideform .form-group textarea {
    height: inherit !important;
    resize: none;
}

.slideform .person-info .user-info p {
    font-size: 12px
}

.slideform .col-xl-7 {
    width: 100%;
    max-width: 100%
}

.slideform .col-xl-3 {
    width: 65%;
    max-width: 65%
}

.slideform .otp-action-btns {
    margin-top: 5px
}

.slideform .otp-action-btns .btn {
    padding: 4px 6px
}

.slideform .new-user .save-new-user,
.slideform .new-user .cancel-new-user {
    padding: 4px 15px
}
.w-70{width:70%}

@media (max-width: 767px) {
    /* .slideform {
        bottom: 0!important;
        right:5px!important;
    } */
    .feedback-capture{right:-68px!important}
    .slideform.fbcht-opened{right:-8px!important}
}

@media (min-width: 768px) and (max-width: 991px) {
    .feedback-capture {
        max-width: 35%;
        bottom: 0px!important;
        right:-70px!important;
    }
    .slideform{
        right:-8px;
        max-width: 35%;
        bottom: 0px!important;
    }
}


/* For media preview widht adjust */

@media (min-width:901px) and (max-width:2900px) {
    .preview-width {
        width: 50%
    }
}

@media (min-width:768px) and (max-width:900px) {
    .preview-width {
        width: 100%
    }
}


/* End of media preview widht adjust */

@media (min-width:120px) and (max-width:290px) {
    .d-xmd-block {
        display: block
    }
    .d-xmd-none,
    .d-cmd-block {
        display: none
    }
    .dp-mmd-none {
        display: none
    }
    .dp-mmd-block {
        display: block
    }
    .content-container h2 {
        line-height: 14px;
        padding-bottom: 4px
    }
    .content-container {
        font-size: 11px
    }
    .mbpl-4 {
        padding-left: 4px!important
    }
    .w85 {
        width: 82%
    }
    .cw80 {
        width: 73%
    }
    .preview-width {
        width: 100%
    }
}

@media (min-width:300px) and (max-width:330px) {
    .cw80 {
        width: 80%
    }
    .preview-width {
        width: 100%
    }
}

@media (min-width:291px) and (max-width:464px) {
    .d-xmd-block {
        display: block
    }
    .d-xmd-none,
    .d-cmd-block {
        display: none
    }
    .dp-mmd-none {
        display: none
    }
    .dp-mmd-block {
        display: block
    }
    .content-container h2 {
        line-height: 14px;
        padding-bottom: 4px
    }
    .content-container {
        font-size: 12px
    }
    .mbpl-4 {
        padding-left: 4px!important
    }
    .w85 {
        width: 84%
    }
    .cw80 {
        width: 79%
    }
    .preview-width {
        width: 100%
    }
}

@media (min-width:414px) and (max-width:464px) {
    .d-xmd-block {
        display: block
    }
    .d-xmd-none {
        display: none
    }
    .content-container {
        font-size: 12px
    }
    .cw80 {
        width: 80%
    }
}

@media (min-width:415px) and (max-width:767px) {
    .preview-width {
        width: 50%
    }
}

@media (min-width:465px) and (max-width:480px) {
    .dp-cmd-none {
        display: none
    }
    .dp-cmd-block {
        display: block
    }
    .content-container .cw90 {
        width: 90%
    }
    .content-container .cw10 {
        width: 10%!important
    }
    .content-container h2,
    .content-container h2 a {
        font-size: 18px!important;
        width: 100%;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .content-container {
        font-size: 12px
    }
}

@media (min-width:481px) and (max-width:600px) {
    .dp-cmd-none {
        display: none
    }
    .dp-cmd-block {
        display: block
    }
    .content-container .cw90 {
        width: 90%
    }
    .content-container .cw10 {
        width: 10%!important
    }
    .content-container h2,
    .content-container h2 a {
        font-size: 18px!important
    }
    .content-container {
        font-size: 12px
    }
}

@media (min-width:601px) and (max-width:768px) {
    .dp-mmd-none {
        display: none
    }
    .dp-mmd-block {
        display: block
    }
    .content-container h2,
    .content-container h2 a {
        font-size: 18px!important;
        line-height: 20px
    }
    .content-container {
        font-size: 12px
    }
    .cw80 {
        width: 79%
    }
}

@media (min-width:769px) and (max-width:800px) {
    .dp-mmd-none {
        display: none
    }
    .dp-mmd-block {
        display: block
    }
    .content-container h2,
    .content-container h2 a {
        font-size: 18px!important;
        line-height: 20px
    }
    .content-container {
        font-size: 12px
    }
    .cw80 {
        width: 79%
    }
}

@media (min-width:801px) and (max-width:1024px) {
    .dp-lg-none {
        display: none
    }
    .dp-lg-block {
        display: block
    }
    .content-container h2,
    .content-container h2 a {
        width: 100%;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .content-container {
        font-size: 12px
    }
    .content-container .posted-by .person-info .user-info label {
        width: 82%
    }
}

@media (min-width:1025px) and (max-width:1500px) {
    .content-container .posted-by .person-info .user-info label {
        width: 85%
    }
    .rep-icon-tooltip {
        left: 18%;
    }
}

@media (min-width:1501px) and (max-width:2500px) {
    .content-container .posted-by .person-info .user-info label {
        width: 89%
    }
}

@media screen and (min-width: 1400px) {
    .rep-icon-tooltip {
        left: 17%;
    }
    .comment-header .rep-icon-tooltip {
        left:15%;
        top:120%
    }
}

@media screen and (min-width: 1600px) {
    .rep-icon-tooltip {
        left: 15%;
    }
}

@media screen and (min-width: 1900px) {
    .rep-icon-tooltip {
        left: 12%;
    }
}

@media screen and (max-width:500px) {
    #carouselExampleIndicators .component-css div.justify-content-md-center:nth-child(3) .col-12 {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    #carouselExampleIndicators .card-header {
        padding: .23rem 1.25rem;
    }
    #carouselExampleIndicators .reviews .item {
        padding-bottom: 0px;
    }
}