#s-menu-icon { display: none; }
#useful-menu-icon { display: none; }
@media only screen and (min-width: 768px) and (max-width: 960px) {


.main-menu { padding: 0 20px 10px; position: relative; }

/* menu icon */

#s-menu-icon { display: block;
    background: url(../images/menu-icon-bg.png) 95% 11px no-repeat #ffa800;
    border-bottom: 5px solid #e97c00;
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    padding: 13px 0 0 10px;
    height: 33px;
    margin: 0px;
    border-radius: 4px 4px 0 0; }

#s-menu-icon:hover,  #s-menu-icon.active {  }

#s-menu-icon.active { background-position: 95% -47px; }



#useful-menu-icon { display: block;
    background: url(../images/menu-icon-bg.png) 95% 11px no-repeat #e97c00;
   
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    padding: 13px 0 0 10px;
    height: 33px;
    margin: 0px;
	margin-bottom: 6px;
    border-radius: 4px; }

#useful-menu-icon:hover,  #s-menu-icon.active {  }

#useful-menu-icon.active { background-position: 95% -47px; }

.sidebar-nav, .useful-nav { display: none; }

/* main nav */


}
@media only screen and (max-width: 767px) {

/* menu icon */

#s-menu-icon { display: block;
    background: url(../images/menu-icon-bg.png) 95% 11px no-repeat #ffa800;
    border-bottom: 5px solid #e97c00;
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    padding: 13px 0 0 10px;
    height: 33px;
    margin: 0px;
    border-radius: 4px 4px 0 0; }

#s-menu-icon:hover,  #s-menu-icon.active {  }

#s-menu-icon.active { background-position: 95% -47px; }

.sidebar-nav { display: none; }




#useful-menu-icon { display: block;
    background: url(../images/menu-icon-bg.png) 95% 11px no-repeat #e97c00;
    
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    padding: 13px 0 0 10px;
    height: 33px;
    margin: 0px;
	margin-bottom: 6px;
    border-radius: 4px; }

#useful-menu-icon:hover,  #s-menu-icon.active {  }

#useful-menu-icon.active { background-position: 95% -47px; }

.useful-nav { display: none; }




}
@media only screen and (min-width: 480px) and (max-width: 767px) {

#s-menu-icon { cursor: pointer; display: block; /* show menu icon */
  
text-indent: 0px; background-position: 96% 11px; }

.sidebar-nav { display: none; }


#useful-menu-icon { cursor: pointer; display: block; /* show menu icon */
  
text-indent: 0px; background-position: 96% 11px; }

.useful-nav { display: none; }


}