.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)*/ /*Tig Large Social Media icons for iPad screen portrait orientation*/ @media only screen and (max-width: 768px) and (min-width: 300px), only screen and (max-device-width: 768px) and (min-device-width:300px){ .tig_BttmSMLinks {margin:0px auto 20px auto !important; padding:0px 0px; list-style:none; width:263px !important; border:1px solid #eeeeee; height:63px !important; overflow:hidden; z-index:9; position:relative;} .tig_BttmSMLinks a { display:block; float:left; background-image:url(images/tig_SMIconsMid.png) !important; background:#ccc; width:65px !important; height:63px !important; font-size:0px !important; line-height:0px !important; margin:0px; overflow:hidden;} .tig_BttmSMLinks a:hover { background-color:#666 !important;} .tig_BttmSMLinks a.Em {background-color:#bababa; background-position:0px 0px !important;} .tig_BttmSMLinks a:hover.Em {background-color:#666 !important; background-position:0px 0px !important;} .tig_BttmSMLinks a.Facebook { background-position:-65px 0px !important; border:1px solid #ccc; border-top:none !important; border-bottom:none !important;} .tig_BttmSMLinks a:hover.Facebook { background-position:-65px 0px !important;} .tig_BttmSMLinks a.Twitter {background-color:#bababa; background-position:-130px 0px !important;} .tig_BttmSMLinks a:hover.Twitter {background-color:#666 !important; background-position:-130px 0px !important;} .tig_BttmSMLinks a.Linkedin {background-position:-195px 0px !important; border:1px solid #ccc; border-top:none !important; border-left:none !important; border-bottom:none !important;} .tig_BttmSMLinks a:hover.Linkedin { background-position:-195px 0px !important;} } @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;} .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;} /* 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(#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 #0688cd !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(#169fe7), to(#0688cd)) !important; background:url(images/NavArrowOn.png) right center no-repeat , -moz-linear-gradient(#169fe7, #0688cd) !important; background:url(images/NavArrowOn.png) right center no-repeat , linear-gradient(#169fe7, #0688cd) !important; background:url(images/NavArrowOn.png) right center no-repeat , -o-linear-gradient(#169fe7, #0688cd) !important; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#169fe7', EndColorStr='#0688cd')"; } /*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 #169fe7; /*generic*/color:#fff;padding:10px; margin:12px 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 h2.MobileMenuHeader {display:block; text-align:center; margin:10px 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 #707070; 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 #169fe7 !important;} .MobileMenu .MobileMenuContent { display:block; padding:5px 0px;} /**/ .SearchPane { margin:0 auto 5px auto !important; float:none !important; } .LanguagePane { margin:0 auto 5px auto !important; float:none !important; text-align:center; } .LoginPane { min-width:115px !important; margin:10px 20px !important; display:none !important;} .LogoPane , .CopyrightPane ,.LoginPane { text-align:center !important; padding:5px 0 !important;} .LogoPane { min-height:inherit!important; padding:15px 0 !important;} .LogoPane img { width:90% !important;} .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: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;} /*use for TIG*/ .BlackTitleLargeIconContent { margin:0 0 10px 132px !important;} .BlackTitleLargeIconIcon {width:auto !important;} .BlackTitleLargeIconIcon img { width:120px !important; height: auto!important;} .BlackTitleLargeIconIcon-alt {width:auto !important;} .BlackTitleLargeIconIcon-alt img { width:120px !important; height: auto!important; border: solid 1px #000;} .BlackTitleLargeIconTitle-alt{padding-left:10px;} .tig_TopSMLinks { float:none !important; margin:auto !important; padding:0 0 2px 0 !important;} .tig_TopContactPane h4 { text-align:center !important;} .tig_TopRightLinks , .FooterLinks { text-align:center !important; padding:5px !important} .qLink {text-align: center !important;} .BlackTitleDarkBgTitle h2 {text-align: center;} .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; } /*TIG raw content background*/ .contRaw1-bg{ background: url(../../../0/images/imgRowBg1.jpg) no-repeat; margin-top: -45px; margin-left: -12px; padding-top: 45px; padding-left: 12px} .contRaw2-bg{ background: url(../../../0/images/imgRowBg2.jpg) no-repeat; margin-top: -45px; margin-left: 0px; padding-top: 45px; padding-left: 12px} .contRaw3-bg{ background: url(../../../0/images/imgRowBg3.jpg) no-repeat; margin-top: -45px; margin-left: -12px; padding-top: 45px; padding-left: 12px} .contRaw4-bg{ background: url(../../../0/images/imgRowBg2.jpg) no-repeat; margin-top: -45px; margin-left: 0px; padding-top: 45px; padding-left: 12px} } /*======================= my CSS for iPhone device*/ @media only screen and (max-width: 320px) and (min-width: 300px){ .BlackTitleLargeIconContent { margin:0 0 20px 20px !important; float:left; } .BlackTitleLargeIconIcon {width:inherit !important;} .BlackTitleLargeIconIcon img { width:280px !important; height: auto !important;} .BlackTitleLargeIconContent-alt { margin:0 20px 20px 0px !important; float:left;} .BlackTitleLargeIconIcon-alt {width:inherit !important;} .BlackTitleLargeIconIcon-alt img { width:280px !important; height: auto !important;} .BlackTitleLargeIconTitle-alt{padding-left:20px;} /*TIG raw content background*/ .contRaw1-bg{ background: url(../../../0/images/imgRowBg1.jpg) no-repeat; margin-top: -45px; margin-left: -20px; padding-top: 45px; padding-left: 20px} .contRaw2-bg{ background: url(../../../0/images/imgRowBg2.jpg) no-repeat; margin-top: -45px; margin-left: 0px; padding-top: 45px; padding-left: 20px} .contRaw3-bg{ background: url(../../../0/images/imgRowBg3.jpg) no-repeat; margin-top: -45px; margin-left: -20px; padding-top: 45px; padding-left: 20px} .contRaw4-bg{ background: url(../../../0/images/imgRowBg2.jpg) no-repeat; margin-top: -45px; margin-left: 0px; padding-top: 45px; padding-left: 20px} .qLink {text-align: center !important;} .BlackTitleDarkBgTitle h2 {text-align: center;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (max-width: 1023px) and (min-width: 600px), only screen and (max-device-width: 1023px) and (min-device-width: 600px){ .BGTable { padding:0 0px !important;} #Body { background-image: none !important;} .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:5px !important;padding-right:5px !important; font-size:12px !important;} .BlackTitleLargeIconContent { margin:0 0 0 205px !important; padding-bottom: 20px;} .BlackTitleLargeIconIcon {width:190px !important;} .BlackTitleLargeIconIcon img { width:187px !important; height: auto!important; } .BlackTitleLargeIconContent-alt { margin:0 205px 0 0 !important; padding-bottom: 20px;} .BlackTitleLargeIconIcon-alt {width:190px !important;} .BlackTitleLargeIconIcon-alt img { width:187px !important; height: auto!important; } .LogoPane {width:60% !important; margin-top:10px !important;} .LogoPane img { width:90% !important;} .TopRightMain { width:30% !important; margin-bottom: 10px;} .LeftSideBar { background:url(images/LeftSide2.png) 30% top repeat-y !important;} .RightSideBar { background:url(images/RightSide2.png) 70% top repeat-y !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: 725px; } .simple-pricing-table .column.featured { width: 715px; } .simple-pricing-table.col2 .column { width: 365px!important; } .simple-pricing-table.col3 .column { width: 240px!important; } .simple-pricing-table.col4 .column { width: 180px!important; } .simple-pricing-table.col5 .column { width: 145px!important; } .simple-pricing-table.col2.featured .column { width: 345px!important; } .simple-pricing-table.col3.featured .column { width: 230px!important; } .simple-pricing-table.col4.featured .column { width: 170px!important; } .simple-pricing-table.col5.featured .column { width: 140px!important; } .simple-pricing-table.col2 .column.featured { width: 375px!important; } .simple-pricing-table.col3 .column.featured { width: 260px!important; } .simple-pricing-table.col4 .column.featured { width: 190px!important; } .simple-pricing-table.col5 .column.featured { width: 160px!important; } /* ---------------------------------------- */ /* Extended Pricing Table /* ---------------------------------------- */ .extended-pricing-table .column { width: 725px; } .extended-pricing-table.col2 .column { width: 365px!important; } .extended-pricing-table.col3 .column { width: 240px!important; } .extended-pricing-table.col4 .column { width: 180px!important; } .extended-pricing-table.col5 .column { width: 145px!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) { }