.xv-hide-desktop {
    display: none !important;
}

#mobile-indicator {
    display: none;
}

.xv-block-clone,
.asset-download-row.original {
    display: none !important;
}

.xv-mainfilter-wrapper {
    max-width: 940px;
    margin: 0 auto;
    opacity: 1;
    pointer-events: auto;
}

    .xv-mainfilter-wrapper.block-access {
        opacity: 0.2;
        pointer-events: none;
    }

    .xv-mainfilter-wrapper .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

.dropdown-selector .customPicker .btn-info {
    color: #1e1e1e;
    background-color: #fff;
    border-color: #dcdcdc;
    box-shadow: none;
}

.customPicker .btn-info.active.focus,
.customPicker .btn-info.active:focus,
.customPicker .btn-info.active:hover,
.customPicker .btn-info.focus:active,
.customPicker .btn-info:active:focus,
.customPicker .btn-info:active:hover,
.customPicker.open > .dropdown-toggle.btn-info.focus,
.customPicker.open > .dropdown-toggle.btn-info:focus,
.customPicker.open > .dropdown-toggle.btn-info:hover {
    color: #1e1e1e;
    background-color: #fff;
    border-color: #dcdcdc;
}

.customPicker .dropdown-toggle:focus {
    outline: none !important;
    border: 1px solid #1e1e1e;
}

.customPicker.btn-group .btn {
    padding: 0 24px 0 16px;
    border-radius: 0;
    font-size: 12px;
    line-height: 45px;
    height: 45px;
}

    .customPicker.btn-group .btn.disabled {
        border-color: #F8F8F8;
        opacity: 1;
        cursor: not-allowed;
    }

        .customPicker.btn-group .btn.disabled span {
            color: #FAFAFA;
        }

.bootstrap-select.customPicker.btn-group .dropdown-toggle .filter-option {
    text-overflow: ellipsis;
}

.xv-mainfilter-wrapper .bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 12px;
}

.customPicker .dropdown-menu > li > a:focus,
.customPicker .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #fff;
    outline: none;
}

.sticky-wrapper {
    clear: both;
}

.xv-results-wrapper {
    display: none;
    opacity: 1;
    pointer-events: auto;
    width: 100%;
    border: 1px solid #ebebeb;
    clear: both;
    padding: 0 15px;
    background: #fff;
    z-index: 999;
}

    .xv-results-wrapper .xs-results-inner {
        padding: 1rem 0;
        max-width: 940px;
        margin: 0 auto;
    }

    .xv-results-wrapper.display-filters {
        display: block;
    }

    .xv-results-wrapper.visible-xs {
        display: none !important;
    }

.section-button.black a {
    background-color: #1e1e1e;
    color: #fff;
}

.download-bar-desktop .sort {
    float: right;
    width: 205px;
    margin: 10px 42px;
    text-transform: uppercase;
}

.download-bar-desktop .download {
    float: right;
    margin: 10px 0;
    margin-right: 15px;
}

    .download-bar-desktop .download a, .download_share_btn {
        font-size: 0.875rem;
        font-family: GTW-Regular, sans-serif;
        border: 1px solid #1e1e1e;
        border-radius: 32px;
        display: inline-block;
        background-color: #1e1e1e;
        color: #fff;
        transition-duration: 0.2s;
        /*line-height: 0.875rem;*/
        letter-spacing: 0.02em;
        /*padding: 0.8125rem 2rem 0.8125rem 2rem;*/
        line-height: 45px;
        height: 45px;
        padding: 0 1rem;
        font-size: 0.675rem;
    }

        .download-bar-desktop .download a:hover {
            background-color: #c74337;
            border: 1px solid #c74337;
        }

.container a:focus {
    outline: none;
}

.download-bar-desktop .filesno {
    float: left;
    margin: 10px 15px;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 45px;
}

.download-bar-desktop .select {
    float: left;
    position: relative;
    margin: 10px 15px;
    z-index: 1;
    font-size: 14px;
}

.download-share a.modal-download {
    background-color: #1e1e1e;
    color: #fff;
}

.download-share a {
    font-size: 14px;
    font-family: GTW-Regular, sans-serif;
    border: 1px solid #1e1e1e;
    padding: 10px 0;
    border-radius: 32px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    width: 190px;
    text-align: center;
}

.download-share span.loading {
    background-image: url(../gif/studioload.gif);
    background-size: contain;
    background-position: center center;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
}

    .download-share span.loading.animate-spin-button {
        opacity: 1;
    }

