/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/************************************************************************************
 mobile layout (240 - 960): common settings for both smartphone and tablet
*************************************************************************************/
@media only screen and (max-width: 960px), (max-device-width: 960px) {
    body {
        font-size: 14px !important;
        -webkit-text-size-adjust: none
        }
    img {
        max-width: 100%;
        height: auto;
        width: auto	;
        /* ie8 */
        }
    #jsn-master #jsn-page {
        min-width: inherit
        }
    #jsn-pos-topbar, #jsn-master #jsn-page, #jsn-header-inner, #jsn-body, #jsn-menu-inner, #jsn-usermodules3-inner, #jsn-footer-inner {
        width: auto !important
        }
    #jsn-header-inner1 {
        background-position: 5% top
        }
    #jsn-header-inner2 {
        background-position: center top
        }
    #jsn-mainbody {
        padding: 10px
        }
    [id*="jsn-content_inner"] {
        left: auto !important;
        right: auto !important
        }
    #jsn-content-bottom {
        margin-top: 0
        }
    div.jsn-modulescontainer {
        padding: 5px 0
        }
    #jsn-header-inner {
        padding: 20px 10px 10px;
        margin-bottom: 0
        }
    #jsn-promo {
        padding: 0 10px
        }
    #jsn-pos-breadcrumbs {
        margin: 0 10px
        }
    div.jsn-modulescontainer div.jsn-modulecontainer_inner {
        margin: 10px
        }
    #jsn-leftsidecontent_inner, #jsn-rightsidecontent_inner, #jsn-pos-innerleft_inner, #jsn-pos-innerright_inner {
        padding: 10px
        }
    div.jsn-horizontallayout div.jsn-modulecontainer {
        margin-top: 20px
        }
    #jsn-content-top div.jsn-horizontallayout div[class*=box-], #jsn-content-top div.jsn-horizontallayout div[class*=solid-], #jsn-content-bottom div.jsn-horizontallayout div[class*=box-], #jsn-content-bottom div.jsn-horizontallayout div[class*=solid-], #jsn-content {
        margin-top: 0
        }
    #jsn-usermodules3 {
        margin-top: 10px
        }
    h3.jsn-moduletitle {
        font-size: 1.2em
        }
    /* =============== MAIN MENU =============== */
    #jsn-menu {
        width: 100%
        }
    #jsn-menu.jsn-mobile-menu-sticky {
        position: fixed;
        top: 0;
        -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5)
        }
    #jsn-menu div.jsn-modulecontainer {
        float: none
        }
    #jsn-pos-mainmenu, body.jsn-direction-rtl #jsn-pos-mainmenu {
        float: none
        }
    body.jsn-color-christmas #jsn-pos-mainmenu {
        border: none;
        border-top: 1px solid #030D19;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08)
        }
    body.jsn-color-christmas #jsn-menu.jsn-menu-sticky #jsn-pos-mainmenu {
        background-color: rgba(7, 28, 55, 0.95)
        }
    ul#jsn-sitetools-menu > li > a {
        background: transparent url(../../images/icons/sitetools-icon.png) center center no-repeat;
        border: none
        }
    ul#jsn-sitetools-inline > li > a {
        background: transparent url(../../images/icons/sitetools-icon.png) center center no-repeat;
        border: none
        }
    body.jsn-color-christmas ul#jsn-sitetools-menu > li > a {
        background-image: url(../../images/colors/christmas/sitetools-toggle-icon.png) !important
        }
    body.jsn-color-christmas ul#jsn-sitetools-inline > li > a {
        background-image: url(../../images/colors/christmas/sitetools-toggle-icon.png) !important
        }
    ul.menu-mainmenu.menu-iconmenu [class*="jsn-icon-"] > a > span {
        background-image: url(../../images/icons/icons-uni-white.png)
        }
    /* ----- MAIN TOGGLE ----- */
    #jsn-pos-mainmenu .jsn-menu-toggle {
        cursor: pointer;
        display: inline-block
        }
    #jsn-pos-mainmenu .jsn-modulecontent > .jsn-menu-toggle {
        color: #E3E5E3;
        padding: 15px 10px;
        line-height: 20px;
        font-size: 1.2em;
        text-transform: uppercase
        }
    #jsn-pos-mainmenu .jsn-menu-toggle.active {
        background-color: #404040;
        color: #fff
        }
    #jsn-pos-mainmenu ul.jsn-menu-mobile {
        position: absolute;
        width: 100%
        }
    #jsn-pos-mainmenu .jsn-menu-toggle + ul {
        display: none
        }
    #jsn-pos-mainmenu .jsn-menu-toggle + ul.jsn-menu-mobile {
        display: block
        }
    #jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner:hover h3.jsn-moduletitle {
        background: none
        }
    #jsn-menu .jsn-modulecontainer.display-dropdown.jsn-dropdown-active .jsn-modulecontainer_inner h3.jsn-moduletitle {
        background: #4A4A4A;
        color: #FFF
        }
    #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span {
        padding: 11px 12px 12px
        }
    #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner .jsn-modulecontent {
        visibility: visible;
        display: none
        }
    #jsn-menu div.display-dropdown.jsn-dropdown-active.jsn-modulecontainer .jsn-modulecontainer_inner .jsn-modulecontent {
        display: block
        }
    body.jsn-direction-rtl #jsn-menu #jsn-pos-mainmenu ul.jsn-menu-mobile {
        right: 0;
        left: auto
        }
    body.jsn-direction-rtl #jsn-menu #jsn-pos-toolbar ul.jsn-menu-mobile {
        left: 0;
        right: auto
        }
    body.jsn-direction-rtl #jsn-menu .jsn-menu-toggle + ul {
        right: 0
        }
    /* ----- LEVEL 1 ----- */
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li {
        float: none;
        width: auto
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li {
        border-top: 1px solid #444;
        border-bottom: 1px solid #111;
        border-right: none;
        border-left: none;
        margin: 0
        }
    body.jsn-color-christmas #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li {
        border-top: none
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > a, #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > a:hover {
        border: none;
        background: #12790C;
        color: #ddd;
        font-size: 1.1em;
        text-decoration: none;
        padding: 10px
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li a {
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6)
        }
    /* ----- ACTIVE STATE COLOR ----- */
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li.active > a {
        color: #FFF
        }
    body.jsn-color-blue #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
        background-color: #2491ca
        }
    body.jsn-color-green #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
        background-color: #a8b729
        }
    body.jsn-color-red #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
        background-color: #075401
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li.active > a span.jsn-menudescription {
        color: #EEE
        }
    /* ----- LEVEL 2 ----- */
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile ul {
        width: auto;
        position: static !important;
        background: #E51A26;
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        margin: 0;
        padding: 0;
        box-shadow: none;
        border: none
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > .jsn-menu-mobile {
        padding: 5px 15px
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul li {
        border: none;
        background: none
        }
    #jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a {
        border: none;
        background: none;
        color: #ccc;
        padding: 8px 0 8px 20px;
        background: url(../../images/icons/icons-base.png) left -332px no-repeat;
        box-shadow: none !important
        }
    #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a {
        text-align: left
        }
    body.jsn-direction-rtl #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a {
        text-align: right
        }
    body.jsn-direction-rtl #jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a, body.jsn-direction-rtl #jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a {
        padding-left: 0;
        padding-right: 20px;
        background-position: right -336px
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle {
        top: 0;
        padding: 0;
        margin: 0;
        width: 32px;
        height: 32px;
        cursor: pointer;
        position: absolute;
        background: rgba(0, 0, 0, 0.3) url(../../images/icons/icon-toggle-expand.png) center center no-repeat;
        right: 0
        }
    body.jsn-direction-rtl #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle {
        left: 0;
        right: auto
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle.active {
        background-image: url(../../images/icons/icon-toggle-collapse.png)
        }
    /* ----- LEVEL 3 ----- */
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul ul li {
        margin-left: 20px;
        margin-right: 10px
        }
    body.jsn-direction-rtl #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul ul li {
        margin-left: 10px;
        margin-right: 20px
        }
    /* MOBILE TOOLS */
    #jsn-desktopswitch {
        margin-top: 1px
        }
    /* =============== MOBILE SIDE MENU =============== */
    body div.jsn-modulecontainer ul.menu-sidemenu ul {
        display: none
        }
    body div.jsn-modulecontainer ul.menu-sidemenu li.parent > a {
        padding-right: 8px;
        background-image: none
        }
    /* ===============  SITETOOLS =============== */
    #jsn-sitetoolspanel {
        margin: 0;
        position: absolute;
        top: 0
        }
    ul#jsn-sitetools-inline {
        background-image: none
        }
    ul#jsn-sitetools-menu ul li.jsn-selector-size, ul#jsn-sitetools-inline ul li.jsn-selector-size {
        display: none
        }
    ul#jsn-sitetools-inline li.active ul, ul#jsn-sitetools-menu li.active ul {
        height: 50px !important
        }
    ul#jsn-sitetools-inline li ul {
        top: 0;
        right: 0;
        min-width: 72px
        }
    ul#jsn-sitetools-inline ul li {
        margin: 0
        }
    ul#jsn-sitetools-inline li {
        transition: background 0.3s ease-out;
        -moz-transition: background 0.3s ease-out;
        -webkit-transition: background 0.3s ease-out
        }
    body.jsn-color-christmas ul#jsn-sitetools-inline {
        border: none;
        background: none
        }
    body.jsn-color-christmas ul#jsn-sitetools-inline ul {
        background-color: #0b2643;
        border: 1px solid #16395e
        }
    /*--------INLINE ROW ---------*/
    ul#jsn-sitetools-inline, ul#jsn-sitetools-inline ul {
        list-style: none;
        padding: 0;
        margin: 0
        }
    ul#jsn-sitetools-inline li {
        padding: 0;
        margin: 0;
        position: relative
        }
    ul#jsn-sitetools-inline li a {
        margin: 0;
        padding: 0;
        width: 50px;
        height: 50px;
        display: block
        }
    ul#jsn-sitetools-inline li.jsn-sitetool-control ul {
        right: 0;
        top: 50px;
        width: 0;
        height: 0;
        overflow: hidden
        }
    ul#jsn-sitetools-inline li.jsn-sitetool-control.active ul {
        width: 78px;
        height: 55px
        }
    ul#jsn-sitetools-inline li ul {
        width: 78px;
        position: absolute
        }
    ul#jsn-sitetools-inline.sitetool-desktop-on-mobile li ul {
        display: none
        }
    ul#jsn-sitetools-inline.sitetool-desktop-on-mobile li:hover ul {
        display: block
        }
    ul#jsn-sitetools-inline ul li {
        padding: 3px 6px;
        background: none
        }
    ul#jsn-sitetools-inline ul li a {
        float: left;
        width: 22px;
        height: 22px;
        display: inline-block;
        clear: none
        }
    /*-------END INLINE ROW---------*/
    /* -----  RTL Layout ----- */
    body.jsn-direction-rtl #jsn-sitetoolspanel {
        left: 0;
        right: auto
        }
    body.jsn-direction-rtl ul#jsn-sitetools-menu > li {
        position: inherit
        }
    body.jsn-direction-rtl ul#jsn-sitetools-menu li ul, body.jsn-direction-rtl ul#jsn-sitetools-inline li ul {
        left: 2px;
        margin-left: 0;
        right: auto
        }
    /* ===============  OTHER POSITIONS =============== */
    div[id*="jsn-pos-stick-left"], div[id*="jsn-pos-stick-right"] {
        display: none;
        height: 0
        }
    #jsn-pos-promo {
        margin: 0;
        width: 100%
        }
    #jsn-pos-promo-left, #jsn-pos-promo-right, #jsn-content #jsn-maincontent, #jsn-content #jsn-maincontent #jsn-centercol, #jsn-content #jsn-leftsidecontent, #jsn-content #jsn-rightsidecontent, #jsn-content #jsn-pos-innerleft, #jsn-content #jsn-pos-innerright {
        width: 100%;
        margin: 0
        }
    #jsn-content #jsn-maincontent_inner, #jsn-promo #jsn-pos-promo div.jsn-modulecontainer {
        margin: 0 !important
        }
    #jsn-promo {
        padding: 0 !important
        }
    #jsn-promo #jsn-pos-promo div.jsn-modulecontainer {
        margin: 0 10px !important
        }
    div.jsn-modulescontainer4.jsn-horizontallayout div.jsn-modulecontainer {
        width: 49.9%
        }
    div.jsn-hasinnerleft #jsn-content_inner4, div.jsn-hasinnerright #jsn-content_inner4 {
        border: none
        }
    div#jsn-pos-breadcrumbs.display-mobile, div.jsn-modulecontainer.display-mobile {
        display: block
        }
    div#jsn-pos-breadcrumbs.display-desktop, div.jsn-modulecontainer.display-desktop {
        display: none
        }
    /* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */
    /* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */
    /* ----- STANDARD CONTACT LAYOUT - CONTACT FORM INPUT BOXES ----- */
    .jsn-mailling-form {
        text-align: center
        }
    .jsn-mailling-form p {
        text-align: left
        }
    .jsn-mailling-form #contact_name, .jsn-mailling-form #contact_email, .jsn-mailling-form #contact_subject, .jsn-mailling-form #contact_text {
        width: 100%;
        padding: 3px 0
        }
    /* =============== JOOMLA! EXTENSIONS - COM_SEARCH =============== */
    div.com-search #searchForm .search-phrase {
        margin-left: 0
        }
    div.com-search #searchForm .search-keyword label, div.com-search #searchForm .search-ordering label, div.com-search #searchForm .search-field-title {
        float: none;
        display: inline;
        text-align: left;
        padding-bottom: 3px
        }
    div.com-search #searchForm .search-keyword-result .search-field-title {
        display: inline
        }
    div.com-search #searchForm .search-range label, div.com-search #searchForm .search-range .search-field-title {
        float: left
        }
    body.jsn-direction-rtl div.com-search #searchForm .search-range label, body.jsn-direction-rtl div.com-search #searchForm .search-range .search-field-title {
        float: right
        }
    #jsn-pos-mainmenu.jsn-hasMegamenu .jsn-modulecontainer {
        display: block
        }
    #jsn-pos-mainmenu.jsn-hasMegamenu .jsn-modulecontainer.jsn-megamenu {
        display: none
        }
    /* =============== MOBILE SLIDE MENU =============== */
    #jsn-menu .close-menu {
        color: #fff;
        margin: 10px 3px;
        cursor: pointer
        }
    #jsn-menu ul.menu-mainmenu[class*="jsn-menu-mobile-"] {
        width: 280px;
        height: 100%;
        top: 0;
        z-index: 9999999;
        padding: 0;
        background: #404040;
        position: fixed;
        overflow-y: scroll
        }
    #jsn-menu ul.menu-mainmenu[class*="jsn-menu-mobile-"] .jsn-menu-mobile-control {
        display: block !important;
        border: none !important;
        background: transparent !important;
        text-align: center;
        position: initial;
        padding: 20px 10px
        }
    #jsn-menu ul.menu-mainmenu[class*="jsn-menu-mobile-"] .jsn-menu-mobile-control i[class*="fa-"] {
        float: right;
        font-size: 17px;
        border: 2px solid #fff;
        border-radius: 50%;
        padding: 2px;
        width: 16px;
        vertical-align: middle;
        color: #fff
        }
    #jsn-menu ul.menu-mainmenu[class*="jsn-menu-mobile-right"] .jsn-menu-mobile-control i[class*="fa-"] {
        float: left
        }
    #jsn-menu ul.menu-mainmenu.jsn-menu-mobile-left {
        left: -280px
        }
    #jsn-menu ul.menu-mainmenu.jsn-menu-mobile-right {
        right: -280px
        }
    #jsn-menu span.active + ul.jsn-menu-mobile-left {
        left: 0
        }
    #jsn-menu span.active + ul.jsn-menu-mobile-right {
        right: 0;
        left: auto !important
        }
    body {
        overflow-x: hidden
        }
    body.jsn-menu-mobile-push-left {
        position: relative;
        left: 280px
        }
    body.jsn-menu-mobile-push-right {
        position: relative;
        right: 280px
        }
    #jsn-menu ul.menu-mainmenu[class*="jsn-menu-mobile-"] {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
        }
    #jsn-content-top {
        overflow-x: hidden
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile-slide > li > a {
        padding: 10px 15px;
        font-size: 1em
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile-slide li span.jsn-menu-toggle {
        background-color: transparent
        }
    div.jsn-modulecontainer ul.menu-mainmenu[class*="jsn-menu-mobile-"] li.jsn-submenu-flipback a {
        text-align: left
        }
    ul:not(.jsn-menu-mobile-slide) .jsn-menu-mobile-control {
        display: none
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.fa {
        display: block;
        position: relative
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.fa a span {
        padding-left: 24px
        }
    #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li.fa:before {
        left: 10px;
        margin-top: 12px;
        position: absolute
        }
    div#jsn-page {
        overflow: visible
        }
    }
