/*************** SCROLLBAR BASE CSS ***************/

@media screen and (min-width: 480px) {
    .scroll-wrapper {
        overflow: hidden !important;
        padding: 0 !important;
        position: relative;
    }
    .scroll-wrapper>.scroll-content {
        border: none !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important;
    }
    .scroll-wrapper>.scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
    .scroll-element {
        display: none;
    }
    .scroll-element,
    .scroll-element div {
        box-sizing: content-box;
    }
    .scroll-element.scroll-x.scroll-scrollx_visible,
    .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }
    .scroll-element .scroll-bar,
    .scroll-element .scroll-arrow {
        cursor: default;
    }
    .scroll-textarea {
        border: 1px solid #cccccc;
        border-top-color: #999999;
    }
    .scroll-textarea>.scroll-content {
        overflow: hidden !important;
    }
    .scroll-textarea>.scroll-content>textarea {
        border: none !important;
        box-sizing: border-box;
        height: 100% !important;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        outline: none;
        padding: 2px;
        position: relative !important;
        top: 0;
        width: 100% !important;
    }
    .scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
    /*************** SCROLLBAR MAC OS X ***************/
    .scrollbar-macosx>.scroll-element,
    .scrollbar-macosx>.scroll-element div {
        background: none;
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10;
    }
    .scrollbar-macosx>.scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
    .scrollbar-macosx>.scroll-element .scroll-element_track {
        display: none;
    }
    .scrollbar-macosx>.scroll-element .scroll-bar {
        background-color: #75aff7;
        display: block;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }
    .scrollbar-macosx:hover>.scroll-element .scroll-bar,
    .scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        opacity: 0.7;
    }
    .scrollbar-macosx>.scroll-element.scroll-x {
        bottom: 0px;
        height: 0px;
        left: 0;
        min-width: 100%;
        display: none !important;
        overflow: visible;
        width: 100%;
    }
    .scrollbar-macosx>.scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        right: 0px;
        top: 0;
        width: 0px;
    }
    /* scrollbar height/width & offset from container borders */
    .scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
        height: 15px;
        min-width: 10px;
        top: -18px;
    }
    .scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
        left: -14px;
        min-height: 10px;
        width: 10px;
    }
    .scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
        left: 2px;
    }
    .scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
        left: -4px;
    }
    .scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
        top: 2px;
    }
    .scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
        top: -4px;
    }
    /* update scrollbar offset if both scrolls are visible */
    .scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
        left: -11px;
    }
    .scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
        top: -11px;
    }
    .scrollbar-macosx>.scroll-element.scroll-y:hover .scroll-element_outer,
    .scrollbar-macosx>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
        min-width: 7px;
        width: 20px;
    }
    .content-right,
    .news-scrool-inner,
    .exploremodal-feature,
    .explore-news-scrool-inner,
    .authorexplore,
    .modal.right .modal-content,
    .modal.left .modal-content,
    .tab-content.modaluser,
    .singlepost,
    .authorsingle,
    .page-template-search-template,
    .author,
    .page-template-account_edit-template {
        overflow: hidden !important;
        max-height: 99.7vh !important;
    }
    .content_right_load .scroll-wrapper,
    .user_blog_post_load .scroll-wrapper,
    .exploremodal-feature .scroll-wrapper,
    .explore-news-scrool-inner .scroll-wrapper,
    .popupscrollcall .scroll-wrapper,
    /*.modal.left .modal-content .scroll-wrapper,*/
    .cat_post_right_section .scroll-wrapper,
    .explore-news-scrool-inner .scroll-wrapper,
    #editorial .scroll-wrapper,
    .right17 .scroll-wrapper,
    .singlepost .scroll-wrapper,
    .authorsingle .scroll-wrapper,
    #profile .scroll-wrapper,
    .filtersearch .scroll-wrapper
    /*,
    .author .scroll-wrapper,
    .page-template-account_edit-template .scroll-wrapper
*/
    {
        height: 90.1vh;
        overflow: auto;
        width: 100%;
    }
    .authorexplore2 .scroll-wrapper {
        height: 75.1vh !important;
        overflow: auto;
        width: 99%;
    }
    .authorexplore .scroll-wrapper {
        height: 84.1vh;
        overflow: auto;
        width: 99%;
    }
    .authorexplore .scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
        left: -10px;
    }
    .user_blog_post_load .scroll-content {
        padding-right: 12px;
    }
    .user_blog_post_load .scrollbar-macosx>.scroll-element.scroll-y {
        right: -2px;
    }
    .page-heading-content .logohome {
        width: auto !important;
        height: 55px;
        margin-top: 5px;
    }
    .authorsingle .scroll-wrapper {
        height: 86.1vh !important max-height: 99.7vh !important;
    }
    .height100vh .scroll-wrapper,
    .singlepost .scroll-wrapper {
        height: 95vh;
        max-height: 95vh;
    }
    .catpage.main-container {
        overflow: hidden;
        height: 99.7vh;
    }
    .single-acme_blog .text-sec {
        width: 100%;
    }
    /*
 .authorexplore .scroll-content>.row {
     width: 98% !important;
 }
*/
    .authorexplore2 {
        padding-left: 20px !important;
    }
    .scrollbar-macosx1.row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 480px) {
    .loading_image13,
    .loading_image134 {
        display: none;
    }
    .paszone_container {
        padding-bottom: 25px;
    }
    .custom_header.mm-menu__header {
        height: 220px;
    }
}

