/* M E D I A  Q U A R I E S
---------------------------------------------------*/
/* REGULAR 
------------------------------*/
@media only screen and (max-width: 880px) {
    /* CONTAINER 
    ------------------------------*/
        #container { 
            display: block;
            width: 90%;
            max-width: 500px;
            margin: 4rem auto;
        }
        #sidebar {
            display: block;
            width: 100%;
            height: auto;
        }
        #sidebar .fixer { 
            position: relative; 
            width: 100%;
            margin-top: 0; 
        }
        #sidebar .header-image img {
            max-height: 300px;
            object-fit: cover;
            object-position: 50% 50%;
        }

    /* PAGINATION SWAP
    ------------------------------*/
        .pagination.desktop { display: none; }
        .pagination.mobile, .grid-view .pagination.mobile { display: block; width: 100%; }
}
@media only screen and (max-width:400px) {
    #container { 
        max-width: 98vw;
        max-width: calc(100vw - 2rem);
    }
}

/* TAG PAGE 
------------------------------*/
@media only screen and (max-width:1100px) {
    .grid-view .grid .grid-item {
        width: 45%;
        width: calc(50% - 4rem);
    }
}
@media only screen and (max-width:880px) {
    .grid-view .hide,
    * .hide {
        opacity: 1;
        height: auto;
        overflow: initial;
    }
    .loader { 
        display: none;
        height: 0;
        overflow: hidden;
    }
    .grid-view #sidebar { 
        padding: 0;
    }
    .grid-view #container { 
        max-width: 500px;
    }
    .grid-view .grid .grid-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .grid-view .grid-item .tags-wrap {
        display: block !important;
    }
    #wrapper #tag-heading  #list-view-btn,
    #wrapper #tag-heading  #grid-view-btn,
    #wrapper #tag-heading  #load-btn {
        display: none;
        width: 0;
        height: 0;
        position: absolute;
        left: -100000000000000px;
        top: -10000000000000000px;
        overflow: hidden;
        opacity: 0;
    }
    .mbbreak {
    	display: block;
    }
}
@media only screen and (min-width:1500px) {
.grid-view #container { 
        max-width: 2000px;
    }
}