.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 18px !important;}	
.BGTableGC1 { padding:0 !important;}	
.MainTable {width:auto !important;}
.MainTableInner {width:auto !important;}
.MainWidth { width: auto !important;}
.WidthOptionalGC1{ width: auto !important;}
.MainWidthBottom{ 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;}
.WhiteBgMain { margin:0 15px 15px 15px !important;} .TWSlider-wrapper .nivo-caption { display:none !important;}
.InnerSkin .WhiteBgMain, .AdminSkin .WhiteBgMain  	{-webkit-border-radius: 6px!important ; -moz-border-radius:6px!important;border-radius:6px !important;}
.TopPaneMain { margin:5px 15px 0px 15px !important;}
.BreadcrumbPane { margin:0px 15px 0px 15px !important;}
.HiddenMobile , #dnnCPWrap ,.InnerSkin  .TopPaneMain , .InnerSkin .BreadcrumbPane,.AdminSkin  .TopPaneMain , .AdminSkin .BreadcrumbPane , #slide_top{ display:none !important;}
.HiddenDesktop 	{ display:block !important;}
.BuyNowButton { position:relative; width:211px !important; display:block; height:40px; margin:8px auto !important;} .BuyNowButton a {position: relative !important; top:auto !important; right:auto !important; text-align:center !important;}

.WidthOptional {width:auto !important;}
.LogoPaneOptional {
    position: relative !important;
    top: 10px !important;
    width: auto !important;
}
.LogoPaneOptionalGC1{
    position: relative !important;
    top: 10px !important;
    width: auto !important;
	text-align: center;
}
.LogoPaneOptionalGC1C{
    position: relative !important;
    top: 10px !important;
    width: auto !important;
	text-align: center;
}
.tagline_text {
font-size: 20px !important;
float: none !important;
line-height: 110% !important;
width: auto !important;
text-align: center;
}

.buy_button {
float: none !important;
text-align: center;
width: auto !important;
margin-top: 20px !important;
}

.row {margin-left: 0 !important;}