.mobile-download-share a {
    padding: 10px 20px;
}

.mobile-download-share span {
    font-size: 14px;
    color: #9b9b9b;
}

.mobile-download-share .count-files {
    padding-right: 5px;
}

.download-share a.modal-download:hover {
    background-color: #c74337;
    border: 1px solid #c74337;
}

.download-share a.modal-share:hover {
    color: #c74237;
    border: 1px solid #c74237;
}

.mycustom-checkbox input[type='checkbox'] {
    width: 25px;
    height: 25px;
    margin: 0;
    display: inline-block;
    opacity: 0;
}

.mycustom-checkbox a {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: -1;
    border: 1px solid #1e1e1e;
}

.mycustom-checkbox input[type='checkbox']:checked + a {
    background-color: black;
    border: none;
    background-image: url('../svg/selected_icon.svg');
}

.mycustom-checkbox label {
    display: inline-block;
    max-width: 100%;
    color: #1e1e1e;
    font-weight: normal;
    position: relative;
    vertical-align: top;
    padding-left: 10px;
    line-height: 25px;
}

.download-bar-desktop .mycustom-checkbox.xv-results-selectall {
    height: 45px;
    line-height: 45px;
}

    .download-bar-desktop .mycustom-checkbox.xv-results-selectall label {
        vertical-align: middle;
        margin: 0;
    }

    .download-bar-desktop .mycustom-checkbox.xv-results-selectall input[type='checkbox'] {
        vertical-align: middle;
    }

    .download-bar-desktop .mycustom-checkbox.xv-results-selectall a {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.xv-mainfilter-wrapper .xv-filter-bundle .xv-filter-group-product .dropdown-selector {
    margin-bottom: 20px;
    text-transform: uppercase;
}

.xv-filter-group-product .dropdown-selector .filter-option, .xv-filter-group-asset .dropdown-selector .filter-option {
    text-transform: uppercase;
}

.xv-search-order-downloadbar .dropdown-toggle .filter-option {
    text-transform: uppercase;
}

.xv-filter-group-product.xv-filter-first,
.xv-filter-group-asset.xv-filter-first {
    padding-left: 15px;
}



.product-search-box input[type="text"] {
    width: 100%;
    height: 45px;
    padding-left: 1rem;
    border: none;
    border: 1px solid #dcdcdc;
    font-size: 11px;
    text-transform: uppercase;
}

.clear-filters-btn,
.clear-filters-btn:focus {
    font-size: 0.875rem;
    font-family: GTW-Regular, sans-serif;
    border: 1px solid #1e1e1e;
    border-radius: 32px;
    display: inline-block;
    letter-spacing: 0.02em;
    transition-duration: 0.2s;
    line-height: 45px;
    height: 45px;
    padding: 0 2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    color: #1e1e1e;
}

    .clear-filters-btn:hover {
        color: #c74237;
        border: 1px solid #c74237;
    }

.clear-filters {
    padding: 20px 0;
    text-align: right;
}

.xv-mainfilter-wrapper .xv-filter-phone {
    background-color: #f8f8f8;
    cursor: pointer;
}

    .xv-mainfilter-wrapper .xv-filter-phone h3 {
        margin: 0;
        padding: 1rem 1rem 1.333rem 1rem;
        text-transform: uppercase;
        text-align: left;
    }

    .xv-mainfilter-wrapper .xv-filter-phone a {
        text-decoration: none;
        color: #1e1e1e;
    }

    .xv-mainfilter-wrapper .xv-filter-phone span {
        float: right;
    }

        .xv-mainfilter-wrapper .xv-filter-phone span:before {
            content: "+";
        }

.xv-mainfilter-wrapper.expand .xv-filter-phone span:before {
    content: "-";
}

.xv-mainfilter-wrapper .xv-filter-bundle {
    width: 100%;
    margin-bottom: 20px;
}

    .xv-mainfilter-wrapper .xv-filter-bundle .xv-filter-bundle-group {
        display: none;
    }

        .xv-mainfilter-wrapper .xv-filter-bundle .xv-filter-bundle-group:nth-of-type(1) {
            display: block;
        }

    .xv-mainfilter-wrapper .xv-filter-bundle .xv-filter-bundle-group {
        display: none;
    }

.download-bar-mobile .select-cb {
    float: left;
    position: relative;
    z-index: 1;
    font-size: 12px;
}

.download-bar-mobile .select-lbl {
    color: #1e1e1e;
    margin: 0 10px;
    line-height: 25px;
}

.download-bar-mobile .sort {
    float: left;
    padding: 7px 0px 0px 7px;
    font-size: 10px !important;
}

.download-bar-mobile .filesno {
    float: right;
    color: #9b9b9b;
    line-height: 25px;
}

.sticky-mobile .sticky-wrapper {
    min-height: 145px;
}

.xv-results-wrapper.download-bar-mobile {
    padding: 1.3rem 1.5rem;
}

.xv-block-item .xv-carved-checkbox {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
}

.xv-block-item:hover .xv-carved-checkbox,
.xv-block-item.selected .xv-carved-checkbox {
    display: block;
}

.xv-block-item .xv-carved-checkbox input[type='checkbox'] {
    width: 25px;
    height: 25px;
    margin: 0;
    display: block;
    opacity: 0;
}

    .xv-block-item .xv-carved-checkbox input[type='checkbox']:checked + a {
        background-color: black;
        border: none;
        background-image: url('../svg/selected_icon-2.svg');
    }

        .xv-block-item .xv-carved-checkbox input[type='checkbox']:checked + a:before {
            color: #fff;
            width: 100%;
            height: 100%;
            position: absolute;
            line-height: 21px;
            text-align: center;
            font-size: 10PX;
        }

.xv-block-item .xv-carved-checkbox a {
    background-color: #fff;
    position: absolute;
    top: 0;
    width: 21px;
    height: 21px;
    z-index: -1;
    background-image: url('../svg/unchecked_icon.svg');
}

.xv-block-item .xv-carved-checkbox input[type='checkbox'] {
    width: 21px;
    height: 21px;
    margin: 0;
    display: block;
    opacity: 0;
}

.xv-block-item.size-medium.selected {
    border: 2px solid #1e1e1e;
}

.xv-block-item .xv-carved-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
/*
.xv-block-item.selected .xv-carved-text + a {
    border: 2px solid #1e1e1e;
}*/

.xv-block-item.assets .xv-carved-image {
    opacity: 1;
    /*background-size: contain;*/
    background-size: cover;
}

[class*="xv-block-foundation"] {
    width: 100%;
    display: inline-block;
}

.xv-pillar-8.xv-block-container.xv-isPattern-toolsassets {
    max-width: 940px;
    margin: 0 auto;
}

.xv-block-item {
    position: relative;
    float: left;
    overflow: hidden;
}

    .xv-block-item.assets {
        background-color: #f8f8f8;
    }

a.xv-loadmore-btn {
    display: inline-block;
}

.xv-loadmore-btn img {
    width: 64px;
    margin: 20px 0;
    display: none;
}

.xv-loadmore-btn.loading img {
    display: block;
}

.xv-loadmore-wrapper {
    text-align: center;
}

.xv-block-wrapper {
    margin: 10px 0;
    padding-right: 10px;
    padding-left: 10px;
    height: 100%;
    min-height: 300px;
}

.xv-block-item {
    width: 100%;
    height: 100%;
}

    .xv-block-item .asset-hover {
        display: none;
        position: absolute;
        bottom: 25px;
        width: 100%;
        text-align: center;
        z-index: 998;
    }

        .xv-block-item .asset-hover a {
            cursor: pointer;
        }

    .xv-block-item:hover .asset-hover {
        display: block;
    }

.modal .modal-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .modal .modal-body ul li {
        padding: 1.25rem 0;
        display: block;
        color: #1e1e1e;
        word-wrap: break-word;
        text-align: center;
        font-size: 16px;
        border-bottom: 1px solid #ebebeb;
    }

        .modal .modal-body ul li:first-child {
            border-top: 1px solid #ebebeb;
        }

.modal .modal-footer {
    border-top: none;
    padding: 1.87rem 1.375rem;
}

.modal ul.download-box {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}


.asset-download-row .left {
    float: left;
    min-width: 57px;
    min-height: 57px;
}

.asset-download-row .left-thumbnail {
    width: 57px;
    height: 57px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px 60px;
}

.asset-download-row .right {
    width: calc(100% - 60px);
    float: right;
    padding-left: 5px;
    padding-right: 5px;
}

    .asset-download-row .right .name {
        float: left;
        padding-bottom: 15px;
        font-weight: normal;
        font-size: 16px;
    }

    .asset-download-row .right .fav-delete {
        float: right;
    }

.asset-download-row .select-resolution a {
    word-spacing: normal !important;
    margin-left: 5px;
    white-space: nowrap;
    font-size: 11px;
    font-family: GTW-Regular, sans-serif;
    border: 1px solid #000;
    padding: 5px 9px;
    border-radius: 32px;
    display: inline-block;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
}

.asset-download-row .select-resolution .selected {
    border: solid 1px #000;
    background-color: #000;
    color: #fff;
    /*font-weight: bold;*/
    /*border-top: none;
    border-right: none;
    border-bottom: solid 1px #DDD;
    border-left: none;*/
}

.asset-download-row .preview-info {
    padding-top: 21px;
    margin-left: 65px;
}

.preview-info .prev-left {
    float: left;
    width: 37%;
}

.preview-info .preview-img {
    width: 100%;
    height: 220px;
    background-repeat: no-repeat;
    background-size: contain;
}

.preview-info .prev-middle {
    float: left;
    width: 61%;
    padding: 0px 0px 0px 20px;
    text-align: left;
}

    .preview-info .prev-middle .dateAdded {
        padding-bottom: 20px;
    }

.preview-info .prev-right {
    float: right;
    margin-right: 5px;
}

.modal .modal-body {
    padding: 0 1.375rem;
}

.modal-body ul li div a {
    float: left;
    text-decoration: none;
    cursor: pointer;
}

.modal .modal-header {
    border-bottom: none;
    padding: 0.5rem 1.375rem;
}

.modal-header .modal-title {
    border-bottom: 1px solid #ebebeb;
}

.modal-header .modal-title {
    text-align: center;
    color: #333;
}

.modal .close {
    float: right;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    color: #3D3D3D;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

    .modal .close:focus {
        outline: none;
    }

.modal button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    padding: 15px 0;
}

.preview-info .title {
    font-weight: 900;
}

.xv-block-item .xv-carved-text + a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 997;
}

