@media only screen and (min-width: 991px) {  
  .slicknav_menu {
	  display:none;
  } 
}
@media only screen and ( max-width: 992px ) {
  #menu {
		display:none;
	}
    .slicknav_menu{
		display:block;
        text-align: center;
        width: 100%;  
        top: 0;  
	}
     .slicknav_menu{ color: #fff !important; padding: 0 !important;}
    .slicknav_menu .slicknav_menutxt{ color: #fff !important;}
    .top .text-right,
    .top {
      text-align: center !important;
    }
     .slicknav_menu .slicknav_icon {
      
    }
    .slicknav_menu {
      font-size: 20px !important;
    }
    .slicknav_nav li{
      border-bottom: 1px solid #dfdfdf;
      text-transform: uppercase;
      margin: 0 20px;
      font-size: 15px;
    }
    .slicknav_nav li ul{
      padding:0;
      margin: 0;
    }
    .slicknav_nav li ul li{
      border-bottom: none !important;
      margin: 0 !important;
      padding: 0;
    }
    .slicknav_nav li ul li a{
      margin: 0;
      padding: 6px;
    }
     #nav-wrapper{
      padding-right: 0;
      padding-left: 0;
    }
    .slicknav_btn {
      display: inline-block;
      float: none;
      text-align: center;
    }
    header .top{
      padding: 50px 15px 15px 15px;
    }
    .photocontent img{ display: none;}
    header .subheader .logo{ text-align: center; padding-right: 0;}
    section.bottomcontent{ padding-right: 30px; padding-left: 30px;}
    section.bottomcontent .indent{
    padding: 0;
    }
    section.maincontent .col-menu{
      padding-left: 0;  
      padding-top: 0;
     }
    .boxblock{ width: 100%;}
    header ul li:after{
      padding: 0 10px;
    }
    header .wrapper{ padding: 0 !important;}
    .noshowmobile{ display: none;}
    .showmobile{ display: block !important;}
    section.bottomcontent ul li{
      display: block;
      text-align: center;
    }  
    section.bottomcontent ul li:after{
      content: ' ';
    }
    section.bottomcontent p{ text-align: center;}
    .wrapper{
      padding-left: 0;
      padding-right: 0;
    }
    
/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
   #menu li:hover > ul {
      display: block;
      left: 0;
      right: 0;
   }
    
         
}