/******************************************
***          YT Framework: CSS          ***
*******************************************/
/****** Override *****/
a,a:focus,button,button:focus,.btn,.btn:focus{outline:none;}
.row-fluid .span9.nospacing {margin: 0px; /*width:76.9250%;*/}
.row-fluid .span8.nospacing {margin: 0px; width:68.50833%;}
.row-fluid .span6.nospacing {margin: 0px; width:51.282%;}
.row-fluid .span5.nospacing {margin: 0px; width:42.7309%;}
.row-fluid .span4.nospacing {margin: 0px; width:31.4917%;}
.row-fluid .span3.nospacing {margin: 0px; width:25.644%;}

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

@media (min-width: 1200px) {
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {width: 1180px;}
	
	div.blog div.span6 div.img-intro-left{height: 288px;}
	div.blog div.span4 div.img-intro-left{height: 245px;}
	div.blog div.span3 div.img-intro-left{height: 179px;}
}

/****** Difine *****/
/* Normal(>980) && Tablet landscape (1024x768) */

@media (min-width: 980px) and (max-width: 1024px) {
	.row-fluid .span6.nospacing{  width: 50.952%;}
	.row-fluid .span9.nospacing {width: 76.555%;}
	.row-fluid .span8.nospacing{width: 68.0083%;}
	
	div.panel-form{position: static;width:75%;}
	div.sj-map{overflow: hidden;width: 100%;}
	div.sj-map iframe{width:100%;}
	
	#content_left {
		left: -300px;font-size: 12px;
		overflow: inherit ;
		position: fixed ;
		top: 0 ;
		width: 300px;
		z-index: 1000;
	}
	.sidebar-fixed{position: static;}
	#content_left .content-left-in{left: 100%;}
	#left:after{display: none;}
	#content_left .btn-sidebar{
		width:50px;height: 50px;
		font-family: 'fontello';
		display: block;z-index: 99;
		left: 300px;
		color: #ccc;
	
		position:absolute;
		cursor: pointer;
		text-align: center;
		background: rgb(61,61,61); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(61,61,61,1) 0%, rgba(13,13,13,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,61,61,1)), color-stop(100%,rgba(13,13,13,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#0d0d0d',GradientType=0 );
	 }
	#content_left .btn-sidebar [class^="icon-"]:before{font-size: 23px; margin: 9px auto;display: inline-block;}
	#content_left .btn-sidebar:hover{color: #fff;}
	#yt_footer .yt-main-in2{float: none;width:100%;}
	body.contentpane div.itemImageBlock{display: block;}
	div.img-intro-left, div.img-fulltext-left{display: inline-block;}
}


/* Tablet portrait (768x1024) && Small tablet landscape (800x600) */
@media (min-width: 768px) and (max-width: 979px) {
	
	/* ----  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{
		margin-bottom: 10px;
	}
	.btn-group.pull-right{display: none;}
	#user-registration.form-horizontal .controls{clear: both;}
	div.panel-form{position: static;width:100%;margin: 0;}
	div.sj-map{overflow: hidden;width: 100%;}
	div.sj-map iframe{width:100%;}
	
	.filter-search  select{width:110px;}
	#finder-search .inputbox{width:90%;}
	/* ---- SJ tools   -------- */
	#cpanel_btn{display: none;}
	#cpanel_wrapper{display: none;}
	/* -Joomla Content  ----*/
	
	/* -K2 Content  ----*/
	div.itemImageBlock{display: block;}
	
	/* -Custom SJ Module  ----*/
	#content_left {
		left: -300px;font-size: 12px;
		overflow: inherit ;
		position: fixed ;
		top: 0 ;
		width: 300px;
		z-index: 1000;
	}
	.sidebar-fixed{position: static;}
	#content_left .content-left-in{left: 100%;}
	#left:after{display: none;}
	#content_left .btn-sidebar{
		width:50px;height: 50px;
		font-family: 'fontello';
		display: block;z-index: 99;
		left: 300px;
		color: #ccc;
	
		position:absolute;
		cursor: pointer;
		text-align: center;
		background: rgb(61,61,61); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(61,61,61,1) 0%, rgba(13,13,13,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,61,61,1)), color-stop(100%,rgba(13,13,13,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-9 */
	 }
	#content_left .btn-sidebar [class^="icon-"]:before{font-size: 23px; margin: 12px auto;display: inline-block;}
	#content_left .btn-sidebar:hover{color: #fff;}
	#yt_footer .yt-main-in2{width:100%;float: none;}
	body.contentpane div.itemImageBlock{display: block; margin: 0 15px 0 0;}
	
	.k2-slideshow .item{height: 280px;}
	.k2-slideshow .sl-item-image{width:50%;}
	.k2-slideshow.theme1 .sl-item .sl-item-info{margin-top: 10px;}
	/* -Custom Module Html ----*/
	
	ul.social li{margin: 0 1px;}
	#login-form .input-small{width:78%;}
	#login-form .btn{font-size: 15px;padding:4px 5px;}
	
	/* -Custom RTL Languages ----*/
	.rtl.contentpane div.itemImageBlock{display: block; margin: 0 0 0 15px;}
}

