/* comments here */

.container {
    width:1170px;
    margin-left:auto;
    margin-right:auto;
}

.span12 {
    width:100%;
}

.span8 {
    width:66.66%;
    float:left;
}

.span6 {
    width:50%;
    float:left;
}

.span4 {
    width:33.33%;
    float:left;
}

.span3 {
    width:25%;
    float:left;
}

.span6 .span3 {
    float:left;
    width:50%;
}


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

    #header {
        height:auto;
    }
    
    .container {
        width:100%;
    }
    
    #logo-wrapper {
        float:none;
        text-align:center;
    }
    
    #logo-wrapper img {
        margin:auto;
    }
    
    #events-category-wrapper {
        float:none;
        padding-top:10px;
    }
    
    #location-dropdown {
        float:none;
        text-align:center;
    }
    
    #menu-wrapper {
        float:none;
        padding-top:0px;
        text-align:center;
    }
    
    #single-event-detail {
        padding-left:20px;
        padding-right:20px;
    }
    
    .span6 {
        float:none;
        width:100%;
        padding-bottom:20px;
    }
    
    
    
}   

@media only screen and (max-width : 640px) {
    
    
    #menu-wrapper {
        display:none;
    }    
    
    
    #mnav-wrapper {
        display:block;
    }    
    
    
    .span6 .span3 {
        float:none;
        width:100%;
        padding-bottom:20px;
    }    
}

@media only screen and (max-width : 400px) {
    
    .single-event-sub-heading {
        font-size:25px;
    }
    
    .single-event-desc {
        font-size:13px;
    }
    
}