.desktop-download-share .summary {
    float: left;
    font-size: 14px;
    color: #9b9b9b;
}

    .desktop-download-share .summary .count-files {
        padding-right: 5px;
    }

.fav-delete .close-asset-icon {
    font-size: 20px;
    line-height: 1;
    color: #090909;
}

#assetsShareModal .send-left {
    float: left;
    padding-right: 10px;
    padding-top: 10px;
    width: 15%;
}

.send-left .text {
    width: 100%;
    height: 45px;
    text-align: right;
}

#assetsShareModal .send-right {
    float: left;
    width: 85%;
}

.send-right .form-control {
    border-color: #ddd;
    border-radius: 0;
    box-shadow: none;
}

#assetsShareModal .message-box {
    width: 100%;
    min-height: 250px;
    overflow-y: auto;
    background-color: #fff;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    padding: 15px;
}

#assetsShareModal .send-container {
    position: relative;
    width: 100%;
    height: 51px;
}

#assetsShareModal .send-button {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    height: 45px;
    opacity: 0;
    z-index: 1;
    width: 156px;
}

#assetsShareModal a.send-link:hover {
    color: #c74237;
    border: 1px solid #c74237;
}

#assetsShareModal .send-link {
    font-size: 14px;
    font-family: GTW-Regular, sans-serif;
    border: 1px solid #1e1e1e;
    padding: 10px 60px;
    border-radius: 32px;
    display: inline-block;
    text-decoration: none;
    float: right;
}

