/* Medium Layout */

@media only screen and (min-width: 992px) and (max-width: 1200px) {

}


/* Tablet Layout */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-nav li a {
        padding: 15px 5px;
    }
}


/* Mobile Layout */

@media only screen and (max-width: 767px) {
    img {
        max-width: 100%;
    }
    .mainmenu {
        padding-top: 10px;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        position: relative;
        z-index: 99999999;
        background: #fff;
        margin: auto -15px;
        padding: 15px;

    }

    .navbar-toggle {
        margin-right: 0px;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        background: #fff;
    }
    .navbar {
        min-height: 0px;
    }
    .mainmenu .navbar-nav {
        margin: 0;
    }
    .mainmenu .navbar-nav li {
        float: none;
        display: block;
    }
    .mainmenu .navbar-nav li a {
        margin-top: 30px;
        padding: 11px 15px;
        color: inherit;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        margin: 0 -15px;
        padding: 0;
        box-shadow: 0px 3px 5px 0px #999;
    }
    .navbar-toggle {}
    a.about-button {
        margin-top: 0;
    }
    
}


/* Small Mobile Layout */

@media only screen and (max-width: 480px) {


/* max-width: 480px */
}