@charset "utf-8";
/* CSS Document */
@media (max-width:990px){ 
.wrapper{width:770px;}
ul.nav-main{display:none;}
ul.nav-main li a{display:block;}
.main-nav{background:none;}
.menu_expand{display:block}
ul.nav-main{display:none}
ul.nav-main{background:#3f3e3e}
ul.nav-main li{float:none; width:auto}
ul.nav-main li.bor-rad a:hover, ul.nav-main li.bor a:hover{border-radius:0}
ul.nav-main li{border:none; border-bottom:1px solid #fff}
ul.nav-main li.bor{float:none}
ul.nav-main li a{padding:13px 14px}
ul.nav-main li.bor a{padding:13px 14px;}

/*
table, thead, tbody, th, td, tr { display: block; }
thead tr { position: absolute;top: -9999px;left: -9999px;}
tr { border: 1px solid #ccc; }
td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; }
td:before { position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;}
td:nth-of-type(1):before { content: "First Name"; }
td:nth-of-type(2):before { content: "Last Name"; }
td:nth-of-type(3):before { content: "Job Title"; }
td:nth-of-type(4):before { content: "About"; }
td:nth-of-type(5):before { content: "User"; }
td:nth-of-type(6):before { content: "Porn Name"; }
td:nth-of-type(7):before { content: "Date of Birth"; }
td:nth-of-type(8):before { content: "Dream Vacation City"; }
td:nth-of-type(9):before { content: "GPA"; }
td:nth-of-type(10):before { content: "Arbitrary Data"; }

*/

}

@media (max-width: 767px){ 
.wrapper{width:420px;}
ul.nav-main{display:none;}
ul.nav-main li a{display:block;}
.main-nav{background:none; }
.menu_expand{display:block}
ul.nav-main{display:none}
/*ul.nav-main{background:#2E4170}*/
ul.nav-main li{float:none; width:auto}
ul.nav-main li.bor-rad a:hover, ul.nav-main li.bor a:hover{border-radius:0}
/*ul.nav-main li{border:none; border-bottom:1px solid #3A5391}*/
ul.nav-main li.bor{float:none}
ul.nav-main li a{padding:13px 14px}
ul.nav-main li.bor a{padding:13px 14px;}
}

@media (max-width:420px){ 
.wrapper{width:240px;}
ul.nav-main{display:none;}
ul.nav-main li a{display:block;}
.main-nav{background:none;}
.menu_expand{display:block}
ul.nav-main{display:none}
ul.nav-main{background:#3f3e3e}
ul.nav-main li{float:none; width:auto}
ul.nav-main li.bor-rad a:hover, ul.nav-main li.bor a:hover{border-radius:0}
ul.nav-main li{border:none; border-bottom:1px solid #fff}
ul.nav-main li.bor{float:none}
ul.nav-main li a{padding:13px 14px}
ul.nav-main li.bor a{padding:13px 14px;}
}

@media (max-width:240px){ 
.wrapper{width:180px;}
ul.nav-main{display:none;}
ul.nav-main li a{display:block;}
.main-nav{background:none;}
.menu_expand{display:block}
ul.nav-main{display:none}
ul.nav-main{background:#2E4170}
ul.nav-main li{float:none; width:auto}
ul.nav-main li.bor-rad a:hover, ul.nav-main li.bor a:hover{border-radius:0}
ul.nav-main li{border:none; border-bottom:1px solid #3A5391}
ul.nav-main li.bor{float:none}
ul.nav-main li a{padding:13px 14px}
ul.nav-main li.bor a{padding:13px 14px;}
}