/******************************************
***          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;}
.row-fluid .hidden{display: none;}
#content_main .row-fluid [class*="span"]:first-child{min-height: 0;}

@media (min-width: 1200px) {
  .row {margin-left: -20px;}
  .row-fluid .first-child{margin-left: 0;}
  .row-fluid .span12{margin-left: 0;}
  [class*="span"] {float: left;margin-left: 20px;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: 980px;}
  
  .span12 {width: 1180px;}
  .span11 {width: 1080px;}
  .span10 {width: 980px;}
  .span9 {width: 880px;}
  .span8 {width: 780px;}
  .span7 {width: 680px;}
  .span6 {width: 580px;}
  .span5 {width: 480px;}
  .span4 {width: 380px;}
  .span3 {width: 280px;}
  .span2 {width: 180px;}
  .span1 {width: 80px;}
  
  .offset12 { margin-left: 1220px;}
  .offset11 {margin-left: 1120px;}
  .offset10 {margin-left: 1020px;}
  .offset9 {margin-left: 920px;}
  .offset8 {margin-left: 820px;}
  .offset7 {margin-left: 720px;}
  .offset6 {margin-left: 620px;}
  .offset5 {margin-left: 520px;}
  .offset4 {margin-left: 420px;}
  .offset3 {margin-left: 320px;}
  .offset2 {margin-left: 220px;}
  .offset1 {margin-left: 120px;}
  
}

/****** Difine *****/
@media (min-width: 1200px) {
	.span2d4{width:260px;}
	.span3d2{width:326px;}
	.span3d1{width:313px;}
	.span4d8{width:460px;}
	.span7d2{width:580px;}
	.span6d5{width:650px;}
	.span8d6{width:860px;}
	.span8d8{width:880px;}
	.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 */}
	
}
/* 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 */}
	
	#content_right .row > div{width:auto;}
	#content_right .row  > div > div{width:220px;}
	.layout-lmr #content_right .row  > div > div,
	.layout-lrm #content_right .row  > div > div,
	.layout-mlr #content_right .row  > div > div{float: left;margin-left: 20px;}
	#content_right .row > div > div:first-child {margin-left: 0px;}
}

@media (min-width: 980px) and (max-width: 1024px) {
	#position-c .modcontent{padding: 15px 10px 15px 20px;}
	
}


/* Tablet portrait (768x1024) && Small tablet landscape (800x600) */
@media (min-width: 768px) and (max-width: 979px) {
	.row-fluid .span2d4 {width: 17.79005524861876%;  /* 2.4*8.5635359116022-2.7624309392265194 */}
	.row-fluid .span4d8 {width: 38.34254143646404%;  /* 4.8*8.5635359116022-2.7624309392265194 */}
	.row-fluid .span7d2 {width: 59.09335599943328%;  /* 7.2*8.5635359116022-2.564102564102564 */}
	
	/* ----  Base Joomla ------- */
	input, textarea, .uneditable-input{width:92%;}
	textarea, input[type="text"], input[type="password"], input[type="datetime"],
	input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
	input[type="week"], input[type="number"],input[type="email"], input[type="url"], input[type="search"],
	input[type="tel"], input[type="color"], .uneditable-input{
		margin-bottom: 10px;
	}
	.btn-group.pull-right{display: none;}
	
	/* ---- SJ tools   -------- */
	#cpanel_btn{display: none;}
	#cpanel_wrapper{display: none;}
	ul.navi div.level1.separator, ul.navi a.level1{padding: 12px;}
	ul.navi div.separator.level1 span.menu-title, ul.navi a.level1 span.menu-title{padding: 6px 0;}
	div.filter-search select{width:31%;}
	
	/* -Custom SJ Module  ----*/
	div.theme2col{margin: 0;}
	div.sj-extraslider.preset02-4 .extraslider-inner .item-wrap{width: 48%;margin-bottom: 2%;}
		.sj-extraslider .extraslider-inner.style1{margin: 0 13%;width: 46%;}
		.sj-extraslider .extraslider-inner.style1 .item-wrap .item-image img{width:auto;}
		.sj-extraslider .extraslider-control.style1  .button-prev{left: 37%;}
		.sj-extraslider .extraslider-control.style1  .button-next{right: 12%;}
		.sj-extraslider .extraslider-inner .item-wrap .item-image{width:auto;display: inline-block;}
	#myCarousel .carousel-caption a.more{position: static;}
	
	/* -Custom Module Html ----*/
	ul.social li{margin: 0 2px;}
	#yt_spotlight .modcontent{padding: 10px;text-align: center;}
		div.img-top{float: none;margin: 0;text-align: center;position: static;height: auto;min-height: 100px;}
		h3.title{margin: 10px 0 0;}
		
	div.sj-email .input-box{ width: 76%;}
		div.sj-email .input-box{border-color: transparent;}
		ul.horizontal li{ margin-right: -1px;}
	
	/* -Custom RTL Languages ----*/
	.rtl .sj-extraslider .extraslider-control.style1  .button-prev{left: 11%;}
	.rtl .sj-extraslider .extraslider-control.style1  .button-next{right: 37%;}
}

