/******************************************
***          YT Framework: CSS          ***
*******************************************/
/****** Override *****/
a,a:focus,button,button:focus,.btn,.btn:focus{outline:none;}

.row-fluid .first-child{margin-left: 0;}
.row-fluid .span12{margin-left: 0;min-height: 0;}
.row-fluid .hidden{display: none;}
#content_main .row-fluid [class*="span"]:first-child{min-height: 0;}

@media (min-width: 1200px) {
	.row {margin-left: -30px;}
	.row-fluid .first-child{margin-left: 0;}
	[class*="span"] {float: left;margin-left: 30px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing: border-box;}
	
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {width: 1170px;}
	
	.span12 {width: 1170px;}
	.span11 {width: 1070px;}
	.span10 {width: 970px;}
	.span9 {width: 870px;}
	.span8 {width: 770px;}
	.span7 {width: 670px;}
	.span6 {width: 570px;}
	.span5 {width: 470px;}
	.span4 {width: 370px;}
	.span3 {width: 270px;}
	.span2 {width: 170px;}
	.span1 {width: 70px;}
	
	.offset12 { margin-left: 1230px;}
	.offset11 {margin-left: 1130px;}
	.offset10 {margin-left: 1030px;}
	.offset9 {margin-left: 930px;}
	.offset8 {margin-left: 830px;}
	.offset7 {margin-left: 730px;}
	.offset6 {margin-left: 630px;}
	.offset5 {margin-left: 530px;}
	.offset4 {margin-left: 430px;}
	.offset3 {margin-left: 330px;}
	.offset2 {margin-left: 230px;}
	.offset1 {margin-left: 130px;}
  
	/*---- Custum Define ---*/
	.row-fluid .span2d4 {width: 17.94871794871793%;  /* 2.4*8.54700854700854-2.564102564102564 */}
	.row-fluid .span4d8 {width: 38.46153846153843%;  /* 4.8*8.54700854700854-2.564102564102564 */}
	.row-fluid .span7d2 {width: 58.97435897435892%;  /* 7.2*8.54700854700854-2.564102564102564 */}
	
}

@media (max-width: 1199px){
	div.itemCommentsForm form label.formName,
	.rtl div.itemCommentsForm form label.formName,
	div.itemCommentsForm form label.formEmail,
	.rtl div.itemCommentsForm form label.formEmail,
	div.itemCommentsForm form label.formUrl,
	.rtl div.itemCommentsForm form label.formUrl,
	div.itemCommentsForm form label.formComment,
	.rtl div.itemCommentsForm form label.formComment
	{
		display: block;
		margin: 12px 0 0;
	}
	div.itemCommentsForm form textarea.inputbox, div.itemCommentsForm form textarea.inputbox:focus {
		margin: 0;
	}
	div.itemCommentsForm form input.inputbox,
	div.itemCommentsForm form input.inputbox:focus,
	div.itemCommentsForm form textarea.inputbox,
	div.itemCommentsForm form textarea.inputbox:focus {
		width: 490px;
	}
}

