/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

    header .logo-wrap,
    header .menu-wrap {
        width:100%;
    }
    header .logo-wrap .logo {
        border:none;

    }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    header {
        height:auto;
    }
    header .top-nav {
        padding: 10px 0;
    }
    header .logo-wrap,
    header .menu-wrap {
        width:100%;
    }
    header .logo-wrap .logo {
        border:none;
        padding: 10px;
    }
    header .logo-wrap .logo,
    header .logo-wrap img {
        top: 0%;
        transform: translateY(0%);
    }
    header .logo-wrap img {
        max-height: 80px;
    }

    .navbar-fixed-top {
        //position:absolute;
    }
    .navbar-toggle {
        margin-top: 0;
        margin-right: 6px;
        margin-bottom: 6px;
    }
    header .main-nav ul li,
    header .main-nav ul li:last-child {
        width:100%;
        text-align:center;
    }
    header .main-nav ul li:last-child a {
        padding-right:15px;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    header {
        height:auto;
    }
    header .top-nav {
        padding: 10px 0;
    }
    header .logo-wrap,
    header .menu-wrap {
        width:100%;
    }
    header .logo-wrap .logo {
        border:none;
        padding: 10px;
    }
    header .logo-wrap .logo,
    header .logo-wrap img {
        top: 0%;
        transform: translateY(0%);
    }
    header .logo-wrap img {
        max-height: 80px;
    }
    .navbar-fixed-top {
        //position:absolute;
    }
    .navbar-toggle {
        margin-top: 0;
        margin-right: 6px;
        margin-bottom: 5px;
    }
    header .main-nav ul li,
    header .main-nav ul li:last-child {
        width:100%;
        text-align:center;
    }
    header .main-nav ul li:last-child a {
        padding-right:15px;
    }
}