/************************************************************************************
smartphone layout (320 - 480): everything is layout in single column
*************************************************************************************/
@media only screen and (max-width: 480px), (max-device-width: 480px) {
    #jsn-logo #jsn-logo-mobile {
        display: block
        }
    #jsn-logo #jsn-logo-mobile + #jsn-logo-desktop {
        display: none
        }
    body.jsn-color-christmas #jsn-header-inner1 {
        background: url(../../images/colors/christmas/aurora-mobile.jpg) center top no-repeat
        }
    #jsn-logo {
        float: none;
        text-align: center
        }
    #jsn-headerright {
        float: none;
        padding: 0 10px;
        text-align: center
        }
    #jsn-headerright #jsn-pos-top {
        float: none
        }
    #jsn-headerright #jsn-pos-top div.jsn-modulecontainer {
        float: none;
        margin: 20px 0
        }
    div#jsn-pos-breadcrumbs.display-tablet, div.jsn-modulecontainer.display-tablet {
        display: none
        }
    div#jsn-pos-breadcrumbs.display-smartphone, div.jsn-modulecontainer.display-smartphone {
        display: block
        }
    div.jsn-horizontallayout div.jsn-modulecontainer:first-child {
        margin-top: 0
        }
    div.jsn-modulescontainer div.jsn-modulecontainer {
        padding: 1px 0
        }
    div.jsn-modulescontainer div[class*="box-"], div.jsn-modulescontainer div[class*="solid-"], div.jsn-modulescontainer2 div.jsn-modulecontainer {
        width: 100%
        }
    div#jsn-content.jsn-hasright #jsn-content_inner2 {
        background: none
        }
    div#jsn-content.jsn-hasleft #jsn-content_inner {
        background: none
        }
    div.jsn-modulescontainer2 div.jsn-modulecontainer, div.jsn-modulescontainer3 div.jsn-modulecontainer, div.jsn-modulescontainer4 div.jsn-modulecontainer, div.jsn-modulescontainer5 div.jsn-modulecontainer, div.jsn-modulescontainer6 div.jsn-modulecontainer, #jsn-pos-user1, #jsn-pos-user2, #jsn-pos-user3, #jsn-pos-user4, #jsn-pos-user5, #jsn-pos-user6, #jsn-pos-user7, #jsn-pos-footer, #jsn-pos-bottom {
        float: none !important;
        width: 100% !important
        }
    #jsn-pos-bottom {
        text-align: left
        }
    div[class*="grid-layout"] div.grid-col {
        width: 100%
        }
    div.grid-layout div.grid-col div.grid-col_inner {
        margin-right: 0
        }
    body.jsn-direction-rtl div.grid-layout div.grid-col div.grid-col_inner {
        margin-left: 0
        }
    #jsn-footer-inner1 {
        background-position: -450px bottom
        }
    /* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */
    /* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */
    /* ----- ARTICLE DETAILS ----- */
    p, pre, blockquote, form, dl, ul, ol, fieldset, address, table {
        word-wrap: break-word
        }
    /* ----- SECTION / CATEGORY BLOG LAYOUT ----- */
    /* ARTICLE COLUMN CONTAINER */
    .jsn-articlecols {
        float: none;
        width: 100% !important
        }
    .jsn-articlecols .jsn-article {
        padding: 0
        }
    /* =============== JOOMLA! EXTENSIONS - COM_NEWSFEED =============== */
    .com-newsfeed table.jsn-infotable td.jsn-table-column-links, .com-newsfeed legend.hidelabeltxt {
        display: none
        }
    .com-newsfeed div.display-limit {
        float: right
        }
    .com-newsfeed table.category {
        width: 100%;
        border: none;
        border-collapse: collapse
        }
    .com-newsfeed table.category thead th {
        padding: 10px
        }
    .com-newsfeed table.category thead .item-title {
        text-align: left
        }
    .com-newsfeed table.category thead {
        background-color: #999;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5)
        }
    .com-newsfeed table.category thead th a {
        color: #FFF
        }
    .com-newsfeed table.category .item-num-art {
        text-align: center
        }
    .com-newsfeed table.category .item-link {
        display: none
        }
    .com-newsfeed table.category tbody td {
        padding: 10px 5px;
        border-bottom: 1px solid #CCC
        }
    .jsn-joomla-30 .com-newsfeed ul.category li {
        float: left;
        width: 100%
        }
    .jsn-joomla-30 .com-newsfeed div.display-limit {
        float: none
        }
    /* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */
    .com-contact table.jsn-infotable td.jsn-table-column-country, .com-contact table.jsn-infotable td.jsn-table-column-state, .com-contact table.jsn-infotable td.jsn-table-column-suburb, .com-contact table.jsn-infotable td.jsn-table-column-position {
        display: none
        }
    /* =============== JOOMLA! EXTENSIONS - COM_USER =============== */
    /* ----- USER FORM LAYOUT ----- */
    div.com-user div.default-login {
        width: 90%
        }
    div.com-user div.default-login .login-fields input {
        display: block;
        width: 95%
        }
    }