/* Normal(>980) && Tablet landscape (1024x768) */
@media (min-width: 980px) and (max-width: 1199px){
	.span2d4{width:172px;}
	.span4d8{width:364px;}
	.span7d2{width:556px;}
	.span9d6{width:728px;}
	.offset2d4{margin-left:232px;}
	.offset-7d2{margin-left:-728px;}
	.offset-9 {margin-left: -700px;}
	.offset-12 {margin-left: -940px;}
	.row-fluid .span2d4 {width: 17.94871794871793%;  /* 2.4*8.54700854700854-2.564102564102564 */}
	.row-fluid .span4d8 {width: 38.46153846153843%;  /* 4.8*8.54700854700854-2.564102564102564 */}
	.row-fluid .span7d2 {width: 58.97435897435892%;  /* 7.2*8.54700854700854-2.564102564102564 */}
	
	
	/*--------------- Header ---------------*/
	
	
	
	/*--------------- Menu ---------------*/
	ul.navi li.level1 > .item-link {
		padding: 14px;
	}
	.level2.mega-content > .mega-content-inner{
		max-width: 890px;
	}
	.level2.mega-content > .mega-content-inner > .mega-col.first.more{
		max-width: 490px;
	}
	.level2.mega-content > .mega-content-inner > .mega-col.last.more{
		max-width: 400px;
	}
	.mod-service1 li{
		font-size: 12px;
	}
	.mod-service1 img{
		max-width: 195px;
	}
	.mod-service2 .sj-basic-news .bs-items .bs-item, .mod-service2 .sj-basic-news .bs-items .bs-item.last {
		margin: 25px 0 0 5%;
		width: 45%;
	}
	.mod-service2 .sj-basic-news .bs-items .bs-item .bs-image {
		margin: 4px 10px 0 0;
	}
	.rtl .mod-service2 .sj-basic-news .bs-items .bs-item .bs-image {
		margin: 4px 0 0 10px;
	}
	.mod-service2 .sj-basic-news .bs-items a{
		font-size: 12px;
	}
	.mod-service2 .sj-basic-news {
		margin: -20px 0 0 -5%;
	}
	#droplinenavigator.navi li.level1.havechild:hover:after{
		top: 49px;
	}
	#droplinenavigator.navi li.level1.havechild:hover:after {
		margin-left: 25px;
		top: 49px;
	}
	#droplinenavigator.navi li.level1.havechild:nth-child(7n+2):hover:after {
		margin-left: 64px;
	}
	#droplinenavigator.navi li.level1.havechild:nth-child(7n+3):hover:after {
		margin-left: 95px;
	}
	#droplinenavigator.navi li.level1.havechild:nth-child(7n+4):hover:after {
		margin-left: 25px;
	}
	/*RTL*/
	#droplinenavigator.navi.navirtl li.level1.havechild:hover:after {
		margin-right: 22px;
		top: 49px;
	}
	#droplinenavigator.navi.navirtl li.level1.havechild:nth-child(7n+2):hover:after {
		margin-right: 63px;
	}
	#droplinenavigator.navi.navirtl li.level1.havechild:nth-child(7n+3):hover:after {
		margin-right: 90px;
	}
	#droplinenavigator.navi.navirtl li.level1.havechild:nth-child(7n+4):hover:after {
		margin-right: 22px;
	}
	
	/*Component*/
	.filter-search select{
		width: 28%;
	}
	#map {
		margin: 0;
		width: 415px;
	}
	.layout-lmr #map,
	.layout-lrm #map,
	.layout-mlr #map{
		margin: 0 auto;
		float: none;
	}
	.layout-lmr .wrap-map-inner,
	.layout-lrm .wrap-map-inner,
	.layout-mlr .wrap-map-inner{
		background: none;
	}
	/*Contact*/
	.panel-form, .contact-miscinfo{
		width: 100%;
	}
	/*Tags*/
	.filters select#limit{
		width: 70px;
	}
	
	
	/*----- Module -----*/
	.newsletter div.modcontent {
		background-position: 10px 25px;
		padding: 20px 20px 20px 100px;
	}
	.newsletter input, .newsletter input:focus{
		width: 140px;
	}
	/*SJ Listing*/
	.sj-responsive-listing .respl-wrap .respl-items .respl-item .item-title a{
		padding: 10px 10px 30px;
		font-size: 12px;
	}
	.sj-responsive-listing .respl-wrap .respl-items .respl-item .item-title a:after {
		bottom: 8px;
	}
	/*Login*/
	.mod-login div.modcontent{
		padding: 20px 10px;
	}
	.mod-login input[type="text"], .mod-login input[type="password"] {
		width: 100px;
	}
	.mod-login input[type="submit"] {
		width: 100%;
	}
	/*Statistic*/
	.statistics h3.modtitle {
		font-size: 17px;
	}
	.stats-module.statistics {
		font-size: 11px;
	}
	/*Basic News & Download*/
	.basic-news h3.modtitle,
	.download h3.modtitle
	{
		font-size: 26px;
	}
	/*Footer Menu*/
	ul.footer-menu li a, ul.footer-menu li span {
		padding: 10px 25px;
	}
}


