/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */


@media screen and (max-width: 867px) {

#navbar { width: 100%; height:auto; margin: 0; background-color:#000; border-radius: 10px 10px 10px 10px; }

#menu-topmenu { display:none; }

.menu-toggle { display:block; color: #fff; }

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 5px 0 5px 5%;
	}

	.menu-toggle:after {
		content: url(../images/downarrow.png);
		font-size: 12px;
		padding-left: 8px;
		vertical-align: 0px;
	}
	.toggled-on .menu-toggle:after {
		content: url(../images/uparrow.png);
		vertical-align: 0px;
	}


	/* toggled on menu */
	
	.toggled-on #menu-topmenu { height:auto; padding:0px; margin:0px; list-style-type:disc; display: block; }

	.toggled-on #menu-topmenu li { display: list-item; float:none; padding: 3px 10px; margin:0px; } 
	.toggled-on #menu-topmenu li a { display: block; padding: 5px; }
	.toggled-on #menu-topmenu li a:hover {   color:#ff9; }

		.toggled-on #menu-topmenu li.hover,
		.toggled-on #menu-topmenu li:hover { border-radius: none;  }
	
	.homepg 	.toggled-on #menu-topmenu li.lihome { border-radius: none; }
	.ourfirmpg 	.toggled-on #menu-topmenu li.lifirm { border-radius: none; }
	.servicespg 	.toggled-on #menu-topmenu li.liservice { border-radius: none; }
	.resourcespg 	.toggled-on #menu-topmenu li.liresources { border-radius: none; }
	.newspg 	.toggled-on #menu-topmenu li.lidc { border-radius: none;  }
	.calcspg 	.toggled-on #menu-topmenu li.licalcs { border-radius: none; }
	.faqspg 	.toggled-on #menu-topmenu li.lifaqs { border-radius: none; }
	.contactpg 	.toggled-on #menu-topmenu li.licontact { border-radius: none; }
	
	.toggled-on #menu-topmenu li.liicf { display:list-item; }
	.toggled-on #menu-topmenu li.licenl { display:list-item; }

	/* -- level mark -- */

			.toggled-on #menu-topmenu ul {
	 padding: 2px 10px; 
	 list-style-type:none; 
	 border-radius: none; 
	}

		
			.toggled-on #menu-topmenu ul li { display: list-item; vertical-align:middle; border-top: none; 
		 font-weight: normal;
		 font-size: 1em;  
		}
				
			.toggled-on #menu-topmenu ul li a { padding: 0; font-size: 1em;  }

		.toggled-on #menu-topmenu ul {
 display:block;
 position: relative;
 top: auto;
 left: auto;
}

		.toggled-on #menu-topmenu ul li {
 float: none;
 width: auto;
}

		.toggled-on #menu-topmenu ul ul {
 top: auto;
 left: auto;
}

}


@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
	
}


@media screen and (max-width: 600px) {
	
#menu-footermenu { margin:0; padding:10px 0 0 10px; list-style-type:none; display: block; text-align:left; }
#menu-footermenu li { display: list-item;  padding: 5px 0; } 
#menu-footermenu li:first-child { padding: 5px 0; }
#menu-footermenu li:before { display: none; } 

#privacynavbar { display:block; }

#menu-privacymenu { display:block; }

#menu-privacymenu li { display: list-item; margin: 0px; padding: 5px 0; } 
#menu-privacymenu li a { padding:0px;}


#menu-privacymenu li:before { display: none; } 

#menu-privacymenu li:after { display: none; }


}