@media (min-width:321px) and (max-width:360px){
.menu-example { margin:0 auto; width:100%;  font-size: 14px; text-align: center; text-transform: uppercase; z-index: 999; }
.menu-example ul { overflow: hidden; margin:0 0 0 10px; padding: 0;}
.menu-example li { list-style: none; margin:0; padding: 0 10px; }
}
@media (min-width:1024px) and (max-width:1199px){
.menu-sliding { height: 100%; position: absolute; left: 0; top: 0; z-index: 2; color: #000; background: #f7d652;font-size: 14px; line-height: 42px;}
.menu-example { position: relative; }
.menu-example__item {  position: relative;  z-index: 3;}

.menu-example { margin:0 auto; /*width:770px;*/ font-size: 14px; text-align: center; text-transform: uppercase; z-index: 999; }
.menu-example ul { overflow: hidden; margin:0 0 0 10px; padding: 0;}
.menu-example li { float: left; list-style: none; margin:0; padding: 0 10px; line-height:60px; }

.menu-example__item {  padding:0 10px;  display:inline-block;  text-decoration: none; font-size: 12px; line-height:60px; color: #000; font-weight:bold;  }
.menu-example__item.active, .menu-example__item:hover {  padding:0 10px; color:#000   }

.dpdown2,
.dpdown { display:block;}
.dpdown2:hover .dropdown-content2,
.dpdown:hover .dropdown-content {  display: block;}
.dropdown-content2,
.dropdown-content       { display: none; position: absolute; top:60px; width: 170px;  padding:0; margin:0; z-index: 1000001; border-bottom:3px solid #FCE652; }
.dropdown-content2 a,
.dropdown-content a     { color:#333; text-align: left; padding:0 10px; width: 170px; line-height:40px;  text-decoration: none;  display: block; background-color:#ddd  }
.dropdown-content2 a:hover,
.dropdown-content a:hover { color: #000; background: #f7d652;}
.bdrtop{border-top:3px solid #FCE652; }
.navPanelToggle { display:none}
}
@media (min-width: 1200px){
.menu-sliding { height: 100%; position: absolute; left: 0; top: 0; z-index: 2; color: #000; background: #f7d652;font-size: 14px; line-height: 42px;}
.menu-example { position: relative; }
.menu-example__item {  position: relative;  z-index: 3;}

.menu-example { margin:0 auto; /*width:770px;*/ font-size: 14px; text-align: center; text-transform: uppercase; z-index: 999; }
.menu-example ul { overflow: hidden; margin:0 0 0 10px; padding: 0;}
.menu-example li { float: left; list-style: none; margin:0; padding: 0 10px; line-height:60px; }

.menu-example__item {  padding:0 10px;  display:inline-block;  text-decoration: none; font-size: 12px; line-height:60px; color: #000; font-weight:bold;  }
.menu-example__item.active, .menu-example__item:hover {  padding:0 10px; color:#000   }

.dpdown2,
.dpdown { display:block;}
.dpdown2:hover .dropdown-content2,
.dpdown:hover .dropdown-content {  display: block;}
.dropdown-content2,
.dropdown-content       { display: none; position: absolute; top:60px; width: 170px;  padding:0; margin:0; z-index: 1000001; border-bottom:3px solid #FCE652; }
.dropdown-content2 a,
.dropdown-content a     { color:#333; text-align: left; padding:0 10px; width: 170px; line-height:40px;  text-decoration: none;  display: block; background-color:#ddd  }
.dropdown-content2 a:hover,
.dropdown-content a:hover { color: #000; background: #f7d652;}
.bdrtop{border-top:3px solid #FCE652; }
.navPanelToggle { display:none}
}