/* Tablet portrait (768x1024) && Small tablet landscape (800x600) */
@media (min-width: 768px) and (max-width: 979px) {
	
	
	/* ---- SJ tools   -------- */
	#cpanel_btn{display: none;}
	#cpanel_wrapper{display: none;}
	
	/* -------- Header   -------- */
	.head-menu a {
		font-size: 11px;
		padding: 3px 3px;
	}
	ul.language-menu {
		font-size: 12px;
		margin: 4px 0 0 20px;
	}
	.language-menu li {
		margin: 0 8px;
	}
	#mod-finder-searchform input.search-query {
		width: 103px;
	}
	
	
	
	/* -------- SJ Menu   -------- */
	#yt_menuwrap:after{
		height: 5px;
	}
	ul.navi li.level1 > .item-link {
		padding: 12px;
	}
	ul.navi li.level1 > .item-link .menu-title {
		font-size: 19px;
	}
	/*ul.navi div.mega-col.more {
		padding: 20px 10px;
	}*/
	
	/*ul.navi li.level1 > .item-link {*/
	/*	padding: 20px;*/
	/*}*/
	ul.navi div.mega-module {
		margin: 20px 15px;
	}
	.level2.mega-content > .mega-content-inner{
		max-width: 730px;
	}
	.level2.mega-content > .mega-content-inner > .mega-col.first.more{
		max-width: 390px;
	}
	.level2.mega-content > .mega-content-inner > .mega-col.last.more{
		max-width: 340px;
	}
	.mod-service1 li{
		font-size: 12px;
	}
	.mod-service1 img{
		max-width: 150px;
	}
	.mod-service1 .content p{
		display: none;
	}
	.mod-service2 .sj-basic-news {
		margin: -20px 0 0 -5%;
	}
	.mod-service2 .sj-basic-news .bs-items .bs-item {
		width: 45%;
	}
	.mod-service2 .sj-basic-news .bs-items .bs-item,
	.mod-service2 .sj-basic-news .bs-items .bs-item.last {
		margin: 10px 0 0 5%;
	}
	.mod-service2 .sj-basic-news .bs-items a{
		font-size: 12px;
		line-height: 18px;
	}
	ul.navi li.level1{
		line-height: 14px;
	}
	.mod-service2 .sj-basic-news .bs-items .bs-item .bs-image{
		margin: 4px 10px 10px 0;
	}
	.rtl .mod-service2 .sj-basic-news .bs-items .bs-item .bs-image {
		margin: 4px 0 0 10px;
	}
	
	#droplinenavigator.navi li.level1.havechild:hover:after{
		top: 37px;
	}
	#droplinenavigator.navi li.level1.havechild:hover:after {
		margin-left: 25px;
		top: 37px;
	}
	#droplinenavigator.navi li.level1.havechild:nth-child(7n+2):hover:after {
		margin-left: 48px;
	}
	#droplinenavigator.navi li.level1.havechild:nth-child(7n+3):hover:after {
		margin-left: 72px;
	}
	#droplinenavigator.navi li.level1.havechild:nth-child(7n+4):hover:after {
		margin-left: 17px;
	}
	/*RTL*/
	#droplinenavigator.navi.navirtl li.level1.havechild:hover:after {
		margin-right: 22px;
		top: 37px;
	}
	#droplinenavigator.navi.navirtl li.level1.havechild:nth-child(7n+2):hover:after {
		margin-right: 46px;
	}
	#droplinenavigator.navi.navirtl li.level1.havechild:nth-child(7n+3):hover:after {
		margin-right: 70px;
	}
	#droplinenavigator.navi.navirtl li.level1.havechild:nth-child(7n+4):hover:after {
		margin-right: 15px;
	}
	
	
	/*Component*/
	.tit, div.blog > h2, .itemListCategory h2 {
		font-size: 24px;
	}
	h2.item-title, div.catItemHeader h3.catItemTitle {
		font-size: 24px;
	}
	.filter-search select{
		width: 27%;
	}
	#finder-search .btn{
		margin-top: 5px;
	}
	#finder-search .inputbox{
		width: 330px;
	}
	/*Contact*/
	#map {
		margin: 0 auto;
		width: 97%;
	}
	.wrap-map-inner {
		background: none;
	}
	/*Tags*/
	label.filter-search-lbl.element-invisible{
		display: none;
	}
	.filters select#limit{
		width: 70px;
	}
	.blog .tags {
		margin: 18px 0 0;
	}
	/*k2*/
	div.itemCommentsForm form label.formName,
	.rtl div.itemCommentsForm form label.formName,
	div.itemCommentsForm form label.formEmail,
	.rtl div.itemCommentsForm form label.formEmail,
	div.itemCommentsForm form label.formUrl,
	.rtl div.itemCommentsForm form label.formUrl,
	div.itemCommentsForm form label.formComment,
	.rtl div.itemCommentsForm form label.formComment {
		margin: 15px 0 0;
	}
	div.itemCommentsForm form input.inputbox, div.itemCommentsForm form input.inputbox:focus,
	div.itemCommentsForm form textarea.inputbox, div.itemCommentsForm form textarea.inputbox:focus {
		margin: 0;
		width: 370px;
		display: block;
	}
	div.itemCommentsForm form textarea.inputbox, div.itemCommentsForm form textarea.inputbox:focus{
		margin: 0;
	}
	
	div.itemCommentsForm form input#submitCommentButton {
	    margin: 20px 0 0;
	}
	
	/* --------- Custom SJ Module  ----*/
	h3.modtitle {
		font-size: 24px;
	}
	/*Spotlight2*/
	.exhibitions h3.modtitle, .content-listing h3.modtitle{
		font-size: 28px;
	}
	.exhibitions .sj-basic-news .bs-items a{
		font-size: 20px;
	}
	/*Statistic*/
	.statistics h3.modtitle {
		font-size: 16px;
		padding: 10px 5px;
	}
	.statistics dl.stats-module dt {
		font-weight: bold;
		padding: 0 5px;
		width: 82px;
	}
	.statistics dl.stats-module dd {
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 72px;
	}
	/*Login*/
	h3.modtitle {
		font-size: 20px;
		padding: 12px 20px;
	}
	.mod-login div.modcontent{
		padding: 20px 5px;
	}
	.mod-login label{
		margin: 0;
	}
	.mod-login input[type="text"], .mod-login input[type="password"] {
		width: 75px;
	}
	.mod-login input[type="submit"] {
		width: 90px;
	}
	/*Slider*/
	.extra-slider div.modcontent{
		padding: 20px 10px;
	}
	
	.extraslider-inner .item-title a {
		font-size: 24px;
	}
	.sj-extraslider .extraslider-inner .item-wrap .item-image {
		margin: 0 10px 10px 0;
		width: 50%;
	}
	/*Newsletter*/
	.newsletter div.modcontent{
		background-position: 10px 25px;
		padding: 20px 20px 20px 95px;
	}
	.newsletter span {
		font-size: 18px;
	}
	.newsletter input, .newsletter input:focus {
		width: 80px;
	}
	/*SJ Listing*/
	.content-listing .sj-responsive-listing .respl-cats-wrap ul.respl-cats li.respl-cat a {
		margin: 0 10px 10px 0;
		max-width: 170px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.sj-responsive-listing .respl02-6 .respl-item{ width: 25%; }
	/*Download*/
	.download .item > div:before{
		top: 37%;
	}
	.download h3.modtitle {
		font-size: 24px;
	}
	/*Footer*/
	ul.footer-menu li a, ul.footer-menu li span {
		padding: 10px 16px;
	}
	ul.footer-menu li {
		font-size: 16px;
	}
	/*Module Spotlight5*/
	#yt_spotlight5 h3.modtitle {
		font-size: 18px;
	}
	ul.social li a {
		width: 37px;
	}
	ul.social li a:before {
		font-size: 25px;
		line-height: 35px;
		width: 37px;
	}
	.about-us img {
		max-width: 175px;
	}
}

