@media all and (max-width:992px) {
    
    nav.site-nav{
        margin:0;
        padding:0;
        position: absolute;
        width:100%;
    }
    
    ul.nav{
        margin:0;
        padding:0;
        float: none;
        display: block;
        position: relative;
        z-index: 99999;
        width: 100%;
        background-color: antiquewhite;
        display: none;
    }
    
    ul.nav li:hover > ul{
/*        position: relative;*/
    }
    
    ul.nav li{
        float: none;
        display: block;
        position: relative;
        width:100%;
    }
    
    ul.nav li ul{
        width: 100%;
        display:block;
        position: relative;
        background-color: #FF0000;
    }
     
    
    nav.site-nav ul li ul li a{
    
        width:100%;
    
    }
    
    
    ul.sub-menu li{
        float: none;
        display: block;
        position: relative;
    }
    
    
    .resp_menu{
        display: block;
    }
    
    .resp_menu i{
         margin-right: 20px;
    }
    

    .site-nav img{
        display: none;
    }
    
    .boxUp{
        padding:0px 20px;
    }
    
    .feature-post h3{
        margin-top:20px;
    }
    
}

@media all and (max-width:750px){
     
    .jumbotron, 
    .head-image{
        display: none;
    }
  
}