.cd-secondary-nav {
  position: relative;
  z-index: 99;
  width: 100%; margin:0 0; left:0; background:#f7f7f7; border-bottom:#dcdcdc solid 1px;
  background-color: none;display: -webkit-flex; display: flex;justify-content:center;align-items:center;
  transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;
}
.cd-secondary-nav.fixed{background:rgba(250,250,250,.9);transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}

  .cd-secondary-nav {
    height: 75px; line-height:75px;
    overflow: visible;
  }
  
.cd-secondary-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.cd-secondary-nav ul::after {
  clear: both;
  content: "";
  display: block;
}
.cd-secondary-nav li {
  display: inline-block;
  float: left;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; 
}
.cd-secondary-nav li:last-of-type {
}

@media (min-width: 769px) {
  .cd-secondary-nav {
    height: 75px; line-height:75px;
    overflow: visible;
  }

}

.cd-secondary-nav.fixed {
  position: fixed;
  top: 75px;margin:0 0;
}
.cd-secondary-nav.slide-up {
  -webkit-transform: translateY(-75px);
      -ms-transform: translateY(-75px);
          transform: translateY(-75px);
}



@media (min-width: 769px) {

  
.cd-secondary-nav.fixed{background:rgba(250,250,250,.9);transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}

        .cd-secondary-nav ul {padding: 0;margin: 0 auto; position:relative;  width:100%; display: -webkit-flex; display: flex;justify-content:center; align-items:center;}
        .cd-secondary-nav li { white-space: nowrap;word-wrap:break-word; display: inline-block;margin:0; padding:0 0; width:auto;color: #cf081a; line-height:72px; text-align: center;position: relative;cursor: pointer;}
        .cd-secondary-nav li a{border-radius:0;display: block;padding:0 0; color:#333; text-decoration: none;transition: all .3s;}
       
        .cd-secondary-nav li.last-child{border: none;}
        .cd-secondary-nav li a:hover{display: block;color: #cf081a; /*border:1px solid #ee8800;*/transition: all .3s;}
        .cd-secondary-nav li a.active,.cd-secondary-nav li.active  a{color: #cf081a; border-bottom:#cf081a solid 3px;  font-weight:700;transition: all .3s;}
		
        .cd-secondary-nav li a{border-radius:0;display: block; margin:0 2vw;color:#333; text-decoration: none; font-size:.9vw;transition: all .3s;}


        .nav-mobile {display: none;font-weight: bold;width: 100%;}
}
@media (max-width: 768px) {

 .cd-secondary-nav {
    height: 60px; line-height:60px;
    overflow: visible;
  }
  .cd-secondary-nav.fixed{background:rgba(250,250,250,.98);transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}

 .cd-secondary-nav ul {padding: 0;margin: 0 auto; position:relative;  width:100%; }
        .cd-secondary-nav li { margin:0; padding:0 15px; width:auto;color: #cf081a; line-height:57px; text-align: center;position: relative;cursor: pointer;}
        .cd-secondary-nav li a{ font-size:16px; border-radius:0;display: block;padding:0 10px; color:#333; text-decoration: none;transition: all .3s;}
       
        .cd-secondary-nav li.last-child{}
        .cd-secondary-nav li a:hover{display: block;color: #cf081a; /*border:1px solid #ee8800;*/transition: all .3s;}
        .cd-secondary-nav li a.active,.cd-secondary-nav li.active  a{color: #cf081a; border-bottom:#cf081a solid 3px;  font-weight:700;transition: all .3s;}
		
        .cd-secondary-nav li a{border-radius:0;display: block;padding:0 10px; color:#333; text-decoration: none; font-size:16px;transition: all .3s;}


        .nav-mobile {display: none;font-weight: bold;width: 100%;}

.cd-secondary-nav.fixed {
  position: fixed;
  top: 60px;
}
	.cd-secondary-nav.slide-up {
  -webkit-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
          transform: translateY(-60px);
}
}