.load_more_post {
    padding: 21px;
    padding-bottom: 25px;
}

.tokenize>.tokens-container {
    position: relative;
    list-style: none;
    padding: 0 0 5px 5px;
    height: auto;
    min-height: 34px;
    cursor: text;
}

.tokenize.focus>.tokens-container {
    outline: 0;
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.tokenize>.tokens-container.input-sm {
    padding: 0 0 4px 4px;
    min-height: 30px;
}

.tokenize>.tokens-container.input-lg {
    padding: 0 0 9px 9px;
    min-height: 46px;
}

.tokenize>.tokens-container>.token {
    padding: 0 1.2em 0 5px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tokenize>.tokens-container>.token,
.tokenize>.tokens-container>.placeholder,
.tokenize>.tokens-container>.token-search {
    border: 1px solid #cdd5e3;
    display: inline-block;
    margin: 5px 5px 0 0;
    position: relative;
    vertical-align: middle;
}

.tokenize.sortable>.tokens-container>.token {
    cursor: move;
}

.tokenize.single>.tokens-container>.token {
    display: block;
    border-color: #fff;
    background-color: transparent;
}

.tokenize.sortable>.tokens-container>.token.shadow {
    border-color: #ccc;
    background-color: #ccc;
    filter: alpha(opacity=50);
    opacity: .2;
}

.tokenize>.tokens-container>.placeholder,
.tokenize>.tokens-container>.token-search {
    padding: 0;
    border-color: #fff;
}

.tokenize>.tokens-container>.placeholder {
    color: #ccc;
}

.tokenize>.tokens-container>.token-search>input {
    padding: 0;
    margin: 0;
    line-height: 1em;
    border: 1px solid #fff;
    background: transparent;
    border-left: none;
    border-right: none;
    outline: none;
    width: 100%;
}

.tokenize>.tokens-container>.token-search>input::-ms-clear {
    display: none;
}

.tokenize>.tokens-container.input-sm>.placeholder,
.tokenize>.tokens-container.input-sm>.token-search,
.tokenize>.tokens-container.input-sm>.token {
    margin: 4px 4px 0 0;
}

.tokenize>.tokens-container.input-lg>.placeholder,
.tokenize>.tokens-container.input-lg>.token-search,
.tokenize>.tokens-container.input-lg>.token {
    margin: 9px 9px 0 0;
}

.tokenize>.tokens-container>.token.pending-delete {
    background-color: #ccc;
    border-color: #425c96;
    color: #fff
}

.tokenize>.tokens-container>.token>.dismiss {
    position: absolute;
    right: 5px;
    color: #a9b9d8;
    text-decoration: none;
    cursor: pointer;
}

.tokenize>.tokens-container>.token>.dismiss:after {
    content: "×";
}

.tokenize>.tokens-container>.token.pending-delete>.dismiss {
    color: #aaa;
}

.tokenize-dropdown {
    position: absolute;
    display: none;
}

.tokenize-dropdown>.dropdown-menu {
    min-height: 10px;
    width: 100%;
    display: block;
    margin: -1px 0 0 0;
    visibility: visible;
    opacity: 1;
}

.tokenize-dropdown>.dropdown-menu li {
    cursor: pointer;
}

.tokenize-dropdown>.dropdown-menu li>a .tokenize-highlight {
    font-weight: bold;
}

.tokenize-dropdown>.dropdown-menu li.locked {
    padding: 3px 20px;
    color: #333;
    white-space: nowrap;
}

.tokenize-dropdown>.dropdown-menu li.locked,
.tokenize-dropdown>.dropdown-menu li>a {
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.tokenize-dropdown>.dropdown-menu li:not(.active) a:hover,
.tokenize-dropdown>.dropdown-menu li:not(.active) a:focus {
    background-color: transparent;
}