#assetsShareModal .message-box textarea {
    border-style: none;
    border-color: Transparent;
    overflow: auto;
    resize: none;
}

#assetsShareModal .message-box .all {
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 14px;
}

    #assetsShareModal .message-box .all div:first-child {
        width: 80px;
        text-align: right;
        padding-right: 30px;
    }

#assetsShareModal .message-box .preview {
    width: 57px;
    height: 57px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    font-size: 12px;
}

#assetsShareModal .modal-body ul li {
    padding: 5px 0;
}

.message-box .url {
    float: left;
    margin-left: 20px;
    width: 40%;
    padding-top: 5px;
    text-align: left;
}

#assetsShareModal .message-box .name {
    float: left;
    margin-left: 20px;
    padding-top: 5px;
    color: #333;
}

.modal-body .thankyou-message-body,
.modal-body.message-sent .default-body {
    display: none;
}

.modal-body.message-sent .thankyou-message-body {
    display: block;
}

.icon-up.svg {
    width: 14px;
}

.asset-download-row .preview-info-close {
    cursor: pointer;
}

/* ----------Com selector------------ */
.com-selector-filters {
    padding-left: 0;
    padding-right: 0;
}

    .com-selector-filters > .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .filter-col,
    .com-selector-filters .filter-col {
        padding-left: 10px;
        padding-right: 10px;
    }

