/******************************************
***          YT Framework: CSS          ***
*******************************************/

/*----------------------------------------------------------------------
   Override Twitter Bootstrap
----------------------------------------------------------------------*/

@media (min-width: 1200px) {
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {width: 1180px;}
	
}

/*----------------------------------------------------------------------
    All Tablet landscape (1024x768) &&  Small Mobile  (480x320)
----------------------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 1024px){
	/*.theme5.bsn-wrap .more_all,.theme5 .post:hover .more_all{display: none;}
	.theme5 .post span.wraphover{display: none;}*/
}
/*----------------------------------------------------------------------
    Normal(>980) && Tablet landscape (1024x768) 
----------------------------------------------------------------------*/
@media (min-width: 980px) and (max-width: 1199px){
	
	#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: 900px) and (max-width: 981px){
	.com_content .items-row dd.print-mail.pull-right{display:none;}
}
@media (min-width: 980px) and (max-width: 1024px) {
	#position-c .modcontent{padding: 15px 10px 15px 20px;}
	#top3{ /*margin-left:0px;*/}
	#top3 .module.newsletter{ float:left;}
	form.newsletter{margin: 0;}
	ul.yt-login-regis{float:left;}
	.module.socia_f{ margin-left:165px;}
	ul.social{ margin-left:20px;}
	/* ---- SJ tools   -------- */
	
	/*ul.navi{display: none;}
	#yt-mobilemenu{width:100%;display: block;margin: 20px 0 5px;border-radius: 0;background: #f4f4f4;}*/
	ul.navi li.level1{padding:0 5px;}
	ul.navi div.separator.level1 span.menu-title, ul.navi a.level1 span.menu-title{ padding:6px 7px 20px;}
	
	/* ---  Override Module   --- */
	div.module.title5 div.module-content{ padding:10px 3px 15px;}
	.basic_gender .showlinebottom{ padding:10px 0;}
	.mgi-wrap .item-wrap .item_info p{ margin:3px 0 8px;}
	.module.experts ul li{ line-height:18px;}
	.theme6.bsn-wrap .title_item{ margin:0 0 3px;}
	.theme6.bsn-wrap h2{ margin:0 0 3px; padding-bottom:3px;}
	.theme6.bsn-wrap p.basicnews-desc{ font-size:90%;}
	div.module.title2 div.module-content{ padding:10px 5px 10px 5px;}
	.theme6..bsn-wrap .post{ margin:5px 0 0;}
	.theme3 h2{ margin:0px 0 15px 0;}
	.module.basic_topic .post .item_inner{ padding-right:10%;}
	.module.basic_topic .post .bsn-image{ margin-bottom:5px;}
	.module.basic_topic .post h2, .module.basic_topic .post h2 a{ margin:0px;}
	div.module.title1 div.module-content{ padding-bottom:20px;}
	div.module.title1 div.theme3 .post{ margin-bottom:15px;}
	.bsn-wrap.theme6 .post{ margin-top:4px;}
	.rtl .group-footnav .module.socia_f{ margin-right:175px;}
	.rtl .group-footnav .module.newsletter{ margin-right:0px; margin-left:10px;}
}



