/*---------Authar Style----------*/


.smobitrigger, .mnuclose { display: none; }

.navigation { float: left; width: 100%; border-top: #c7c6c5 1px solid; border-bottom: #c7c6c5 1px solid; position: relative  }
.navigation nav ul { padding: 0px; margin: 0px; list-style: none; text-align: center;}
.navigation nav ul li { display: inline-block; vertical-align: top }
.navigation nav ul li a {
    display: inline-block;
    text-decoration: none;
    padding: 16px 40px;  
    font-size: 12px;
    font-family: 'Helvetica';
    font-weight: bold;
    text-transform: uppercase;
    color: #2d2926;

    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.navigation nav ul li a:hover {
  color:#FFF !important;
  background-color: #2d2926 !important;
}


@media screen and (max-width : 1200px) {
	.navigation nav ul li a {
		padding: 16px 20px;
	}
}

@media screen and (max-width : 768px) {
	.navigation nav ul li a {
		padding: 16px 7px;
	}
}


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

 
.smobitrigger, .mnuclose { display: inline-block; }

.smobitrigger {
  color: #2d2926;
  font-size: 32px;
  line-height: 12px;
  padding: 10px 15px;
}

.mnuclose {
  font-size: 20px;
  padding: 10px 20px;
  color: #FFFFFF;
  position: absolute;
	right: -10px;
	top: 0;
}

:hover .mnuclose{
 color: #ffffff;
}

.smobitrigger span, .mnuclose span {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

.navigation nav ul {
  float: left;
  padding: 10px 5px 0 5px;	
  overflow-y: auto;
  width: 260px;
  height: 100%;
  background: #ffffff;	
}
	 .navigation nav ul ul {
		 padding: 0;
		 width: 100%;
	 }
 .navigation nav ul li {
	background: url(../img/dotted-line.jpg) center bottom repeat-x;
 }
.navigation nav ul li, .navigation nav ul li a { width: 100%; }

.navigation nav ul li a {
  text-align: left;
  font-weight: 300;
	font-size: 15px;
	letter-spacing: 0.5px;
	padding: 15px 10px;
}

.navigation nav ul li a:hover { background-color: #2d2926; color: #ffffff !important; }
.navigation nav ul li.navsocial a:hover{ background-color: transparent !important; }	 

.mobimenu {
  list-style: none;
  padding: 0;
  margin: 0px;
  width: 300px;
  position: fixed;
  height: 100%;
  top: 0px;
  left: -320px;	
}

.mnuopn { left: 0px !important; }

.ovrActv {
  position: fixed;
  background: rgba(0, 0, 0, 0.79);
  width: 100%;
  height: 100%;
  z-index: 9998;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
}