@media screen and (max-width: 979px) {	
#slidingMenu{
    position: fixed;
    background-color:#D2CBCB;
    width:245px;
    height:100%;
    top:0;
    right:-245px;
	z-index:9991;
	text-align:center;
	background: rgba(41, 38, 34, .9);
	overflow-y: auto;
	 -webkit-overflow-scrolling: touch;
	 
}

#slidingMenu::-webkit-scrollbar { 
   display: none; 
 }
 
 
nav#navMenu { /* MENU */
	text-transform:lowercase;
	position:absolute;
	top:152px;
	text-align:right;
	width:100%;
	margin:0;
}

ul.menu{padding:0 60px 0 15px; margin:0; list-style:none;}
ul.menu li{padding:5px 0;}
ul.menu li a{text-transform:lowercase; color:#ffffff; font:300 28px/30px 'Lato'; font-style:italic;}
ul.menu li a:hover{color:#29b5da;}


.navMenu-main {
	margin: 0;
	padding: 0;
	display:block;
	color: #FFF;
	font-weight: 300;
	line-height: 60px;
	list-style:none;
	max-width:70px;
	position:fixed;
	right:20px;
	top:20px;
	z-index:99999;
}


/* 1.1 MENU TRIGGER
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.navMenu-main #menu {
	display:block;
	width: 40px;
	float:left;
	background:#000000;
    cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
			 user-select: none;
			 
}

.navMenu-main #menu:hover {
	background:#D2CBCB;		 
}

.navMenu-main:after {
	display: table;
	clear: both;
	content: "";
}

nav#navMenu ul li a{
	display:block;
	-o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  /* ...and now for the proper property */
  transition:.8s;
}

li.menu-item a{ color:#FFF; width:100%;}

li.menu-item a:hover{ display:block; background:#b82025;	}



/* 1.1 TRIGGER 
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.gn-icon::before {
	display: inline-block;
	width: 60px;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'lato';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

/* if an icon anchor has a span, hide the span */

.gn-iconMenu {
	background:#871619;
	padding-left:63px;	
}

.gn-icon-menu {
	display:inline-block;
	width: 60px;
	max-width:60px;
	height: auto;
	margin:0 auto;
	padding:0px 10px 0px 10px;

}

.gn-icon-menu::before {
	display:block;
	background: #006d31;
	width: 60px;
	height:60px;
	font-size: 10px; /* change this */
  	margin: 4em auto;
  	padding: 2.5em 2em;

}

.gn-icon-menu span {
  background: #FFF;
  display:inline-block;
  position: relative;
  margin-bottom:5px;
  -webkit-transform: translate3d(0,0,0);
}

.gn-icon-scrolldown::before {
	content: "\e609";
	font-size:70px;	
}

.gn-icon-menu span,
.gn-icon-menu span:before,
.gn-icon-menu span:after {
  width: 100%;
  height: .2em;
  -moz-transition:       all 0.4s;
  -o-transition:         all 0.4s;
  -webkit-transition:    all 0.4s;
  transition:            all 0.4s;
  -webkit-transform: translate3d(0,0,0);
}

.gn-icon-menu span:before,
.gn-icon-menu span:after {
  background: #FFF;
  content: " ";
  margin-top: -.6em;
  position: absolute;
}

.gn-icon-menu span:after {
  margin-top: .6em;
}

.gn-icon-menu.on span {
  background: transparent;
}

.gn-icon-menu.on span:before {
  -moz-transform: rotate(45deg) translate(.5em, .4em);
  -ms-transform: rotate(45deg) translate(.5em, .4em);
  -o-transform: rotate(45deg) translate(.5em, .4em);
  -webkit-transform: rotate(45deg) translate(.5em, .4em);
  transform: rotate(45deg) translate(.5em, .4em);
}

.gn-icon-menu.on span:after {
  -moz-transform: rotate(-45deg) translate(.45em, -.35em);
  -ms-transform: rotate(-45deg) translate(.45em, -.35em);
  -o-transform: rotate(-45deg) translate(.45em, -.35em);
  -webkit-transform: rotate(-45deg) translate(.45em, -.35em);
  transform: rotate(-45deg) translate(.45em, -.35em);
}

.top-menu ul{padding:0; margin:0; list-style:none; display:block; text-align:left;}
.top-menu ul li{float:none; padding:0; margin:0; background:none;}
.top-menu ul li a{background:none; padding:5px 10px; margin:0; color:#fff; text-transform:capitalize; font-size:16px; line-height:30px; text-align:left;}
.top-menu ul ul{display:block; position:relative; left:auto; width:auto; background:none;}
.top-menu ul ul li a{padding:5px 10px; font-size:12px; font-weight:normal; color:#fff;}
.top-menu ul ul ul{left:auto;}
.top-menu ul ul li.ls ul{right:auto !important;}
.top-menu ul li.last{float:none;}

.navMenu-main #menu{width:30px;}
.navMenu-main{line-height:50px;}
}
@media only screen and (max-width:685px)  {
nav#navMenu{top:100px;}
.footer-bottom{display:none;}
.frequent-logo{float:none; text-align:center;}
.footer-top-link{float:none; text-align:center;}
.footer-top-link ul li{float:none; display:inline-block;}
ul.social-links{float:none; text-align:center;}
ul.social-links li{display:inline-block; float:none;}

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

#slidingMenu{ background: rgba(0, 0, 0, 1.0); }
nav#navMenu { font-size: 1.5em; padding-bottom:90px; line-height:60px; top:80px; }
}


@media only screen and (min-width:481px) and (max-width: 767px) {
nav#navMenu { font-size: 3.0em; padding-bottom:90px;}
}