.filter-col {
    width: 20% !important;
    float: left;
}

.clear-filters.text-center {
    text-align: center;
}

.material-selector-lits {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}

    .material-selector-lits,
    .material-selector-lits p {
        font-size: 0.9em;
    }

        .material-selector-lits li {
            width: 100%;
            float: left;
            border: 1px solid #ebebeb;
            margin-bottom: 10px;
            padding-top: 15px;
            padding-bottom: 15px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

.border-right {
    border-right: 2px solid #666666;
}

.xv-results-wrapper.no-border {
    border: none;
}

    .xv-results-wrapper.no-border > .xs-results-inner {
        border-top: 1px solid #ebebeb;
    }

.material-selector-lits .submenu-trigger:before {
    content: "\e259";
}

.material-selector-lits .submenu-trigger {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    font-size: 0.8em;
    margin-left: 3px;
}

.material-selector-lits .open .submenu-trigger {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.approved-metas {
    /*display: none;*/
}

    .approved-metas strong {
        font-weight: 100;
    }

p.status.approved {
    color: #4CAF50;
    font-weight: bold;
}

.lim-App ~ .approved {
    display: none;
}

.com-seclect-left,
.com-seclect-right {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    position: relative;
}

.com-seclect-left {
    width: 16.66666667%;
    border-right: 2px solid #000;
}

.com-seclect-right {
    width: 83.33333333%;
}

p.col-heading {
    width: 40%;
    float: left;
    font-weight: bold;
}

p.col-desc {
    width: 60%;
    float: left;
}

    p.col-desc strong {
        font-weight: 100;
    }

.material-selector-lits p {
    margin-bottom: 5px;
}

.com-seclect-right .more-detail {
    display: none;
    margin-bottom: 10px;
    border-top: 1px solid #000;
    padding-top: 5px;
    margin-top: 5px;
    font-weight: bold;
}

.material-selector-lits .more-detail.expend .submenu-trigger:before {
    content: "\e260";
}

.xv-mainfilter-wrapper.com-selector-mainfilter .clear-filters-btn {
    background-color: #fff;
}

.approved-metas p {
    text-transform: capitalize;
}

@media (min-width: 992px) {
    .com-seclect-right > .row {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .filter-col {
        width: 50%;
    }

    .material-selector-lits .border-right {
        border-right: none;
    }

    .com-seclect-left,
    .com-seclect-right {
        width: 100%;
    }

    .com-seclect-left {
        border-right: none;
    }

    .com-seclect-right .more-detail {
        display: block;
    }

    .com-seclect-right > .row {
        display: none;
    }
}

@media (max-width: 767px) {

    .com-download-bar.download-bar-desktop .download a {
        padding: 0 1rem;
    }

    .com-download-bar.download-bar-desktop .download {
        margin: 0;
        margin-right: 0;
    }

    .com-download-bar.download-bar-desktop .xv-search-order .btn-group.bootstrap-select.customPicker {
        width: 145px;
    }

    .filter-col, .com-selector-filters .filter-col {
        padding-left: 5px;
        padding-right: 5px;
    }

        .filter-col.xv-keyword-group {
            width: 100%;
        }

    .xv-mainfilter-wrapper .xv-filter-bundle {
        background-color: #ffffff;
    }

    .material-selector-lits {
        padding: 0 15px;
    }

    .com-seclect-left p.com-name {
        width: calc(100% - 70px);
    }
    /*
    .com-seclect-left p.status {
        position: absolute;
        top: 0;
        right: 10px;
    }*/
}
/* -----------Com selector end..----------- */

@media (max-width: 766px) {
    .asset-download-row .select-resolution a.selected:after {
        background-image: url('../svg/selected_icon.svg');
    }

    .xv-results-wrapper.visible-xs.display-filters {
        display: block !important;
    }

    .asset-download-row .select-resolution a:after {
        content: "";
        position: absolute;
        left: -30px;
        height: 25px;
        width: 25px;
        overflow: hidden;
        top: 0;
        background-image: url('../svg/unchecked_icon-2.svg');
    }

    .asset-download-row .select-resolution a, .asset-download-row .select-resolution .selected {
        display: block;
        float: none;
        position: Relative;
        background: transparent;
        border: none;
        color: #1e1e1e;
        text-align: left;
    }

    .asset-download-row .select-resolution a {
        margin-bottom: 15px;
        padding-left: 5px;
    }

    .asset-download-row .left-thumbnail {
        width: 57px;
        height: 57px;
        background-position: 0 25px;
    }

    .asset-download-row .asset-document {
        max-width: 170px;
        margin: 0 auto;
    }

    .mobile-preview .mobile-icon:after {
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        text-transform: none;
        font-size: 12px;
        margin-left: 10px;
    }

    .mobile-preview.close .mobile-icon:after {
        content: "\e260";
    }

    .mobile-preview .mobile-icon:after {
        content: "\e259";
    }

    .mobile-preview.close {
        float: left;
        padding: 10px 0;
    }

    .select-resolution {
        width: 50%;
        margin: 0 auto;
    }

    .asset-download-row .left-thumbnail {
        width: 50%;
        height: 40vw;
        background-size: contain;
    }

    .asset-download-row .right {
        width: 50%;
        padding-top: 5px;
    }

    #mobile-indicator {
        display: block;
    }

    .xv-mainfilter-wrapper .xv-filter-bundle {
        max-height: 0px;
        padding: 0;
        display: block;
        overflow: hidden;
        background-color: #f8f8f8;
        -webkit-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }

    wrapper.expand .xv-filter-bundle {
        max-height: 800px;
        padding: 1rem 1.4rem 3rem 1.4rem;
    }

    .download-bar-mobile .download {
        float: none;
        padding: 1.3rem 0;
        text-align: center;
        margin: 0 auto;
    }

        .download-bar-mobile .download a {
            font-size: 0.875rem;
            font-family: GTW-Regular, sans-serif;
            border: 1px solid #1e1e1e;
            border-radius: 32px;
            display: inline-block;
            background-color: #1e1e1e;
            color: #fff;
            transition-duration: 0.2s;
            line-height: 0.875rem;
            letter-spacing: 0.02em;
            padding: 0.8125rem 2rem 0.8125rem 2rem;
        }

    .xv-mainfilter-wrapper.expand .xv-filter-bundle {
        max-height: 800px;
        padding: 1rem 1.4rem 3rem 1.4rem;
        overflow: visible;
    }

    .xv-block-item {
        height: 50vw;
    }

        .xv-block-item .asset-hover {
            z-index: inherit;
            position: absolute;
            bottom: 25px;
            width: 100%;
            text-align: center;
        }

            .xv-block-item .asset-hover .svg .object {
                width: 42px;
            }

    .preview-info .prev-middle {
        width: 100%;
        padding: 0px;
        text-align: left;
    }

    .modal-body ul li {
        padding: 1px 4px 0 4px;
    }

    .asset-download-row .preview-info {
        padding-top: 21px;
        margin-left: 0px;
    }

    .modal-footer .buttons .footer-btn {
        display: block;
        padding-bottom: 1.5rem;
    }

        .modal-footer .buttons .footer-btn:first-of-type {
            padding-top: 3rem;
        }

    .modal-footer .buttons {
        text-align: center;
        margin-top: 2rem;
    }

    .modal .modal-body ul li:last-child {
        border-bottom: none;
    }

    .desktop-download-share .summary {
        text-align: left;
        float: none;
    }

    #assetsShareModal .send-right {
        float: none;
        width: 100%;
    }

    .download-share span.loading {
        margin-bottom: 10px;
    }

    .modal-header .modal-title {
        padding: 1rem 0 1rem 0;
    }

    .modal ul.download-box {
        max-height: 400px;
    }
    /*Com Selector*/
    .xv-mainfilter-wrapper.com-selector-mainfilter .xv-filter-bundle {
        max-height: 800px;
        padding: 0 5px;
        overflow: visible;
        background-color: #ffffff;
    }
    /*Com Selector  end*/
    .xv-hide-desktop {
        display: block !important;
    }
}

@media (max-width: 450px) {
    .com-download-bar.download-bar-desktop .download {
        margin: 0 0 20px 0;
        float: left;
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .xv-hide-desktop {
        display: none !important;
    }
}

@media (min-width: 767px) {
    .xv-block-item {
        height: 200px;
    }

    .modal.download-assets-modal .modal-dialog {
        width: 650px;
    }

    .xv-filter-group-product,
    .xv-filter-group-asset {
        padding-left: 5px;
    }
}

@media (max-width: 1024px) {
    .xv-block-item .asset-hover {
        display: block;
    }
}

@media (max-width: 1023px) and (min-width: 767px) {
    .xv-hide-tablet {
        display: none !important;
    }
}

.btn.dropdown-toggle.btn-default {
    border: 1px solid;
}
