@media (max-width: 991px){
    .row.sortable-grid{
        margin-left: -5px;
        margin-right: -5px;
    }
    .row.sortable-grid .col, 
    .row.sortable-grid .col-1, 
    .row.sortable-grid .col-10, 
    .row.sortable-grid .col-11, 
    .row.sortable-grid .col-12, 
    .row.sortable-grid .col-2, 
    .row.sortable-grid .col-3, 
    .row.sortable-grid .col-4, 
    .row.sortable-grid .col-5, 
    .row.sortable-grid .col-6, 
    .row.sortable-grid .col-7, 
    .row.sortable-grid .col-8, 
    .row.sortable-grid .col-9, 
    .row.sortable-grid .col-auto
    {
        padding-right: 5px;
        padding-left: 5px;
    }
    .modal-dialog{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .sortable-grid > li > .image-preview{
        margin-bottom: 10px;
    }
    .sortable-grid > li > .image-preview > .checkboxes,
    .sortable-grid > li > .image-preview > .image-wrap > .preview > .preview-desc{
        padding-left: 5px;
        padding-right: 5px;
    }

    header{
        border-bottom: 1px solid #cdcccc;
    }

    header .menu-toggle{
        position: relative;
        display: inline-block;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }
    header .menu-toggle span,
    header .menu-toggle:before,
    header .menu-toggle:after{
        content:'';
        height: 2px;
        width: 30px;
        background: #1c3374;
        position: absolute;
        top: 50%;
        display: block;
        transform:rotate(0);
        transition: margin-top 0.2s ease-in 0.2s, background 0.2s ease-in, opacity 0s ease-in 0.2s, transform 0.2s ease-in;
    }
    .page-template-template-home .header:not(.scroll) .menu-toggle span,
    .page-template-template-home .header:not(.scroll) .menu-toggle:before,
    .page-template-template-home .header:not(.scroll) .menu-toggle:after,
    header.open .menu-toggle span,
    header.open .menu-toggle:before,
    header.open .menu-toggle:after{
        background: #1c3374;
    }
    header .menu-toggle:before{
        margin-top: -8px;
    }
    header .menu-toggle:after{
        margin-top: 8px;
    }
    header .menu-toggle.active span,
    header .menu-toggle.active:before,
    header .menu-toggle.active:after{
        transition: margin-top 0.2s ease-in, background 0.2s ease-in, opacity 0s ease-in 0.2s, transform 0.2s ease-in 0.2s;
    }
    header .menu-toggle.active span{
        opacity: 0;
    }
    header .menu-toggle.active:before{
        margin-top: 0;
        transform:rotate(45deg);
    }
    header .menu-toggle.active:after{
        margin-top: 0;
        transform:rotate(-45deg);
    }

    header .logo,
    header .menu-toggle{
        z-index: 14;
    }
    header .search-icon .icon{
        margin-right: 20px;
        width: 20px;
        height: 20px;
    }

    .header-main{
        padding: 10px 0 !important;
        z-index: 13;
        position: relative;
    }

    header .top-menu-wrapper{
        position: fixed;
        z-index: 13;
        height: 100%;
        overflow: auto;
        min-width: 180px;
        max-width: 340px;
        top: 0;
        right: 0;
        margin-right: -100%;
        background-color: #ffffff;
        transition: margin-right 0.2s ease-in;
        padding: 90px 0;
    }
    header.open .top-menu-wrapper{
        margin-right: 0;
    }
    header .top-menu-overlay, 
    header .mob-search-overlay{
        position: fixed;
        z-index: 12;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(0,0,0,0.7);
        transition: opacity 0.2s ease-in;
        padding: 90px 0;
        cursor: pointer;
    }
    header.open .top-menu-overlay,
    header.search .mob-search-overlay{
        opacity: 1;
        visibility: visible;
    }

    header .logo{
        max-height: 60px;
        text-align: left;
    }
    header .logo img{
        height: 100%;
        width: auto;
    }

    .top-menu-wrapper > .top-menu-toggle > ul > li > a,
    .top-menu-wrapper li.nav-item{
        padding: 15px 20px;
        border-top: 1px solid #cdcccc;
        display: block;
    }
    .top-menu-wrapper > .top-menu-toggle > ul > li > a{
        color: #585858;
        font-weight: 600;
        font-size: 9px;
        letter-spacing: 1.6px;
        line-height: 22px;
        text-transform: uppercase;
    }
    .top-menu-wrapper li.nav-item > ul > li:first-child{
        padding-bottom: 10px;
    }
    .top-menu-wrapper li.nav-item > ul > li .btn{
        margin-bottom: 5px;
    }
    .top-menu-wrapper .icon{
        margin-right: 10px;
    }
    .top-menu-toggle{
        display: none;
    }
    .top-menu-toggle.active{
        display: block;
    }

    /* footer */
    footer .page-breadcrumb{
        margin-bottom: 10px;
        text-align: center;
        line-height: 1.5;
        width: 100%;
    }
    footer .logo{
        margin-right: 0;
    }

    /* search bar */
    .search-toggle, .filter-toggle{
        cursor: pointer;
    }
    .header-main{
        margin-left: 0;
        transition: margin-left 0.2s ease-in;
    }
    header.search .header-main{
        margin-left: -100%;
        z-index: 22;
    }
    .search-bar-wrap{
        position: fixed;
        top: 0;
        right: 0;
        z-index: 13;
        width: 100%;
        margin-right: -100%;
        transition: margin-right 0.2s ease-in;
        padding: 10px 15px;
        background: #ffffff;
    }
    .search-bar-wrap.active{
        margin-right: 0;
    }
    .search-input input{
        max-width: 100%;
    }
    .search-wrap{
        /*background-color: transparent;
        border-left: none;
        padding-right: 0;*/
    }
    header.search .search-tags-wrap{
        z-index: 13;
        position: relative;
    }
    .search-tags-wrap{
        background: #ffffff;
        border-top: 1px solid #cdcccc;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .search-input-tags{
        max-width: 100%;
    }
    .search-input-tags a.btn{
        margin-bottom: 5px;
    }

    .filter-by-wrap{
        background: #ffffff;
        border-top: 1px solid #cdcccc;
    }
    .filter-by-wrap .row > div{
        padding-top: 15px;
        padding-bottom: 15px;
        border-right: 1px solid #cdcccc;
    }
    .filter-by-wrap .row > div:last-of-type{
        border-right: 0;
    }
    .filter-by-wrap .icon{
        margin-left: 10px;
    }

    .clear_search_tags{
        padding: 10px 0;
        font-size: 12px;
        line-height: 15px;
        text-decoration: underline !important;
    }

    .asset_navigation .btn{
        padding: 7px 12px;
    }
    .asset_navigation .icon{
        margin-right: 0;
    }
    .asset_nav_wrap.active{
        height: 76px;
    }
    .asset_navigation{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .ui-menu{
        min-width: 0;
    }

    .lightbox-description{
        padding-right: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #b8b8b8;
    }
    .lightbox-buttons{
        padding-left: 0;
        margin-left: 0;
        border-left: none;
    }
    .lightbox-navigation{
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }


}
@media (max-width: 767px){
    /* progress notice */
    .progress-notice{
        width: 95%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .custom-autocomplete{
        min-width: 300px;
    }
    .lightboxes-title{
        margin-bottom: 20px;
    }
    .lightbox-navigation li:not(:last-child){
        border-right: 0;
    }
    .sortable-grid{
        margin-top: 20px;
    }
    .asset_breadcrumb, .lightbox_intro, .similar_intro, .upload_intro{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .asset-single{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .woocommerce{
        background-color: #FFFFFF;
        border-bottom: 1px solid #8E9398;
    }
    .woocommerce .account-content{
        margin-top: 0;
        margin-bottom: 0;
        padding: 50px 20px;
    }
    .product-box-title{
        text-align: left;
    }

    /** asset map view **/
    .asset-holder{
        width: calc(100% - 100px);
    }
    .asset-thumbnails{
        width: 100px;
    }

    /** list view **/
    #all-lightboxes.sortable-grid > li > .image-preview.list-view .image-wrap{
        width: 60px;
    }
    .sortable-grid > li > .image-preview.list-view .image-wrap .icon{
        height: 20px;
        width: 20px;
    }
    .all-assets.sortable-grid > li > .image-preview.list-view .image-wrap{
        width: 60px;
    }
    .sortable-grid > li > .image-preview.list-view > .image-detail{
        width: calc(100% - 135px);
    }
    .sortable-grid > li > .image-preview.list-view .image-title,
    .title-col{
        width: 100%;
    }
    .sortable-grid > li > .image-preview.list-view .image-detail > *:last-child{
        padding-left: 0;
    }

    /** filter search **/
    .search-wrap .dropdown-menu{
        width: 380px;
        padding: 40px 20px 80px;
    }

}
@media (max-width: 380px){
    .search-wrap{
        background-color: transparent;
        border-left: none;
        padding-right: 0;
    }
    .search-wrap .dropdown{
        display: none !important;
    }
}