/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 980px){
#skin_wrap { width:auto!important;}
.skin_content { padding:10px 1%;}
.footerpane_style { padding:0 1%;}
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 20px; font-size:14px; }
}

@media handheld, only screen and (max-width: 960px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 20px;}
#standardMenu .rootMenu li:hover .subMenu { display:block;}
#standardMenu .subMenu li:hover .level1 { display:block;}
#standardMenu .subMenu li li:hover .level2 { display:block;}
#megaMenu .root li:hover .category { display:block;}

/*--------- LeftMenu style ----------*/
#leftMenu .leftSub li.item a span { font-size:12px; height:35px; line-height:35px; padding:0 10px 0 10px;}
#leftMenu .level1 li{ background-position:7px 16px;  }
#leftMenu .level1 li.item a span { font-size:12px; padding-left:13px;}
#leftMenu .level2 li{ background-position:12px 16px;  }
#leftMenu .level2 li.item a span { padding-left:18px;}
#leftMenu .level3 li{ background-position:17px 16px;  }
#leftMenu .level3 li.item a span { padding-left:23px;}
}

@media handheld, only screen and (max-width: 940px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 18px;}
}

@media handheld, only screen and (max-width: 920px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 17px;}
}

@media handheld, only screen and (max-width: 900px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 16px;}
}

@media handheld, only screen and (max-width: 880px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 15px;}
}

@media handheld, only screen and (max-width: 860px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 14px;}
}

@media handheld, only screen and (max-width: 840px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 12px;}
}

@media handheld, only screen and (max-width: 820px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 11px;}
}

@media handheld, only screen and (max-width: 800px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 10px;}
}

@media handheld, only screen and (max-width: 780px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 9px;}
}

@media handheld, only screen and (max-width: 767px){
.skin_content { padding:10px 1.5%;}
.footerpane_style { padding:0 1.5%;}
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 20px;}
#standardMenu .rootMenu li:hover .subMenu { display:none;}
#megaMenu .root li:hover .category  { display:none;}
}