/*  --------- DESKTOP VERSION  ------------- */



.slicknav_menu {   /* mobile menu hidden */
  display:none;
}


/* ========== CSS MEDIA QUERY TO HIDE DESKTOP MENU AND SHOW RESPONSIVE MENU   ================== */


@media               screen and (min-width: 220px) and (max-width: 767.8px),

                     screen and (min-device-width: 480px) and (max-device-width: 991px),

                only screen and (max-device-width: 480px) and (orientation:portrait),

/* iphone 4*/   only screen and (-webkit-min-device-pixel-ratio : 1.5),

/* iphone 5*/   only screen and (min-device-pixel-ratio : 1.5)



{


#menu { display:none; } /* desktop menu hidden */
.logo-link { display:none; } /*hide the logo */
.slicknav_menu { display:block; }

/*  --------- MOBILE  VERSION  ------------- */


.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 5px;
  line-height: 22px;
  cursor: pointer;
}

.slicknav_menu  .slicknav_menutxt {
  display: block;
  line-height: 18px;
  float: left;
}

.slicknav_menu .slicknav_icon { float: left;
  margin: 3px 3px 3px 3px;
}

.slicknav_menu .slicknav_no-text {
  margin: 0
}

.slicknav_menu .slicknav_icon-bar { display: block;
  width:32px;
  height: 2px
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 6px
}

.slicknav_nav {
  clear: both
}

.slicknav_nav ul,

.slicknav_nav li {
  display: block;
}

.slicknav_nav .slicknav_arrow {
  font-size: 1rem;
  margin: 0 0 0 9px;
  color:inherit;
  position:absolute;
  transform:translateY(-50%); top:50%;
}

.slicknav_nav .slicknav_item { cursor: pointer; }

.slicknav_nav .slicknav_row { display: block; }

.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline }

.slicknav_brand {
  float:left;
  height:100px;
  width:auto;
  max-width:100%;
}

.slicknav_brand img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.slicknav_menu:before,

.slicknav_menu:after { content: " "; display: table; }

.slicknav_menu:after { clear: both }

/* IE6/7 support */

.slicknav_menu { *zoom: 1 }

.slicknav_menu {
    box-sizing:border-box;
}

.slicknav_menu * {
  box-sizing:border-box;
}

/* Button */

.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
}

/* Button Text */

.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
}

/* Button Lines */

.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}

.slicknav_menu {
  background:#000000;
  padding:11px;
}

.slicknav_nav {
    color:#ffffff;
    margin:0;
    padding: 15px 0px 0px 0px;
    font-size:2rem;
}

.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}

.slicknav_nav ul {
    padding:0;
    margin:0;
}

.slicknav_nav ul ul {
    padding:0;
    margin:0;
}

.slicknav_nav ul li {
  font-size: 1.5rem;
  display: block;
  width: 100%;
}

.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
    position:relative;
}

.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#ffffff;
}

.slicknav_nav .slicknav_item a,

.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}

.slicknav_nav .slicknav_row:hover {
  text-decoration:none;
}

.slicknav_nav a:hover{
  text-decoration:none;
}

.slicknav_nav .slicknav_txtnode {
    margin-left:15px;
}

}