@media (max-width:767px) {
    .body-bg,
    .container {
        width:100%;
    }

    .bg-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .4);
        display: none;
        z-index: 999;
    }

    #menusite .navbar-toggle {
        border-color: #fff;
        margin: 13px 0;
    }

    #menusite .navbar-toggle .icon-bar {
        background-color: #333;
        height: 3px;
        width: 25px;
    }

    #menusite .navbar-default {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background: #000;
        overflow: auto;
        opacity: 0;
        border: none;
        z-index: 1000;
        transition: all ease-in-out .5s;
        -webkit-transition: all ease-in-out .5s;
        -moz-transition: all ease-in-out .5s;
        -ms-transition: all ease-in-out .5s;
        -o-transition: all ease-in-out .5s;
    }

    #menusite.active .navbar-default {
        opacity: 1;
        left: 0;
    }

    #menusite .navbar-default .navbar-nav > li {
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }

    #menusite .navbar-default .navbar-nav > li > a {
        
    }
}

@media (max-width:499px) {
    .nv-infodie {
        width:100%;
    }
}

@media (max-width:400px) {
    .col-i {
        width:100%;
    }
}

@media (min-width:500px) {
    .nv-infodie {
        width:500px;
        left:50%;
        margin-left:-250px;
    }
}

@media (min-height:500px) {
    .nv-infodie {
        height:500px;
        top:50%;
        margin-top:-250px;
    }
}