/* Small tablet portrait (600x800) & Mobile landscape (480x320) */
@media (max-width: 767px){
	body#bd {padding:0; font-size: 14px;}
	.container {margin:0 auto;padding:0 10px;}
	.row-fluid [class*="span"]{margin: 0;width:100%;}
	
	/* ----  Base Joomla ------- */
	textarea, input[type="text"], input[type="password"], input[type="datetime"],
	input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
	input[type="week"], input[type="number"], input[type="email"],input[type="url"],
	input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
		width:90%;
	}
	/* ---- SJ tools   -------- */
	#cpanel_btn{display:none;}
	#cpanel_wrapper{display: none;}
	#yt-totop{display: none !important;}
	ul.navi{display: none;}
		#yt-mobilemenu{width:100%;border: none;display: block;margin: 20px 0;}
		#yt_menuwrap{height: auto;}
	#yt_logoposition h1.logo a{display: inline-block;}
	/* Component: Login,Register */
	form#contact-form textarea, form#contact-form textarea:focus{width:90%;}	
	.form-horizontal .control-label{float: none;}
	#finder-search .inputbox{margin-bottom: 10px;}
	
	/*Content Joomla*/
	.article-text .item-image{float: none;margin: 0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	#yt_component .items-row .item-image{}
		.content-wrapper .page-header{margin: 10px 0 0;}
		.com_content .items-row .btn-group{display: none;}
		.article-text .item-image:after{background-size: 100% auto;}
		.items-row .item, .items-leading > div.item{padding: 10px 0;}
		div.content-wrapper .article-info.muted{margin: 5px 0;}
		
	div.blog-featured .items-leading h2.item-title{margin: 10px 0;}
	
	/* -Custom SJ Module  -----*/
	.extraslider-heading{float: none;width: 100%;margin: 0 0 20px;}
		
		.sj-extraslider .extraslider-inner{width:100%;margin: 0;}
		.sj-extraslider .extraslider-inner.style2 .item{margin: 0;width:100%;}
		.sj-extraslider .extraslider-inner div.item-wrap.style2 .item-image{width:75px;height: 75px;margin: 0 auto;display: block;}
		.sj-extraslider .extraslider-control{position: absolute;right: 0;top:5px;}
		.sj-extraslider .extraslider-control.style2{top:10px;}
		.sj-extraslider .extraslider-control.button-type2 .button-next{position: static;margin: 0;}
		.sj-extraslider .extraslider-control.button-type2 .button-prev{position: static;margin: 0 10px;}
		.sj-extraslider .nav-page.nav-under{position: static;display: table;margin: 0 auto;}
		
	div.sj-extraslider.preset02-4 .extraslider-inner .item-wrap{width: 48%;margin-bottom: 2%;}
		.sj-extraslider .extraslider-inner.style1{margin: 0 ;width: 100%;}
		.sj-extraslider .extraslider-inner.style1 .item-wrap .item-image img{width:auto;}
		.sj-extraslider .extraslider-control.style1  .button-prev{left: 37%;}
		.sj-extraslider .extraslider-control.style1  .button-next{right: 12%;}	
		.sj-extraslider .extraslider-inner .item-wrap .item-image{width:auto;}
	
	div.moduletabs.top-position div.tabs-container{height: auto;background: #F5F5F5;border: 1px solid #E7E7E7;}
		div.moduletabs.top-position div.tabs-container ul.tabs{height: auto;margin: 0;}
		div.moduletabs.top-position div.tabs-container ul.tabs li{width:50%;margin: 0;}
		div.moduletabs.top-position div.tabs-container ul.tabs li .tab{
			border: none;
			border-bottom: 1px solid #E7E7E7;
		}
		div.moduletabs.top-position div.tabs-container ul.tabs li .tab.selected,
		div.moduletabs.top-position div.tabs-container ul.tabs li .tab{padding: 7px 10px;}
		div.moduletabs.top-position div.tabs-container ul.tabs li:nth-of-type(1) div{border-right: 1px solid #E7E7E7;}
		div.moduletabs.top-position div.tabs-container ul.tabs li:nth-of-type(3) div{border-bottom: none;border-right: 1px solid #E7E7E7;}
	
	.sj-gallery li.img-col img{width:auto;height: auto;}	
	/*Slideshow*/
	#myCarousel .carousel-caption{width:100%;text-align: left;position: static;}
		#myCarousel .carousel-caption > h4{margin: 10px 0 5px;padding: 0;}
		#myCarousel .carousel-control{top: 20%;}
		#myCarousel .carousel-caption > p{padding: 0;}
		#myCarousel .carousel-control.left{left: 0;}
		#myCarousel .carousel-control.right{right: 0;}
		#myCarousel .carousel-control span:after{display: none;}
	
	/* -Custom Module Html ----*/
	#yt_spotlight .span4{width:100%;}
	#yt_logoposition h1{text-align: center;}
	#mod-finder-searchform{display: none;}
	ul.social{float: none;display: table;margin: 0 auto;padding-bottom: 20px;}
	.module.contact{width:100%;padding: 0;border: none;border-top: 1px dotted #D4D4D4;}
		.module.contact.list{padding: 0;}
	#yt_spotlight .modcontent{padding: 10px;text-align: center;}
	#yt_spotlight div.row-fluid > div{border: none;}
		#position-b:before, #position-c:before{display: none;}
		div.img-top{float: none;margin: 0;text-align: center;position: static;height: auto;min-height: 100px;}
		h3.title{margin: 10px 0 0;}
	
	#yt_spotlight3{margin-bottom: 10px;}	
	div.theme2col{margin: 0;}
		div.theme2col .post{width:100%;padding: 0;}
		
	#yt_spotlight5 .row-fluid [class*="span"]{border: none;padding: 0;border-bottom: 1px solid #4A4A4A;box-shadow:  0 1px 0 #2F2F2F;min-height: 235px;}	

	/* -Custom RTL Languages ----*/
	.rtl .sj-extraslider .extraslider-control{right: auto;left: 0;}
}

/* Mobile portrait (320x480) */
@media (max-width: 479px){
	
}
@media (max-width: 320px){
	.sj-gallery li.img-col img{width: 130px;}
	
}