/* Space out content a bit */



/* Customize container */
@media (min-width: 992px) {
    .container {
        max-width: 990px;
    }
    .navbar{ margin-bottom: 0;}
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    ul.navbar-nav li{font-size: 14px;}   
    /* Remove the padding we set earlier */
    .nav-justified {
        max-height: 52px;
    }
    .nav-justified > li > a {
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #fff;
    }
    .nav-justified > li:first-child > a {
        border-left: 0;
        border-radius: 5px 0 0 5px;
    }
    .nav-justified > li:last-child > a {
        border-right: 0;
        border-radius: 0 5px 5px 0;
    }
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .toggle-slide {  display:inline-block; width: 100%;}
    .masthead,
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .sf-menu-block,.sf-menu-block-footer{display: block;}
    #left-content, #content {   margin-top: 0px; }
    
    .navbar-wrapper > .container{position: absolute;top:0; width: 100%; padding-left: 0; padding-right: 0;}
    .sf-menu-block,.sf-menu-block-footer{padding: 0 15px;}
    footer{padding: 15px 0; }
    .navbar-wrapper .navbar-inverse ul li {padding-left: 0px; padding-right: 0px;}
   
    #about-us,#news-event{width: 100%;}
    
    #viedo-clip figure img{ max-height: 100%;}
    
    header #logo{ margin-left: 0px; margin-bottom: 0px; text-align: center;}
    
   
    
}
@media only screen and (max-width: 480px) { 
  #viedo-clip .item,#gallery .item{width: 100%;}
  
  #google-maps{ width: 100%;}
  

}