.visible-phone {  display: none !important;}
.visible-tablet {  display: none !important;}
.hidden-desktop {  display: none !important;}
.visible-desktop {  display: inherit !important;}

/* @media all and (max-device-width: 767px), all and (max-width: 449px)*/

@media only screen and (max-width:599px), only screen and (max-device-width: 599px) {
.BGTable { padding:0 0px !important;}	
.MainTable {width:auto !important;}
.NoPaneBorder , .LeftMain , .RightMain, .LeftMainRight, .RightMainRight , .LogoPane , .CopyrightPane {float:none !important;display:inherit!important;padding:0px !important;margin:0px !important;width:auto !important;}
.HiddenMobile , #dnnCPWrap ,.InnerSkin  .TopPaneMain , .InnerSkin .BreadcrumbPane,.AdminSkin  .TopPaneMain , .AdminSkin .BreadcrumbPane ,.TWSlider-wrapper .nivo-caption, #slide_top{ display:none !important;}
.HiddenDesktop 	{ display:block !important;}
.ContentMain { background-image:none !important;}.NavMain { background: none !important;}

/* Menu styles */
#dnnMenu , #dnnMenuMobi { padding: 0 !important; margin:0 !important; } #dnnMenu *,#dnnMenuMobi *{ padding:0; margin:0;}
#dnnMenuMobi  { background:none !important; padding:0px 9px 0px 9px !important;}
.HomeSkin #dnnMenuMobi  { background:none!important;}
#dnnMenu a, #dnnMenuMobi a { text-decoration: none !important;}
#dnnMenu, #dnnMenu .rootMenu li, #dnnMenu .rootMenu li a div , #dnnMenu, #dnnMenuMobi .rootMenu li, #dnnMenuMobi .rootMenu li a div   { float:none !important; display:block; padding:0px !important; background:none !important;}
#dnnMenu .rootMenu li a div , #dnnMenuMobi .rootMenu li a div{display:block;line-height:normal;margin:0 0px 9px 0 !important; border:none; text-transform: uppercase!important; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
color:#444444!important;padding: 10px 35px 10px 10px!important; border:1px solid #ccc !important;  text-shadow:1px 1px 1px #fff;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, .3);  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .3);  box-shadow:0 1px 4px rgba(0, 0, 0, .3);
 -moz-border-radius:.6em; -webkit-border-radius:.6em; border-radius:.6em;
background:url(images/NavArrow.png) right center no-repeat , -webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#dadada)) !important;
background:url(images/NavArrow.png) right center no-repeat , -moz-linear-gradient(#ededed, #dadada) !important;
background:url(images/NavArrow.png) right center no-repeat , linear-gradient(#ededed, #dadada) !important; 
background:url(images/NavArrow.png) right center no-repeat , -o-linear-gradient(#ededed, #dadada) !important;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')"; }
#dnnMenu .rootMenu li.selected a div,  #dnnMenu .rootMenu li.breadcrumb a div , #dnnMenu .rootMenu li.rmhover a div, #dnnMenu .rootMenu li a:hover div ,
#dnnMenuMobi .rootMenu li.selected a div,  #dnnMenuMobi .rootMenu li.breadcrumb a div , #dnnMenuMobi .rootMenu li.rmhover a div, #dnnMenuMobi .rootMenu li a:hover div{color:#fff!important; border:1px solid #881113 !important;  text-shadow:1px 1px 1px #333 !important;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, .3);  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .3);  box-shadow:0 1px 4px rgba(0, 0, 0, .3);
 -moz-border-radius:.6em; -webkit-border-radius:.6em; border-radius:.6em;
background:url(images/NavArrowOn.png) right center no-repeat , -webkit-gradient(linear, 0 0, 0 bottom, from(#c92225), to(#881113)) !important;
background:url(images/NavArrowOn.png) right center no-repeat , -moz-linear-gradient(#c92225, #881113) !important;
background:url(images/NavArrowOn.png) right center no-repeat , linear-gradient(#c92225, #881113) !important; 
background:url(images/NavArrowOn.png) right center no-repeat , -o-linear-gradient(#c92225, #881113) !important;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#c92225', EndColorStr='#881113')"; } /*Left*/
 #dnnMenuMobi .rootMenu li.first { padding-top:0px !important;}
/* #dnnMenuMobi * { display:block !important;} 
.HomeSkin #dnnMenu .subMenu , #dnnMenu ul ul , #dnnMenuMobi .subMenu , #dnnMenuMobi ul ul{display:block !important; padding-left:5px !important;} */
 #dnnMenuMobi .subMenu ,.HomeSkin  #dnnMenuMobi ul ul { display:none !important;}

/* Toolbar */
.TabBack, .TabNext , .TabHome {position:absolute;cursor:pointer;overflow:hidden;top:8px;right:10px;margin:0;border-width:0 5px;padding:0 3px;width:auto;height:30px;line-height:30px;font-family:inherit;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;text-shadow:rgba(0, 0, 0, 0.5) 0 1px 1px;text-overflow:ellipsis;text-decoration:none;white-space:nowrap;background:none;-webkit-border-image:url(images/button.png) 0 5 0 5;}
.TabBack, a.TabBack {left:10px;top:7px;color:#fff!important;text-decoration:none!important;right:auto;padding:0;max-width:55px;border-width:0 8px 0 14px;-moz-border-image: url(images/TabBack.png) 0 8 0 14;border-image: url(images/TabBack.png) 0 8 0 14;-o-border-image: url(images/TabBack.png) 0 8 0 14;-webkit-border-image:url(images/TabBack.png) 0 8 0 14;}
.TabBack.active, .TabBack:hover {-moz-border-image: url(images/TabBackOn.png) 0 8 0 14;border-image: url(images/TabBackOn.png) 0 8 0 14;-o-border-image: url(images/TabBackOn.png) 0 8 0 14;-webkit-border-image:url(images/TabBackOn.png) 0 8 0 14; color:#fff;}

.TabNext, a.TabNext {right:10px !important;top:7px;color:#fff!important;text-decoration:none!important;right:auto;padding:0;max-width:55px;border-width:0 14px 0 8px;-moz-border-image: url(images/TabNext.png) 0 14 0 8;border-image: url(images/TabNext.png) 0 14 0 8;-o-border-image: url(images/TabNext.png) 0 14 0 8;-webkit-border-image:url(images/TabNext.png) 0 14 0 8;}
.TabNext.active, .TabHome:hover {-moz-border-image: url(images/TabNextOn.png) 0 14 0 8;border-image: url(images/TabNextOn.png) 0 14 0 8;-o-border-image: url(images/TabNextOn.png) 0 14 0 8;-webkit-border-image:url(images/TabNextOn.png) 0 14 0 8; color:#fff;}

.TabHome, a.TabHome {right:10px !important;top:7px;color:#fff!important;text-decoration:none!important;right:auto;padding:0;width:35px;border-width:0px;background:url(images/Home.png) left top no-repeat !important; height:31px; overflow:Hidden;}
a:hover.TabHome  , .TabHome.active, .TabHome:hover {background:url(images/Home.png)  left top no-repeat !important;-moz-border-image:none;border-image:none;-o-border-image:none;-webkit-border-image:none;}

/* */
.ToolbarPane { background: url(images/Toolbar.png) left top #881113; /*generic*/color:#fff;padding:10px; margin:12px 0 0 0;position:relative; border-top:1px solid rgba(0, 0, 0, 0.6); border-bottom:1px solid rgba(0, 0, 0, 0.6);}
.ToolbarPane h2 {padding:0px 68px 0 68px!important;line-height:1em;margin:1px 0 0 0px!important;min-height:23px;font-size:19px!important;font-weight:bold!important;text-shadow:#111 0 1px 2px;text-align:center;text-overflow:ellipsis;color:#fff!important;}

/*MobileMenu Accordion Style*/
.MobileMenu { overflow:hidden;}
.MobileMenu .rootMenu .first { margin:10px 0 0 0 !important;} .MobileMenu .rootMenu .last  { margin:0 0 10px 0!important;}
.MobileMenu h2.MobileMenuHeader {display:block; text-align:center; margin:0px 0px 0px 0 !important; padding:0px !important;}
.MobileMenu h2.MobileMenuHeader a { width:23px !important; height:14px !important; margin:0 auto 6px auto !important; padding:10px 40px !important; background:url(images/MobileMenu.png) center center no-repeat #003f68;
display:block; cursor:pointer;  font-size:0px !important; line-height:0px !important; text-indent:99px; color:#000; text-decoration:none !important;
 -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } 
.MobileMenu h2.MobileMenuHeader a:hover, 
.MobileMenu h2.Mactive a  , .MobileMenu h2.Mactive a:hover{ background:url(images/MobileMenu.png) center center no-repeat #881113 !important;}
.MobileMenu .MobileMenuContent { display:block; padding:5px 0px;}

/**/
.LogoPane	{ padding:15px !important; text-align:center !important; background:none !important; min-height:inherit !important;}.LogoPane img{ width:85% !important;}
.SearchPane { margin:10px auto 10px auto !important; float:none !important; }

.MobileFull { width:98% !important; margin:auto !important; }
div .Feedback_FieldValue textarea , div .Feedback_Field textarea , div .Feedback_FieldValue input , div .Feedback_Field input { width:93% !important;}
.TopSMIcons { text-align:center !important; padding:5px !important;} .TopSMIcons span { display:block;}

.portfolio-tabs,.faq-tabs { height:auto !important;}
.portfolio-item{width:95% !important;height:310px !important; padding:2% 2% !important; overflow:hidden; margin:auto !important;}
.portfolio-tabs li,.faq-tabs li{float:none !important; display:block;margin-right:0px !important;}
/**/
ul.the-icons li { float:none !important; width:auto !important; margin:auto !important;}
#TwGallery li { margin:8px 1% !important; width: auto !important; float:none !important;}

#utility-nav, #header-social-icons, .LoginPane { float:none !important; margin:auto !important; text-align:center !important;width:113px !important; clear:both !important; padding:3px 0 !important;}

.GraybarLeftSeperatorContentpane ,  .GraybarLeftSeperatorTitle { background:none !important;}

.CopyrightPane ,
.FooterRightLinks { text-align:center !important ; padding:5px 10px !important;}
.BottomPane1, .BottomPane2 , .BottomPane3, .BottomPane4 { background:none !important; min-height:inherit !important; padding-bottom:1px !important;}
/* Announcement */

/**/
.hidden-desktop {display: inherit !important; }
.visible-desktop {   display: none !important;  }
.visible-phone {    display: inherit !important;  }
.hidden-phone {    display: none !important; }
.visible-tablet {    display: none !important; }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 1200px)  and (min-width: 600px), only screen and (max-width: 1200px)  and (min-width: 600px) {
.MainTable { width:96% !important;} #slide_top{ display:none !important;}
.portfolio-item{	width:31% !important;	height:200px !important; padding:1% 1%; overflow:hidden;}
ul.the-icons li { float:left; width:30% !important; margin:2px 1% !important;}
#TwGallery li { margin:8px 1.5% !important; width:30% !important;}

#dnnMenu .rootMenu li a div div{ padding-left:10px !important;padding-right:10px !important; font-size:12px !important;}

.LogoPane img {}

/**/
.hidden-desktop {    display: inherit !important;  }
.visible-desktop {    display: none !important ;  }
.visible-tablet {    display: inherit !important; }
.hidden-tablet {    display: none !important;  }
}

@media only screen and (max-width: 1024px)  and (min-width: 600px), only screen and (max-width: 1024px)  and (min-width: 600px) { 

}

@media only screen and (max-width : 480px) {
                .article .toc  {
                                                                
                width:100%!important;
                }
}