/* XS STLYES */
@media (max-width: 991px) {
    * {
        margin: 0;
        padding: 0;
    }
        .hidden-sm {
        display: none !important;
    }
    .visible-sm {
        display: block !important;
      }   
    #menu {
        display: none;
    }
    .show {
    	z-index: 2;
      display: block !important;
    }
    .center-xs {
        text-align: center!important;
    }
    #navbar-top {
        float: none !important;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 14px !important;
    }
    body {
        background-image: none;
        background-color: #333;
    }
    .row-offcanvas {
        background-color: white;
        padding: 0 15px;
    }
    #container-wrap {
        padding: 0;
    }
    #navbar-mobile-top {
        padding: 5px 15px;
        background-color: rgba(0,0,0, 0.75);
        margin-bottom: 15px;
        height: 40px;
    }
    #navbar-mobile-top a{
        color: white;
    }
    header {
        text-align:center;
    }
    .flexslider .slide-content span{
        font-size: 1em;
    }
    
    .sidebar-offcanvas {
        padding: 0 0 0 15px;
        
    }
    .sidebar-offcanvas a{
        color: white;
    }
    .sidebar-offcanvas a:hover{
        text-decoration: none;
    }
    .sidebar-offcanvas ul{
        list-style: none;
        margin: 0;
    }
    .sidebar-offcanvas li{
        padding: 5px 15px;
        border-bottom: 1px solid #444;
    }
    .sidebar-offcanvas li:hover{
        background: #999;
    }
    .copy {
      text-align: center !important;
    }

    .address {
        font-size: 1em;
    }
  
  iframe {
    width: 100%;
  }
  
  #navbar-top {
    margin-top: 20px;
	}
  
  #header-contact-col {
    padding-top: 30px;  
	}
  
  h1 {
    margin-top: 0 !important;
  }
}

@media (max-width: 601px) {
  body {
    overflow-x: hidden !important;
    line-height: 120% !important;
  }

    .show {
        display: block !important;
        right: 0 !important;
        left: 55% !important;
    }
  
  .navbar {
    display: none;
  }

  #menu-button {
    top: 45px !important;
    right: 10px !important;
  }

  .flexslider {
    margin-bottom: 35px;
  }

  .number {
    font-size: 1em;
  }

  .address {
    font-size: 0.80em;
  }

  hr {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  section {
    padding: 0;
  }

  .flex-control-nav {
    bottom: -30px;
  }
  
  #header-contact-col {
    padding-top: 0;  
	}
}