@media (max-width: 767px){
	
	/* ---- SJ tools   -------- */
	#cpanel_btn{display:none;}
	#cpanel_wrapper{display: none;}
	#yt-totop{display: none !important;}
	ul.navi{display: none;}
	#yt-mobilemenu{width:98%;border: none;display: block;margin: 20px 1%;}
	#yt_menuwrap{height: auto;}
	#yt_logoposition h1.logo a{display: inline-block;}
	
	/*body{*/
	/*	padding: 0 10px;*/
	/*}*/
	.container{
		padding: 0 10px;
	}
	
	/* -------- Header   -------- */
	#yt_logoposition h1 {
		text-align: center;
	}
	#yt_header [class*="head"]{
		display: none;
	}
	
	/*Component*/
	.blog .wrap-content, #k2Container .wrap-content {
		padding: 20px;
	}
	.tit, div.blog > h2, .itemListCategory h2,
	h3.modtitle,
	.download h3.modtitle,
	h2.item-title, div.catItemHeader h3.catItemTitle
	{
		font-size: 24px;
	}
	select#limit {
		margin: 10px 5px;
	}
	#finder-search .btn{
		margin-top: 5px;
	}
	/*Contact*/
	#map {
		margin: 0 auto;
		width: 100%;
		border: none;
	}
	.wrap-map-inner {
		background: none;
	}
	.contact-miscinfo, .panel-form{
		width: 100%;
	}
	/*Tags*/
	.blog .tags {
		margin: 18px 0 0;
	}
	
	/* -Custom SJ Module  -----*/
	/*Spotlight1*/
	.exhibitions h3.modtitle, .content-listing h3.modtitle {
		font-size: 24px;
	}
	.exhibitions .sj-basic-news {
		margin: -20px 0 0;
	}
	.exhibitions .sj-basic-news .bs-items .bs-item {
		margin: 0 1%;
		width: 98%;
	}
	.exhibitions .sj-basic-news .bs-items .bs-item{
		margin-top: 25px;
	}
	
	/*SJ Listing*/
	.sj-responsive-listing .respl-items.grid .respl-item:focus .item-inner .item-more,
	.sj-responsive-listing .respl-items.grid .respl-item:hover .item-inner .item-more{
		display: none;
	}
	
	/*#yt_spotlight5 div.module{*/
	/*	padding: 0 10px;*/
	/*}*/
	
	.sj-responsive-listing .respl04-2 .respl-item {
		width: 49.985%;
	}
	
	.filters select#limit{
		width: 70px;
	}
}

