@media only screen and (min-width:992px) {
#navibar, #myNavbar {
    width: 50px;
    width: 1030px;
    height: 80px !important; 
    right: 0px;
    top: 0px;
    background-color: #444;
    background-color: #f5f4f4;
    position: fixed;
    position: absolute;
    z-index: 20;
    overflow: hidden;
}	
#myNavbar li a, .navbar-nav li a {
    /*width: 100px;*/
    padding: 22px;
    color: #20201f;
    padding: 30px 10px;
    text-transform: uppercase;
	outline: none;
}
.navbar-inverse {
    background-color: transparent;
    border:0px;
}	

}

#myNavbar li a, .navbar-nav li a {
    color: #20201f;
    text-transform: uppercase;
	outline: none;
}
.navbar-inverse {
    background-color: #f5f4f4;
    border:0px;
}	
.navbar-inverse .navbar-toggle {
    border-color: #333;
    background: #333;
	margin-top: 35px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border:0px;
}
.navbar {
    position: relative;
    min-height: 0px;
    margin-bottom: 0px;
    border: 0px solid transparent;
	padding-left:40px;
}

/* Responsive menu  */




.menu-opener, .menu-opener:hover, .menu-opener.active, .menu-opener-inner, .menu-opener-inner::before, .menu-opener-inner::after, .menu, .menu.active {
  -webkit-transition: 250ms all;
  transition: 250ms all;
}

.menu-opener {
  cursor: pointer;
  height: 64px;
  position: absolute;
  top: 2%;
  right: 1%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 64px;
  z-index:992;
}
.menu-opener:hover, .menu-opener.active {
  /* background: #f1c40f; */
}

.menu-opener-inner {
  background: black; /* #fff; */
  height: .5rem;
  margin-left: .75rem;
  margin-top: 1.75rem;
  width: 2.5rem;
}
.menu-opener-inner::before, .menu-opener-inner::after {
  background: black;
  content: '';
  display: block;
  height: .5rem;
  width: 2.5rem;
}
.menu-opener-inner::before {
  -webkit-transform: translateY(-0.75rem);
  -ms-transform: translateY(-0.75rem);
  transform: translateY(-0.75rem);
}
.menu-opener-inner::after {
  -webkit-transform: translateY(0.25rem);
  -ms-transform: translateY(0.25rem);
  transform: translateY(0.25rem);
}
.menu-opener-inner.active {
  background: transparent;
}
.menu-opener-inner.active::before {
  -webkit-transform: translateY(0rem) rotate(-45deg);
  -ms-transform: translateY(0rem) rotate(-45deg);
  transform: translateY(0rem) rotate(-45deg);
}
.menu-opener-inner.active::after {
  -webkit-transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);
  -ms-transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);
  transform: translateY(-0.5rem) translateX(0rem) rotate(45deg);
}

.menu {
  /* background: #f1c40f; */
  
  background: #fff;
  color: transparent;
  height: 64px;
  position: absolute;
  top: 12%;
  left: 1%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 0rem;
  z-index: -1;
}
.menu.active {
  width: -webkit-calc(100% - 2rem);
  width: calc(100% - 2rem);
}
.menu.active .menu-link {
  color: black; /* white;*/ 
}

.menu-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  list-style-type: none;
  margin: 0;
  margin-left: 4rem;
  padding: 0;
}

.menu-link {
  color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 2rem;
  font-weight: 100;
  height: 100%;
  text-align: center;
  text-decoration: none;
}
.menu-link li {
  margin: auto;
}
.menu-opener
{display:none;}
 @media screen and (max-width: 1024px) {
 	 #myNavbar{
		 display:none !important;
	 }
	.menu-opener
{display:block;}
  .menu {
    height: auto;
	z-index:991;
  }
  .menu-inner {
    display: block;
  }
  .menu-link {
    padding: 10px 0;
    font-size: 1.2em;
  }
  .menu.active {
    width: -webkit-calc(100% - 0.5rem);
    /* width: calc(100% - 0.5rem); */
	width:100%;
	left:0;
  }
}
 
 

@media only screen and (min-width:1025px) and (max-width:1350px){
#navibar, #myNavbar { 
    width: 100%; 
}
.navbar navbar-inverse{
display:none;
}

#logox{
display:none;
} 
.mini_ressize{
display:block;
}
}
@media only screen and (min-width:1351px){
.navbar navbar-inverse{
display:block;
}
 .mini_ressize{
display:none;
}
}

@media only screen and (max-width:1024px){
.navbar navbar-inverse{
display:block;
}
 .mini_ressize{
display:none;
}
}