/******************************************

***          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;}
.testslide {width: auto;}

  

  .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;}

	

}