/************************************************************************************
 tablet wide layout (481 - 960): arrange modules in 3 columns and 1 side bar
*************************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 960px), (min-device-width: 481px) and (max-device-width: 960px) {
    #jsn-promo.jsn-haspromoleft.jsn-haspromoright #jsn-pos-promo-left, #jsn-promo.jsn-haspromoleft.jsn-haspromoright #jsn-pos-promo-right, #jsn-content.jsn-hasleft.jsn-hasright #jsn-leftsidecontent, #jsn-content.jsn-hasleft.jsn-hasright #jsn-rightsidecontent, #jsn-content.jsn-hasinnerright #jsn-pos-innerleft, #jsn-content.jsn-hasinnerleft #jsn-pos-innerright {
        width: 49.95%;
        float: left
        }
    div#jsn-pos-breadcrumbs.display-smartphone, div.jsn-modulecontainer.display-smartphone {
        display: none
        }
    div#jsn-pos-breadcrumbs.display-tablet, div.jsn-modulecontainer.display-tablet {
        display: block
        }
    div.grid-layout4 div.grid-col, div.grid-layout5 div.grid-col, div.grid-layout6 div.grid-col {
        width: 33.3%
        }
    div.jsn-modulescontainer3 #jsn-pos-user5 div.jsn-modulecontainer, div.jsn-modulescontainer3 #jsn-pos-user6 div.jsn-modulecontainer, div.jsn-modulescontainer3 #jsn-pos-user7 div.jsn-modulecontainer {
        width: 100%
        }
    #jsn-pos-content-top .span2, #jsn-pos-content-top .span3, #jsn-pos-content-top .span4, #jsn-pos-content-bottom .span2, #jsn-pos-content-bottom .span3, #jsn-pos-content-bottom .span4, #jsn-pos-user-top .span2, #jsn-pos-user-top .span3, #jsn-pos-user-top .span4, #jsn-pos-user-bottom .span2, #jsn-pos-user-bottom .span3, #jsn-pos-user-bottom .span4, #jsn-usermodules3 .span2, #jsn-usermodules3 .span3, #jsn-usermodules3 .span4, #jsn-pos-mainbody-top .span2, #jsn-pos-mainbody-top .span3, #jsn-pos-mainbody-top .span4, #jsn-pos-mainbody-bottom .span2, #jsn-pos-mainbody-bottom .span3, #jsn-pos-mainbody-bottom .span4 {
        width: 31.491713%;
        float: left
        }
    #jsn-pos-content-top .span2:nth-child(4), #jsn-pos-content-top .span3:nth-child(4), #jsn-pos-content-bottom .span2:nth-child(4), #jsn-pos-content-bottom .span3:nth-child(4), #jsn-pos-user-top .span2:nth-child(4), #jsn-pos-user-top .span3:nth-child(4), #jsn-pos-user-bototm .span2:nth-child(4), #jsn-pos-user-bottom .span3:nth-child(4), #jsn-usermodules3 .span2:nth-child(4), #jsn-usermodules3 .span3:nth-child(4), #jsn-pos-mainbody-top .span2:nth-child(4), #jsn-pos-mainbody-top .span3:nth-child(4), #jsn-pos-mainbody-bottom .span2:nth-child(4), #jsn-pos-mainbody-bottom .span3:nth-child(4) {
        margin-left: 0
        }
    p.text-tip img {
        display: none
        }
    }
/************************************************************************************
 tablet narrow layout (481 - 767): arrange modules in 2 columns and 1 side bar
*************************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 768px), (min-device-width: 481px) and (max-device-width: 768px) and (orientation: portrait) {
    #jsn-pos-content-top [class*="span"], #jsn-pos-content-bottom [class*="span"], #jsn-pos-user-top [class*="span"], #jsn-pos-user-bottom [class*="span"], #jsn-pos-mainbody-top [class*="span"], #jsn-pos-mainbody-bottom [class*="span"], #jsn-usermodules1 [class*="span"], #jsn-usermodules2 [class*="span"], #jsn-usermodules3 [class*="span"], #jsn-footermodules [class*="span"] {
        width: 48.93617%;
        margin-left: 0;
        float: left
        }
    .jsn-horizontallayout .span12, #jsn-usermodules1 .span12, #jsn-usermodules2 .span12, #jsn-usermodules3 .span12 {
        width: 100% !important
        }
    #jsn-pos-content-top [class*="span"]:nth-child(2), #jsn-pos-content-top [class*="span"]:nth-child(4), #jsn-pos-content-top [class*="span"]:nth-child(6), #jsn-pos-content-bottom [class*="span"]:nth-child(2), #jsn-pos-content-bottom [class*="span"]:nth-child(4), #jsn-pos-content-bottom [class*="span"]:nth-child(6), #jsn-pos-user-top [class*="span"]:nth-child(2), #jsn-pos-user-top [class*="span"]:nth-child(4), #jsn-pos-user-top [class*="span"]:nth-child(6), #jsn-pos-user-bottom [class*="span"]:nth-child(2), #jsn-pos-user-bottom [class*="span"]:nth-child(4), #jsn-pos-user-bottom [class*="span"]:nth-child(6), #jsn-pos-mainbody-top [class*="span"]:nth-child(2), #jsn-pos-mainbody-top [class*="span"]:nth-child(4), #jsn-pos-mainbody-top [class*="span"]:nth-child(6), #jsn-pos-mainbody-bottom [class*="span"]:nth-child(2), #jsn-pos-mainbody-bottom [class*="span"]:nth-child(4), #jsn-pos-mainbody-bottom [class*="span"]:nth-child(6), #jsn-usermodules1 [class*="span"]:nth-child(2), #jsn-usermodules2 [class*="span"]:nth-child(2), #jsn-usermodules3 [class*="span"]:nth-child(2), #jsn-footermodules [class*="span"]:nth-child(2) {
        margin-left: 2.12766%
        }
    #jsn-usermodules3.jsn-modulescontainer3 .span4:last-child {
        margin-top: 20px
        }
    }