/* Small tablet portrait (600x800) & Mobile landscape (480x320) */
@media (max-width: 767px){
	body#bd {padding:0;}
	.container {margin:0 auto;padding:0 10px;}
	.row-fluid [class*="span"],
	.row-fluid .nospacing[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%;
	}
	select[multiple], select[size]{margin-bottom: 10px;}
	
	/* ---- SJ tools   -------- */
	#cpanel_btn{display:none;}
	#cpanel_wrapper{display: none;}
	#yt-totop{display: none !important;}
	.keep-header{position: static;}
	ul.navi{display: none;}
	
	/*-- Layout templates -----*/
	#content{background: #fff;}
	div.content-main-inner{padding: 0;}
	div.component-inner{min-height: 200px;}
	#yt-mobilemenu{width:100%;border: none;display: block;margin: 10px 0 20px;}
	#yt_menuwrap{height: auto;}
		
	#yt_logoposition h1.logo a{display: inline-block;}
	#yt_logoposition{background: none;}
	#yt_header .container{
		box-shadow: inset 0 -1px 0 #49d2ff;
		border-bottom: 3px solid #00b7f3;
		background: rgb(22,192,247); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(22,192,247,1) 0%, rgba(3,151,200,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,192,247,1)), color-stop(100%,rgba(3,151,200,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(22,192,247,1) 0%,rgba(3,151,200,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(22,192,247,1) 0%,rgba(3,151,200,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(22,192,247,1) 0%,rgba(3,151,200,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(22,192,247,1) 0%,rgba(3,151,200,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16c0f7', endColorstr='#0397c8',GradientType=0 ); /* IE6-9 */
	}
	#bottom1 {overflow: visible;background: #fff;}
	#bottom1 ul.menu{text-align: center;display: block;padding: 0 10px;}
	#bottom1 ul.menu:after,#footer ul.menu:before{display: none;}
	#bottom1 .foomenu:after{display: none;}
	#yt_copyrightposition{font-size: 12px;}
	#bottom1{margin: 0 0 15px;width: auto;}
	
	#content_left {
		left: -260px;font-size: 12px;
		overflow: inherit !important;
		position: fixed !important;
		top: 0 !important;
		width: 260px;
		z-index: 998;
	}
	.sidebar-fixed{position: static;}
	#content_left .content-left-in{left: 100%;position: static !important;}
	#left:after{display: none;}
	#content_left .btn-sidebar{
		 width:40px;height: 40px;
		 font-family: 'fontello';
		 display: block;z-index: 99;
		 left: 260px;
		 background: #343434;
		color: #ccc;
		
		position:absolute;
		cursor: pointer;
		text-align: center;
		background: rgb(61,61,61); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(61,61,61,1) 0%, rgba(13,13,13,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,61,61,1)), color-stop(100%,rgba(13,13,13,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(61,61,61,1) 0%,rgba(13,13,13,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-9 */
	 }
	#content_left .btn-sidebar [class^="icon-"]:before{font-size: 23px; margin: 7px auto;display: inline-block;}
	#content_left .btn-sidebar:hover{color: #fff;}
	#yt_footer .yt-main-in2{width:100%;float: none;}
	#yt_footer .container{padding: 0;}
	.pull-right,.pull-left{float: none;margin-bottom: 10px;}
	
	/* Page: Login,Register */
	#login-form .pull-left{width:auto !important;}
	div.sj-map{width:100% !important;overflow: hidden;}
	div.panel-form{position: static;}
	div.sj-map iframe{width:100% ;}
	
	#search-form .inputbox{margin-bottom: 10px;}
	div.filter-search .btn{clear: both;display: block;}
	
	.form-horizontal .control-label{float: none;padding: 0;}
	.form-horizontal .controls{margin: 0;}
	/*Content Joomla*/
	div.items-row, div.items-leading{margin: 0;}
	#content_main .row-fluid [class*="span"]{margin-bottom: 10px;}
	
	.pagination ul li{margin: 5px 2px;}
	#article-index{float: none;margin: 0 0 15px;}
	.pagenavcounter{clear: both;}
	ul.category li{overflow: hidden;padding-bottom: 10px;}
	/* -Custom YT Module  -----*/
	.sj-k2-responsive-content #infscr-loading{margin-left: -160px;}
	.k2-slideshow .sl-captions ul.list-captions li:first-child{display: none;}
	.sj-k2-responsive-content .item-fb{display: none;}
	.sj-k2-responsive-content .mask{padding: 0 5px ;}
	.sj-k2-responsive-content .item-desc{margin: 0;}
	
	.k2-slideshow .item{padding: 20px 10px 0 !important;height: 260px;}
	.k2-slideshow .sl-item-image{float: none !important;margin: 0!important;height: 165px;text-align: center;}
	.k2-slideshow .sl-item .sl-item-image img{max-height: 100%;}
	.k2-slideshow.theme1 .sl-item .sl-item-info{margin: 10px 0 0;width:100%;text-align: center;}
	.k2-slideshow .sl-item .sl-item-content .sl-item-title{font-size: 180%;line-height: 24px;}
	.k2-slideshow .sl-item .sl-item-content .sl-item-description{display: none;}
	
	.sj-k2-responsive-content .item-hit  span.item-label,
	.sj-k2-responsive-content .item-comment  span.item-label{
		display: none;
	}
	/* -Custom Module Html ----*/
	/*h3.module-title > .icon:after{margin: 5px 0 0 10px;}*/
	/* Component: K2 */
	div.subCategoryContainer{width:100% !important;}
	div.subCategory{margin: 0;}
	span.userItemImage, span.tagItemImage{display: inline-block;}
	div.latestItemImageBlock{display: block;}
	
	div.latestItemView.span12 div.latestItemImageBlock{display: inline-block;float: none;margin: 0 0 10px;}
	#content_main .row-fluid div.latestItemView.span12{margin: 0;}
	
	div.itemAuthorLatest, div.itemRelated{float: none;width:100%;}
	div.tagItemImageBlock,div.userItemImageBlock{float: none;margin: 0 0 10px;}
	div.itemBlockTable > div.col-left{width:100%;border: none;border-bottom: 1px solid #DDDDDD;}
	div.itemBlockTable > div.col-right{width:100%;}
	div.itemComments ul.itemCommentsList li span.commentLink{float: none;margin: 0;}
	div.itemCommentsForm form input.inputbox{width:90%;}
	div.itemVideoBlock div.itemVideoEmbedded iframe{width:100%;}
	div.itemHeader ul.itemToolbar{float: none;}
	div.itemToolbar-r{float: none;}
	div.itemImageBlock {display: block;float: none;}
	div.itemFacebookButton{float: none;}
	
	/* -Custom RTL Languages ----*/
	.rtl .sj-extraslider .extraslider-control{right: auto;left: 0;}
	
	/* --- Overider Joomla3 --- */
	div.display-limit  > span{display: none;}
	div.article-index + p{clear: both;}
}

/* Mobile portrait (360x640) */
@media (max-width: 360px){
	.item-image{float: none;display: inline-block;}
	body.contentpane div.itemImageBlock{display: block;}
	div.img-intro-left, div.img-fulltext-left{float: none;margin-bottom: 10px;}
}
@media (max-width: 320px){
	#advanced-search-toggle,
	#finder-search a.btn{margin-top: 10px;}
	table.category td.item-link a {display: inline-block;white-space: pre-line;width: 125px;word-wrap: break-word;}
	#contact-form input, #contact-form input:focus, #contact-form textarea, #contact-form textarea:focus { width: 80%;}
	#contact-form textarea, #contact-form textarea:focus{width: 80%;}
	
}
/* Retina display Tablet and Mobile */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	h3.module-title > .icon{background: url(../images/retina/title-bg.png) no-repeat 0 0;background-size: 100% auto;}
	div.sj-k2-responsive-content .item-readmore > a{background: url(../images/retina/zoom.png) no-repeat 0 0;background-size: 100% auto;}
	div.sj-k2-responsive-content .item-readmore > a:hover{background: url(../images/retina/zoom-hover.png) no-repeat 0 0;background-size: 100% auto;}
	.k2-slideshow.theme1 .sl-control .pag-list .pag-item{background: url(../images/retina/control.png) no-repeat 0 0;background-size: 100% auto;}
	.k2-slideshow.theme1 .sl-control .pag-list .pag-item.sel{background: url(../images/retina/control-active.png) no-repeat 0 0;background-size: 100% auto;}
	.k2-slideshow.theme1 .sl-control .pag-list .pag-item:hover{background: url(../images/retina/control-hover.png) no-repeat 0 0;background-size: 100% auto;}
}