*{margin:0;padding:0}

html{overflow-y:scroll}
a{text-decoration:none}
a:focus{outline:0}
#page-wrap{margin:20px auto;clear: both;}
h1{font:bold 40px Sans-Serif;margin:0 0 20px 0}

/* Generic Utility */
.hide{position:absolute;top:-9999px;left:-9999px}

/* Specific to example one */

#example-one{background:#eee;padding:10px;margin:0 0 20px 0;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666}

#example-one .nav{overflow:hidden;margin:0 0 10px 0}
#example-one .nav li{width:97px;float:left;margin:0 10px 0 0}
#example-one .nav li.last{margin-right:0}
#example-one .nav li a{display:block;padding:5px;background:#959290;color:white;font-size:10px;text-align:center;border:0}
#example-one .nav li a:hover{background-color:#111}

#example-one ul{list-style:none}
#example-one ul li a{display:block;border-bottom:1px solid #666;padding:4px;color:#666}
#example-one ul li a:hover{background:#fe4902;color:white}
#example-one ul li:last-child a{border:none}

#example-one ul li.nav-one a.current, #example-one ul#featured li a:hover{background-color:#0575f4;color:white}
#example-one ul li.nav-two a.current, #example-one ul#core li a:hover{background-color:#d30000;color:white}
#example-one ul li.nav-three a.current, #example-one ul#jquerytuts li a:hover{background-color:#8d01b0;color:white}
#example-one ul li.nav-four a.current, #example-one ul#classics li a:hover{background-color:#FE4902;color:white}

/* Specific to example two */

#example-two .list-wrap{padding: 10px 0px 0px 0px;margin:0 0 15px 0}

#example-two ul{list-style:none}
#example-two ul li a{display:block;}
#example-two ul li a:hover{background:#333;color:white}
#example-two ul li:last-child a{border:none}

#example-two .nav{overflow:hidden;float:left !important;padding: 0px; width:100%; justify-content: center;}
#example-two .nav li{float:left;margin: 0 2px 0 0;/* padding: 0px 20px; *//* width: 20%; */}
#example-two .nav li.last{margin-right:0}
#example-two .nav li a{
	display:block;
	background: #eeeeee;
	color: #424242;
	font-size: 18px;
	text-align:center;
	border:0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	padding-right: 35px;
}

#example-two li a.current,#example-two li a.current:hover{background-color: #bb2409 !important;color: #fff;}
#example-two .nav li a:hover, #example-two .nav li a:focus{background:#bb2409}
.tab_line{ background-color:#bb2409; height:3px;clear: both;}

@media only screen and (max-width: 1380px) {
	.nav-one , .nav-three , .nav-four , .nav-two{ width:22%;}
}
@media only screen and (max-width: 991px) {
	.nav-one , .nav-three , .nav-four , .nav-two{ width:22%;}
#example-two .nav li a {
	width:100%;
    padding-right: 0px; 
     padding-bottom: 0px; 
     padding-left: 0px; 
	 text-align:center;
}
#example-two .nav {
    overflow: hidden;
    float: none !important;
    padding: 0px;
    width: 100%;
}
#example-two .nav li {
    margin: 0 1px 0 0;
}
}