@media (max-width: 767px) and (min-width: 640px){
	.exhibitions .sj-basic-news{
		margin: 0;
	}
	.exhibitions .sj-basic-news .bs-items .bs-item {
		margin: 0 1% 25px;
		width: 48%;
	}
	.exhibitions .sj-basic-news .bs-items .bs-item,
	.exhibitions .sj-basic-news .bs-items .bs-item.last {
		margin: 0 1% 25px;
	}
	/*Component*/
	.filter-search select{
		width: 28%;
	}
	#finder-search .inputbox{
		width: 195px;
	}
	#finder-search .btn{
		margin-top: 0;
	}
	
	div.itemCommentsForm form input.inputbox,
	div.itemCommentsForm form input.inputbox:focus,
	div.itemCommentsForm form textarea.inputbox,
	div.itemCommentsForm form textarea.inputbox:focus {
		width: 477px;
	}
	
	.sj-responsive-listing .respl03-3 .respl-item {
		width: 33.295%;
	}
	
	/*Tags*/
	label.filter-search-lbl.element-invisible{
		display: none;
	}
	.filters select#limit{
		width: 70px;
	}
}

@media (max-width: 639px) and (min-width: 480px){
	/*Com Contact*/
	.contact .main-form input {
		width: 80px;
	}
	.contact .main-form textarea {
		width: 316px;
	}
	
	div.itemCommentsForm form input.inputbox,
	div.itemCommentsForm form input.inputbox:focus,
	div.itemCommentsForm form textarea.inputbox,
	div.itemCommentsForm form textarea.inputbox:focus {
		width: 385px;
	}
	
	/*Tags*/
	label.filter-search-lbl.element-invisible{
		display: none;
	}
	.filters select#limit{
		width: 70px;
		margin: 0;
	}
	.blog .tags {
		float: none;
		margin: 2px 0 3px;
	}
	.tags a.label {
		margin: 0 -3px;
	}
}

