/* lg */
@media (min-width: 1200px) {
}

/* 1024x768 */
@media (width: 1024px) {
}

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    footer {
        display: none;
    }
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .mobile {
        font-size: 35px;
        height: 100%;
        border-radius: 0;
        margin-top: 10px;
        padding: 10px 0px 10px 0px;
    }

    .mobileh3 {
        font-size: 20px;
    }

    header.carousel {
         width: 100%;
    }

    footer {
        text-align: center;
        float: none;
    }

    .navbar-inverse .navbar-nav > li > a {
        background-color: #333;
        margin-left: 0px;
    }

    .navbar-nav {
        margin-top: 0px;
    }
}


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

    .mobile {
        font-size: 35px;
        height: 100%;
        border-radius: 0;
        margin-top: 10px;
        padding: 10px 0px 20px 0px;
    }

    .mobileh3 {
        font-size: 20px;
    }

    header.carousel {
        width: 100%;
    }

    footer {
        text-align: center;
        float: none;
    }

    .navbar-inverse .navbar-nav > li > a {
        background-color: #333;
        margin-left: 0px;
    }

    .navbar-nav {
        margin-top: 0px;
    }
   
}


/* XS Portrait */
@media (max-width: 480px) {

    .mobile {
        font-size: 35px;
        height: 100%;
        border-radius: 0;
        margin-top: 10px;
        padding: 10px 0px 20px 0px;
    }

    .mobileh3 {
        font-size: 20px;
    }

    header.carousel {
        width: 100%;
    }

    footer {
        text-align: center;
        float: none;
    }

    .navbar-inverse .navbar-nav > li > a {
        background-color: #333;
        margin-left: 0px;
    }

    .navbar-nav {
        margin-top: 0px;
    }
   
}