body {-webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/}
body.fs1 #ja-wrapper {font-size: 11px !important;}
body.fs2 #ja-wrapper {font-size: 12px !important;}
body.fs3 #ja-wrapper {font-size: 13px !important;}
body.fs4 #ja-wrapper {font-size: 14px !important;}
body.fs5 #ja-wrapper {font-size: 15px !important;}
body.fs6 #ja-wrapper {font-size: 16px !important;}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.main {max-width:478px!important; overflow:hidden!important}
.column, #ja-right {float: none!important; width:100%!important;}
#ja-header{padding-bottom:20px!important;}
#ja-slider .main{background:none!important; padding-bottom:20px!important;}
#ja-right .ja-moduletable {width:95%!important; margin-left:0!important;}
#ja-current-content, #ja-main, .main #ja-mainbody{float:none!important; width:100%!important; /* Frontpage Content */}
#ja-right .search .inputbox, #ja-left .search .inputbox {width:83%!important;/*change this value if you change the sidebar width -> xml files on layouts folder*/}
#ja-wrapper #ja-botsl .column{width:100%!important}
#ja-footer .ja-copyright{margin:0 auto!important;}
#ja-footer .ja-footnav {margin:0 auto!important; clear:both; float:none!important; padding-top:15px;}
#ja-footer .ja-footnav ul li.item-435 {padding-left:0!important}

/* K2 */
.itemImage img, span.catItemImage img, .tagItemImage img, .userItemImage img{max-width:100%!important; width:100%!important;}
span.itemImage, span.catItemImage, span.userItemImage, span.tagItemImage{margin:0 0 10px 0!important;}
span.itemImage img, span.catItemImage img, span.userItemImage img, span.tagItemImage img{border:0!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important;}
div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox {width:96%!important;}
div.itemCommentsForm form input#submitCommentButton{margin:15px 0 5px 0!important; float:left!important;}
div.itemSocialSharing {display:none;}


/* MODULES
--------------------------------------------------------- */

/* Captify content Module */
.ccItem{max-width:auto!important; width:auto!important; height:auto!important; margin-right:5px!important; margin-left:5px!Important; margin-bottom:10px!important;}
.column4 .ccItem img.captify, .column3 .ccItem img.captify, .column2 .ccItem img.captify{width:225px!important; height:auto!important;}
.column3 .ccClear{clear:none!important;}
.viewport a span{font-size:12px!important}
.ja-moduletable .viewport p{padding-left:15px; padding-right:15px;}

/* Slider Module */
.gkIsImage, .gkIsSlide{width:478px!important; height:201px!important;}
.gkIsWrapper-gk_musicity .gkIsText{font-size:15px!important;}
.gkIsWrapper-gk_musicity .gkIsTextInterface{margin:0 0 0 8px!Important;}
.gkIsWrapper-gk_musicity .gkIsTextInterface span{width:8px!important; height:8px!important; margin:6px 0 0 2px!important;}
.gkIsWrapper-gk_musicity .gkIsText{padding-right:8px!important; padding-left:8px!important;}

/* nsp Module*/
#ja-recent-blog img.nspImage{display:none;}
#ja-recent-blog .nspArt{padding-bottom:10px!important;}
#ja-recent-blog p.nspInfo{width:55px!important; height:47px!important; padding-top:15px!important}

/* Hiden in Mobile ---*/
.hide-in-normal,
.hide-in-tablet,
.hide-in-mobile {
  display: none;
}

/* MAIN NAVIGATION 
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {clear: both; display: block; float: left; margin: 25px auto 0 auto; padding: 13px 0 0 0; text-align: left; width: 100%; background:#e3e3e3;}

/* Mega Menu Layout ---*/
.rjd-active .ja-megamenu {display: block !important; /* Show menu when active */}
.ja-megamenu {clear: both; display: none !important; height: auto; border-bottom: 1px solid #333; float:none!important;}
.ja-megamenu ul.level0 li.mega {height: auto !important; margin: 0 !important; padding: 0 !important;  width: 100% !important;}
.ja-megamenu ul.level0 li.mega a.mega {height: auto !important; margin: 0 !important; padding: 1em !important;}
.ja-megamenu ul.level0 li.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild span.menu-title {font-size: 1em !important; margin: 0 !important; padding: 0 !important; text-transform: none !important;}
.ja-megamenu ul.level1 li.mega span.menu-title {margin-top: 0 !important;}
.ja-megamenu ul.level1 li.mega {height: auto !important;}
.ja-megamenu ul.level1 li.mega a.mega {height: auto !important;}
.ja-megamenu ul.level0 li.mega span.menu-desc {display: none;}

#ja-megamenu .childcontent {display: none !important;}
#ja-megamenu li.rjd-active {background: #222;}
#ja-megamenu li.rjd-active .childcontent {display: block !important; left: 0 !important; margin: 0 !important; position: absolute; top: 40px !important; width: 100% !important;}
#ja-megamenu ul.level0 li.rjd-active .childcontent-inner-wrap,
#ja-megamenu ul.level0 li.rjd-active .childcontent-inner {margin: 0 !important; width: 100% !important;}
#ja-megamenu ul.level0 {position: relative;}

/*Hide lv 2 Content */
#ja-megamenu ul.level1 li.rjd-active .childcontent, #ja-megamenu ul.level1 .childcontent { display: none !important;}

/* Mega Menu Stylings --- */
.ja-megamenu {background: #222 !important;}
.ja-megamenu ul.level0 li.mega {border-top: 1px solid #444;}

/* Menu Button --- */
/* to use this value to detect responsive
 * > 3: mean responsive
 * 4: is mobile device, which the menu show only first level
 */
#ja-menu-button {display: block; float: left; font-size: 1em; font-weight: bold; padding: 1em; text-transform: uppercase; z-index: 4; margin:-15px 0 0 0!important;}
#ja-menu-button:hover, .rjd-active #ja-menu-button {background: #222;  cursor: pointer;}

/* Header */
#ja-header .intro-message { display: none; }

/* Action Buttons */
.action .action > div { float:left; width: 100%; }

#ja-portfolio .action h3 a, #ja-container .action h3 a {
    padding: 10px 10px 10px 44px;
    width: 87.5%;
}
#ja-content-main .pins td {
	width: 23%;
}