.FeedbackForm .Feedback_CommandButtons { margin-left:-50px !important;}
/* Menu styles */
#dnnMenu , #dnnMenuMobi { padding: 0 !important; margin:0 !important; } #dnnMenu *,#dnnMenuMobi *{ padding:0; margin:0;}
#dnnMenuMobi  { background:none !important; padding:5px 10px 15px 10px !important;}
.HomeSkin #dnnMenuMobi  { background:none!important; padding:10px !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(#C7CBE9), to(#dadada)) !important;
background:url(images/NavArrow.png) right center no-repeat , -moz-linear-gradient(#C7CBE9, #dadada) !important;
background:url(images/NavArrow.png) right center no-repeat , linear-gradient(#C7CBE9, #dadada) !important; 
background:url(images/NavArrow.png) right center no-repeat , -o-linear-gradient(#C7CBE9, #dadada) !important;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#C7CBE9', 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 #c5c3c0 !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(#aaa ), to(#eee)) !important;
background:url(images/NavArrowOn.png) right center no-repeat , -moz-linear-gradient(#aaa, #eee ) !important;
background:url(images/NavArrowOn.png) right center no-repeat , linear-gradient(#aaa, #eee ) !important; 
background:url(images/NavArrowOn.png) right center no-repeat , -o-linear-gradient(#aaa ,#eee ) !important;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaa', EndColorStr='#eee')"; } /*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 center #C7CBE9; /*generic*/color:#fff;padding:10px; margin:12px 0;position:relative;}
.ToolbarPane h2 {padding:0px 38px 0 38px!important;line-height:1em;margin:1px 0 0 0px!important;min-height:23px;font-size:15px!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 h2.MobileMenuHeader {display:block; text-align:center; margin:12px 0 5px !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 #515fb8;
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 #707070 !important;}
.MobileMenu .MobileMenuContent { display:block; padding:5px 0px;}

.carousel-control.right{margin-top: -10px;}
.carousel-control.left{margin-top: -10px;}
/**/
.SearchPane { margin:0 auto 5px auto !important; float:none !important; }
.LanguagePane { margin:0 auto 9px auto !important; float:none !important; text-align:center; }
.CurrentDate{float:none !important; padding-left:0 !important; text-align:center;}
.NavPane { padding: 10px 0  !important;}
.LoginPane { min-width:115px !important; margin:0 20px  !important; display:none !important;}
.LogoPane , .CopyrightPane ,.LoginPane { text-align:center !important; padding:5px 0 !important;}
.LogoPane { min-height:inherit!important; padding:15px 10px !important;} .LogoPane img {}
.LeftDevider,.RightDevider { background-image: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:auto !important; padding:2% 2% !important; overflow:hidden; margin-bottom:10px !important;margin-left: 0 !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;}

.footer_logo{ float:none !important; width:auto !important; padding-right:0 !important; text-align: center;}
.footer_address{ float:none !important; width:auto !important; border-left:none !important; padding-left:0 !important; text-align:center;padding-bottom: 15px;}

.FooterMainInner {padding: 0 0px 15px !important;}

#Flickerbox li { width:25.5% !important;}

.DNNContainer_Title_h2 h2 .TitleH2 { text-align:center !important;}
.form_dealer {float:none !important;text-align:center;padding-bottom: 10px;}
.Stay_Connected{float:none !important; width:auto !important;}
.SocialLinks{}


ul.clients li a {padding-right: 5px !important;}


.TopMainBottom2 { min-height: 95px !important;}

.bottombg { padding:20px !important;}

.FooterLeftPane{ float:none !important; width:auto !important;text-align: center;}
 
.BlackTitleLargeIconContent { margin:0 0 0 105px !important; }
.BlackTitleLargeIconIcon {width:90px !important;} .BlackTitleLargeIconIcon img { width:87px !important; height: auto!important;}

.TopSMLinks { float:none !important; margin:auto !important; padding:0 0 2px 0 !important;}
.TopContactPane h4 { text-align:center !important;}
.TopRightLinks , .FooterLinks { text-align:center !important; padding:5px !important}

.LeftSideBar { background:none !important;}
.RightSideBar { background:none !important;} 
img.FRight, img.FLeft, body img.FRight, body img.FLeft { float:none !important; display:block !important; margin:5px auto 18px auto !important; width:90% !important; }

/* Announcement */
.PostMain	{float:none !important; width:auto !important;  margin:0 0 5px 0 !important;}

/* Simple Pricing Table */  
.simple-pricing-table .column { width: 99% !important; margin:auto;}
.simple-pricing-table .column.featured { margin-top: 0; width:99% !important; margin:auto;}
/* Extended Pricing Table */  
.extended-pricing-table .column { width:99% !important; margin:auto;}
.extended-pricing-table .column.featured { margin-bottom: 20px; margin-top: 10px;}
.extended-pricing-table .features { background: #f8f8f8 !important;}
.extended-pricing-table .featured .features { background: #fff !important;}
.extended-pricing-table .features li { background: none !important; border-bottom: none; border-top: 1px solid #fff; float: left; width:42%;}
.extended-pricing-table .features li:nth-child(odd) { border-right: 1px solid #fff;}
.extended-pricing-table .featured .features li:nth-child(odd) { border-right: 1px solid #f6f6f6;}
.extended-pricing-table .features li:nth-child(4n-1), .extended-pricing-table .features li:nth-child(4n-4) { background: #f0f0f0 !important;}
.extended-pricing-table .featured .features li:nth-child(4n-1), .extended-pricing-table .featured .features li:nth-child(4n-4) { background: #f6f6f6 !important;}
.extended-pricing-table .footer { border-top: 1px solid #fff; clear: both; padding: 12px 10px !important; width:95%; margin:auto;}
.extended-pricing-table .features li:before {		color: #7b7b7b;		content: attr(data-feature) ':' !important;		display: block;		font-weight: 700;		text-align: center;	}
.extended-pricing-table .features-list { display: none; }

/**/
.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: 1023px)  and (min-width: 600px), only screen and (max-width: 1023px)  and (min-width: 600px) {
.BGTable { padding:0 18px !important;}	
#Body  { background-image: none !important;}
.MainTable { width:96% !important;} #slide_top{ display:none !important;}
.MainWidth { width:96% !important;}
.Stay_Connected { float:none !important;}
.form_dealer { float:none !important; padding-bottom:10px !important;}
.portfolio-item{	width:27% !important;	height:160px !important; padding:1% 1%; overflow:hidden;}
ul.the-icons li { float:left; width:30% !important; margin:2px 1% !important;}
ul.dnnGlobalNav li.dgn-root a div div {font-size: 11px !important; padding: 0 5px !important;}
ul.dnnGlobalNav li.dgn-selected a div div{font-size: 11px !important; padding: 0 5px !important;}
#portfolio-preview-items .portfolio-item .project { height:76px !important;}
#TwGallery li { margin:8px 1.5% !important; width:30% !important;}
.FooterBorder { width:100% !important;}
#dnnMenu { margin-right:0px !important;}
#dnnMenu .rootMenu li a div div{ padding-left:5px !important;padding-right:5px !important; font-size:12px !important;}
.BlackTitleLargeIconContent { margin:0 0 0 205px !important; }
.BlackTitleLargeIconIcon {width:190px !important;} .BlackTitleLargeIconIcon img { width:187px !important; height: auto!important;}
.LogoPane, .TopRightMain { width:30% !important;}
.LogoPane img {}

.LeftSideBar { background:url(images/LeftSide2.png) 30% top repeat-y !important;}
.RightSideBar { background:url(images/RightSide2.png) 70% top repeat-y !important;} 

.tagline_text {
width: 450px !important;
font-size:18px !important;
}

.WidthOptional {width:auto !important;}
.MainWidthBottom{ width:auto !important;}

.MainTableInner { width:auto !important;}
	/* -------------------------------------------------- */
	/*	Simple Pricing Table
	/* -------------------------------------------------- */

	.simple-pricing-table .column { margin-bottom: 20px !important; }

	/* -------------------------------------------------- */
	/*	Extended Pricing Table
	/* -------------------------------------------------- */

	.extended-pricing-table .features li:before {
		color: #7b7b7b;
		content: attr(data-feature) ':' !important;
		display: block;
		font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-weight: 700;
		text-align: center;
	}

	.extended-pricing-table .features-list { display: none; }
	/* ---------------------------------------- */
		/*	Simple Pricing Table
		/* ---------------------------------------- */

		.simple-pricing-table .column { width: 746px; }

		.simple-pricing-table .column.featured { width: 736px; }

		.simple-pricing-table.col2 .column { width: 372px!important; }
		.simple-pricing-table.col3 .column { width: 248px!important; }
		.simple-pricing-table.col4 .column { width: 185px!important; }
		.simple-pricing-table.col5 .column { width: 148px!important; }

		.simple-pricing-table.col2.featured .column { width: 354px!important; }
		.simple-pricing-table.col3.featured .column { width: 235px!important; }
		.simple-pricing-table.col4.featured .column { width: 178px!important; }
		.simple-pricing-table.col5.featured .column { width: 142px!important; }

		.simple-pricing-table.col2 .column.featured { width: 383px!important; }
		.simple-pricing-table.col3 .column.featured { width: 265px!important; }
		.simple-pricing-table.col4 .column.featured { width: 199px!important; }
		.simple-pricing-table.col5 .column.featured { width: 165px!important; }

		/* ---------------------------------------- */
		/*	Extended Pricing Table
		/* ---------------------------------------- */

		.extended-pricing-table .column { width: 748px; }

		.extended-pricing-table.col2 .column { width: 374px!important; }
		.extended-pricing-table.col3 .column { width: 249px!important; }
		.extended-pricing-table.col4 .column { width: 187px!important; }
		.extended-pricing-table.col5 .column { width: 149px!important; }
/**/
.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) { 

}