/*------------------------------------------------------------------
[Table of contents]
1. Styles for devices(>1200px)
2. Styles for devices(>=992px and <=1199px)
3. Styles for devices(>=768px and <=992px)
4. Styles for devices(>=481px and <=767px)
5. Styles for devices(<=480px)
-------------------------------------------------------------------*/
/*----------------
[1. Styles for devices(>1200px)]
*/
@media (min-width: 1201px) {

}

/*----------------
[2. Styles for devices(>=993px and <=1200px)]
*/
@media (min-width: 993px) and (max-width: 1200px) {

}

/*--------------------
[3. Styles for devices(>=768px and <=992px)]
*/
@media (min-width: 768px) and (max-width: 992px) {
    .dropdown-2 > a{
        font-size: 20px !important;
    }
    .navbar-default .navbar-nav > li > a{
        padding-right: 15px;
    }
}

/*--------------------
[4. Styles for devices(>=481px and <=767px)]
*/
@media (max-width: 767px) {
    
    .tg-ls{
        display:none;
    }

    .navbar-nav > li.dropdown:hover > .dropdown-menu-2, .navbar-nav > li.dropdown.open > .dropdown-menu-2 {
        max-height: inherit;
    }

    .navbar-default .navbar-toggle {
        position: absolute;
        top: 15px;
        right: 0;
    }

    .navbar {
        min-height: 0;
    }

    .collapse {
        display: block;
    }

    .collapse.in .navbar-nav {
        width: 0;
    }

    .navbar-nav span,
    .navbar-nav a {
        font-family: 'Roboto Slab', serif;
    }

    .navbar-nav {
        margin: 0;
        position: fixed;
        top: 0;
        height: 100%;
        width: 80%;
        z-index: 20000;
        max-width: 400px;
        /*z-index: -1;*/
        overflow-y: auto;
        left: 0;
        background: #0072bb;
        -webkit-transition: width 0.5s ease;
        transition: width 0.5s ease;
    }

    .navbar-default .navbar-nav > li > a {
        line-height: 30px;
        color: #fff;
    }

    .navbar-nav > li {
        padding: 5px 15px;
    }

    .navbar-nav > li.dropdown-2 {
        background: #016aae;
    }

    .dropdown-2 h3 a {
        color: #fff !important;
    }

    .dropdown-2 li > a {
        padding-left: 15px;
        color: #fff;
    }

    .caret {
        position: absolute;
        right: 0;
        top: 40%;
    }

    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
        background: inherit;
        color: #fff;
    }
}