/************************************************************/
@media screen and (min-width: 800px) {
	.navigation{ background:#272727; padding:20px 0 10px 0;}
	ul.top-menu{ margin:0; padding:0; list-style:none; float:left;}
	ul.top-menu > li{ margin:0 0 0 30px; padding:0; list-style:none; display:inline-block; float:left; font-family: 'denmarkregular'; font-size:20px; background:url(../images/btnbgl.png) no-repeat right top; min-height:52px; background-size:100% 100%;}
	ul.top-menu > li > a{ color:#cb372e; background:url(../images/btnl.png) no-repeat right top; background-size:50% 100%; display:block; width:100%; line-height:43px; height:100%; padding:0 20px 9px 10px; text-align:center; min-width:120px;-webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; transition: all 300ms linear; }
	ul.top-menu > li.active{ background:url(../images/btnbgr.png) no-repeat left top; min-height:52px; background-size:100% 100%;}
	ul.top-menu > li.active > a{ color:#000; background:url(../images/btnr.png) no-repeat left top;}
	ul.top-menu > li:hover{ background:url(../images/btnbgr.png) no-repeat left top; min-height:52px; background-size:100% 100%;}
	ul.top-menu > li:hover > a{ color:#000; background:url(../images/btnr.png) no-repeat left top;}
	ul.top-menu > li:first-child{ margin:0;}
	
	.top-menu li { position: relative; }
	.top-menu li li{
		height: auto;
		font-size:14px; font-family: 'Source Sans Pro', sans-serif;
		display:block;
		text-align:left;
		border-top:1px solid #2c343b;	
		margin:0; 
		padding:0;
		background-image:none;
	}
	
	.top-menu li li a {
		height: auto;
		display:block;
		padding: 7px 20px;
		text-transform:capitalize;
		font-weight:400;
		color: #fff;
		
		-webkit-transition: background-color .3s ease-in-out;
		-moz-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		-ms-transition: background-color .3s ease-in-out;
	}
	
	.top-menu li:hover > a,
	.top-menu li a:hover,
	.top-menu li:focus > a,
	.top-menu li a:focus {
		color:#fff;
		background: #c90d01;
	}

	.top-menu li li:hover > a,
	.top-menu li li a:hover,
	.top-menu li li:focus > a,
	.top-menu li li a:focus {
		color:#fff;	
		border-bottom:none;
		background:#c90d01;
	}
		
	.top-menu .sub-menu {
		background-color: #414c55;
		padding: 0;
		position: absolute;
		left: 0;
		top:100%;
		z-index: 99999;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		border-bottom:4px solid #2c343b!important;	
	}
	
	.top-menu .sub-menu ul {
		left: 100%;
		top: -1px;
	}
	
	ul.top-menu ul a,
	.top-menu ul ul a {
		color: #fff;
		width: 187px;
		display:block;
	}
	
	ul.top-menu ul a:hover,
	.top-menu ul ul a:hover,
	ul.top-menu ul a:focus,
	.top-menu ul ul a:focus {
		color:#fff;
		border-bottom:none;
		background:#c90d01;
	}
	
	ul.top-menu li:hover > ul,
	.top-menu ul li:hover > ul,
	ul.top-menu .focus > ul,
	.top-menu .focus > ul {
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
		border-bottom:none;
	}
	
	
}

@media screen and (max-width: 1050px) {
	.navigation ul.top-menu > li{ margin:0 0 0 10px; font-size:20px;}
}

@media screen and (max-width: 950px) {
	.navigation ul.top-menu{ float:none; text-align:center; width:100%;}
	.navigation ul.top-menu > li{ margin:0 5px; float:none;}
	.navigation .social{ display:none;}
}


@media screen and (max-width: 799px) {
/*** Responsive menu X icon*********************/
.gn-icon-menu {
display: block;
padding: 17px 10px;
width: 35px;
height:auto;
background:#f60b00;
color:#FFF;
font-size:10px;
}
.gn-icon-menu span {
background: #fff;
display: block;
position: relative;
-webkit-transform: translate3d(0,0,0);
}
.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);
}

/*** Scrollbar *********************/
#menu::-webkit-scrollbar { display: none; }
/*** Responsive Menu position *********************/

#menu{
transition: all 0.3s ease;
position: fixed;
width: 0%;
top: 0;
right: -300px;
background:#0c0c0c;
height: 100%;
z-index: 999;
box-shadow: 0px 0px 10px black;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
} 
#toggle{
position: fixed;
top: 10px;
right:10px;
z-index: 1000;
}
#toggle:hover{
cursor: pointer;
}
#menu.open{
right: 0;
width: 300px;
display: block;
}
#toggle.open{
right:20px;
}
#menu a{
display: block;
text-decoration: none;
padding:0;
margin:0;
transition: all 0.2s ease;
outline-style:none;
}

/*** Change Menu code from here *********************/ 
#menu ul{ margin:80px 0 0 0; padding:0; list-style:none;}
#menu ul ul{ margin:0; text-indent:15px;}
#menu ul ul ul{ margin:0; text-indent:30px;}
#menu ul li{ margin:0; padding:0; list-style:none; line-height:normal; border-top:1px solid #181818; text-align:left; }
#menu ul li a{ color:#868686; padding:7px 15px; font-size: 14px; }
#menu ul li a:hover{ color:#FFFFFF; background:#f60b00;}

}