/*------------------------------------------------------------------
[1. Max Width: 480px]
*/

@media (max-width: 480px) {

    .error-container h1 {
        font-size: 72px;
    }

}



/*------------------------------------------------------------------
[1. Max Width: 767px]
*/

@media (max-width: 767px) {

    .subnavbar {
        margin-left: -20px;
        margin-right: -20px;
    }

    .subnavbar-inner {
        height: auto;
    }

    .subnavbar .container > ul {
        width: 100%;
        height: auto;
        border: none;
    }

    .subnavbar .container > ul > li {
        width: 33%;
        height: 70px;
        margin-bottom: 0;
        border: none;
    }

    .subnavbar .container > ul > li.active > a {
        background: transparent;
    }

    .subnavbar .container > ul > li > a > i {
        display: inline-block;
        margin-bottom: 0;
        font-size: 20px;
    }

}



/*------------------------------------------------------------------
[3. Max Width: 979px]
*/

@media (max-width: 979px) {

    .navbar-fixed-top {
        position: static;
        margin-bottom: 0;
    }

    .subnavbar .container {
        width: auto;
    }
}



/*------------------------------------------------------------------
[2. Max Width: 1200px]
*/

@media (min-width: 1200px) {
    .navbar .search-query {
        width: 200px;
    }

}