/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin: 0;

	padding: 0;

	list-style: none;

}

.navigation{position: relative;}

.navigation .sf-menu{

    position: relative;

    overflow: visible;

    clear: both;

    height: auto !important;

}

  .navigation  .sf-menu.in{

      height: auto !important;

    }

  .navigation .btn-sf-menu{

    display: none;

    float: left;

  }

  .navigation .select-menu{
/*
    width: 100%;*/

    display: none;

  }

.sf-menu li {

	position: relative;

}

.sf-menu ul {

	position: absolute;

	display: none;

	top: 100%;

	left: 0;

	z-index: 99;

}

.sf-menu > li {

	float: left;

}

.sf-menu li:hover > ul,

.sf-menu li.sfHover > ul {

	display: block;

}



.sf-menu a {

	display: block;

	position: relative;

}

.sf-menu ul ul {

	top: 0;

	left: 100%;

}

@media (max-width: 767px){

  /*navigation*/

  .navigation .btn-navbar{

      display: block;
      font-size: 13px;

  }

  /*.navigation .select-menu{

    display: block;

  }*/

  .navigation ul.sf-menu{

    /*overflow: hidden;*/

    height: 0 !important;

    float: none;
    font-size: 13px;
    top: -26px;

  }

  .navigation ul.sf-menu>li{

    float: none;

    /*width: 100%;*/

    margin: 0;

  }

  .navigation ul.sf-menu>li ul{

    /*padding: 0 0 0 15px;*/

    width: auto;

   /* position: static;*/

  }

}
@media (max-width: 532px){


  .navigation ul.sf-menu{

    /*overflow: hidden;*/

    height: 0 !important;

    float: none;
    font-size: 6px;
    top: -26px;