/*----------------------------------------------------------------------
   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{display: none;}
	#yt-mobilemenu{width:100%;display: block;margin: 20px 0 5px;border-radius: 0;background: #f4f4f4;}
	
	div.filter-search select{width:31%;}
	.theme5.bsn-wrap .more_all{ margin-top:25%;}
		
	/*---- Layout Templates ----*/
	#yt_header{}
		#yt_header div.module{margin-bottom: 10px;}
		#yt_header div.container div.module-content{padding: 10px 0 0;}
		#yt_header div.module ul.yt-login-regis{float: left;}
		#yt_header form.newsletter{margin: 0;display: inline-block;}
			ul.yt-login-regis li{margin: 0;}
			ul.yt-login-regis li:first-child{margin: 0 10px 0 0;}
			ul.social-top li:first-child{margin: 0 20px 0 0 ;}
			form.newsletter input{width:187px;}
		#yt_menuposition{margin-top: 15px;}
			ul.navi li.level1:first-child span.menu-title{padding-left: 0;}
			ul.navi div.separator.level1 span.menu-title,
			ul.navi a.level1 span.menu-title{ padding:6px 1px 20px;}
			

	div.module_meganews{margin-bottom: 20px;}	
	
	/* ---  Override Module   --- */
	/* Module Html*/
	div.module.socia_f{margin-left: 0 !important;margin-right: 0 !important;}
	form.newsletter{margin: 0;}
	#top3 .module.newsletter{ float:left;}
	div.group-footnav div.module-content{padding: 10px 0;}
	
	/*div.newsletter form.newsletter{border-color:#eee;}*/
	.search_f .search-inner{width:90%:}
	div.group-footnav .search_f{margin: 0 10px;display: none;}
	/*.module.newsletter{float: none;}*/
	
	/* SJ Basic news*/
	div.theme4 .bsn-image{margin: 0 0 10px;float: none;}
	
	div.theme3 .post{margin-bottom: 10px;position: relative;}
	div.theme3 .bsn-image img{width:100%;}
	div.theme3 .post:last-child{margin: 0;}
	div.theme3 .post > h2{
		width:100%;
		padding: 5px 10px;margin: 0;
		background: rgba(0,0,0,0.4);
		position: absolute;bottom: 0;z-index: 1;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	}
	.module.basic_topic .module-content{padding: 10px;}
	div.theme3 .post > h2 > a, .theme3 h2 a:before{color: #ddd;}
	
	
	div.theme6{display: table;}
	div.theme6 .post {display: table-cell;width:25%;}
	div.theme6.bsn-wrap .view{display: table-row;text-align: left;margin: 0;}
	
	.theme5.bsn-wrap .bsn-image img{ width:100%;}
	.theme5.bsn-wrap .more_all{ margin-top:0px;}
	
	/* SJ Mega news*/
	section.layout-lm #position-5 .mgi-wrap .item-wrap .item_info{width:50%;}
	section.layout-mr #position-5 .mgi-wrap .item-wrap .item_info{width:50%;}
	section.layout-m  #position-5 .mgi-wrap .item-wrap .item_info{width:50%;}
	section.nogroup-left  #position-5 .mgi-wrap .item-wrap .item_info{width:50%;}
	section.nogroup-right #position-5 .mgi-wrap .item-wrap .item_info{width:50%;}
	
	/* RTL Languages*/
	.rtl div.theme6.bsn-wrap .view{text-align: right;}
	.rtl #yt_header div.module ul.yt-login-regis{float: right;}
	.rtl ul.yt-login-regis li:first-child{margin: 0 0 0 10px;}
	.rtl ul.social-top li:first-child{margin: 0 0 0 20px;}
}


