/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {
}

/* Hide Scroll to Top */
@media (max-width: 1390px) {
    #totop-scroller {
        display: none;
    }
}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

    .notice-subtitle {
        padding-top: 25px;
    }

    #footer {
        text-align: center;
        font-size: 12px;
    }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

    /* Layout */
    #search {
        display: none;
    }

    .grid-gutter > .grid-box:nth-child(n+3) > * { margin-top: 0px; }

}

/* Only Phones */
@media (max-width: 767px) {

    /* Layout */
    #toolbar, #headerbar, #menubar, #breadcrumbs, #totop-scroller {
        display: none;
    }

    .module-page-title {
        text-align: center;
    }

    #header-responsive {
        text-align: center;
        padding: 20px;
    }

    #header-responsive SELECT {
        border: 1px solid #dedede;
        padding: 5px;
    }

    #header-responsive .logo {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin-right: 0;
        margin-bottom: 10px;
    }

    #footer {
        text-align: center;
        font-size: 12px;
    }

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
    

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

    /* System */
    #system .items .item, #system .items .item:first-child {
        margin-top: 12px;
        padding-top: 18px;
        border-top-width: 1px;
    }

    #system .items :first-child .item:first-child {
        margin-top: 0;
        padding-top: 0;
        border-width: 0;
    }

    #system .items .leading .item {
        margin-bottom: 0;
        padding-bottom: 0;
        border-width: 0;
    }

    .grid-gutter > .grid-box:nth-child(n+1) > * { margin-top: 15px;}

}