@media (max-width: 480px) {
	.detail-article .part-content {
		margin: 0;
		width: 100%;
	}
	.detail-article .part-image {
		width: 100%;
	}
	
	.blog .tags {
		float: none;
		margin: 2px 0 3px;
	}
	.tags a.label {
		margin: 0 -3px;
	}
	.sj-responsive-listing .respl-cats-wrap .cats-curr{
		max-width: 90px;
	}
}

/* Mobile portrait (320x480) */
@media (max-width: 479px){
	/*Com Contact*/
	.contact .main-form dd {
		display: block;
	}
	.contact .main-form input {
		margin: 0 0 10px;
		width: 200px;
	}
	.contact legend {
		line-height: 24px;
	}
	.contact .main-form textarea {
		width: 200px;
	}
	
	.newsletter input, .newsletter input:focus {
		width: 150px;
	}
	.sj-responsive-listing .respl-wrap .respl-loader .loader-label {
		padding: 0 30px;
	}
	
	.sj-responsive-listing .respl-wrap .respl-items .respl-item .item-title {
		font-size: 12px;
		line-height: 16px;
	}
	
	/*.custom.about-us {*/
	/*	padding: 10px;*/
	/*}*/
	.about-us img {
		margin: 0 0 10px;
		width: 100%;
	}
	
	ul.footer-menu li a, ul.footer-menu li span {
		margin: 0 0 0 5px;
		padding: 6px 10px 6px 15px;
	}
	ul.footer-menu li {
		text-transform: uppercase;
	}
	
	.admintable input[type="text"], .admintable input[type="password"], .admintable input[type="email"] {
		width: 190px !important;
	}
	textarea#description {
		width: 193px !important;
	}
	
	div.itemCommentsForm form input.inputbox,
	div.itemCommentsForm form input.inputbox:focus,
	div.itemCommentsForm form textarea.inputbox,
	div.itemCommentsForm form textarea.inputbox:focus {
		width: 265px;
	}
	
	/*Tags*/
	label.filter-search-lbl.element-invisible{
		display: none;
	}
	.filters #filter-search{
		width: 253px;
	}
	.filters select#limit{
		width: 70px;
		margin: 5px 5px 0;
	}
}
@media (max-width: 320px){
	/*body{*/
	/*	padding: 0 5px;*/
	/*}*/
	.container{
		padding: 0 5px;
	}
	/*Com Contact*/
	.contact .main-form input, .contact .main-form textarea {
		width: 170px;
	}
	
	.newsletter span {
		display: block;
		font-size: 26px;
	}
	.newsletter input, .newsletter input:focus {
		width: 135px;
	}
	
	.admintable input[type="text"], .admintable input[type="password"], .admintable input[type="email"] {
		width: 162px !important;
	}
	textarea#description {
		width: 165px !important;
	}
	
	div.itemCommentsForm form input.inputbox,
	div.itemCommentsForm form input.inputbox:focus,
	div.itemCommentsForm form textarea.inputbox,
	div.itemCommentsForm form textarea.inputbox:focus {
		width: 235px;
	}
	
	.sj-responsive-listing .respl-wrap .respl-items .respl-item .item-title a {
		padding: 10px 10px 23px;
	}
	
	/*Tags*/
	.filters #filter-search {
		width: 222px;
	}
}