/*----------------------------------------------------------------------
   Small tablet portrait (600x800) & Mobile landscape (480x320)
----------------------------------------------------------------------*/
@media (max-width: 767px){
	body#bd {padding:0;}
	.container {margin:0 auto;padding:0 15px;}
	div.row-fluid [class*="span"] {width: 100%;margin: 0;}
	
	/* ----  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{margin-bottom: 10px;}
	#contact-form dd textarea{ width:360px;}
	
	/* ---- SJ tools   -------- */
	#cpanel_btn{display:none;}
		#cpanel_wrapper{display: none;}
		#yt-totop{display: none !important;}
		ul.navi{display: none;}
			#yt-mobilemenu{width:100%;display: block;margin: 20px 0 5px;border-radius: 0;background: #f4f4f4;}
			#yt_menuwrap{height: auto;}
		#yt_logoposition h1.logo a{display: inline-block;}
		
		
	/*---- Layout Templates ----*/
	#yt_header div.module div.module-content{padding: 0;}
	#yt_logoposition h1.logo{text-align: center;float: none;}
	#top1,#top2{width:65%;display: inline-block;margin-right: -3px;vertical-align: top;}
	#top2{width:30%;}
	#yt_menuposition{clear: both;}
	
	div.group-footnav{background: #dc143b;height: auto;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;}
		.group-footnav:after{background: none;display: none;}
		.group-footnav:before{width:158px;top:-35px;background-position: 1px 0px;}
		.group-footnav #position-14 div.module{float: none;margin: 0;}
		#position-14 div.module-content{padding: 0px 18px 10px;}
		form#login-form{text-align: right;}
		
	#yt_footer .module h3.title{line-height: 22px;margin-bottom: 10px;}	 
	#yt_footer #position-13{margin: 0;}
	
	/*---- Content Category ----*/
	div.article-info{margin: 0;}
	div.img-intro-left{float: none;}
	.btn-group{display: none;}
	.pagination ul li{ margin:5px -5px 0 0;}
	.page-header h2{ line-height:22px;}
	div.related-items-title{ line-height:30px;}
	
	/* ---  Overide Module   --- */
	.theme3 h2 a, .theme3 h2{font-size: 100%;}
	.module.basic_topic h3{font-size: 145%;height: 24px;padding-left: 100px;}
	.module.experts .img_exp{float: left;}
	.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-title{font-size: 88%;}
	ul.social-top{margin: 0 5px;}
		ul.social-top li a span{display: none;}
		ul.yt-login-regis li{padding: 0 5px;}
		.module.socia_f{margin-left: 0;margin-top: 60px !important;width:100%;display: inline-block;}
	
	ul.social{}
		ul.social li,
		ul.social li:first-child{display: inline-block;margin: 5px;}
		ul.social li a span{margin: 0;}
		form.newsletter,div.search_f .search-inner{margin: 0;border: none;}
		.module.search_f input.search-query{ width:183px;}
		form.newsletter input{ min-height:24px;}
		.quicklink ul li a{font-size: 100%;}
		
	.theme2 .inner-item{margin: 0 10px 10px 0;}
	.slideshow.theme5 .sl-control{left: 5%;width:35%;}
		.slideshow.theme5 .sl-control .pag-list{left: 26%;}
		.slideshow.theme5 .sl-item .sl-item-info{width:37%;}
		.slideshow.theme5 .sl-item .sl-item-info{top: 30%;}
		.slideshow.theme5 .sl-item .sl-item-info{ left:4%;}
		.slideshow.theme5 .sl-control .pag-list{padding: 0;bottom: 10px;box-sizing: border-box;}
	
	/*--- SJ Meganews ---*/
	.mgi-wrap{overflow: visible;}
	.mgi-wrap .mgi-box{overflow: visible;}
	.mgi-wrap .item-wrap{overflow: visible;}
	.mgi-wrap .mgi-box{margin-bottom: 20px;}
	.mgi-wrap .item-wrap.first .item_info{margin-top:70%;}
	.mgi-wrap .item-wrap:hover{background: none;}
	
	.module.basic_topic div.theme4 .post .item_inner{padding: 0 5px;}
	.module.basic_topic .post .bsn-image{margin: 0;}
	div.theme4 .post .bsn-image{float: none;display: block;margin: 0;}
	.bsn-wrap .bsn-image img{width:100%;}
	div.theme6.bsn-wrap .view{display: table-row;text-align: left;margin: 0;}
	
	.module_meganews .mgi-wrap .item-wrap .item-image{left: 0;}
	
	/* RTL Languages*/
	.rtl div.theme6.bsn-wrap .view{text-align: right;}
	.rtl .module.basic_topic h3{padding: 4px 105px 7px 0;}
	.rtl .group-footnav:before{background-position: -26px 0px;}
	
	/*--popup login--*/
	div.modal.fade.in{ top:30%;}
	#myLogin{ 
		max-width:90%;
		background:#fff;
		padding-left:5%;
	}
	form#login-form{ text-align:left;}
	#yt_footer #position-13{ height:auto !important; margin-bottom:70px;}
}
/*----------------------------------------------------------------------*/
@media (max-width: 479px){
	/* ---  Overide Module   --- */
	.module.basic_topic h3{ height:auto;}
	/*---- Content Category ----*/
	ul.related-items{ width:100% !important;}
	#contact-form dd input[type="text"], #contact-form dd input[type="email"]{ width:215px;}
	#contact-form dd textarea{ width:215px;}
	/*--popup login--*/
	div.modal.fade.in{ top:20%;}
	#myLogin{ 
		max-width:90%;
		background:#fff;
		padding-left:5%;
	}
	
	.published, .print-mail{ display:none !important;}
	#yt_component .component-inner{ padding:10px;}
	div.item-page{padding:0; font-size:90%;}
	.items-row .item, .items-leading > div.item{padding-left:5px;}
	.module.experts .img_exp{float: none;}
	
	.slideshow.theme5 .sl-control{left: 5%;width:90%;}
		.slideshow.theme5 .sl-control .pag-list{left: 40%;}
		.slideshow.theme5 .sl-item .sl-item-info{width:90%;}
		.slideshow.theme5 .sl-item .sl-item-info{top: 35%; display:none;}
		.slideshow.theme5 .sl-captions{ display:none;}
		.slideshow.theme5 .sl-control .inner-sl-control{ background:none;box-shadow:none;}
		.slideshow.theme5 .sl-control .pag-list{padding: 0;bottom: 0;box-sizing: border-box;}
		.slideshow.theme5 .sl-control{height:15%; bottom:0px; top:auto;}
	
	/*#yt_footer #position-13{ height:240px !important;}*/
	ul.yt-login-regis li{padding:0 4px;}
	ul.yt-login-regis li.yt-login{ margin-left:0px;}
	div.panel-form{ width:100%;}
}
/*----------------------------------------------------------------------
   Small Mobile  (480x320)
----------------------------------------------------------------------*/
@media (max-width: 320px){
	.style3 .control-button .page_title{font-size: 150%;}
	.alert-info{ padding:5px;}
	ul.list-condensed .list-date{ display:block; float:none;}
	div.module.bold h3.title, div.module_menu.bold h3.title{ margin:0px;}
	div.style-icon h3.title .icon{ margin:-4px -12px 0;}
	
}