@media all and (max-width: 450px)  {
    /*GENERAL CLASSES*/
    .desktop-only{
        display: none !important;
    }
    .mobile-only{
        display: block;
    }

    /* START SIDEBAR */
    #wrapper #sidebar{
        width: auto;
    }
    #sidebar .tabs{
        width: 210px;
        width: auto;
        margin: 115px 0 0;
        z-index: 9;
    }
    #sidebar .tabs .content{
        display: none;
    }
    #sidebar .tabs nav{

    }
    #sidebar .tabs nav a{
        font-size: 12px;
        padding: 12px 0;
    }
    .tabs .content.visible{
        width: 160px;
    }

    #sidebar .item{
        width: 40px;
        height: 30px;
        margin: 5px;
    }
    #sidebar .image-upload-handle span, #sidebar .autofill span{
        top: 0;
        font-size: 20px;
        color:#fff;
        display: inline-block;
        position: relative;
        left: 0;
    }

    /* END SIDEBAR*/

    /*START BACKGROUNDS*/
    #menu{
        height: 50px;
    }
    #backgrounds .item{
        width: 40px;
        height: 30px;
    }

    /* END BACKGROUNDS */

    #wrapper #main-content{
        margin-left: 0;
    }

    /* START PAGES */
    #wrapper #main-content #pages .item{
        width: 50px;
        height: 30px;
    }
    #wrapper #main-content #pages .item.active{
        height: 35px;
    }
    #wrapper #main-content #pages .item.active .remove{
        display: block;
        height: 20px;
        line-height: 18px;
        width: 15px;
    }
    #wrapper #main-content #pages .item span{
        line-height: 30px;
    }
    #wrapper #main-content #pages .item.cover, #wrapper #main-content #pages .item.active{
        line-height: 33px;
    }
    #wrapper #main-content #pages .item.cover p{
        font-size: 10px;
    }

    /* END PAGES */

    /* START BOOK PLOT */
    #wrapper #main-content #host{
        margin-left: 40px;
    }
    /* END BOOK PLOT */


    /* START GENERAL TEMPLATES */

    .templates .layouts .item{
        width: 30px;
        height: 30px;
    }
    #templates-left, #templates-right{
        width: 40px;
        padding: 0;
    }
    /* END GENERAL TEMPLATES */

    /* START LEFT TEMPLATES */
    /* END LEFT TEMPLATES */

    /* START BOTTOM TEMPLATES */
    #templates-bottom-cover, #templates-bottom{
        width: 100%;
    }
    #templates-bottom .layouts{
        padding: 0 10px;
    }
    #templates-bottom .item{
        width: 30px;
        height: 30px;
    }

    #templates-bottom-cover .item{
        width: 40px;
    }
    #templates-bottom-cover .layouts{
        padding: 0;
    }

    #bottom-tools .left-tools{
        margin-top: 5px;
    }
    /* END BOTTOM TEMPLATES */
}

@media all and (min-width: 768px) {
    /*GENERAL CLASSES*/
    .desktop-only{
        display: block;
    }
    .mobile-only{
        display: none !important;
    }
}