@charset "utf-8";

#men ul {
    
    list-style: none; 
    margin:0;
    padding-left:0;

}

#men li {
    
    position: relative;
    
    
}

.blogRecent,
.blogArchive,
.blogPager,
.footerServices,
.footerNav,
.menuSub {
    
    margin:0;
    padding:0;
    list-style: none;
    
}

.blogPager li {
    
    display:inline-block;
    
}

.blogPagerNav {
    
    display:inline-block;
    
}

.menuSub {
    
    position: absolute;
    z-index:9999;
    width:320px;
    background-colour: inherit;
    padding: 4px 0 4px 0;
    
}

.menuSub > li {
    
    text-align: left;
    padding:4px 0 4px 0;
    
}

.menuSub > li > a {
    
    color:#333333;
    
}

#servicesSub {

    opacity:0;
    pointer-events: none;
    
}

@media only screen and (max-width:900px){
    
    #men ul {

        height:auto;
        padding:16px 0;

    }
    
    #men li {

       text-align: center;
        height:auto;


    }   
    
    .menuSub {

        position: relative;
        top:auto;
        left:auto;
        z-index: auto;
        width:100%;
        height:auto;

    }
    
    #servicesSub {

        opacity:1;
        pointer-events: auto;

    }
    
}