.clear {clear:both} 
/* remove the list style */

@media (min-width:768px){
	a#pull {
		display:none;
	}

	#nav {
		list-style:none;
		overflow:none!important;
	}   
	
	#nav li:hover ul {
		display:block!important;
	}
     
    /* make the LI display inline */
    /* it's position relative so that position absolute can be used in submenu */
	
    #nav li.head {
		font-family: DaxMedium, Arial, Verdana;
		font-size:16px;
		font-style:normal;
		font-variant:normal;
		font-weight:100;
        float:left; 
        display:block; 
        position:relative;
        z-index:500; 
		padding:30px 0 0 0;
        margin:0 1px;
		margin-right:1px;
		background-color:none;
		text-transform:uppercase;
		height:80px;
		line-height:80px;
    }

	#nav li.head:hover { 
		background-color:#221f1b;
		color: #ffffff;
    }

	#nav li.selected {
		color: #ffffff;
	}
		
    /* this is the parent menu */
    #nav li a {
        display:block; 
        padding:0 15px 0 15px; 
        text-decoration:none; 
        color:#a4a4a4; 
    }
 
    #nav li a:hover {
        color:#fff;
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#FFF;
    }

	#nav ul li a.selected {
        color:#a4a4a4;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute; 
            display:none; 
            margin:0 0 0 -1px; 
            padding:0; 
            list-style:none;
			top:80px;
			width:200px;
			padding-top:10px;
			padding-bottom:10px;
			background-color:#221f1b;	
			z-index:-1;
			background-repeat:no-repeat;
			line-height:80px;
        }
         
        #nav ul li {
            width:100%; 
            float:left; 
			background-image: none !important;
			background-color: none !important;
			margin:0 15px 0 15px;
			text-align:left;
			height: 31px;
        }

		 #nav li ul li a {
			text-align:left;
			background-image: none !important;
			background-color: none !important;
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block;  
            height:15px;
            padding: 8px 5px; 
            color:#a4a4a4;
        }
         
        #nav ul a:hover {
            text-decoration:none;
			color:#fff;
        }
		
}
		
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */

*html #nav ul {
    margin:0 0 0 -2px;
}

#header .col-sm-3 {
	padding: 0;
}





@media (max-width:767px){

	div#header {
		height:auto!important;
		margin-bottom:50px;
	}

	#header .col-sm-3 {
		height:80px;
		padding:0 15px!important;
	}

	a#logo {
		float: none;
		margin-top: 8px;
		display: inline-block;
		max-width: 100%;
		height: auto;
	}

	#header .col-xs-12{
		padding:0;
		text-align:center;
	}

	#nav {
		display: none;
		height: auto;
		width:100%; 
		margin:0;
		position:absolute;
		top:25px;
		z-index:99999999;
		border-top:1px solid #a4a4a4;
	}
	
	#nav>li {
		display: block;
		width: 100%;
		margin-left:0px;
		padding-left:15px;
		line-height: 50px;
		text-align: left;
		background:#221f1b;
	}
	
	#nav>li:hover {

	}
	
	#nav>li:hover>a {
		color:white!important;
	}
	
	#nav>li:first-child {
		border-top:none;
	}
	
	#nav li a { 
		width: 100%; 
		line-height: 50px;
		font-size: 20px;
		font-family: DINMediumRegular, Arial, Verdana, Tahoma;
		color:#a4a4a4;
		font-size: 16px;
		text-transform: uppercase;
	}
	
	#nav>li>a:hover {
		color:white;
		text-decoration:none;
	}
	
	#nav>li>ul {
		display:none;
	}
	
	#nav>li>ul>li {
		padding-left:15px;
	}

	a#pull {
		background: #221f1b;
		display: block;
		color:#a4a4a4;
		width:100%;
		height:25px;
		cursor:pointer;
		line-height: 25px;
		font-family: DaxMedium, Arial, Verdana;
		font-size: 16px;
	}
	
	a#pull:hover { 
		text-decoration:none; 
	}
	
	.submenu {
		position:relative;
	}
	
	.submenu-caret {
		width: 50px;
		height: 50px;
		position: absolute;
		top: 0;
		right: 0;
		cursor:pointer;
	}
	
	.caret {
		display: block;
		border-top: 10px solid #a4a4a4;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		position: absolute;
		top: 20px;
		right: 15px;
		z-index: 99;
	}
	
	
	#footer {
		overflow:hidden;
		background-repeat: repeat;
		position:relative;
	}
	
	#footer ul {
		width:100%;
		background:white;
		margin-top:0px;
	}
	
	#footer li {
		padding:0 15px;
		line-height:35px;
		border-top:1px solid #eaeaea;
		margin:0px;
	}
	
	#footercontact li {
		border-top:none;
	}
	
	#footer li:first-child {
		border-top:none;
	}
	
	#footer li a {
		line-height:35px;
		text-transform:uppercase;
		font-size:14px!important;
		padding:0;
	}
	
	#footerlogo {
		text-align:center;
	}
	
	p#copyright {
		margin-top:10px;
	}
	
	a#webdesign {
		margin-top:0px;
	}
}


@media (max-width:991px){
	#nav li a {
		padding: 0 7px;
	}
}